/* [next]/internal/font/google/anuphan_7a314b3e.module.css [app-client] (css) */
@font-face {
  font-family: Anuphan;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/48a9130fde140ce9-s.p.2chmmw5jncpj5.woff2") format("woff2");
  unicode-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC;
}

@font-face {
  font-family: Anuphan;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/ffc44b9280bd8c49-s.32i82hrueyy96.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Anuphan;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/d6822c5fe006cdd5-s.1aj2xxlo5mdna.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Anuphan;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/41668b7e976a3c46-s.p.2vx-usavuz-_v.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Anuphan;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/48a9130fde140ce9-s.p.2chmmw5jncpj5.woff2") format("woff2");
  unicode-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC;
}

@font-face {
  font-family: Anuphan;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/ffc44b9280bd8c49-s.32i82hrueyy96.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Anuphan;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/d6822c5fe006cdd5-s.1aj2xxlo5mdna.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Anuphan;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/41668b7e976a3c46-s.p.2vx-usavuz-_v.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Anuphan;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/48a9130fde140ce9-s.p.2chmmw5jncpj5.woff2") format("woff2");
  unicode-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC;
}

@font-face {
  font-family: Anuphan;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/ffc44b9280bd8c49-s.32i82hrueyy96.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Anuphan;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/d6822c5fe006cdd5-s.1aj2xxlo5mdna.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Anuphan;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/41668b7e976a3c46-s.p.2vx-usavuz-_v.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Anuphan;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/48a9130fde140ce9-s.p.2chmmw5jncpj5.woff2") format("woff2");
  unicode-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC;
}

@font-face {
  font-family: Anuphan;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/ffc44b9280bd8c49-s.32i82hrueyy96.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Anuphan;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/d6822c5fe006cdd5-s.1aj2xxlo5mdna.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Anuphan;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/41668b7e976a3c46-s.p.2vx-usavuz-_v.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Anuphan Fallback;
  src: local(Arial);
  ascent-override: 101.32%;
  descent-override: 27.18%;
  line-gap-override: 0.0%;
  size-adjust: 101.17%;
}

.anuphan_7a314b3e-module__cLMbRW__className {
  font-family: Anuphan, Anuphan Fallback;
  font-style: normal;
}

.anuphan_7a314b3e-module__cLMbRW__variable {
  --font-thai: "Anuphan", "Anuphan Fallback";
}

/* [project]/src/app/globals.css [app-client] (css) */
:root {
  --gc-primary: #4e6af0;
  --gc-primary-ink: #3b54d4;
  --gc-primary-light: #6b83f5;
  --gc-primary-bg: #4e6af00f;
  --gc-pick-bg: #ff9f4329;
  --gc-pick-ink: #9a5504;
  --gc-vc-ink: #c8341a;
  --gc-vc-bg: #ee4d2d14;
  --gc-vc-fill: #c8341a;
  --gc-primary-bg-hover: #4e6af01a;
  --gc-canvas: #f0f2f8;
  --gc-surface: #fff;
  --gc-surface-hover: #f8f9fc;
  --gc-rail-ink: #1e2235;
  --gc-text: #1a1d2e;
  --gc-text-secondary: #646b79;
  --gc-text-muted: #828a99;
  --gc-hairline: #0000000f;
  --gc-hairline-hover: #0000001a;
  --gc-border: var(--border-color, #d1d5db);
  --gc-success: #28c76f;
  --gc-success-ink: #177a44;
  --gc-success-bg: #28c76f24;
  --gc-danger: #ea5455;
  --gc-danger-ink: #ce1819;
  --gc-danger-strong: #e32527;
  --gc-danger-bg: #ea545524;
  --gc-danger-on-tint: #ce1819;
  --gc-ai: #7c3aed;
  --gc-ai-ink: #6b4be0;
  --gc-ai-bg: #7c5cff1a;
  --gc-warning: #ff9f43;
  --gc-warning-ink: #ad5500;
  --gc-warning-bg: #ff9f4329;
  --gc-info: #00cfe8;
  --gc-info-ink: #007887;
  --gc-pink: #f35c86;
  --gc-pink-ink: #c2185b;
  --gc-pink-bg: #f35c8624;
  --gc-avatar-indigo: #3b54d4;
  --gc-avatar-indigo-soft: #4664f2;
  --gc-avatar-green: #1a8249;
  --gc-avatar-cyan: #007e8d;
  --gc-avatar-orange: #b45800;
  --gc-avatar-red: #ce1819;
  --gc-primary-on-tint: #3b54d4;
  --gc-primary-on-tint-2: var(--gc-primary-on-tint);
  --gc-warning-on-tint: var(--gc-pick-ink);
  --gc-text-secondary-on-tint: var(--gc-text-secondary);
  --gc-secondary: #6c757d;
  --gc-bubble-self: var(--gc-primary);
  --gc-bubble-self-text: #fff;
  --gc-bubble-other: var(--gc-surface);
  --gc-bubble-other-text: var(--gc-text);
  --gc-radius-sm: 6px;
  --gc-radius-md: 10px;
  --gc-radius-lg: 14px;
  --gc-radius-xl: 20px;
  --gc-radius-full: 9999px;
  --gc-ix-gutter: 12px;
  --gc-bubble-radius: 18px;
  --gc-bubble-tail: 4px;
  --gc-shadow-xs: 0 1px 2px #0000000a;
  --gc-shadow-sm: 0 1px 3px #0000000d;
  --gc-shadow-md: 0 4px 12px #00000014;
  --gc-shadow-lg: 0 8px 28px #0000001f;
  --gc-glow-primary: 0 2px 10px #4e6af052;
  --gc-focus-ring: 0 0 0 3px #4e6af01f;
  --gc-bubble-shadow: 0 1px 3px #0000000f;
  --gc-ease: cubic-bezier(.4, 0, .2, 1);
  --gc-duration-state: .18s;
  --gc-duration-panel: .28s;
  --gc-sidebar-w: 300px;
  --gc-side-w: 280px;
  --gc-ch-rail-w: 64px;
  --gc-info-w: 340px;
  --gc-font: var(--font-thai), system-ui, sans-serif;
  --gc-ai-soft: #f5f0ff;
  --gc-ai-line: #ddd0fb;
}

[data-theme="dark"] {
  --gc-primary-ink: #6d84f3;
  --gc-primary-bg: #4e6af024;
  --gc-pick-ink: #ff9f43;
  --gc-vc-ink: #ff7a5c;
  --gc-vc-bg: #ee4d2d29;
  --gc-primary-bg-hover: #4e6af033;
  --gc-canvas: #0f1123;
  --gc-surface: #1a1d30;
  --gc-surface-hover: #222540;
  --gc-ai-ink: #a78bfa;
  --gc-rail-ink: #0b0d1a;
  --gc-text: #e4e6f0;
  --gc-text-secondary: #82869c;
  --gc-text-muted: #666c8b;
  --gc-hairline: #ffffff0f;
  --gc-hairline-hover: #ffffff1a;
  --gc-success-ink: #28c76f;
  --gc-danger-ink: #ea5455;
  --gc-danger-on-tint: #ff8a8b;
  --gc-warning-ink: #ff9f43;
  --gc-info-ink: #00cfe8;
  --gc-pink-ink: #f35c86;
  --gc-pink-bg: #f35c862e;
  --gc-primary-on-tint: #7b90f5;
  --gc-primary-on-tint-2: #98a8f7;
  --gc-warning-on-tint: #ffb26b;
  --gc-text-secondary-on-tint: #a6aabd;
  --gc-success-bg: #28c76f2e;
  --gc-danger-bg: #ea54552e;
  --gc-warning-bg: #ff9f432e;
  --gc-shadow-xs: 0 1px 2px #00000026;
  --gc-shadow-sm: 0 1px 3px #0003;
  --gc-shadow-md: 0 4px 12px #0000004d;
  --gc-shadow-lg: 0 8px 28px #0006;
  --gc-bubble-shadow: 0 1px 3px #0003;
  --gc-ai-soft: #241d3d;
  --gc-ai-line: #3b3163;
}

.btn.btn-primary {
  --btn-bg: var(--gc-primary-ink);
  --btn-border-color: var(--gc-primary-ink);
  --btn-hover-bg: var(--gc-primary);
  --btn-hover-border-color: var(--gc-primary);
  --btn-active-bg: var(--gc-primary-ink);
  --btn-active-border-color: var(--gc-primary-ink);
  --btn-disabled-bg: var(--gc-primary-ink);
  --btn-disabled-border-color: var(--gc-primary-ink);
}

.text-primary {
  --primary-rgb: 59, 84, 212;
}

[data-theme="dark"] .text-primary {
  --primary-rgb: 109, 132, 243;
}

.btn.btn-outline-primary {
  --btn-color: var(--gc-primary-ink);
  --btn-border-color: var(--gc-primary-ink);
  --btn-hover-bg: var(--gc-primary-ink);
  --btn-hover-border-color: var(--gc-primary-ink);
}

[data-theme="dark"] .btn.btn-outline-primary {
  --btn-color: var(--gc-primary-on-tint);
  --btn-border-color: var(--gc-primary-on-tint);
  --btn-hover-bg: var(--gc-primary-on-tint);
  --btn-hover-border-color: var(--gc-primary-on-tint);
}

.text-danger {
  --danger-rgb: 206, 24, 25;
}

.text-success {
  --success-rgb: 23, 122, 68;
}

[data-theme="dark"] .text-danger {
  --danger-rgb: 234, 84, 85;
}

[data-theme="dark"] .text-success {
  --success-rgb: 40, 199, 111;
}

.gc-status-dot {
  border: 2px solid var(--gc-surface);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: inline-block;
}

.gc-status-online {
  background: var(--gc-success);
}

.gc-status-away {
  background: var(--gc-warning);
}

.gc-unread-badge {
  background: var(--gc-danger-strong);
  color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  font-size: .6875rem;
  font-weight: 600;
  display: inline-flex;
}

.chat-list-item {
  border-bottom: 1px solid var(--gc-hairline);
  cursor: pointer;
  color: inherit;
  padding: 12px 16px;
  text-decoration: none;
  transition: background .15s;
  display: block;
}

.chat-list-item:hover, .chat-list-item.active {
  background: var(--gc-primary-bg);
  color: inherit;
}

.chat-bubble {
  word-wrap: break-word;
  border-radius: 18px;
  max-width: 70%;
  margin-bottom: 3px;
  padding: 9px 14px;
}

.chat-bubble-other {
  background: var(--gc-bubble-other);
  color: var(--gc-text);
  box-shadow: var(--gc-shadow-xs);
  border-bottom-left-radius: 4px;
}

.chat-bubble-self {
  background: linear-gradient(180deg, var(--gc-primary), var(--gc-bubble-self));
  color: var(--gc-bubble-self-text);
  border-bottom-right-radius: var(--gc-bubble-tail);
  box-shadow: var(--gc-glow-primary);
  margin-left: auto;
}

.gc-turn {
  margin-top: 14px;
}

.chat-bubble-pending {
  opacity: .6;
}

.gc-audio {
  border-radius: 999px;
  width: 240px;
  max-width: 100%;
  height: 40px;
  display: block;
}

.chat-bubble-self .gc-audio {
  filter: brightness(.97);
}

.gc-video {
  background: #000;
  border-radius: 12px;
  width: 240px;
  max-width: 100%;
  max-height: 280px;
  display: block;
}

.gc-linkcard {
  color: inherit;
  border: 1px solid var(--gc-hairline);
  background: #00000009;
  border-radius: 12px;
  margin-top: 6px;
  padding: 8px 10px;
  text-decoration: none;
  display: block;
}

.gc-linkcard-title {
  font-size: .8125rem;
  font-weight: 600;
  display: block;
}

.gc-linkcard-host {
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 4px;
  margin-top: 2px;
  font-size: .6875rem;
  display: flex;
}

.gc-linkcard-note {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .75rem;
  line-height: 1.75;
  display: block;
}

.chat-bubble-self .gc-linkcard, .gc-ix-bubble.gc-self .gc-linkcard {
  background: #00000024;
  border-color: #ffffff47;
}

.chat-bubble-self .gc-linkcard-title, .chat-bubble-self .gc-linkcard-host, .chat-bubble-self .gc-linkcard-note, .gc-ix-bubble.gc-self .gc-linkcard-title, .gc-ix-bubble.gc-self .gc-linkcard-host, .gc-ix-bubble.gc-self .gc-linkcard-note {
  color: #fff;
}

.chat-bubble.gc-deleted {
  opacity: .72;
  text-decoration: line-through;
}

.chat-bubble.gc-deleted a, .chat-bubble.gc-deleted .gc-linkcard {
  text-decoration: none;
}

.chat-bubble.gc-unsupported {
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  border: 1.5px dashed var(--gc-hairline-hover);
  box-shadow: none;
}

.chat-bubble-self.gc-grp-first {
  border-bottom-right-radius: 6px;
}

.chat-bubble-self.gc-grp-mid {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.chat-bubble-self.gc-grp-last {
  border-top-right-radius: 6px;
}

.chat-bubble-other.gc-grp-first {
  border-bottom-left-radius: 6px;
}

.chat-bubble-other.gc-grp-mid {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.chat-bubble-other.gc-grp-last {
  border-top-left-radius: 6px;
}

.gc-reply-quote {
  opacity: .75;
  border-inline-start: 3px solid #0000002e;
  align-items: flex-start;
  margin-bottom: 4px;
  padding-inline-start: 8px;
  font-size: .8125rem;
  line-height: 1.5;
  display: flex;
}

.gc-reply-quote.on-self {
  border-inline-start-color: #ffffff80;
}

.gc-sticker-bubble .gc-reply-quote {
  opacity: 1;
  width: fit-content;
  max-width: 100%;
  color: var(--gc-text-secondary);
  box-shadow: none;
  background: #0000000e;
  border-inline-start-width: 2px;
  border-inline-start-color: #00000038;
  border-radius: 0 8px 8px 0;
  margin-bottom: 4px;
  padding: 2px 8px;
  font-size: .75rem;
}

.chat-bubble-self.gc-sticker-bubble .gc-reply-quote {
  margin-inline-start: auto;
}

.gc-reply-quote-text {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.gc-msg-actions {
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  align-items: center;
  gap: 1px;
  padding-inline: 4px;
  transition: opacity .12s;
  display: flex;
  position: absolute;
  top: 4px;
}

.chat-bubble-other > .gc-msg-actions {
  inset-inline-start: 100%;
}

.chat-bubble-self > .gc-msg-actions {
  inset-inline-end: 100%;
}

.chat-bubble:hover > .gc-msg-actions, .gc-msg-actions:focus-within, .gc-msg-actions.gc-on {
  opacity: 1;
  pointer-events: auto;
}

.gc-ix-bubble.gc-other > .gc-msg-actions, .gc-ix-bare.gc-other > .gc-msg-actions {
  inset-inline-start: 100%;
}

.gc-ix-bubble.gc-self > .gc-msg-actions, .gc-ix-bare.gc-self > .gc-msg-actions {
  inset-inline-end: 100%;
}

.gc-ix-bubble:hover > .gc-msg-actions, .gc-ix-bare:hover > .gc-msg-actions {
  opacity: 1;
  pointer-events: auto;
}

.gc-ix-bare {
  display: inline-block;
  position: relative;
}

.gc-ix-bubble.gc-other > .gc-react-bar, .gc-ix-bare.gc-other > .gc-react-bar {
  inset-inline-start: 0;
}

.gc-ix-bubble.gc-self > .gc-react-bar, .gc-ix-bare.gc-self > .gc-react-bar {
  inset-inline-end: 0;
}

.gc-msg-action {
  width: 30px;
  height: 30px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1;
  transition: background-color .12s, color .12s;
  display: inline-flex;
}

.gc-msg-action:hover:not(:disabled) {
  color: var(--body-color);
  background: #00000012;
}

.gc-msg-action:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.gc-spin {
  animation: .7s linear infinite gcSpin;
  display: inline-block;
}

@keyframes gcSpin {
  to {
    transform: rotate(360deg);
  }
}

.gc-react-bar {
  z-index: 1050;
  background: var(--gc-surface);
  box-shadow: var(--gc-shadow-lg);
  border-radius: 999px;
  position: absolute;
  bottom: calc(100% + 6px);
}

.chat-bubble-other > .gc-react-bar {
  inset-inline-start: 0;
}

.chat-bubble-self > .gc-react-bar {
  inset-inline-end: 0;
}

.gc-react-row {
  gap: 2px;
  padding: 4px;
  display: flex;
}

.gc-react {
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: 1.25rem;
  line-height: 1;
  transition: background-color .12s, transform .12s;
  display: inline-flex;
}

.gc-react:hover:not(:disabled) {
  background: #0000000f;
  transform: scale(1.15);
}

.gc-react:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.gc-react-on {
  background: color-mix(in srgb, var(--gc-primary) 16%, transparent);
}

.chat-bubble > .gc-msg-more, .gc-ix-bubble > .gc-msg-more, .gc-ix-bare > .gc-msg-more {
  display: none;
}

.gc-press-backdrop {
  z-index: 1080;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  touch-action: none;
  background: #00000059;
  animation: .14s ease-out gc-press-in;
  position: fixed;
  inset: 0;
}

.chat-bubble.gc-pressed, .gc-ix-bubble.gc-pressed, .gc-ix-bare.gc-pressed {
  z-index: 1090;
  pointer-events: none;
  position: relative;
}

.gc-press-sheet {
  z-index: 1081;
  background: var(--gc-surface);
  box-shadow: var(--gc-shadow-lg);
  border-radius: 16px;
  animation: .16s ease-out gc-press-up;
  position: fixed;
  inset-inline: 12px;
  overflow: hidden;
}

.gc-press-sheet:focus {
  outline: none;
}

.gc-press-sep {
  background: #00000014;
  height: 1px;
}

.gc-press-sheet .gc-react-row {
  justify-content: space-between;
  padding: 6px 10px;
}

.gc-press-actions {
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.gc-press-action {
  cursor: pointer;
  min-height: 44px;
  color: var(--gc-text);
  background: none;
  border: 0;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 12px 4px 14px;
  font-size: .8125rem;
  line-height: 1.5;
  display: flex;
}

a.gc-press-action {
  color: var(--gc-text);
  text-decoration: none;
}

.gc-press-action i {
  font-size: 1.375rem;
  line-height: 1;
}

.gc-press-action:active:not(:disabled) {
  background: #0000000d;
}

.gc-press-action:disabled {
  color: var(--gc-text-secondary);
  opacity: .5;
  cursor: not-allowed;
}

@keyframes gc-press-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes gc-press-up {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (hover: none) {
  .gc-msg-actions, .gc-react-bar {
    display: none;
  }

  .chat-bubble, .gc-ix-bubble, .gc-ix-bare {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
  }

  .gc-ix-bubble, .gc-ix-bare {
    touch-action: pan-y;
  }

  .gc-react {
    width: 44px;
    height: 44px;
  }
}

.gc-drop-sheet {
  z-index: 1070;
  pointer-events: none;
  border: 2px dashed var(--gc-primary);
  background: var(--gc-surface);
  border-radius: 12px;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: center;
  align-items: center;
  column-gap: 12px;
  padding: 8px 16px;
  display: grid;
  position: fixed;
}

.gc-drop-sheet > i {
  color: var(--gc-primary);
  grid-row: span 2;
  font-size: 1.75rem;
}

.gc-drop-sheet.gc-no {
  border-color: var(--gc-danger);
}

.gc-drop-sheet.gc-no > i {
  color: var(--gc-danger-ink);
}

.gc-drop-title {
  color: var(--gc-text);
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-drop-detail {
  color: var(--gc-text-secondary);
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-swipe-reply {
  pointer-events: none;
  opacity: 0;
  z-index: 0;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  transition: opacity .12s;
  display: flex;
  position: absolute;
  top: 50%;
  right: -4px;
  transform: translateY(-50%)scale(.85);
}

.gc-swipe-reply-dot {
  background: var(--gc-primary-bg);
  width: 36px;
  height: 36px;
  color: var(--gc-primary-ink);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  transition: background .12s, color .12s, box-shadow .12s;
  display: flex;
}

.gc-swipe-reply-lbl {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-swipe-reply.gc-armed .gc-swipe-reply-dot {
  background: var(--gc-primary);
  color: #fff;
  box-shadow: 0 2px 8px #4e6af059;
}

.gc-swipe-reply.gc-armed .gc-swipe-reply-lbl {
  color: var(--gc-primary-ink);
}

.gc-swipe-reply.gc-blocked .gc-swipe-reply-dot {
  background: var(--gc-surface-hover);
  color: var(--gc-text-secondary);
}

.gc-swipe-reply.gc-blocked.gc-armed .gc-swipe-reply-dot {
  background: var(--gc-text-secondary);
  color: #fff;
  box-shadow: none;
}

.gc-swipe-reply.gc-blocked.gc-armed .gc-swipe-reply-lbl {
  color: var(--gc-text-secondary);
}

.gc-ix-bubble-wrap .gc-ix-bubble.gc-swipe-hint {
  transition: transform .3s !important;
  transform: translateX(-44px) !important;
}

.gc-ix-bubble-wrap .gc-ix-bubble.gc-swiping, .gc-ix-bubble-wrap .gc-ix-bare.gc-swiping {
  --gc-swipe-x: 0px;
  transform: translateX(var(--gc-swipe-x)) !important;
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .gc-msg-actions, .gc-msg-action, .gc-react {
    transition: none;
  }

  .gc-react:hover:not(:disabled) {
    transform: none;
  }

  .gc-press-backdrop, .gc-press-sheet {
    animation: none;
  }
}

.gc-reaction {
  bottom: -10px;
  background: var(--gc-surface);
  border-radius: 999px;
  align-items: center;
  gap: 2px;
  padding: 1px 5px;
  font-size: .75rem;
  line-height: 1.3;
  display: flex;
  position: absolute;
  inset-inline-end: 8px;
  box-shadow: 0 1px 3px #0003;
}

.gc-reaction-mine {
  opacity: .85;
  border-inline-start: 1px solid #0000001f;
  padding-inline-start: 3px;
}

.gc-reaction-mine:first-child {
  border-inline-start: 0;
  padding-inline-start: 0;
}

.gc-msg-indent {
  margin-left: calc(32px + var(--spacer-2, .5rem));
}

.gc-day {
  text-align: center;
  color: var(--gc-text-secondary);
  margin: 14px 0 10px;
  font-size: .6875rem;
}

.gc-day span {
  background: var(--gc-surface);
  box-shadow: var(--gc-shadow-xs);
  border-radius: 999px;
  padding: 2px 12px;
}

.gc-win-chip {
  white-space: nowrap;
  border-radius: 999px;
  padding: 3px 10px;
  font-size: .75rem;
}

.gc-win-chip.ok {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
}

.gc-win-chip.warn {
  background: var(--gc-warning-bg);
  color: var(--gc-warning-ink);
}

.gc-win-chip.off {
  background: var(--gc-danger-bg);
  color: var(--gc-danger-ink);
}

.chat-input-area {
  border-top: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  padding: 8px 12px;
}

.gc-standby-panel {
  text-align: center;
  padding: 22px 18px;
}

.gc-standby-panel h6 {
  margin: 0 0 4px;
  font-weight: 700;
}

.gc-standby-panel p {
  color: var(--gc-text-secondary);
  max-width: 44ch;
  margin: 0 0 14px;
  margin-inline: auto;
}

.gc-panel-icon {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 10px;
  font-size: 1.375rem;
  display: inline-flex;
}

.gc-graph-error {
  color: var(--gc-danger-ink);
  text-align: start;
  background: #0000000d;
  border-radius: 8px;
  padding: 8px 10px;
  font-family: monospace;
  font-size: .75rem;
  display: inline-block;
}

.gc-sys-line {
  text-align: center;
  color: var(--gc-text-secondary);
  margin: 10px 0;
  font-size: .6875rem;
}

.gc-sys-line span {
  background: var(--gc-surface);
  box-shadow: var(--gc-shadow-xs);
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 2px 12px;
  display: inline-flex;
}

.gc-standby-tag {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.chat-bubble-self.gc-standby-bubble {
  background: var(--gc-surface);
  color: var(--gc-text);
  box-shadow: none;
  border: 1.5px dashed var(--gc-hairline-hover);
}

.gc-min-width-0 {
  min-width: 0;
}

.gc-w-44px {
  width: 44px;
}

.gc-h-44px {
  height: 44px;
}

.gc-w-38px {
  width: 38px;
}

.gc-h-38px {
  height: 38px;
}

.gc-w-34px {
  width: 34px;
}

.gc-h-34px {
  height: 34px;
}

.chat-nav-rail {
  background: var(--gc-rail-ink);
  z-index: 10;
  flex-direction: column;
  align-items: center;
  width: 56px;
  min-width: 56px;
  height: 100dvh;
  padding: 12px 0;
  transition: width .3s, min-width .3s;
  display: flex;
  overflow: hidden;
}

.chat-nav-rail.expanded {
  align-items: stretch;
  width: 240px;
  min-width: 240px;
}

.chat-nav-rail .nav-rail-logo {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin: 0 auto 4px;
  padding: 6px 0;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.chat-nav-rail .nav-rail-logo img {
  object-fit: contain;
  width: auto;
  height: 40px;
}

.chat-nav-rail.expanded .nav-rail-logo {
  justify-content: flex-start;
  margin: 0 0 4px 16px;
}

.chat-nav-rail .nav-rail-header {
  color: #ffffff9e;
  white-space: nowrap;
  padding: 12px 16px 6px;
  font-size: .6875rem;
  font-weight: 600;
  display: none;
}

.chat-nav-rail.expanded .nav-rail-header {
  display: block;
}

.chat-nav-rail .nav-rail-item {
  color: #ffffff80;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 2px;
  padding: 0;
  font-size: 1.25rem;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.chat-nav-rail .nav-rail-item:hover {
  color: #fffc;
  background: #ffffff1a;
}

.chat-nav-rail .nav-rail-item.active {
  background: var(--gc-primary);
  color: #fff;
  box-shadow: var(--gc-glow-primary);
}

.chat-nav-rail .nav-rail-item i {
  text-align: center;
  flex-shrink: 0;
  width: 20px;
}

.chat-nav-rail .nav-rail-item .nav-rail-label {
  white-space: nowrap;
  color: inherit;
  margin-left: 12px;
  font-size: .8125rem;
  font-weight: 500;
  display: none;
}

.chat-nav-rail.expanded .nav-rail-item {
  border-radius: 8px;
  justify-content: flex-start;
  width: auto;
  height: 40px;
  margin: 0 10px 2px;
  padding: 0 12px;
}

.chat-nav-rail.expanded .nav-rail-item .nav-rail-label {
  display: inline;
}

.chat-nav-rail .nav-rail-item .nav-rail-badge {
  background: var(--gc-danger-strong);
  color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
  position: absolute;
  top: 4px;
  right: 4px;
}

.chat-nav-rail.expanded .nav-rail-item .nav-rail-badge {
  margin-left: auto;
  position: static;
}

.chat-nav-rail .nav-rail-toggle {
  color: #ffffff59;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 36px;
  margin: 0 auto 8px;
  transition: all .2s;
  display: flex;
}

.chat-nav-rail .nav-rail-toggle:hover {
  color: #ffffffb3;
  background: #ffffff0f;
}

.chat-nav-rail.expanded .nav-rail-toggle {
  justify-content: flex-end;
  width: auto;
  margin: 0 10px 8px;
  padding: 0 12px;
}

.chat-nav-rail .nav-rail-bottom {
  flex-direction: column;
  align-items: center;
  gap: 2px;
  margin-top: auto;
  display: flex;
}

.chat-nav-rail.expanded .nav-rail-bottom {
  align-items: stretch;
}

.chat-nav-rail .nav-rail-divider {
  background: #ffffff1a;
  height: 1px;
  margin: 6px 12px;
  display: none;
}

.chat-nav-rail.expanded .nav-rail-divider {
  display: block;
}

.chat-nav-rail .nav-rail-avatar {
  background: var(--gc-primary-ink);
  color: #fff;
  cursor: pointer;
  border: 2px solid #fff3;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
}

.chat-nav-rail .nav-rail-user-info {
  margin-left: 10px;
  display: none;
  overflow: hidden;
}

.chat-nav-rail .nav-rail-user-info .nav-rail-user-name {
  color: #fff;
  white-space: nowrap;
  font-size: .8125rem;
  font-weight: 600;
}

.chat-nav-rail .nav-rail-user-info .nav-rail-user-status {
  color: #ffffff9e;
  white-space: nowrap;
  font-size: .6875rem;
}

.chat-nav-rail.expanded .nav-rail-user-info {
  display: block;
}

.chat-nav-rail.expanded .nav-rail-user-row {
  align-items: center;
  margin: 0;
  padding: 8px 16px;
  display: flex;
}

.gc-shop-switch {
  flex-shrink: 0;
  margin-bottom: 8px;
  position: relative;
}

.gc-shop-btn {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 10px;
  align-items: center;
  width: 100%;
  padding: 4px 10px;
  transition: background .2s;
  display: flex;
}

.gc-shop-btn:hover {
  background: #ffffff14;
}

.gc-shop-btn-text {
  text-align: left;
  margin-left: 10px;
  display: none;
  overflow: hidden;
}

.gc-shop-label {
  color: #ffffff9e;
  font-size: .6875rem;
  line-height: 1.2;
  display: block;
}

.gc-shop-name {
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .875rem;
  font-weight: 600;
  display: block;
  overflow: hidden;
}

.gc-shop-caret {
  color: #ffffff8c;
  flex-shrink: 0;
  margin-left: auto;
  transition: transform .2s;
  display: none;
}

.gc-shop-caret.rotated {
  transform: rotate(180deg);
}

.chat-nav-rail.expanded .gc-shop-btn-text, .chat-nav-rail.expanded .gc-shop-caret {
  display: block;
}

.chat-nav-rail:not(.expanded) .gc-shop-btn {
  justify-content: center;
  padding: 4px 0;
}

.chat-nav-rail .gc-shop-menu {
  z-index: 1050;
  background: var(--gc-surface);
  min-width: 280px;
  max-width: 320px;
  box-shadow: var(--gc-shadow-lg);
  border-radius: 12px;
  padding: 6px;
  position: absolute;
  top: calc(100% + 6px);
  left: 8px;
  overflow: hidden;
}

.chat-nav-rail:not(.expanded) .gc-shop-menu {
  left: 56px;
}

.chat-nav-rail.gc-menu-open {
  overflow: visible;
}

.gc-shop-option {
  color: var(--gc-text);
  border-radius: 8px;
  align-items: center;
  padding: 10px 12px;
  text-decoration: none;
  transition: background .15s;
  display: flex;
}

.gc-shop-option.active {
  background: var(--gc-primary-bg-hover);
}

.gc-switching {
  z-index: 2000;
  background: var(--gc-surface);
  justify-content: center;
  align-items: center;
  animation: .12s ease-out gc-fade-in;
  display: flex;
  position: fixed;
  inset: 0;
}

.gc-switching-inner {
  text-align: center;
  max-width: 480px;
  padding: 24px;
}

.gc-switching-mark {
  margin-bottom: 20px;
  display: inline-flex;
  position: relative;
}

.gc-switching-logo {
  color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  font-size: 1.25rem;
  font-weight: 700;
  display: flex;
}

.gc-switching-ring {
  border: 2px solid var(--gc-primary);
  border-top-color: #0000;
  border-radius: 50%;
  animation: .8s linear infinite gcSpin;
  position: absolute;
  inset: -3px;
}

.gc-switching-title {
  color: var(--gc-text);
  font-weight: 600;
  line-height: 1.75;
}

.gc-switching-sub {
  color: var(--gc-text-secondary);
  margin-top: 4px;
  font-size: .875rem;
  line-height: 1.75;
}

@keyframes gc-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-switching, .gc-switching-ring {
    animation: none;
  }

  .chat-nav-rail, .chat-nav-rail.expanded {
    transition: none;
  }
}

.gc-composer {
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  border-radius: 12px;
  padding: 10px 12px;
}

.gc-composer:focus-within {
  border-color: var(--gc-primary);
  box-shadow: var(--gc-focus-ring);
}

.gc-composer-input {
  resize: none;
  background: none;
  border: 0;
  outline: 0;
  width: 100%;
  max-height: 160px;
  font-size: .875rem;
  line-height: 1.7;
  overflow-y: auto;
}

.gc-composer-input::placeholder {
  color: var(--gc-text-muted);
}

.gc-composer-input:disabled {
  cursor: not-allowed;
  background: none;
}

.gc-popover {
  z-index: 1050;
  background: var(--gc-surface);
  box-shadow: var(--gc-shadow-lg);
  border-radius: 12px;
  min-width: 260px;
  max-height: min(320px, 100dvh - 176px);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 0;
  overflow-y: auto;
}

.gc-popover-wide {
  width: 420px;
  min-width: 0;
  max-width: calc(100vw - 24px);
  max-height: min(440px, 100dvh - 176px);
}

.gc-popover-down {
  top: calc(100% + 8px);
  bottom: auto;
}

.chat-input-area .gc-composer-menu {
  top: auto;
  bottom: calc(100% + 8px);
  z-index: 1050;
  max-height: min(320px, 100dvh - 176px);
  position: absolute;
  inset-inline: 12px auto;
  overflow-y: auto;
}

@media (max-width: 991.98px) {
  .chat-input-area .gc-composer-menu {
    min-width: 0;
    inset-inline-end: 12px;
  }
}

.gc-emoji-grid {
  grid-template-columns: repeat(10, 1fr);
  gap: 2px;
  padding: 8px;
  display: grid;
}

.gc-emoji {
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  padding: 6px;
  font-size: 1.25rem;
  line-height: 1;
}

.gc-emoji:hover {
  background: #0000000f;
}

.gc-sticker-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  display: grid;
}

.gc-sticker {
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  display: flex;
}

.gc-sticker:hover {
  background: #0000000f;
}

.gc-sticker img {
  width: 100%;
  height: auto;
  display: block;
}

.gc-cmd-menu {
  max-height: 320px;
  line-height: 1.5;
  bottom: calc(100% + 8px);
  left: 0;
  right: 0;
  overflow-y: auto;
  --dropdown-padding-y: 0 !important;
  --dropdown-item-padding-y: 6px !important;
  --dropdown-item-padding-x: 12px !important;
  --dropdown-header-padding-y: 6px !important;
  --dropdown-header-padding-x: 12px !important;
}

.gc-cmd-menu > .dropdown-header {
  z-index: 1;
  background: var(--dropdown-bg);
  border-bottom: 1px solid var(--dropdown-border-color);
  position: sticky;
  top: 0;
}

.gc-cmd-menu > .dropdown-item {
  scroll-margin-block-start: 32px;
}

.gc-cmd-icon {
  flex-shrink: 0;
  width: 18px;
  margin-inline-end: 8px;
  font-size: 1rem;
  line-height: 1.5;
}

.gc-sticker-cats {
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
  display: grid;
}

.gc-sticker-cat {
  text-align: start;
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.6;
}

.gc-sticker-cat:hover {
  filter: brightness(1.08);
}

.gc-sticker-bubble {
  margin-top: 8px;
  box-shadow: none !important;
  background: none !important;
  padding: 0 !important;
}

@media (max-width: 991.98px) {
  .gc-popover, .gc-popover-wide {
    min-width: 0;
    left: 0;
    right: 0;
  }

  .gc-emoji-grid {
    grid-template-columns: repeat(8, 1fr);
  }

  .chat-sidebar-header .btn-icon, .chat-main .btn-icon, .chat-info-panel .btn-icon, .gc-composer .btn-icon, .gc-page-head .btn-icon, .gc-page-body .btn-icon {
    min-width: 44px;
    min-height: 44px;
  }

  .chat-sidebar-tabs .nav-link, .chat-sidebar-tabs .gc-group-btn, .chat-sidebar-header .btn {
    min-height: 44px;
  }

  .gc-standby-panel .btn {
    width: 100%;
    min-height: 44px;
  }

  .gc-page-head .btn:not(.btn-link), .gc-page-body .btn:not(.btn-link), form .btn-primary:not(.btn-sm), form .btn-light:not(.btn-sm), .chat-nav-rail .nav-rail-item, .chat-nav-rail .nav-rail-toggle, .chat-nav-rail .gc-shop-btn, .gc-page-body .form-control-sm, .gc-page-body .form-select-sm, .gc-page-body .form-select, .gc-page-body .form-control {
    min-height: 44px;
  }

  .gc-page-body .form-check {
    align-items: center;
    min-height: 44px;
    display: flex;
  }
}

.content-inner.gc-content-full {
  overflow: hidden;
}

.content-inner {
  --gc-page-head-h: 0px;
}

@media (min-width: 992px) {
  .page-header.gc-page-head-sticky {
    z-index: 3;
    position: sticky;
    top: 0;
  }
}

.content.gc-content-flush {
  flex: 1;
  min-height: 0;
  padding: 0;
  display: flex;
}

.gc-w-48px {
  width: 48px;
}

.gc-h-48px {
  height: 48px;
}

.gc-warn-band {
  background: var(--gc-warning-bg);
}

.gc-warn-icon, .gc-warn-ink {
  color: var(--gc-warning-ink);
}

.badge.gc-warn-ink {
  --badge-color: var(--gc-warning-ink);
  color: var(--gc-warning-ink);
}

.gc-person-row.gc-selected {
  background: var(--gc-primary-bg);
  box-shadow: inset 3px 0 0 var(--gc-primary);
}

.gc-people-scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.gc-field-label {
  width: 116px;
}

.gc-sidebar-backdrop {
  z-index: 98;
  background: #10182873;
  border: 0;
  padding: 0;
  position: fixed;
  inset: 0;
}

.chat-sidebar {
  width: var(--gc-sidebar-w);
  min-width: var(--gc-sidebar-w);
  background: var(--gc-surface);
  border-right: 1px solid var(--gc-hairline);
  flex-direction: column;
  height: 100%;
  display: flex;
}

.chat-main {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  height: 100%;
  display: flex;
}

.chat-info-panel {
  background: var(--gc-surface);
  border-left: 1px solid var(--gc-hairline);
  flex-direction: column;
  width: 272px;
  min-width: 272px;
  height: 100%;
  display: flex;
  overflow-y: auto;
}

.chat-messages {
  background: var(--gc-canvas);
  flex: 1;
  padding: 16px;
  overflow-y: auto;
}

.chat-list-scroll {
  flex: 1;
  overflow-y: auto;
}

.chat-sidebar-header {
  border-bottom: 1px solid var(--gc-hairline);
  padding: 10px 12px;
}

.gc-ch-pills {
  background: var(--gc-canvas);
  border-radius: 999px;
  gap: 4px;
  padding: 3px;
  display: flex;
}

.gc-ch-pill {
  color: var(--gc-secondary);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.6;
  display: flex;
}

.gc-ch-pill:hover {
  background: #0000000d;
}

.gc-ch-pill.active {
  background: var(--gc-surface);
  color: var(--gc-text);
  box-shadow: var(--gc-shadow-xs);
  font-weight: 600;
}

.gc-ch-pill i {
  font-size: 1rem;
}

.gc-filter-panel {
  width: calc(var(--gc-sidebar-w, 300px) - 24px);
  max-width: calc(100vw - 32px);
  top: 100%;
  left: auto;
  right: 0;
}

.gc-ctx-menu {
  z-index: 1055;
  min-width: 232px;
  position: fixed;
}

.chat-sidebar-tabs {
  border-bottom: 1px solid var(--gc-hairline);
}

.gc-page-body .form-text {
  max-width: 62ch;
}

.gc-page-body .form-check.d-flex {
  padding-left: 0;
}

.gc-hours-row {
  max-width: 560px;
}

.gc-ch-logo {
  color: #fff;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 1.375rem;
  display: flex;
}

.gc-ch-state {
  flex-shrink: 0;
  width: 190px;
}

.gc-ch-actions {
  flex-shrink: 0;
  gap: 6px;
  display: flex;
}

.list-group-item.gc-ch-pick {
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  display: flex;
}

.gc-ch-pick.soon .gc-ch-logo {
  filter: grayscale();
  opacity: .55;
}

.gc-ch-pick.soon .gc-ch-name {
  color: var(--gc-secondary);
}

.gc-ch-caps {
  color: var(--gc-text-secondary);
  margin: 0;
  padding: 0;
  font-size: .75rem;
  list-style: none;
}

.gc-ch-caps li {
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.gc-ch-caps i {
  flex-shrink: 0;
  margin-top: .35rem;
  font-size: .875rem;
}

.gc-dot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: inline-block;
}

.gc-dot.ok {
  background: var(--gc-success-ink);
}

.gc-dot.warn {
  background: var(--gc-warning-ink);
}

.gc-dot.bad {
  background: var(--gc-danger);
}

@media (max-width: 991.98px) {
  .chat-nav-rail {
    visibility: hidden;
    width: 260px;
    min-width: 260px;
    box-shadow: none;
    padding: 12px 0;
    transition: transform .3s, visibility 0s linear .3s;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
  }

  .chat-nav-rail.expanded {
    visibility: visible;
    transition: transform .3s, visibility;
    transform: none;
    box-shadow: 4px 0 20px #0000004d;
  }

  .chat-nav-rail.expanded.gc-rail-auto {
    visibility: hidden;
    box-shadow: none;
    transition: none;
    transform: translateX(-100%);
  }

  .chat-sidebar {
    width: 100%;
    min-width: 100%;
  }

  .chat-sidebar.d-none-mobile, .chat-main.d-none-mobile {
    display: none !important;
  }

  .chat-info-panel {
    border-left: 0;
    width: 100%;
    min-width: 100%;
  }

  .chat-info-panel.d-none-mobile {
    display: none !important;
  }

  .chat-info-panel .gc-info-head {
    z-index: 1;
    background: var(--gc-surface);
    border-bottom: 1px solid var(--gc-hairline);
    position: sticky;
    top: 0;
  }

  .gc-ch-row {
    flex-wrap: wrap;
    row-gap: 6px;
  }

  .gc-ch-state, .gc-ch-actions {
    width: 100%;
    padding-left: 52px;
  }

  .list-group-item.gc-ch-pick {
    flex-wrap: wrap;
  }

  .gc-ch-pick > .btn, .gc-ch-pick > a.btn {
    width: 100%;
    margin-left: 52px;
  }
}

.gc-rail-backdrop {
  z-index: 9;
  background: #10182873;
  border: 0;
  padding: 0;
  position: fixed;
  inset: 0;
}

:root {
  --gc-font: var(--font-thai), system-ui, sans-serif;
}

html, body, button, input, textarea, select, optgroup, .form-control, .form-select, .btn, .card, .dropdown-menu, .nav-link, .navbar, .modal, .offcanvas, .list-group-item, .badge, .alert, .table, h1, h2, h3, h4, h5, h6 {
  font-family: var(--gc-font) !important;
}

[class*="ph-"], [class^="ph-"] {
  font-family: Phosphor !important;
}

.icon, code, kbd, pre, samp, .font-monospace {
  font-family: revert !important;
}

body {
  letter-spacing: normal;
  line-height: 1.7;
}

.gc-wrap {
  overflow-wrap: anywhere;
  word-break: normal;
}

.gc-conn {
  text-align: center;
  background: var(--gc-warning-ink);
  color: #fff;
  flex-shrink: 0;
  padding: .375rem 1rem;
  font-size: .8125rem;
}

.gc-meta {
  color: var(--gc-text-secondary);
}

.chat-nav-rail .nav-rail-item:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.chat-nav-rail .nav-rail-soon {
  display: none;
}

.chat-nav-rail.expanded .nav-rail-soon {
  color: #ffffff9e;
  white-space: nowrap;
  margin-left: auto;
  margin-right: 12px;
  font-size: .625rem;
  display: inline;
}

.chat-sidebar-tabs .nav-link {
  white-space: nowrap;
  padding-left: .5rem !important;
  padding-right: .5rem !important;
}

.chat-sidebar-tabs > ul {
  min-width: 0;
}

.gc-group-btn {
  max-width: 116px;
  overflow: hidden;
}

.gc-group-btn > span {
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
  max-width: 62px;
  display: inline-block;
  overflow: hidden;
}

.gc-group-menu {
  min-width: 220px;
  max-width: calc(var(--gc-sidebar-w) - 16px);
  max-height: 320px;
  top: 100%;
  left: auto;
  right: 0;
  overflow-y: auto;
}

.gc-tag-chip {
  max-width: 130px;
}

@media (hover: none) {
  .gc-tag-chip .btn-close {
    --btn-close-width: 10px;
    --btn-close-height: 10px;
    --btn-close-padding-x: 17px;
    --btn-close-padding-y: 17px;
  }
}

.gc-file-grid {
  gap: var(--spacer-1);
  grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
  display: grid;
}

.gc-file-grid img {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 6px;
  width: 100%;
  display: block;
}

.gc-file-tile {
  aspect-ratio: 1;
  background: var(--gray-100);
  color: var(--gray-600);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gc-shop-btn {
  color: #ffffffbf;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 8px;
  display: flex;
}

.gc-shop-btn:hover {
  color: #fff;
  background: #ffffff1a;
}

.gc-shop-avatar {
  background: var(--gc-primary-ink);
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: .8125rem;
  font-weight: 600;
  display: flex;
}

.gc-user-avatar {
  background: #fff3;
  margin-right: 10px;
}

.gc-shop-text {
  flex: 1;
  min-width: 0;
}

.gc-rotated {
  transform: rotate(180deg);
}

.gc-shop-list {
  background: #0003;
  border-radius: 8px;
  margin-top: 4px;
  overflow: hidden;
}

.gc-shop-option {
  color: #ffffffbf;
  text-align: left;
  background: none;
  border: 0;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  display: flex;
}

.gc-shop-option:hover {
  color: #fff;
  background: #ffffff1a;
}

.gc-shop-option.active {
  background: var(--gc-primary-ink);
  color: #fff;
}

.sidebar-main-resized .gc-shop-btn, .sidebar-main-resized .gc-shop-list {
  justify-content: center;
}

.sidebar-main-resized .gc-shop-list {
  display: none;
}

.gc-danger-ink {
  color: var(--gc-danger-ink);
}

.badge.gc-danger-ink {
  --badge-color: var(--gc-danger-ink);
  color: var(--gc-danger-ink);
}

.gc-danger-band {
  background: var(--gc-danger-bg);
}

.gc-urgent {
  box-shadow: inset 3px 0 0 var(--gc-danger-ink);
}

:root {
  --gc-ai: #7c3aed;
  --gc-ai-soft: #f5f0ff;
  --gc-ai-line: #ddd0fb;
}

.gc-ai-draft {
  border: 1px solid var(--gc-ai-line);
  background: var(--gc-ai-soft);
  border-radius: 14px;
  margin-bottom: .5rem;
  padding: .625rem 2rem .625rem .75rem;
  position: relative;
}

.gc-ai-draft-handoff {
  background: var(--gc-warning-bg);
  color: var(--gc-warning-ink);
  border-color: #ff9f4373;
}

.gc-ai-draft-close {
  top: .5rem;
  font-size: .625rem;
  position: absolute;
  inset-inline-end: .5rem;
}

.gc-ai-draft-text {
  line-height: 1.75;
}

.gc-ai-tag {
  border: 1px solid var(--gc-ai-line);
  background: var(--gc-surface);
  color: var(--gc-ai);
  border-radius: 99px;
  align-items: center;
  padding: .0625rem .5rem;
  font-size: .6875rem;
  font-weight: 600;
  display: inline-flex;
}

.gc-ai-tag-ask {
  color: var(--gc-warning-ink);
  border-color: #ff9f4380;
}

.gc-app {
  background: var(--gc-canvas);
  height: 100dvh;
  color: var(--gc-text);
  -webkit-font-smoothing: antialiased;
  display: flex;
  overflow: hidden;
}

.gc-app ::-webkit-scrollbar {
  width: 5px;
}

.gc-app ::-webkit-scrollbar-track {
  background: none;
}

.gc-app ::-webkit-scrollbar-thumb {
  background: var(--gc-text-muted);
  border-radius: var(--gc-radius-sm);
}

.gc-app ::-webkit-scrollbar-thumb:hover {
  background: var(--gc-text-secondary);
}

.gc-nav-rail {
  background: var(--gc-rail-ink);
  z-index: 20;
  width: 68px;
  min-width: 68px;
  height: 100dvh;
  transition: width .28s var(--gc-ease),min-width .28s var(--gc-ease);
  flex-direction: column;
  align-items: center;
  padding: 14px 0;
  display: flex;
  overflow: hidden;
}

.gc-nav-rail.gc-expanded {
  width: var(--gc-side-w);
  min-width: var(--gc-side-w);
  align-items: stretch;
}

.gc-nav-rail-logo {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin: 0 auto 6px;
  padding: 2px 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.gc-nav-rail-logo img.gc-logo-icon {
  object-fit: contain;
  width: auto;
  height: 34px;
}

.gc-nav-rail-logo img.gc-logo-full {
  width: auto;
  height: 32px;
  margin-left: 8px;
  display: none;
}

.gc-nav-rail.gc-expanded .gc-nav-rail-logo {
  justify-content: flex-start;
  margin: 0 0 6px 16px;
}

.gc-nav-rail.gc-expanded .gc-logo-icon {
  display: none;
}

.gc-nav-rail.gc-expanded .gc-logo-full {
  height: 34px;
  display: block;
}

.gc-nav-rail-toggle {
  border-radius: var(--gc-radius-sm);
  color: #ffffff40;
  cursor: pointer;
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 32px;
  margin: 0 auto 8px;
  transition: all .2s;
  display: flex;
}

.gc-nav-rail-toggle:hover {
  color: #fff9;
  background: #ffffff0f;
}

.gc-nav-rail.gc-expanded .gc-nav-rail-toggle {
  justify-content: flex-end;
  width: auto;
  margin: 0 10px 8px;
  padding: 0 12px;
}

.gc-nav-sec {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff3;
  padding: 14px 16px 4px;
  font-size: .6rem;
  font-weight: 700;
  display: none;
}

.gc-nav-rail.gc-expanded .gc-nav-sec {
  display: block;
}

.gc-nav-item {
  border-radius: var(--gc-radius-md);
  color: #fff6;
  cursor: pointer;
  width: 40px;
  height: 40px;
  transition: all .18s var(--gc-ease);
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-bottom: 2px;
  font-size: 1.15rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.gc-nav-item:hover {
  color: #fffc;
  background: #ffffff12;
}

.gc-nav-item.active {
  background: var(--gc-primary);
  color: #fff;
  box-shadow: 0 2px 10px #4e6af066;
}

.gc-nav-item i {
  text-align: center;
  flex-shrink: 0;
  width: 20px;
}

.gc-nav-item .gc-nav-label {
  white-space: nowrap;
  color: inherit;
  margin-left: 12px;
  font-size: .8rem;
  font-weight: 500;
  display: none;
}

.gc-nav-rail.gc-expanded .gc-nav-item {
  border-radius: var(--gc-radius-sm);
  justify-content: flex-start;
  width: auto;
  height: 38px;
  margin: 0 10px 2px;
  padding: 0 12px;
}

.gc-nav-rail.gc-expanded .gc-nav-item .gc-nav-label {
  display: inline;
}

.gc-nav-rail.gc-expanded .gc-nav-item.active {
  box-shadow: none;
}

.gc-nav-badge {
  border-radius: var(--gc-radius-full);
  background: var(--gc-danger);
  color: #fff;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  font-size: 9px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 2px;
  right: 2px;
  overflow: hidden;
}

.gc-nav-badge.gc-nav-badge-text {
  display: none;
}

.gc-nav-rail.gc-expanded .gc-nav-badge {
  margin-left: auto;
  position: static;
}

.gc-nav-rail.gc-expanded .gc-nav-badge.gc-nav-badge-text {
  display: flex;
}

.gc-nav-bottom {
  flex-direction: column;
  align-items: center;
  gap: 2px;
  margin-top: auto;
  display: flex;
}

.gc-nav-rail.gc-expanded .gc-nav-bottom {
  align-items: stretch;
}

.gc-nav-divider {
  background: #ffffff12;
  height: 1px;
  margin: 6px 14px;
  display: none;
}

.gc-nav-rail.gc-expanded .gc-nav-divider {
  display: block;
}

:root {
  --gc-pr-av-1: #3b54d4;
  --gc-pr-av-2: #177a44;
  --gc-pr-av-3: #ad5500;
  --gc-pr-av-4: #c2185b;
  --gc-pr-av-5: #6b4be0;
  --gc-pr-av-6: #ce1819;
  --gc-pr-av-off: #646b79;
}

.gc-nav-item .gc-nav-badge.gc-pr-count {
  color: #28c76f;
  background: #28c76f2e;
}

.gc-nav-item .ph-broadcast.gc-pr-ico {
  color: var(--gc-success);
}

.gc-nav-item.gc-nav-item-live:not(.active) i {
  color: var(--gc-danger);
}

.gc-pr-pop .gc-pr-ico {
  color: var(--gc-success-ink);
}

.gc-pr-dot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 9px;
  height: 9px;
  display: inline-block;
}

.gc-pr-dot[data-s="online"], .gc-pr-ring[data-s="online"] {
  background: var(--gc-success);
}

.gc-pr-dot[data-s="busy"], .gc-pr-ring[data-s="busy"] {
  background: var(--gc-danger);
}

.gc-pr-dot[data-s="away"], .gc-pr-ring[data-s="away"] {
  background: var(--gc-warning);
}

.gc-pr-dot[data-s="offline"], .gc-pr-ring[data-s="offline"] {
  background: var(--gc-text-muted);
}

.gc-pr-ring[data-s="idle"] {
  background: var(--gc-surface);
  box-shadow: inset 0 0 0 2px var(--gc-success-ink);
}

.gc-pr-pop {
  z-index: 30;
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  width: 288px;
  box-shadow: var(--gc-shadow-lg);
  padding: 2px 0;
  font-size: .8rem;
  line-height: 1.75;
  position: fixed;
  overflow-y: auto;
}

.gc-pr-sec {
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 6px;
  padding: 9px 14px 4px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  display: flex;
}

.gc-pr-sec .gc-pr-n {
  margin-left: auto;
  font-weight: 600;
}

.gc-pr-hr {
  background: var(--gc-hairline);
  height: 1px;
  margin: 5px 0;
}

.gc-pr-sec.gc-pr-fold {
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  width: 100%;
  padding-bottom: 9px;
}

.gc-pr-sec.gc-pr-fold:hover {
  background: var(--gc-hairline);
}

.gc-pr-fold .gc-pr-ico {
  color: inherit;
}

.gc-pr-row {
  color: var(--gc-text);
  align-items: center;
  gap: 10px;
  padding: 6px 14px;
  display: flex;
}

.gc-pr-txt {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.gc-pr-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.75;
  overflow: hidden;
}

.gc-pr-role {
  color: var(--gc-text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  line-height: 1.75;
  overflow: hidden;
}

.gc-pr-off .gc-pr-av {
  background: var(--gc-pr-av-off) !important;
}

.gc-pr-off .gc-pr-av-img {
  opacity: .6;
}

.gc-pr-me {
  border-radius: var(--gc-radius-full);
  background: var(--gc-hairline);
  color: var(--gc-text-secondary);
  flex-shrink: 0;
  margin-left: auto;
  padding: 1px 8px;
  font-size: .72rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-pr-av {
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: .72rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  position: relative;
}

.gc-pr-av-img {
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.gc-pr-ring {
  border: 2.5px solid var(--gc-surface);
  border-radius: 50%;
  width: 11px;
  height: 11px;
  position: absolute;
  bottom: -1px;
  right: -1px;
}

.gc-pr-pick {
  cursor: pointer;
  width: 100%;
  color: var(--gc-text);
  text-align: start;
  background: none;
  border: none;
  align-items: center;
  gap: 9px;
  padding: 7px 14px;
  font-family: inherit;
  font-size: .8rem;
  line-height: 1.75;
  display: flex;
}

.gc-pr-pick:hover {
  background: var(--gc-surface-hover);
}

.gc-pr-hint {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-pr-check {
  color: var(--gc-primary-on-tint);
  margin-left: auto;
  font-size: 1rem;
}

.gc-pr-pick:not(.gc-on) .gc-pr-check {
  visibility: hidden;
}

.gc-pr-self {
  border-radius: var(--gc-radius-md);
  color: #ffffffe0;
  cursor: pointer;
  text-align: start;
  width: 40px;
  height: 40px;
  transition: background .18s var(--gc-ease);
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 4px auto 0;
  padding: 0;
  font-family: inherit;
  display: flex;
}

.gc-pr-self:hover {
  background: #ffffff12;
}

.gc-nav-rail.gc-expanded .gc-pr-self {
  border-radius: var(--gc-radius-sm);
  background: #ffffff0d;
  justify-content: flex-start;
  width: auto;
  height: auto;
  margin: 4px 10px 0;
  padding: 6px 10px;
}

.gc-nav-rail.gc-expanded .gc-pr-self:hover {
  background: #ffffff1a;
}

.gc-pr-self-av {
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: .68rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  position: relative;
}

.gc-pr-self-ring {
  border-color: var(--gc-rail-ink);
}

.gc-pr-self-txt {
  flex-direction: column;
  min-width: 0;
  display: none;
}

.gc-nav-rail.gc-expanded .gc-pr-self-txt {
  display: flex;
}

.gc-pr-self-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.5;
  overflow: hidden;
}

.gc-pr-self-st {
  color: #ffffffad;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  line-height: 1.5;
  overflow: hidden;
}

.gc-pr-self .gc-pr-caret {
  display: none;
}

.gc-nav-rail.gc-expanded .gc-pr-self .gc-pr-caret {
  opacity: .6;
  margin-left: auto;
  font-size: .8rem;
  display: block;
}

.gc-rcm {
  z-index: 1200;
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  box-shadow: var(--gc-shadow-lg);
  color: var(--gc-text);
  padding: 4px 0 8px;
  font-size: .8rem;
  line-height: 1.75;
  position: fixed;
  overflow-y: auto;
}

.gc-rcm-busy {
  opacity: .6;
  pointer-events: none;
}

.gc-rcm-head {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 9px 14px 6px;
  font-size: .8rem;
  font-weight: 700;
  line-height: 1.75;
  overflow: hidden;
}

.gc-rcm-acts {
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
  padding: 2px 12px 10px;
  display: grid;
}

.gc-rcm-act {
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  background: var(--gc-surface);
  height: 40px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.gc-rcm-act:hover:not(:disabled) {
  background: var(--gc-surface-hover);
  border-color: var(--gc-hairline-hover);
}

.gc-rcm-act i {
  font-size: 1.1rem;
}

.gc-rcm-act.gc-on {
  background: var(--gc-primary-bg);
  border-color: var(--gc-primary);
  color: var(--gc-primary-on-tint);
}

.gc-rcm-act:disabled {
  cursor: not-allowed;
}

.tooltip.gc-rcm-tip {
  --tooltip-zindex: 1210;
}

.gc-rcm-sec {
  color: var(--gc-text-secondary);
  padding: 8px 14px 5px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-rcm-empty {
  color: var(--gc-text-secondary);
  padding: 0 14px 6px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-rcm-hr {
  background: var(--gc-hairline);
  height: 1px;
  margin: 6px 0 2px;
}

.gc-rcm-chips {
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 14px 4px;
  display: flex;
}

.gc-rcm-chip {
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-full);
  background: var(--gc-surface);
  color: var(--gc-text);
  cursor: pointer;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  padding: 4px 11px;
  font-family: inherit;
  font-size: .75rem;
  line-height: 1.75;
  display: inline-flex;
}

.gc-rcm-chip:hover:not(:disabled) {
  background: var(--gc-surface-hover);
  border-color: var(--gc-hairline-hover);
}

.gc-rcm-chip.gc-on {
  background: var(--gc-primary-bg);
  border-color: var(--gc-primary);
  color: var(--gc-primary-on-tint);
  font-weight: 600;
}

.gc-rcm-chip.gc-rcm-good.gc-on {
  background: var(--gc-success-bg);
  border-color: var(--gc-success);
  color: var(--gc-success-ink);
}

.gc-rcm-chip:disabled {
  cursor: not-allowed;
}

.gc-rcm-chip .gc-rcm-tick {
  font-size: .85rem;
}

.gc-rcm-chip i {
  flex-shrink: 0;
}

.gc-rcm-row {
  cursor: pointer;
  width: 100%;
  color: var(--gc-text);
  text-align: start;
  background: none;
  border: none;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  font-family: inherit;
  font-size: .8rem;
  line-height: 1.75;
  display: flex;
}

.gc-rcm-row:hover:not(:disabled) {
  background: var(--gc-surface-hover);
}

.gc-rcm-row i {
  color: var(--gc-text-secondary);
  flex-shrink: 0;
  font-size: 1.05rem;
}

.gc-rcm-row > span:not(.gc-rcm-sw) {
  flex: 1;
}

.gc-rcm-row:disabled {
  cursor: not-allowed;
}

.gc-rcm-sw {
  border-radius: var(--gc-radius-full);
  background: var(--gc-text-muted);
  width: 34px;
  height: 20px;
  transition: background .18s var(--gc-ease);
  flex-shrink: 0;
  position: relative;
}

.gc-rcm-sw:after {
  content: "";
  width: 16px;
  height: 16px;
  transition: transform .18s var(--gc-ease);
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
  box-shadow: 0 1px 2px #00000040;
}

.gc-rcm-sw.gc-on {
  background: var(--gc-success);
}

.gc-rcm-sw.gc-on:after {
  transform: translateX(14px);
}

.gc-rcm-row.gc-danger, .gc-rcm-row.gc-danger i {
  color: var(--gc-danger-ink);
}

.gc-rcm-row.gc-danger:hover:not(:disabled) {
  background: var(--gc-danger-bg);
}

.gc-rcm-sub {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.75;
}

.gc-rcm .gc-rcm-out {
  flex-shrink: 0;
  margin-inline-start: auto;
  font-size: .9rem;
}

.gc-lang-btn {
  border-radius: var(--gc-radius-full);
  border: 1.5px solid var(--gc-hairline);
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  cursor: pointer;
  letter-spacing: .3px;
  padding: 2px 10px;
  font-family: inherit;
  font-size: .7rem;
  font-weight: 700;
  transition: all .18s;
}

.gc-lang-btn:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-nav-overlay {
  z-index: 15;
  background: #00000073;
  border: 0;
  padding: 0;
  display: none;
  position: fixed;
  inset: 0;
}

@media (max-width: 991.98px) {
  .gc-nav-overlay.show {
    display: block;
  }
}

.gc-view {
  flex: 1 !important;
  min-width: 0 !important;
  display: none !important;
  overflow: hidden !important;
}

.gc-view.gc-active {
  display: flex !important;
}

.gc-topbar {
  background: var(--gc-surface);
  border-bottom: 1px solid var(--gc-hairline);
  z-index: 5;
  align-items: center;
  padding: 14px 28px;
  display: flex;
  position: sticky;
  top: 0;
}

.gc-topbar-left {
  align-items: center;
  gap: 12px;
  display: flex;
}

.gc-topbar-page {
  border-radius: var(--gc-radius-full);
  border: 1px solid var(--gc-hairline);
  cursor: pointer;
  align-items: center;
  gap: 10px;
  padding: 5px 12px 5px 5px;
  transition: all .15s;
  display: flex;
}

.gc-topbar-page:hover {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-topbar-page-avatar {
  background: linear-gradient(135deg,var(--gc-primary),var(--gc-primary-light));
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: .75rem;
  font-weight: 700;
  display: flex;
  border-radius: 50% !important;
}

.gc-topbar-page-name {
  font-size: .8rem;
  font-weight: 600;
}

.gc-topbar-page-arrow {
  color: var(--gc-text-muted);
  font-size: .7rem;
}

.gc-topbar-right {
  align-items: center;
  gap: 6px;
  margin-left: auto;
  display: flex;
}

.gc-icon-btn {
  border-radius: var(--gc-radius-md);
  width: 36px;
  height: 36px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  transition: all .18s var(--gc-ease);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  font-size: 1.05rem;
  display: inline-flex;
  position: relative;
}

.gc-icon-btn:hover {
  background: var(--gc-primary-bg);
  color: var(--gc-primary);
}

.gc-icon-btn.active {
  background: var(--gc-primary);
  color: #fff;
}

.gc-ix-done-btn.active {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
}

.gc-ix-done-btn.active:hover {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
  box-shadow: inset 0 0 0 1.5px var(--gc-success-ink);
}

.gc-ix-hdr-danger:hover, .gc-ix-hdr-danger.active {
  background: var(--gc-danger-bg) !important;
  color: var(--gc-danger-ink) !important;
}

.gc-ix-hdr-danger.active:hover {
  box-shadow: inset 0 0 0 1.5px var(--gc-danger-ink) !important;
}

.gc-ix-hdr-sep {
  background: var(--gc-hairline);
  flex-shrink: 0;
  width: 1px;
  height: 20px;
  margin: 0 4px;
  display: inline-block;
}

.gc-icon-btn .gc-dot {
  background: var(--gc-danger);
  border: 2px solid var(--gc-surface);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 6px;
  right: 6px;
}

.gc-search-bar {
  background: var(--gc-canvas);
  border-radius: var(--gc-radius-full);
  border: 1.5px solid #0000;
  align-items: center;
  width: 220px;
  height: 36px;
  padding: 0 12px;
  transition: all .2s;
  display: flex;
}

.gc-search-bar:focus-within {
  border-color: var(--gc-primary);
  background: var(--gc-surface);
  box-shadow: 0 0 0 3px #4e6af01a;
}

.gc-search-bar i {
  color: var(--gc-text-muted);
  font-size: .9rem;
}

.gc-search-bar input {
  color: var(--gc-text);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  margin-left: 8px;
  font-family: inherit;
  font-size: .78rem;
}

.gc-search-bar input::placeholder {
  color: var(--gc-text-muted);
}

#view-inbox {
  --gc-side-w: 340px;
  flex-direction: column !important;
  height: 100dvh !important;
  display: none !important;
  overflow: hidden !important;
}

.gc-ix-body {
  flex-direction: row !important;
  flex: 1 !important;
  min-height: 0 !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
}

#view-inbox.gc-active {
  display: flex !important;
}

.gc-ix-left {
  width: calc(var(--gc-ch-rail-w) + var(--gc-side-w)) !important;
  background: var(--gc-surface) !important;
  flex-direction: column !important;
  flex-shrink: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  overflow: hidden !important;
}

.gc-ix-left-cols {
  flex: auto !important;
  min-height: 0 !important;
  display: flex !important;
  overflow: hidden !important;
}

.gc-ix-sidebar {
  width: var(--gc-side-w) !important;
  background: var(--gc-surface) !important;
  border-right: none !important;
  flex-direction: column !important;
  flex-shrink: 0 !important;
  min-width: 240px !important;
  max-width: 450px !important;
  height: 100% !important;
  display: flex !important;
  overflow: hidden !important;
}

.gc-ix-divider {
  cursor: col-resize;
  background: var(--gc-hairline);
  z-index: 3;
  touch-action: none;
  width: 5px;
  min-width: 5px;
  transition: background .15s;
  position: relative;
  flex-shrink: 0 !important;
}

.gc-ix-divider:hover, .gc-ix-divider.active {
  background: var(--gc-primary);
}

.gc-ix-divider:after {
  content: "";
  position: absolute;
  inset: 0 -4px;
}

.gc-ix-sidebar * {
  box-sizing: border-box;
}

.gc-ix-top-tabs {
  border-bottom: 2px solid var(--gc-hairline) !important;
  min-height: 48px !important;
  padding: 0 var(--gc-ix-gutter) !important;
  flex-shrink: 0 !important;
  align-items: flex-end !important;
  gap: 20px !important;
  display: flex !important;
}

.gc-ix-top-tab {
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  background: none !important;
  border: none !important;
  border-bottom: 2px solid #0000 !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: -2px !important;
  padding: 10px 0 !important;
  font-family: inherit !important;
  font-size: .8125rem !important;
  font-weight: 600 !important;
  transition: all .15s !important;
  display: flex !important;
}

.gc-ix-top-tab:hover {
  color: var(--gc-primary) !important;
}

.gc-ix-top-tab.active {
  color: var(--gc-primary) !important;
  border-bottom-color: var(--gc-primary) !important;
}

.gc-ch-rail {
  width: var(--gc-ch-rail-w) !important;
  min-width: var(--gc-ch-rail-w) !important;
  background: var(--gc-canvas) !important;
  border-right: 1px solid var(--gc-hairline) !important;
  scrollbar-width: none !important;
  flex-direction: column !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 2px !important;
  min-height: 0 !important;
  padding: 10px 0 !important;
  display: flex !important;
  overflow-y: auto !important;
}

.gc-ch-rail::-webkit-scrollbar {
  display: none;
}

.gc-ch-rail-sep {
  background: var(--gc-hairline) !important;
  flex-shrink: 0 !important;
  width: 22px !important;
  height: 1px !important;
  margin: 5px 0 !important;
}

.gc-ch-rail-item {
  --gc-ch: var(--gc-primary);
  appearance: none !important;
  font-family: inherit !important;
  font-size: inherit !important;
  border-radius: var(--gc-radius-md) !important;
  width: 52px !important;
  color: var(--gc-text-secondary) !important;
  transition: background .15s var(--gc-ease),color .15s var(--gc-ease),opacity .15s var(--gc-ease) !important;
  background: none !important;
  border: none !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 9px 2px !important;
  text-decoration: none !important;
  display: flex !important;
  position: relative !important;
}

.gc-ch-rail .gc-ch-messenger {
  --gc-ch: #1877f2;
}

.gc-ch-rail .gc-ch-line {
  --gc-ch: #06c755;
}

.gc-ch-rail .gc-ch-instagram {
  --gc-ch: #dd2a7b;
}

.gc-ch-rail .gc-ch-lazada {
  --gc-ch: #f57224;
}

.gc-ch-rail .gc-ch-shopee {
  --gc-ch: #ee4d2d;
}

.gc-ch-rail .gc-ch-tiktok {
  --gc-ch: #fe2c55;
}

.gc-ch-rail-item:hover {
  background: var(--gc-canvas) !important;
  color: var(--gc-text) !important;
  opacity: 1 !important;
}

.gc-ch-rail-item.active {
  background: color-mix(in srgb, var(--gc-ch) 16%, transparent) !important;
  color: var(--gc-ch) !important;
  opacity: 1 !important;
}

.gc-ch-rail-item.active:before {
  content: "" !important;
  background: var(--gc-ch) !important;
  border-radius: 0 3px 3px 0 !important;
  width: 3px !important;
  height: 30px !important;
  position: absolute !important;
  top: 50% !important;
  left: -6px !important;
  transform: translateY(-50%) !important;
}

.gc-ch-rail-idle {
  opacity: .72 !important;
}

.gc-ch-rail-mark {
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 38px !important;
  height: 38px !important;
  display: flex !important;
  position: relative !important;
}

.gc-ch-rail-logo {
  object-fit: cover !important;
  border-radius: 10px !important;
  width: 38px !important;
  height: 38px !important;
  display: block !important;
}

.gc-ix-chat-item.gc-cm-card {
  align-items: flex-start !important;
  gap: 11px !important;
}

.gc-cm-thumb {
  border-radius: var(--gc-radius-md) !important;
  background: var(--gc-canvas) !important;
  border: 1px solid var(--gc-hairline) !important;
  width: 48px !important;
  height: 48px !important;
  color: var(--gc-text-muted) !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: 1.1rem !important;
  display: flex !important;
  position: relative !important;
  overflow: visible !important;
}

.gc-cm-thumb img {
  object-fit: cover !important;
  border-radius: var(--gc-radius-md) !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.gc-cm-thumb-play {
  color: #fff !important;
  pointer-events: none !important;
  background: #0000008c !important;
  border-radius: 50% !important;
  justify-content: center !important;
  align-items: center !important;
  width: 20px !important;
  height: 20px !important;
  margin: auto !important;
  font-size: .6rem !important;
  display: flex !important;
  position: absolute !important;
  inset: 0 !important;
}

.gc-cm-ok {
  color: var(--gc-success) !important;
  vertical-align: -2px !important;
  margin-right: 2px !important;
  font-size: .85rem !important;
}

.gc-cm-body {
  flex-direction: column !important;
  flex: 1 !important;
  gap: 3px !important;
  min-width: 0 !important;
  display: flex !important;
}

.gc-cm-card .gc-ix-chat-top {
  align-items: flex-start !important;
}

.gc-cm-card .gc-ix-chat-name {
  color: var(--gc-text) !important;
  white-space: normal !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  font-size: .8125rem !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

.gc-cm-card .gc-ix-chat-time {
  padding-top: 2px !important;
}

.gc-cm-said {
  color: var(--gc-text-secondary) !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: .75rem !important;
  line-height: 1.6 !important;
  overflow: hidden !important;
}

.gc-cm-said b {
  color: var(--gc-text-secondary) !important;
  font-weight: 500 !important;
}

.gc-cm-badges {
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin-top: 1px !important;
  display: flex !important;
}

.gc-cm-badge {
  border-radius: var(--gc-radius-full) !important;
  white-space: nowrap !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 2px 8px !important;
  font-size: .66rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

.gc-cm-todo {
  color: var(--gc-danger) !important;
  background: #ea54551a !important;
}

.gc-cm-dm {
  color: #e8890c !important;
  background: #ff9f431f !important;
}

.gc-cm-dm i {
  font-size: .72rem !important;
}

.gc-ch-rail-all {
  background: var(--gc-hairline-hover) !important;
  color: var(--gc-text-secondary) !important;
  border-radius: 10px !important;
  font-size: 1.25rem !important;
}

.gc-ch-rail-item.active .gc-ch-rail-all {
  background: var(--gc-ch) !important;
  color: #fff !important;
}

.gc-ch-rail-count {
  box-sizing: border-box !important;
  border-radius: var(--gc-radius-full) !important;
  background: var(--gc-primary) !important;
  color: #fff !important;
  text-align: center !important;
  border: 2px solid var(--gc-canvas) !important;
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 3px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 12px !important;
  position: absolute !important;
  top: -4px !important;
  right: -4px !important;
}

.gc-ix-filters {
  border-bottom: 1px solid var(--gc-hairline) !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 8px 12px !important;
  display: flex !important;
  overflow: hidden !important;
}

.gc-ix-filter-pills {
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
  flex: auto !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 0 !important;
  min-width: 0 !important;
  display: flex !important;
  overflow-x: auto !important;
}

.gc-ix-filter-pills::-webkit-scrollbar {
  display: none;
}

.gc-ix-filter-more {
  flex: none !important;
  width: 26px !important;
  height: 26px !important;
  font-size: .82rem !important;
}

.gc-ix-pill > i {
  flex-shrink: 0 !important;
  font-size: .88rem !important;
}

.gc-ix-pill {
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  transition: all .15s var(--gc-ease) !important;
  white-space: nowrap !important;
  background: none !important;
  border: none !important;
  border-bottom: 2px solid #0000 !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 6px 8px !important;
  font-family: inherit !important;
  font-size: .72rem !important;
  font-weight: 500 !important;
  display: flex !important;
}

.gc-ix-pill:hover {
  color: var(--gc-text) !important;
}

.gc-ix-pill.active {
  color: var(--gc-text) !important;
  border-bottom-color: var(--gc-text) !important;
  font-weight: 700 !important;
}

.gc-ix-filter-panel {
  background: var(--gc-surface);
  border-bottom: 1px solid var(--gc-hairline);
  padding: 14px 20px;
  display: none;
  overflow: hidden;
}

@keyframes ixPanelIn {
  from {
    opacity: 0;
    max-height: 0;
  }

  to {
    opacity: 1;
    max-height: 400px;
  }
}

.gc-ix-tabs-wrap {
  flex-shrink: 0 !important;
  position: relative !important;
}

.gc-ix-tabs-wrap:before, .gc-ix-tabs-wrap:after {
  content: "" !important;
  pointer-events: none !important;
  opacity: 0 !important;
  z-index: 2 !important;
  width: 26px !important;
  transition: opacity .18s !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 2px !important;
}

.gc-ix-tabs-wrap:before {
  background: linear-gradient(90deg,var(--gc-surface),transparent) !important;
  left: 0 !important;
}

.gc-ix-tabs-wrap:after {
  background: linear-gradient(270deg,var(--gc-surface),transparent) !important;
  right: 0 !important;
}

.gc-ix-tabs-wrap.gc-fade-l:before, .gc-ix-tabs-wrap.gc-fade-r:after {
  opacity: 1 !important;
}

.gc-ix-info-tabs {
  border-bottom: 2px solid var(--gc-hairline) !important;
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding: 0 18px !important;
  display: flex !important;
  overflow-x: auto !important;
}

.gc-ix-info-tabs::-webkit-scrollbar {
  display: none !important;
}

.gc-ix-info-tab {
  color: var(--gc-text-muted) !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  background: none !important;
  border: none !important;
  border-bottom: 2px solid #0000 !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 4px !important;
  margin-bottom: -2px !important;
  padding: 8px 12px !important;
  font-family: inherit !important;
  font-size: .74rem !important;
  font-weight: 600 !important;
  transition: all .15s !important;
  display: flex !important;
}

.gc-ix-info-tab:hover {
  color: var(--gc-text) !important;
}

.gc-ix-info-tab.active {
  color: var(--gc-primary) !important;
  border-bottom-color: var(--gc-primary) !important;
}

.gc-ix-info-tab i {
  font-size: .8rem !important;
}

.gc-ix-info-tab-count {
  border-radius: var(--gc-radius-full) !important;
  background: var(--gc-primary-bg) !important;
  min-width: 16px !important;
  height: 16px !important;
  color: var(--gc-primary) !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 4px !important;
  font-size: .6rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

.gc-ix-info-tab-content {
  display: none !important;
}

.gc-ix-info-tab-content.active {
  display: block !important;
}

.gc-ac2-ai {
  border-radius: var(--gc-radius-md) !important;
  background: linear-gradient(135deg, #7c5cff0f, #4e6af008) !important;
  border: 1px solid #7c5cff47 !important;
  margin-bottom: 11px !important;
  padding: 11px 12px !important;
}

.gc-ac2-ai-h {
  align-items: center !important;
  gap: 7px !important;
  margin-bottom: 4px !important;
  display: flex !important;
}

.gc-ac2-ai-ic {
  background: linear-gradient(135deg,#7c5cff,var(--gc-primary)) !important;
  color: #fff !important;
  border-radius: 7px !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 22px !important;
  height: 22px !important;
  font-size: .68rem !important;
  display: flex !important;
}

.gc-ac2-ai-t {
  color: var(--gc-text) !important;
  font-size: .75rem !important;
  font-weight: 800 !important;
  line-height: 1.75 !important;
}

.gc-ac2-ai-d {
  color: var(--gc-text-secondary) !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-ac2-ai-d b {
  color: var(--gc-text) !important;
}

.gc-ac2-ai-a {
  gap: 6px !important;
  margin-top: 9px !important;
  display: flex !important;
}

.gc-ac2-ai-b {
  border-radius: var(--gc-radius-sm) !important;
  border: 1.5px solid var(--gc-primary) !important;
  background: var(--gc-primary) !important;
  color: #fff !important;
  cursor: pointer !important;
  flex: 1 !important;
  padding: 6px 10px !important;
  font-family: inherit !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

.gc-ac2-ai-b.gc-ghost {
  border-color: var(--gc-hairline) !important;
  color: var(--gc-text-secondary) !important;
  background: none !important;
  flex: none !important;
}

.gc-ac2-ai-b.gc-ghost:hover {
  border-color: var(--gc-primary) !important;
  color: var(--gc-primary) !important;
}

.gc-ac2-new {
  border-radius: var(--gc-radius-md) !important;
  border: 1.5px dashed var(--gc-hairline-hover) !important;
  width: 100% !important;
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  background: none !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 12px !important;
  padding: 9px !important;
  font-family: inherit !important;
  font-size: .76rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
  transition: all .15s !important;
  display: flex !important;
}

.gc-ac2-new:hover {
  border-color: var(--gc-primary) !important;
  color: var(--gc-primary) !important;
  background: var(--gc-primary-bg) !important;
}

.gc-ac2-form {
  border: 1.5px solid var(--gc-primary) !important;
  background: var(--gc-primary-bg) !important;
  border-radius: var(--gc-radius-md) !important;
  margin-bottom: 12px !important;
  padding: 12px !important;
  display: none !important;
}

.gc-ac2-form.on {
  animation: .2s ixFi !important;
  display: block !important;
}

.gc-ac2-l {
  color: var(--gc-text) !important;
  margin-bottom: 5px !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
  display: block !important;
}

.gc-ac2-types {
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin-bottom: 11px !important;
  display: flex !important;
}

.gc-ac2-type {
  border-radius: var(--gc-radius-full) !important;
  border: 1.5px solid var(--gc-hairline-hover) !important;
  background: var(--gc-surface) !important;
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 5px 10px !important;
  font-family: inherit !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
  transition: all .15s !important;
  display: inline-flex !important;
}

.gc-ac2-type:hover {
  border-color: var(--gc-primary) !important;
  color: var(--gc-primary) !important;
}

.gc-ac2-type.on {
  background: var(--gc-primary) !important;
  border-color: var(--gc-primary-ink) !important;
  color: #fff !important;
}

.gc-ac2-in {
  border-radius: var(--gc-radius-sm) !important;
  border: 1.5px solid var(--gc-hairline) !important;
  background: var(--gc-surface) !important;
  width: 100% !important;
  color: var(--gc-text) !important;
  outline: none !important;
  margin-bottom: 11px !important;
  padding: 8px 10px !important;
  font-family: inherit !important;
  font-size: .76rem !important;
  line-height: 1.75 !important;
}

.gc-ac2-in:focus {
  border-color: var(--gc-primary) !important;
}

textarea.gc-ac2-in {
  resize: vertical !important;
  min-height: 56px !important;
  line-height: 1.6 !important;
}

.gc-ac2-when {
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin-bottom: 8px !important;
  display: flex !important;
}

.gc-ac2-when-c {
  border-radius: var(--gc-radius-full) !important;
  border: 1px solid var(--gc-hairline-hover) !important;
  background: var(--gc-surface) !important;
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  padding: 4px 10px !important;
  font-family: inherit !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

.gc-ac2-when-c.on {
  background: var(--gc-primary) !important;
  border-color: var(--gc-primary) !important;
  color: #fff !important;
}

.gc-ac2-row {
  gap: 7px !important;
  display: flex !important;
}

.gc-ac2-row .gc-ac2-in {
  flex: 1 !important;
  min-width: 0 !important;
}

.gc-ac2-form-a {
  justify-content: flex-end !important;
  gap: 6px !important;
  display: flex !important;
}

.gc-ac2-form-a button {
  border-radius: var(--gc-radius-sm) !important;
  cursor: pointer !important;
  border: 1.5px solid var(--gc-hairline) !important;
  background: var(--gc-surface) !important;
  color: var(--gc-text-secondary) !important;
  padding: 7px 14px !important;
  font-family: inherit !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

.gc-ac2-form-a button.gc-go {
  background: var(--gc-primary) !important;
  border-color: var(--gc-primary) !important;
  color: #fff !important;
}

.gc-ac2-h {
  color: var(--gc-text-secondary) !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 14px 0 8px !important;
  font-size: .75rem !important;
  font-weight: 800 !important;
  line-height: 1.75 !important;
  display: flex !important;
}

.gc-ac2-h:first-child {
  margin-top: 0 !important;
}

.gc-ac2-h-line {
  background: var(--gc-hairline) !important;
  flex: 1 !important;
  height: 1px !important;
}

.gc-ac2-item {
  border: 1px solid var(--gc-hairline-hover) !important;
  border-left: 3px solid var(--gc-primary) !important;
  border-radius: var(--gc-radius-md) !important;
  background: var(--gc-surface) !important;
  margin-bottom: 7px !important;
  padding: 10px 11px !important;
  transition: all .15s !important;
}

.gc-ac2-item:hover {
  box-shadow: var(--gc-shadow-sm) !important;
}

.gc-ac2-item.gc-late {
  border-left-color: var(--gc-danger) !important;
  background: #ea545508 !important;
}

.gc-ac2-item.gc-done {
  border-left-color: var(--gc-success) !important;
  opacity: .86 !important;
}

.gc-ac2-item-h {
  align-items: flex-start !important;
  gap: 8px !important;
  display: flex !important;
}

.gc-ac2-ic {
  color: #fff !important;
  border-radius: 8px !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 26px !important;
  height: 26px !important;
  font-size: .8rem !important;
  display: flex !important;
}

.gc-ac2-t {
  color: var(--gc-text) !important;
  font-size: .76rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

.gc-ac2-when-l {
  color: var(--gc-text-secondary) !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 5px !important;
  margin-top: 2px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
  display: flex !important;
}

.gc-ac2-when-l.gc-late {
  color: var(--gc-danger-ink) !important;
  font-weight: 700 !important;
}

.gc-ac2-note {
  color: var(--gc-text-secondary) !important;
  border-top: 1px dashed var(--gc-hairline) !important;
  margin-top: 6px !important;
  padding-top: 6px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-ac2-acts {
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin-top: 9px !important;
  display: flex !important;
}

.gc-ac2-acts button {
  white-space: nowrap !important;
  border-radius: var(--gc-radius-sm) !important;
  border: 1px solid var(--gc-hairline-hover) !important;
  background: var(--gc-surface) !important;
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  flex: auto !important;
  padding: 5px 7px !important;
  font-family: inherit !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
  transition: all .15s !important;
}

.gc-ac2-acts button:hover {
  border-color: var(--gc-primary) !important;
  color: var(--gc-primary) !important;
  background: var(--gc-primary-bg) !important;
}

.gc-ac2-acts button.gc-done-b:hover {
  border-color: var(--gc-success-ink) !important;
  color: var(--gc-success) !important;
  background: #28c76f12 !important;
}

.gc-ac2-acts button.gc-link-b {
  color: var(--gc-primary) !important;
  background: var(--gc-primary-bg) !important;
  border-color: #4e6af059 !important;
}

.gc-ac2-acts button.gc-link-b:hover {
  background: var(--gc-primary) !important;
  color: #fff !important;
  border-color: var(--gc-primary) !important;
}

.gc-ac2-acts button.gc-only-ic {
  flex: 0 0 30px !important;
  padding: 5px 0 !important;
}

.gc-ac2-out {
  border-top: 1px dashed var(--gc-hairline) !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin-top: 8px !important;
  padding-top: 8px !important;
  display: none !important;
}

.gc-ac2-out.on {
  display: flex !important;
}

.gc-ac2-out-l {
  width: 100% !important;
  color: var(--gc-text) !important;
  margin-bottom: 2px !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

.gc-ac2-out button {
  border-radius: var(--gc-radius-full) !important;
  border: 1.5px solid var(--gc-hairline-hover) !important;
  background: var(--gc-surface) !important;
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  padding: 4px 10px !important;
  font-family: inherit !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

.gc-ac2-out button:hover {
  border-color: var(--gc-primary) !important;
  color: var(--gc-primary) !important;
}

.gc-ac2-res {
  border-radius: var(--gc-radius-full) !important;
  color: var(--gc-success-ink) !important;
  background: #28c76f1a !important;
  border: 1px solid #28c76f47 !important;
  align-items: center !important;
  gap: 4px !important;
  margin-top: 6px !important;
  padding: 2px 8px !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
  display: inline-flex !important;
}

.gc-ac2-res.gc-miss {
  color: var(--gc-warning-ink) !important;
  background: #ff9f431a !important;
  border-color: #ff9f434d !important;
}

.gc-ac2-item {
  padding: 11px 12px !important;
}

.gc-ac2-date {
  border: 1px solid var(--gc-hairline-hover) !important;
  border-radius: var(--gc-radius-md) !important;
  text-align: center !important;
  background: var(--gc-surface) !important;
  flex-shrink: 0 !important;
  width: 42px !important;
  overflow: hidden !important;
}

.gc-ac2-date-m {
  color: var(--gc-primary-ink) !important;
  background: #4e6af024 !important;
  padding: 2px 0 !important;
  font-size: .75rem !important;
  font-weight: 800 !important;
  line-height: 1.75 !important;
  display: block !important;
}

.gc-ac2-date-d {
  color: var(--gc-text) !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  display: block !important;
}

.gc-ac2-item.gc-late .gc-ac2-date-m {
  color: var(--gc-danger-ink) !important;
  background: #ea545524 !important;
}

.gc-ac2-item.gc-done .gc-ac2-date-m {
  color: var(--gc-success-ink) !important;
  background: #28c76f24 !important;
}

[data-theme="dark"] .gc-ac2-date-m, [data-theme="dark"] .gc-ac2-item.gc-late .gc-ac2-date-m, [data-theme="dark"] .gc-ac2-item.gc-done .gc-ac2-date-m {
  background: none !important;
}

[data-theme="dark"] .gc-ac2-item.gc-late {
  background: var(--gc-surface) !important;
}

.gc-ac2-t-row {
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 6px !important;
  display: flex !important;
}

.gc-ac2-t-row .gc-ac2-t {
  flex: auto !important;
  min-width: 135px !important;
}

.gc-ac2-item.gc-done .gc-ac2-res {
  margin-top: 7px !important;
}

.gc-ac2-chip {
  border-radius: var(--gc-radius-full) !important;
  background: var(--gc-canvas) !important;
  border: 1px solid var(--gc-hairline) !important;
  color: var(--gc-text-secondary) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 1px 8px !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
  display: inline-flex !important;
}

.gc-ac2-chip.gc-meet {
  color: var(--gc-info-ink) !important;
  background: #00cfe81a !important;
  border-color: #00cfe84d !important;
}

.gc-ac2-chip.gc-conf {
  color: var(--gc-success-ink) !important;
  background: #28c76f1a !important;
  border-color: #28c76f4d !important;
}

.gc-ac2-chip.gc-wait {
  color: var(--gc-warning-ink) !important;
  background: #ff9f431a !important;
  border-color: #ff9f434d !important;
}

.gc-ac2-link-st .d {
  background: var(--gc-text-muted) !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  width: 6px !important;
  height: 6px !important;
}

.gc-ac2-link-st.gc-sent {
  color: var(--gc-primary) !important;
}

.gc-ac2-link-st.gc-sent .d {
  background: var(--gc-primary) !important;
}

.gc-ac2-link-st.gc-seen {
  color: var(--gc-ai-ink) !important;
}

.gc-ac2-link-st.gc-seen .d {
  background: #7c5cff !important;
}

.gc-ac2-link-st.gc-ok .d {
  background: var(--gc-success) !important;
}

.gc-ac2-empty {
  text-align: center !important;
  border: 1.5px dashed var(--gc-hairline-hover) !important;
  border-radius: var(--gc-radius-md) !important;
  color: var(--gc-text-muted) !important;
  padding: 18px 12px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-ix-order-item {
  border: 1px solid var(--gc-hairline) !important;
  border-radius: var(--gc-radius-md) !important;
  cursor: pointer !important;
  background: var(--gc-surface) !important;
  margin-bottom: 8px !important;
  padding: 12px !important;
  transition: all .15s !important;
}

.gc-ix-order-item:hover {
  border-color: var(--gc-primary) !important;
  box-shadow: var(--gc-shadow-sm) !important;
}

.gc-ix-order-head {
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 6px !important;
  display: flex !important;
}

.gc-ix-order-id {
  color: var(--gc-text) !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
}

.gc-ix-order-status {
  border-radius: var(--gc-radius-full) !important;
  padding: 2px 8px !important;
  font-size: .6rem !important;
  font-weight: 600 !important;
}

.gc-ix-order-status.gc-paid {
  color: var(--gc-success) !important;
  background: #28c76f1a !important;
}

.gc-ix-order-status.gc-shipped {
  color: var(--gc-primary) !important;
  background: #4e6af01a !important;
}

.gc-ix-order-status.gc-pending {
  color: var(--gc-warning) !important;
  background: #ff9f431a !important;
}

.gc-ix-order-date {
  color: var(--gc-text-muted) !important;
  margin-left: auto !important;
  font-size: .65rem !important;
}

.gc-ix-order-body {
  color: var(--gc-text-secondary) !important;
  margin-bottom: 6px !important;
  font-size: .76rem !important;
}

.gc-ix-order-footer a {
  color: var(--gc-primary) !important;
  align-items: center !important;
  gap: 3px !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: inline-flex !important;
}

.gc-ix-order-footer a:hover {
  text-decoration: underline !important;
}

.gc-ix-note-item {
  border-bottom: 1px solid var(--gc-hairline) !important;
  padding: 10px 0 !important;
}

.gc-ix-note-item:last-child {
  border-bottom: none !important;
}

.gc-note-acts {
  align-items: center !important;
  gap: 6px !important;
  margin-top: 6px !important;
  display: flex !important;
}

.gc-note-del {
  color: var(--gc-danger-ink) !important;
  cursor: pointer !important;
  border-radius: var(--gc-radius-sm) !important;
  background: none !important;
  border: 1px solid #0000 !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 5px 10px !important;
  font-family: inherit !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  display: inline-flex !important;
}

.gc-note-del:hover:not(:disabled) {
  background: var(--gc-danger-bg) !important;
  border-color: #ea54554d !important;
}

.gc-note-del:disabled {
  opacity: .55 !important;
  cursor: default !important;
}

.gc-note-when {
  border-bottom: 1px dotted var(--gc-hairline-hover) !important;
  cursor: default !important;
}

.tooltip {
  --bs-tooltip-bg: var(--gc-rail-ink);
  --bs-tooltip-border-radius: var(--gc-radius-sm);
  --bs-tooltip-font-size: .75rem;
  --bs-tooltip-padding-x: 10px;
  --bs-tooltip-padding-y: 6px;
}

.tooltip .tooltip-inner {
  line-height: 1.75 !important;
}

.gc-ix-edit-toggle {
  color: var(--gc-primary) !important;
  cursor: pointer !important;
  border-radius: var(--gc-radius-sm) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  background: none !important;
  border: none !important;
  align-items: center !important;
  gap: 3px !important;
  padding: 2px 6px !important;
  font-family: inherit !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
  transition: all .15s !important;
  display: inline-flex !important;
}

.gc-ix-edit-toggle:hover {
  background: var(--gc-primary-bg) !important;
}

.gc-ix-edit-toggle.gc-editing {
  color: var(--gc-text-muted) !important;
}

.gc-ix-edit-group {
  margin-bottom: 10px !important;
}

.gc-ix-edit-label {
  color: var(--gc-text-muted) !important;
  margin-bottom: 3px !important;
  font-size: .68rem !important;
  font-weight: 600 !important;
  display: block !important;
}

.gc-ix-edit-input {
  border-radius: var(--gc-radius-sm) !important;
  border: 1.5px solid var(--gc-hairline) !important;
  background: var(--gc-surface) !important;
  width: 100% !important;
  color: var(--gc-text) !important;
  outline: none !important;
  padding: 7px 10px !important;
  font-family: inherit !important;
  font-size: .78rem !important;
  transition: border-color .15s !important;
}

.gc-ix-edit-input:focus {
  border-color: var(--gc-primary) !important;
  box-shadow: 0 0 0 2px #4e6af014 !important;
}

select.gc-ix-edit-input {
  cursor: pointer !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239CA3AF' d='M3 5l3 3 3-3'/%3E%3C/svg%3E") !important;
  background-position: right 8px center !important;
  background-repeat: no-repeat !important;
  padding-right: 24px !important;
}

.gc-ix-edit-save {
  border-radius: var(--gc-radius-sm) !important;
  background: var(--gc-primary) !important;
  color: #fff !important;
  cursor: pointer !important;
  border: none !important;
  flex: 1 !important;
  padding: 8px !important;
  font-family: inherit !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  transition: all .15s !important;
}

.gc-ix-edit-save:hover {
  background: var(--gc-primary-ink) !important;
}

.gc-ix-edit-cancel {
  border-radius: var(--gc-radius-sm) !important;
  color: var(--gc-text-secondary) !important;
  border: 1.5px solid var(--gc-hairline) !important;
  cursor: pointer !important;
  background: none !important;
  flex: 1 !important;
  padding: 8px !important;
  font-family: inherit !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  transition: all .15s !important;
}

.gc-ix-edit-cancel:hover {
  border-color: var(--gc-text-secondary) !important;
}

.gc-addcus {
  --modal-bg: var(--gc-surface);
}

.gc-addcus .gc-ix-edit-label {
  color: var(--gc-text-secondary) !important;
  font-size: .8125rem !important;
}

.gc-addcus .gc-demo-note {
  color: var(--gc-text-secondary) !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-addcus .modal-footer {
  flex-wrap: nowrap;
  gap: 8px;
}

.modal-dialog.gc-addcus-at-panel {
  z-index: 1050;
  --modal-padding: var(--spacer);
  --modal-border-width: var(--border-width);
  --modal-inner-border-radius: 0;
  --modal-header-padding: var(--spacer) var(--spacer);
  --modal-header-padding-x: var(--spacer);
  --modal-header-padding-y: var(--spacer);
  --modal-header-border-color: var(--border-color);
  --modal-header-border-width: var(--border-width);
  --modal-title-line-height: var(--body-line-height);
  --modal-footer-gap: var(--spacer-2);
  --modal-footer-border-color: var(--border-color);
  --modal-footer-border-width: var(--border-width);
  display: flex;
}

.gc-addcus-at-panel .modal-content {
  height: 100%;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  overflow: hidden;
}

.gc-addcus-at-panel .modal-body {
  flex: auto;
  min-height: 0;
  overflow-y: auto;
}

.gc-shop-tabs.gc-addcus-tabs {
  margin: 16px var(--modal-padding) 0;
  flex-shrink: 0;
}

.gc-addcus-tabs .gc-shop-tab {
  line-height: 1.75;
}

.gc-addcus-tabs .gc-shop-tab:disabled {
  cursor: default;
  opacity: .6;
}

.gc-addcus-search {
  margin-bottom: 10px;
  position: relative;
}

.gc-addcus-search > i {
  inset-inline-start: 9px;
  color: var(--gc-text-secondary);
  pointer-events: none;
  font-size: .95rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.gc-addcus-search .gc-ix-edit-input {
  padding-inline-start: 30px !important;
}

.gc-addcus-search input::-webkit-search-decoration {
  appearance: none;
}

.gc-addcus-search input::-webkit-search-cancel-button {
  appearance: none;
}

.gc-addcus-sec {
  color: var(--gc-text-secondary);
  margin: 12px 0 6px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-addcus-sec:first-child {
  margin-top: 0;
}

.gc-addcus-empty {
  color: var(--gc-text-secondary);
  text-align: center;
  padding: 18px 4px;
  font-size: .78rem;
  line-height: 1.75;
}

.gc-addcus-row {
  margin-bottom: 6px;
}

.gc-addcus-person {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.gc-addcus-person > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.gc-addcus-row:not(.gc-addcus-pick) .gc-addcus-person > span {
  white-space: normal;
  overflow: visible;
}

button.gc-addcus-pick {
  text-align: start;
  cursor: pointer;
  width: 100%;
  transition: all .15s var(--gc-ease);
  font-family: inherit;
}

button.gc-addcus-pick:hover {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

button.gc-addcus-pick:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 1px;
}

i.gc-addcus-go {
  color: var(--gc-text-secondary);
  flex-shrink: 0;
  margin-inline-start: auto;
  font-size: .9rem;
}

.gc-addcus-person > .gc-addcus-top {
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.gc-addcus-nm {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--gc-text);
  flex: 1;
  font-size: .8125rem;
  line-height: 1.75;
  overflow: hidden;
}

.gc-addcus-nm b {
  font-weight: 700;
}

.gc-addcus-person > .gc-addcus-tel {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-addcus-date {
  color: var(--gc-text-secondary);
  flex-shrink: 0;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-addcus-person > .gc-addcus-pages {
  align-items: center;
  gap: 4px;
  margin-top: 2px;
  display: flex;
  overflow: hidden;
}

.gc-addcus-nochan, .gc-addcus-more {
  color: var(--gc-text-secondary);
  flex-shrink: 0;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-addcus-pages .gc-ix-chan {
  background: var(--gc-surface) !important;
}

.gc-addcus-person > .gc-addcus-note {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-addcus-card .gc-addcus-nm {
  white-space: normal;
  overflow: visible;
}

.gc-addcus-ch {
  background: var(--gc-text-secondary);
  color: #fff;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: .8rem;
  display: flex;
}

.gc-addcus-ch.gc-line {
  background: #06c755;
}

.gc-addcus-ch.gc-fb {
  background: #1877f2;
}

.gc-addcus-ch.gc-ig {
  background: linear-gradient(45deg, #f09433, #dc2743, #bc1888);
}

.gc-addcus-ch.gc-shopee {
  background: #ee4d2d;
}

.gc-addcus-ch.gc-lazada {
  background: #0f146d;
}

.gc-addcus-ch.gc-tiktok {
  background: #010101;
}

.gc-addcus-ch.gc-web {
  background: var(--gc-primary);
}

.gc-addcus-ch i {
  font-size: .8rem;
}

.gc-addcus-warn {
  border-radius: var(--gc-radius-md);
  background: var(--gc-warning-bg);
  color: var(--gc-warning-ink);
  gap: 8px;
  margin-bottom: 12px;
  padding: 9px 11px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-addcus-warn > i {
  flex-shrink: 0;
  margin-top: 3px;
  font-size: 1rem;
}

.gc-addcus-into {
  color: var(--gc-text-secondary);
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin: 2px 0 4px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: flex;
}

.gc-addcus-what {
  color: var(--gc-text);
  margin: 0;
  padding-inline-start: 18px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-addcus-what li {
  margin-bottom: 3px;
}

.gc-addcus-what li::marker {
  color: var(--gc-text-secondary);
}

.gc-addcus-radio {
  border: 1.5px solid var(--gc-hairline);
  border-radius: var(--gc-radius-sm);
  cursor: pointer;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 6px;
  padding: 7px 9px;
  font-size: .78rem;
  line-height: 1.75;
  display: flex;
}

.gc-addcus-radio:has(input:checked) {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-addcus-radio input {
  accent-color: var(--gc-primary);
  flex-shrink: 0;
  margin-top: 6px;
}

.gc-addcus-hint {
  color: var(--gc-text-secondary);
}

.gc-ix-sort-btn {
  color: var(--gc-text-muted) !important;
  cursor: pointer !important;
  border-radius: var(--gc-radius-sm) !important;
  background: none !important;
  border: none !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px 8px !important;
  font-size: .7rem !important;
  font-weight: 500 !important;
  transition: all .15s !important;
  display: flex !important;
}

.gc-ix-sort-btn:hover {
  color: var(--gc-text) !important;
  background: var(--gc-canvas) !important;
}

.gc-ix-chat-list {
  flex: 1 !important;
  overflow-y: auto !important;
}

.gc-ix-list-more {
  min-height: 48px;
  color: var(--gc-text-secondary);
  justify-content: center;
  align-items: center;
  padding: 8px 16px 16px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-ix-section-label {
  color: var(--gc-text-secondary) !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 10px 20px 4px !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
  display: flex !important;
}

.gc-ix-section-label.gc-ix-filtered {
  display: none !important;
}

.gc-ix-section-label i {
  font-size: .65rem !important;
}

.gc-ix-linkish {
  appearance: none;
  font-family: inherit;
  font-size: inherit;
  color: var(--gc-primary-on-tint);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-weight: 600;
  line-height: 1.75;
  text-decoration: underline;
}

.gc-ix-linkish:disabled {
  cursor: not-allowed;
  opacity: .6;
}

.gc-ix-section-label .gc-ix-readall {
  align-items: center;
  gap: 4px;
  margin-inline-start: auto;
  text-decoration: none;
  display: inline-flex;
}

.gc-ix-section-label .gc-ix-readall:hover {
  text-decoration: underline;
}

.gc-ix-chat-item {
  cursor: pointer !important;
  transition: background .15s var(--gc-ease) !important;
  border-left: 3px solid #0000 !important;
  flex-direction: row !important;
  align-items: center !important;
  padding: 10px 20px !important;
  display: flex !important;
  position: relative !important;
}

.gc-ix-chat-item.gc-ix-filtered {
  display: none !important;
}

.gc-ix-chat-item:hover {
  background: var(--gc-surface-hover) !important;
}

.gc-ix-chat-item.active {
  background: var(--gc-primary-bg) !important;
  border-left-color: var(--gc-primary) !important;
}

.gc-ix-chat-item.active .gc-ix-chat-preview:not(.gc-ix-mentioned), .gc-ix-chat-item.active .gc-ix-chat-time {
  color: var(--gc-text) !important;
}

.gc-ix-chat-item + .gc-ix-chat-item {
  border-top: 1px solid var(--gc-hairline) !important;
}

.gc-ix-avatar {
  flex-direction: column !important;
  flex-shrink: 0 !important;
  display: flex !important;
  position: relative !important;
}

.gc-ix-chat-item .gc-ix-avatar {
  align-self: flex-start !important;
  margin-top: 8px !important;
}

.gc-ix-avatar-circle {
  border-radius: var(--gc-radius-full) !important;
  color: #fff !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 44px !important;
  height: 44px !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  display: flex !important;
}

img.gc-ix-avatar-circle {
  object-fit: cover !important;
}

.gc-ix-avatar-sm .gc-ix-avatar-circle {
  width: 34px !important;
  height: 34px !important;
  font-size: .7rem !important;
}

.gc-ix-avatar-lg .gc-ix-avatar-circle {
  width: 48px !important;
  height: 48px !important;
  font-size: .9rem !important;
}

.gc-ix-avatar-status {
  border: 2.5px solid var(--gc-surface) !important;
  border-radius: 50% !important;
  width: 12px !important;
  height: 12px !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
}

.gc-ix-avatar-status.gc-online {
  background: var(--gc-success) !important;
}

.gc-ix-avatar-status.gc-away {
  background: var(--gc-warning) !important;
}

.gc-ix-avatar-status.gc-busy {
  background: var(--gc-danger) !important;
}

.gc-ix-avatar-status.gc-offline {
  background: var(--gc-text-muted) !important;
}

.gc-ix-avatar-channel {
  border: 1.5px solid var(--gc-surface) !important;
  border-radius: 50% !important;
  justify-content: center !important;
  align-items: center !important;
  width: 20px !important;
  height: 20px !important;
  font-size: .6rem !important;
  display: flex !important;
  position: absolute !important;
  bottom: -2px !important;
  right: -2px !important;
  box-shadow: 0 1px 2px #0000001a !important;
}

.gc-ix-avatar-channel.gc-line {
  color: #fff !important;
  background: #06c755 !important;
}

.gc-ix-avatar-channel.gc-fb {
  color: #fff !important;
  background: #1877f2 !important;
}

.gc-ix-avatar-channel.gc-ig {
  color: #fff !important;
  background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888) !important;
}

.gc-ix-avatar-channel.gc-web {
  background: var(--gc-primary) !important;
  color: #fff !important;
}

.gc-ix-avatar-channel.gc-shopee {
  color: #fff !important;
  background: #ee4d2d !important;
}

.gc-ix-avatar-channel.gc-lazada {
  color: #fff !important;
  background: #0f146d !important;
}

.gc-ix-avatar-channel.gc-tiktok {
  color: #fff !important;
  background: #010101 !important;
}

.gc-ix-avatar-channel i {
  font-size: .6rem !important;
  line-height: 1 !important;
}

.gc-ix-avatar-channel.gc-has-logo {
  background: var(--gc-surface) !important;
  padding: 0 !important;
}

.gc-ix-avatar-channel img {
  object-fit: cover !important;
  border-radius: 50% !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.gc-ix-chat-content {
  flex-direction: column !important;
  flex: 1 !important;
  min-width: 0 !important;
  margin-left: 12px !important;
  display: flex !important;
}

.gc-ix-chat-top {
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  margin-bottom: 2px !important;
  display: flex !important;
}

.gc-ix-chat-name {
  color: var(--gc-text) !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  flex: 1 !important;
  min-width: 0 !important;
  font-size: .8125rem !important;
  font-weight: 600 !important;
  overflow: hidden !important;
}

.gc-ix-chat-time {
  color: var(--gc-text-secondary) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  margin-left: 8px !important;
  font-size: .75rem !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
}

.gc-ix-chat-bottom {
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  display: flex !important;
}

.gc-ix-chat-preview {
  color: var(--gc-text-secondary) !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  flex: 1 !important;
  min-width: 0 !important;
  font-size: .76rem !important;
  overflow: hidden !important;
}

.gc-ix-chat-preview .gc-ix-typing {
  color: var(--gc-success-ink) !important;
  font-weight: 500 !important;
}

.gc-ix-chat-preview .gc-ix-preview-me {
  font-weight: 600 !important;
}

.gc-ix-chat-preview.gc-ix-mentioned {
  color: var(--gc-primary-ink) !important;
  font-weight: 600 !important;
}

.gc-ix-chat-meta {
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 8px !important;
  display: flex !important;
}

.gc-ix-chat-ctx {
  align-items: center !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 3px !important;
  display: flex !important;
  overflow: hidden !important;
}

.gc-ix-ord {
  border-radius: var(--gc-radius-full) !important;
  border: 1px solid var(--gc-hairline) !important;
  background: var(--gc-canvas) !important;
  color: var(--gc-text-secondary) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 1px 8px !important;
  font-size: .655rem !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  display: inline-flex !important;
}

.gc-ix-ord:before {
  content: "" !important;
  background: currentColor !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  width: 5px !important;
  height: 5px !important;
}

.gc-ix-ord.gc-wait {
  color: #e8890c !important;
  background: #ff9f431a !important;
  border-color: #ff9f4347 !important;
}

.gc-ix-ord.gc-late {
  color: var(--gc-danger) !important;
  background: #ea54551a !important;
  border-color: #ea545547 !important;
}

.gc-ix-src {
  color: var(--gc-text-secondary) !important;
  flex: auto !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 4.5rem !important;
  font-size: .65rem !important;
  font-weight: 500 !important;
  display: inline-flex !important;
}

.gc-ix-src i {
  flex-shrink: 0 !important;
  font-size: .78rem !important;
  line-height: 1 !important;
}

.gc-ix-src span {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.gc-ix-src.gc-ix-src-ad {
  font-variant-numeric: tabular-nums;
  border: 1px solid var(--gc-hairline) !important;
  background: var(--gc-surface) !important;
  color: var(--gc-text) !important;
  border-radius: 999px !important;
  flex: 0 auto !important;
  gap: 3px !important;
  padding: 1px 7px !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
}

.gc-ix-src.gc-ix-src-ad i {
  font-size: .85rem !important;
  font-weight: 700 !important;
}

.gc-ac-wrap {
  padding: 2px 0 4px;
  display: block;
}

.gc-ac-item {
  background: var(--gc-canvas);
  border-radius: 10px;
  margin-bottom: 6px;
  padding: 8px 10px;
  display: block;
  position: relative;
}

.gc-ac-item.gc-late {
  background: var(--gc-danger-bg);
}

.gc-ac-item.gc-ok {
  border: 1px solid var(--gc-hairline);
  background: none;
}

.gc-ac-head {
  color: var(--gc-text-secondary);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-ac-kind {
  --icon-font-size: .875rem;
  color: var(--gc-text-secondary);
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  font-weight: 700;
  display: inline-flex;
}

.gc-ac-item.gc-late .gc-ac-kind {
  color: var(--gc-danger-ink);
}

.gc-ac-due {
  white-space: nowrap;
  --icon-font-size: .875rem;
  margin-inline-start: auto;
}

.gc-ac-due.gc-late, .gc-ac-item.gc-late .gc-ac-due {
  color: var(--gc-danger-ink);
  font-weight: 600;
}

.gc-ac-title {
  color: var(--gc-text);
  margin: 2px 0 6px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-ac-struck {
  color: var(--gc-text-secondary);
  text-decoration: line-through;
}

.gc-ac-note {
  color: var(--gc-text-secondary);
  margin: -2px 0 6px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ac-acts {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.gc-ac-b {
  --icon-font-size: .875rem;
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  color: var(--gc-text);
  cursor: pointer;
  transition: background .15s var(--gc-ease);
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 2px 10px;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.75;
  display: inline-flex;
}

.gc-ac-b:hover:not(:disabled) {
  background: var(--gc-canvas);
}

.gc-ac-b:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.gc-ac-b.gc-done {
  color: var(--gc-success-ink);
  border-color: var(--gc-success-ink);
}

.gc-ac-b.gc-ac-skip {
  color: var(--gc-text-secondary);
}

.gc-ac-who {
  min-width: 0;
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 4px;
  font-size: .75rem;
  line-height: 1.75;
  display: inline-flex;
}

.gc-ac-who-row {
  margin-top: 4px;
}

.gc-ac-who .gc-ac-av {
  flex-shrink: 0;
  width: 18px !important;
  height: 18px !important;
  font-size: .625rem !important;
}

.gc-ac-who-nm {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.gc-ac-snoozed {
  --icon-font-size: .875rem;
  color: var(--gc-warning-ink);
  align-items: center;
  gap: 3px;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
}

.gc-ac-out {
  --icon-font-size: .875rem;
  color: var(--gc-success-ink);
  align-items: center;
  gap: 4px;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
}

.gc-ac-out.gc-bad {
  color: var(--gc-danger-ink);
}

.gc-ac-add {
  --icon-font-size: .875rem;
  border: 1px dashed var(--gc-hairline);
  width: 100%;
  color: var(--gc-text-secondary);
  cursor: pointer;
  background: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 5px;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.75;
  display: flex;
}

.gc-ac-add:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary);
}

.popover.gc-ac-pop {
  z-index: 6;
  top: calc(100% - 4px);
  left: 0;
  right: 0;
  max-width: none;
  position: absolute;
  inset-inline: 0;
}

.gc-ac-pop .popover-body {
  padding: 10px;
}

.gc-ac-pop-arrow {
  display: none;
}

.gc-ac-addwrap {
  position: relative;
}

.gc-ac-pop-h {
  margin-bottom: 4px;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-ac-custom {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  display: flex;
}

.gc-ac-custom .form-control {
  max-width: 12rem;
  font-size: .75rem;
}

.gc-ac-form {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.gc-ac-input {
  font-size: .8125rem !important;
}

.gc-ac-field {
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.gc-ac-lbl {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-ac-opt {
  font-weight: 400;
}

.gc-ac-err {
  color: var(--gc-danger-ink);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ac-form-foot {
  gap: 8px;
  display: flex;
}

.gc-ac-page {
  max-width: 56rem;
}

.gc-ac-row {
  border-top: 1px solid var(--gc-hairline);
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 14px;
  display: flex;
  position: relative;
}

.gc-ac-row .gc-ac-title {
  margin: 0;
}

.gc-ac-ctx {
  color: var(--gc-text-secondary);
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-ac-ctx-nm {
  color: var(--gc-text);
  font-weight: 600;
}

.gc-ac-page.gc-wide {
  max-width: none;
}

.gc-fb-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  display: flex;
}

.gc-fb-rail {
  background: var(--gc-surface-hover);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: 999px;
  gap: 2px;
  padding: 3px;
  display: inline-flex;
}

.gc-fb-rail > button {
  cursor: pointer;
  color: var(--gc-text-secondary);
  --icon-font-size: .9375rem;
  background: none;
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 3px 14px;
  font-family: inherit;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-fb-rail > button:hover {
  color: var(--gc-text);
}

.gc-fb-rail > button.gc-on {
  background: var(--gc-surface);
  color: var(--gc-primary-on-tint);
  box-shadow: var(--gc-shadow-sm);
}

.gc-fb-sep {
  background: var(--gc-hairline-hover);
  width: 1px;
  height: 22px;
}

.gc-fb-chips {
  flex: auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.gc-fb-chip {
  border: 1px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  height: 34px;
  display: inline-flex;
}

.gc-fb-chip:hover {
  border-color: var(--gc-primary);
}

.gc-fb-dd {
  height: 100%;
  display: flex;
}

.gc-fb-chip-b {
  cursor: pointer;
  height: 100%;
  color: var(--gc-text-secondary);
  --icon-font-size: .875rem;
  background: none;
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 0 12px;
  font-family: inherit;
  font-size: .8125rem;
  line-height: 1.75;
  display: inline-flex;
}

.gc-fb-chip-b b {
  color: var(--gc-text);
  text-overflow: ellipsis;
  max-width: 12rem;
  font-weight: 600;
  overflow: hidden;
}

.gc-fb-chip.gc-on {
  background: var(--gc-primary-bg);
  border-color: var(--gc-primary);
}

.gc-fb-chip.gc-on .gc-fb-chip-b, .gc-fb-chip.gc-on .gc-fb-chip-b b {
  color: var(--gc-primary-on-tint);
}

.gc-fb-chip.gc-on .gc-fb-chip-b {
  padding-inline-end: 4px;
}

.gc-fb-x {
  cursor: pointer;
  width: 24px;
  height: 24px;
  color: var(--gc-primary-on-tint);
  --icon-font-size: .8125rem;
  background: none;
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-inline-end: 5px;
  display: inline-flex;
}

.gc-fb-x:hover {
  background: var(--gc-primary-bg-hover);
}

.gc-fb-clear {
  cursor: pointer;
  color: var(--gc-primary-on-tint);
  white-space: nowrap;
  background: none;
  border: 0;
  padding: 0 4px;
  font-family: inherit;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-fb-clear:hover {
  text-decoration: underline;
}

.gc-fb-search {
  --icon-font-size: .9375rem;
  flex: 0 16rem;
  align-items: center;
  min-width: 11rem;
  margin: 0;
  display: flex;
  position: relative;
}

.gc-fb-search i {
  color: var(--gc-text-muted);
  pointer-events: none;
  position: absolute;
  inset-inline-start: 11px;
}

.gc-fb-search input {
  border: 1px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  width: 100%;
  height: 34px;
  color: var(--gc-text);
  border-radius: 999px;
  outline: 0;
  padding: 0 12px 0 32px;
  font-family: inherit;
  font-size: .8125rem;
}

.gc-fb-search input:focus {
  border-color: var(--gc-primary);
  box-shadow: 0 0 0 3px var(--gc-primary-bg);
}

.dropdown-menu.gc-fb-menu {
  border-radius: var(--gc-radius-md);
  min-width: 15rem;
  max-height: min(24rem, 70vh);
  box-shadow: var(--gc-shadow-lg);
  padding: 6px;
  overflow-y: auto;
}

.gc-fb-menu .dropdown-item {
  border-radius: var(--gc-radius-sm);
  cursor: pointer;
  --icon-font-size: 1rem;
  align-items: center;
  gap: 8px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-fb-menu .dropdown-item.active {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-on-tint);
}

.gc-fb-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.gc-fb-me {
  color: var(--gc-text-secondary);
}

.gc-fb-count {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-size: .75rem;
}

.gc-fb-menu-h {
  color: var(--gc-text-secondary);
  padding: 4px 8px 2px;
  font-size: .75rem;
  font-weight: 700;
}

.gc-fb-menu-q {
  padding: 2px 2px 6px;
}

.gc-fb-menu-q .form-control {
  height: 32px;
  font-size: .8125rem;
}

.gc-fb-dot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 9px;
  height: 9px;
}

@media (max-width: 767.98px) {
  .gc-fb-sep {
    display: none;
  }

  .gc-fb-rail > button {
    min-height: 38px;
    padding: 3px 10px;
  }

  .gc-fb-search {
    flex: 100%;
    order: 2;
  }

  .gc-fb-chips {
    scrollbar-width: none;
    flex: 100%;
    order: 3;
    padding-bottom: 2px;
    overflow-x: auto;
  }

  .gc-fb-chips::-webkit-scrollbar {
    display: none;
  }

  .gc-fb-chip, .gc-fb-search input {
    height: 40px;
  }
}

.gc-cal-toolbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  display: flex;
}

.gc-cal-month {
  text-align: center;
  min-width: 9.5rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-cal-nav {
  width: 32px;
  height: 32px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.gc-cal-nav:hover {
  background: var(--gc-surface-hover);
  color: var(--gc-text);
}

.gc-cal-today-btn {
  border: 1px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  cursor: pointer;
  border-radius: 999px;
  padding: 3px 14px;
  font-family: inherit;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-cal-today-btn:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary-on-tint);
}

.gc-cal-legend {
  color: var(--gc-text-secondary);
  flex-wrap: wrap;
  gap: 12px;
  margin-inline-start: auto;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-cal-legend span {
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.gc-cal-sw {
  border-radius: var(--gc-radius-sm);
  border: 1px solid var(--gc-hairline-hover);
  width: 10px;
  height: 10px;
  display: inline-block;
}

.gc-cal-sw.gc-late {
  background: var(--gc-danger-bg);
  border-color: var(--gc-danger);
}

.gc-cal-sw.gc-open {
  background: var(--gc-primary-bg);
  border-color: var(--gc-primary);
}

.gc-cal-sw.gc-done {
  background: var(--gc-surface-hover);
}

.gc-cal-sz {
  color: var(--gc-warning-ink);
  --icon-font-size: .875rem;
  flex-shrink: 0;
}

.gc-cal-empty {
  --icon-font-size: 1.125rem;
  color: var(--gc-text-secondary);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-cal-empty span {
  font-size: .75rem;
}

.gc-cal-grid-wrap {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  transition: opacity .15s;
  overflow: hidden;
}

.gc-cal-grid-wrap.gc-busy {
  opacity: .6;
}

.gc-cal-heads, .gc-cal-grid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  display: grid;
}

.gc-cal-heads {
  background: var(--gc-surface-hover);
  border-bottom: 1px solid var(--gc-hairline-hover);
}

.gc-cal-heads div {
  text-align: center;
  color: var(--gc-text-secondary);
  padding: 6px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-cal-heads div:first-child, .gc-cal-heads div:last-child {
  color: var(--gc-danger-ink);
}

.gc-cal-cell {
  border-bottom: 1px solid var(--gc-hairline-hover);
  border-right: 1px solid var(--gc-hairline-hover);
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  min-height: 128px;
  padding: 4px 5px 6px;
  display: flex;
}

.gc-cal-cell:nth-child(7n) {
  border-right: 0;
}

.gc-cal-cell.gc-out {
  background: var(--gc-surface-hover);
}

.gc-cal-cell.gc-out .gc-cal-day {
  color: var(--gc-text-muted);
}

.gc-cal-cell.gc-today {
  background: var(--gc-primary-bg);
  box-shadow: inset 0 0 0 2px var(--gc-primary);
}

.gc-cal-day {
  color: var(--gc-text);
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.75;
}

.gc-cal-today-badge {
  background: var(--gc-primary-on-tint);
  color: #fff;
  border-radius: 999px;
  padding: 0 7px;
  font-weight: 700;
}

.gc-cal-chips {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.gc-cal-dots, .gc-cal-daylist {
  display: none;
}

.gc-cal-chip {
  text-align: start;
  cursor: pointer;
  width: 100%;
  min-width: 0;
  color: var(--gc-text);
  border: 1px solid var(--gc-hairline-hover);
  border-left: 3px solid var(--gc-primary);
  background: var(--gc-primary-bg);
  --icon-font-size: .875rem;
  border-radius: 4px;
  align-items: center;
  gap: 5px;
  padding: 1px 6px;
  font-family: inherit;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-cal-chip:hover {
  border-color: var(--gc-primary);
  box-shadow: var(--gc-shadow-sm);
}

.gc-cal-chip > i:first-child {
  color: var(--gc-primary-on-tint);
  flex-shrink: 0;
}

.gc-cal-chip-t {
  color: var(--gc-text-secondary);
  flex-shrink: 0;
  font-weight: 600;
}

.gc-cal-chip-n {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.gc-cal-chip.gc-late {
  border-left-color: var(--gc-danger);
  background: var(--gc-danger-bg);
}

.gc-cal-chip.gc-late > i:first-child, .gc-cal-chip.gc-late .gc-cal-chip-t {
  color: var(--gc-danger-ink);
}

.gc-cal-chip.gc-done {
  border-left-color: var(--gc-hairline-hover);
  background: var(--gc-surface-hover);
  color: var(--gc-text-secondary);
}

.gc-cal-chip.gc-done > i:first-child {
  color: var(--gc-success-ink);
}

.gc-cal-chip.gc-done.gc-bad > i:first-child {
  color: var(--gc-danger-ink);
}

.gc-cal-chip.gc-done .gc-cal-chip-n {
  text-decoration: line-through;
  -webkit-text-decoration-color: var(--gc-text-muted);
  text-decoration-color: var(--gc-text-muted);
}

.gc-cal-av {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  font-size: .75rem;
}

.gc-cal-more {
  cursor: pointer;
  color: var(--gc-primary-on-tint);
  background: none;
  border: 0;
  align-self: flex-start;
  padding: 0 6px;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-cal-more:hover {
  text-decoration: underline;
}

.gc-cal-pop {
  z-index: 1400;
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-lg);
  width: 340px;
  max-width: calc(100vw - 24px);
  max-height: calc(100vh - 24px);
  box-shadow: var(--gc-shadow-lg);
  position: fixed;
  overflow-y: auto;
}

.gc-cal-pop-top {
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px 0;
  display: flex;
}

.gc-cal-pop-head {
  flex: 1;
  min-width: 0;
}

.gc-cal-pop-date {
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  text-align: center;
  flex-shrink: 0;
  width: 46px;
  overflow: hidden;
}

.gc-cal-pop-date-m {
  color: #fff;
  background: var(--gc-primary-on-tint);
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.6;
  display: block;
}

.gc-cal-pop-in.gc-late .gc-cal-pop-date-m {
  background: var(--gc-danger-ink);
}

.gc-cal-pop-in.gc-done .gc-cal-pop-date-m {
  background: var(--gc-text-secondary);
}

.gc-cal-pop-date-d {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6;
  display: block;
}

.gc-cal-pop-t {
  flex: 1;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-cal-pop-chips {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin-top: 2px;
  display: flex;
}

.gc-cal-tag {
  --icon-font-size: .8125rem;
  background: var(--gc-surface-hover);
  border: 1px solid var(--gc-hairline-hover);
  color: var(--gc-text-secondary);
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  font-size: .75rem;
  line-height: 1.75;
  display: inline-flex;
}

.gc-cal-tag.gc-red {
  color: var(--gc-danger-ink);
  background: #ea545514;
  border-color: #0000;
}

.gc-cal-tag.gc-green {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
  border-color: #0000;
}

.gc-cal-tag.gc-amber {
  background: var(--gc-warning-bg);
  color: var(--gc-warning-ink);
  border-color: #0000;
}

.gc-cal-pop-x {
  width: 28px;
  height: 28px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.gc-cal-pop-x:hover {
  background: var(--gc-surface-hover);
  color: var(--gc-text);
}

.gc-cal-pop-body {
  padding: 8px 14px 0;
}

.gc-cal-pop-list {
  flex-direction: column;
  gap: 4px;
  padding-bottom: 12px;
  display: flex;
}

.gc-cal-pop-row {
  border-bottom: 1px dashed var(--gc-hairline-hover);
  --icon-font-size: 1rem;
  align-items: flex-start;
  gap: 9px;
  padding: 5px 0;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-cal-pop-row i {
  color: var(--gc-text-muted);
  margin-top: 3px;
}

.gc-cal-pop-cust {
  text-align: start;
  cursor: pointer;
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  background: var(--gc-surface-hover);
  width: 100%;
  color: var(--gc-text);
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 6px 10px;
  font-family: inherit;
  display: flex;
}

.gc-cal-pop-cust:hover:not(:disabled) {
  border-color: var(--gc-primary);
}

.gc-cal-pop-cust:disabled {
  cursor: default;
}

.gc-cal-pop-cust-a {
  object-fit: cover;
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: .75rem;
  font-weight: 700;
  display: inline-flex;
}

.gc-cal-pop-cust-n {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
  overflow: hidden;
}

.gc-cal-pop-cust i {
  color: var(--gc-text-muted);
}

.gc-cal-pop-note {
  color: var(--gc-text-secondary);
  background: var(--gc-surface-hover);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  margin-top: 8px;
  padding: 6px 10px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-cal-pop-acts {
  border-top: 1px solid var(--gc-hairline-hover);
  background: var(--gc-surface-hover);
  border-radius: 0 0 var(--gc-radius-lg) var(--gc-radius-lg);
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
  padding: 10px 14px;
  display: flex;
}

.gc-cal-pop-acts > button {
  white-space: nowrap;
  border-radius: var(--gc-radius-sm);
  border: 1px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  cursor: pointer;
  --icon-font-size: .875rem;
  flex: auto;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  font-family: inherit;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-cal-pop-acts > button:hover:not(:disabled) {
  border-color: var(--gc-primary);
  color: var(--gc-primary-on-tint);
}

.gc-cal-pop-acts > button.gc-go {
  background: var(--gc-primary-on-tint);
  border-color: var(--gc-primary-on-tint);
  color: #fff;
}

.gc-cal-pop .popover.gc-ac-pop {
  box-shadow: none;
  border-color: var(--gc-hairline-hover);
  flex-basis: 100%;
  margin: 4px 0 0;
  position: static;
}

@media (max-width: 767.98px) {
  .gc-cal-legend {
    display: none;
  }

  .gc-cal-cell {
    cursor: pointer;
    align-items: center;
    min-height: 52px;
    padding: 4px 2px;
  }

  .gc-cal-cell.gc-sel {
    background: var(--gc-primary-bg);
  }

  .gc-cal-chips {
    display: none;
  }

  .gc-cal-dots {
    flex-wrap: wrap;
    justify-content: center;
    gap: 3px;
    display: flex;
  }

  .gc-cal-dots b {
    background: var(--gc-primary);
    border-radius: 50%;
    width: 7px;
    height: 7px;
  }

  .gc-cal-dots b.gc-late {
    background: var(--gc-danger);
  }

  .gc-cal-dots b.gc-done {
    background: var(--gc-text-muted);
  }

  .gc-cal-daylist {
    padding-bottom: env(safe-area-inset-bottom);
    flex-direction: column;
    gap: 6px;
    margin-top: 12px;
    display: flex;
  }

  .gc-cal-daylist-h {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.75;
  }

  .gc-cal-daylist .gc-cal-chip {
    padding: 7px 10px;
    font-size: .8125rem;
  }

  .gc-cal-daylist-empty {
    color: var(--gc-text-secondary);
    font-size: .8125rem;
    line-height: 1.75;
  }
}

.gc-bd.gc-busy {
  opacity: .6;
  transition: opacity .15s;
}

.gc-bd-empty {
  --icon-font-size: 1.125rem;
  color: var(--gc-text-secondary);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-bd-empty span {
  font-size: .75rem;
}

.gc-bd-board {
  grid-template-columns: repeat(5, minmax(12.5rem, 1fr));
  align-items: start;
  gap: 12px;
  padding-bottom: 6px;
  display: grid;
  overflow-x: auto;
}

.gc-bd-col {
  background: var(--gc-surface-hover);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  min-width: 0;
  padding: 10px;
}

.gc-bd-col-h {
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
  display: flex;
}

.gc-bd-col-h.gc-late {
  color: var(--gc-danger-ink);
}

.gc-bd-col-h.gc-today {
  color: var(--gc-primary-on-tint);
}

.gc-bd-n {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  color: var(--gc-text-secondary);
  border-radius: 999px;
  padding: 0 8px;
  font-size: .75rem;
  font-weight: 600;
}

.gc-bd-col-empty {
  text-align: center;
  color: var(--gc-text-secondary);
  border: 1px dashed var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  padding: 18px 8px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-bd-card {
  border: 1px solid var(--gc-hairline-hover);
  border-left: 3px solid var(--gc-primary);
  border-radius: var(--gc-radius-md);
  background: var(--gc-surface);
  margin-bottom: 8px;
  padding: 10px 11px;
  position: relative;
}

.gc-bd-card:hover {
  box-shadow: var(--gc-shadow-sm);
}

.gc-bd-card.gc-late {
  border-left-color: var(--gc-danger);
}

.gc-bd-card.gc-done {
  border-left-color: var(--gc-success);
  background: var(--gc-surface-hover);
}

.gc-bd-card.gc-done .gc-bd-t {
  color: var(--gc-text-secondary);
  text-decoration: line-through;
  -webkit-text-decoration-color: var(--gc-text-muted);
  text-decoration-color: var(--gc-text-muted);
}

.gc-bd-card-h {
  align-items: flex-start;
  gap: 9px;
  display: flex;
}

.gc-bd-date {
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  text-align: center;
  background: var(--gc-surface);
  flex-shrink: 0;
  width: 42px;
  overflow: hidden;
}

.gc-bd-date-m {
  color: #fff;
  background: var(--gc-primary-on-tint);
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.6;
  display: block;
}

.gc-bd-card.gc-late .gc-bd-date-m {
  background: var(--gc-danger-ink);
}

.gc-bd-card.gc-done .gc-bd-date-m {
  background: var(--gc-success-ink);
}

.gc-bd-date-d {
  color: var(--gc-text);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  display: block;
}

.gc-bd-main {
  flex: 1;
  min-width: 0;
}

.gc-bd-t {
  color: var(--gc-text);
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-bd-when {
  color: var(--gc-text-secondary);
  --icon-font-size: .8125rem;
  align-items: center;
  gap: 5px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-bd-when.gc-late {
  color: var(--gc-danger-ink);
  font-weight: 600;
}

.gc-bd-meta {
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 6px;
  display: flex;
}

.gc-bd-chip {
  background: var(--gc-surface-hover);
  border: 1px solid var(--gc-hairline-hover);
  color: var(--gc-text-secondary);
  --icon-font-size: .8125rem;
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-bd-chip.gc-meet {
  color: var(--gc-info-ink);
  background: #00cfe81a;
  border-color: #00cfe84d;
}

.gc-bd-chip.gc-red {
  color: var(--gc-danger-ink);
  background: #ea545514;
  border-color: #0000;
}

.gc-bd-chip.gc-green {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
  border-color: #0000;
}

.gc-bd-chip.gc-amber {
  background: var(--gc-warning-bg);
  color: var(--gc-warning-ink);
  border-color: #0000;
}

.gc-bd-who {
  color: var(--gc-text-secondary);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 7px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-bd-cust {
  cursor: pointer;
  min-width: 0;
  max-width: 100%;
  color: var(--gc-text);
  background: none;
  border: 0;
  align-items: center;
  gap: 5px;
  padding: 0;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-bd-cust:disabled {
  cursor: default;
}

.gc-bd-cust:hover:not(:disabled) .gc-bd-cust-n {
  text-decoration: underline;
}

.gc-bd-cust-n {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.gc-bd-owner {
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.gc-bd-av {
  object-fit: cover;
  color: #fff;
  --icon-font-size: .75rem;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.gc-bd-note {
  color: var(--gc-text-secondary);
  border-top: 1px dashed var(--gc-hairline-hover);
  margin-top: 7px;
  padding-top: 6px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-bd-acts {
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
  display: flex;
}

.gc-bd-acts > button {
  white-space: nowrap;
  border-radius: var(--gc-radius-sm);
  border: 1px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  cursor: pointer;
  --icon-font-size: .875rem;
  flex: auto;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-family: inherit;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-bd-acts > button:hover:not(:disabled) {
  border-color: var(--gc-primary);
  color: var(--gc-primary-on-tint);
}

.gc-bd-acts > button.gc-go {
  background: var(--gc-primary-on-tint);
  border-color: var(--gc-primary-on-tint);
  color: #fff;
}

.gc-bd-tabs {
  display: none;
}

@media (max-width: 991.98px) {
  .gc-bd-tabs {
    scrollbar-width: none;
    gap: 6px;
    margin-bottom: 10px;
    padding-bottom: 2px;
    display: flex;
    overflow-x: auto;
  }

  .gc-bd-tabs::-webkit-scrollbar {
    display: none;
  }

  .gc-bd-acts > button {
    min-height: 44px;
  }

  .gc-bd-tab {
    min-height: 40px;
  }

  .gc-bd-cust {
    min-height: 36px;
  }

  .gc-bd-tab {
    border: 1px solid var(--gc-hairline-hover);
    background: var(--gc-surface);
    cursor: pointer;
    color: var(--gc-text);
    border-radius: 999px;
    flex: none;
    align-items: center;
    gap: 5px;
    padding: 2px 12px;
    font-family: inherit;
    font-size: .8125rem;
    line-height: 1.75;
    display: inline-flex;
  }

  .gc-bd-tab b {
    font-weight: 700;
  }

  .gc-bd-tab.gc-late b {
    color: var(--gc-danger-ink);
  }

  .gc-bd-tab.gc-on {
    background: var(--gc-primary-on-tint);
    border-color: var(--gc-primary-on-tint);
    color: #fff;
  }

  .gc-bd-tab.gc-on b {
    color: #fff;
  }

  .gc-bd-board {
    padding-bottom: env(safe-area-inset-bottom);
    display: block;
    overflow: visible;
  }

  .gc-bd-col {
    background: none;
    border: 0;
    padding: 0;
    display: none;
  }

  .gc-bd-col.gc-on {
    display: block;
  }

  .gc-bd-col-h {
    display: none;
  }
}

.gc-ab {
  z-index: 900;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  display: flex;
  position: fixed;
  inset-block-end: 22px;
  inset-inline-end: 22px;
}

.gc-ab-dot {
  border-radius: var(--gc-radius-full);
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  width: 48px;
  height: 48px;
  color: var(--gc-text);
  box-shadow: var(--gc-shadow-lg);
  --icon-font-size: 1.25rem;
  cursor: pointer;
  transition: transform .15s var(--gc-ease);
  justify-content: center;
  align-items: center;
  font-family: inherit;
  display: inline-flex;
  position: relative;
}

.gc-ab-dot:hover {
  transform: translateY(-2px);
}

.gc-ab-dot:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-ab-n {
  border-radius: var(--gc-radius-full);
  color: #fff;
  background: var(--gc-primary);
  border: 2px solid var(--gc-surface);
  justify-content: center;
  align-items: center;
  min-width: 21px;
  height: 21px;
  padding: 0 5px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  position: absolute;
  inset-block-start: -3px;
  inset-inline-end: -3px;
}

.gc-ab-n.gc-late {
  background: var(--gc-danger-ink);
}

[data-color-theme="dark"] .gc-ab-n.gc-late {
  color: var(--gc-canvas);
}

.gc-ab-pop {
  background: var(--gc-surface);
  width: 380px;
  max-width: calc(100vw - 44px);
  box-shadow: var(--gc-shadow-lg);
  border: 1px solid var(--gc-hairline);
  border-radius: 14px;
  position: relative;
  overflow: visible;
}

.gc-ab-list {
  max-height: calc(100vh - 190px);
  overflow-y: auto;
}

.gc-ab-pop-h {
  border-bottom: 1px solid var(--gc-hairline);
  --icon-font-size: 1rem;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
  display: flex;
}

.gc-ab-h-n {
  color: var(--gc-text-secondary);
  margin-inline-start: auto;
  font-size: .75rem;
  font-weight: 500;
}

.gc-ab-err {
  color: var(--gc-danger-ink);
  background: var(--gc-danger-bg);
  padding: 8px 14px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ab-grp {
  color: var(--gc-text-secondary);
  padding: 8px 14px 2px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-ab-grp.gc-late {
  color: var(--gc-danger-ink);
}

.gc-ab-row {
  align-items: flex-start;
  gap: 10px;
  padding: 6px 14px 10px;
  display: flex;
}

.gc-ab-row + .gc-ab-row {
  border-top: 1px solid var(--gc-hairline);
}

.gc-ab-row .gc-ac-title {
  margin: 0;
}

.gc-ab-go {
  text-align: start;
  cursor: pointer;
  min-width: 0;
  color: inherit;
  background: none;
  border: 0;
  flex: 1;
  align-items: flex-start;
  gap: 10px;
  padding: 0;
  font-family: inherit;
  display: flex;
}

.gc-ab-go:disabled {
  cursor: default;
}

.gc-ab-go:hover:not(:disabled) .gc-ac-title {
  text-decoration: underline;
}

.gc-ab-main {
  flex-direction: column;
  flex: 1;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.gc-ab-side {
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 5px;
  display: flex;
}

.gc-ix-avatar-circle.gc-ab-av {
  width: 30px !important;
  height: 30px !important;
  font-size: .75rem !important;
}

.gc-ab-foot {
  border-top: 1px solid var(--gc-hairline);
  width: 100%;
  color: var(--gc-primary-ink);
  text-align: center;
  padding: 9px 14px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  text-decoration: none;
  display: block;
}

.gc-ab-foot:hover {
  background: var(--gc-canvas);
  color: var(--gc-primary-ink);
  border-end-end-radius: 13px;
  border-end-start-radius: 13px;
}

.gc-ab-pop > .popover.gc-ac-pop {
  inset: auto 6px 44px;
}

.gc-ab-pop > .gc-ac-pop .gc-ac-pop-arrow {
  display: none;
}

@media (max-width: 991.98px) {
  #view-inbox.gc-ix-room-open .gc-ab {
    display: none;
  }
}

.gc-ix-chan {
  min-width: 0 !important;
  color: var(--gc-text) !important;
  background: var(--gc-canvas) !important;
  border-radius: 999px !important;
  flex: 0 auto !important;
  align-items: center !important;
  gap: 5px !important;
  max-width: 100% !important;
  padding: 1px 8px 1px 2px !important;
  font-size: .75rem !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
  display: inline-flex !important;
}

.gc-ix-chan-av {
  object-fit: cover !important;
  width: 16px !important;
  height: 16px !important;
  box-shadow: 0 0 0 1px var(--gc-surface),0 0 0 2px var(--gc-hairline) !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}

.gc-ix-chan-ic {
  width: 16px !important;
  color: var(--gc-text-secondary) !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: .8rem !important;
  display: inline-flex !important;
}

.gc-ix-chan-nm {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.gc-ix-src.gc-ix-src-from {
  border: 1px solid var(--gc-hairline) !important;
  background: var(--gc-surface) !important;
  border-radius: 999px !important;
  flex: 0 auto !important;
  gap: 4px !important;
  padding: 1px 9px !important;
}

.gc-ix-tag {
  border-radius: var(--gc-radius-sm) !important;
  background: var(--gc-primary-bg) !important;
  color: var(--gc-primary-ink) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 3px !important;
  padding: 2px 8px !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  line-height: 1.75 !important;
  display: inline-flex !important;
}

.gc-ix-tag.gc-vip {
  color: #e8890c !important;
  background: #ff9f431f !important;
}

.gc-ix-tag.gc-new {
  color: var(--gc-primary) !important;
  background: #4e6af01a !important;
}

.gc-ix-tag.gc-hot {
  color: var(--gc-danger) !important;
  background: #ea54551a !important;
}

.gc-ix-main {
  background: var(--gc-canvas) !important;
  flex-direction: column !important;
  flex: 1 !important;
  min-width: 0 !important;
  height: 100% !important;
  display: flex !important;
}

.gc-ix-preview {
  display: contents;
}

.gc-ix-empty {
  text-align: center !important;
  flex-direction: column !important;
  flex: 1 !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 40px 24px !important;
  display: flex !important;
}

.gc-ix-empty-ic {
  color: var(--gc-text-muted) !important;
  margin-bottom: 14px !important;
  font-size: 2.6rem !important;
  line-height: 1 !important;
}

.gc-ix-empty-t {
  color: var(--gc-text) !important;
  margin-bottom: 6px !important;
  font-size: .95rem !important;
  font-weight: 700 !important;
}

.gc-ix-empty-s {
  color: var(--gc-text-secondary) !important;
  max-width: 38ch !important;
  font-size: .8rem !important;
  line-height: 1.75 !important;
}

.gc-ix-ce {
  flex-direction: column !important;
  min-height: 0 !important;
  display: flex !important;
}

.gc-ix-ce-warn {
  background: color-mix(in srgb, var(--gc-danger) 8%, var(--gc-surface)) !important;
  border-bottom: 1px solid var(--gc-hairline) !important;
  flex-direction: column !important;
  padding: 13px 14px !important;
  display: flex !important;
}

.gc-ix-ce-warn-h {
  align-items: center !important;
  gap: 9px !important;
  display: flex !important;
}

.gc-ix-ce-warn-h > i {
  color: var(--gc-danger-ink) !important;
  flex-shrink: 0 !important;
  font-size: 1.05rem !important;
}

.gc-ix-ce-warn-t {
  color: var(--gc-text) !important;
  min-width: 0 !important;
  font-size: .8125rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

.gc-ix-ce-warn-d {
  color: var(--gc-text-secondary) !important;
  padding-inline-start: 26px !important;
  font-size: .78rem !important;
  line-height: 1.75 !important;
}

.gc-ix-ce-warn-n {
  color: var(--gc-text-secondary) !important;
  margin-top: 3px !important;
  padding-inline-start: 26px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-ix-ce-body {
  text-align: center !important;
  flex-direction: column !important;
  flex: 1 !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 3px !important;
  padding: 48px 24px !important;
  display: flex !important;
}

.gc-ix-ce-logo {
  object-fit: cover !important;
  opacity: .5 !important;
  border-radius: 14px !important;
  width: 56px !important;
  height: 56px !important;
  margin-bottom: 12px !important;
  display: block !important;
}

.gc-ix-ce-t {
  color: var(--gc-text) !important;
  font-size: .95rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

.gc-ix-ce-d {
  color: var(--gc-text-secondary) !important;
  max-width: 34ch !important;
  margin: 0 !important;
  font-size: .8rem !important;
  line-height: 1.75 !important;
}

.gc-ix-ce-go {
  border: 1px solid var(--gc-hairline-hover) !important;
  border-radius: var(--gc-radius-full) !important;
  background: var(--gc-surface) !important;
  color: var(--gc-text) !important;
  white-space: nowrap !important;
  transition: all .15s var(--gc-ease) !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 14px !important;
  padding: 5px 12px !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
  text-decoration: none !important;
  display: inline-flex !important;
}

.gc-ix-ce-go:hover {
  border-color: var(--gc-primary) !important;
  color: var(--gc-primary-ink) !important;
  background: var(--gc-primary-bg) !important;
}

.gc-ix-ce-go:focus-visible {
  outline: 2px solid var(--gc-primary) !important;
  outline-offset: 2px !important;
}

.gc-ix-ce-go-sm {
  flex-shrink: 0 !important;
  align-self: flex-end !important;
  margin-top: 9px !important;
  padding: 5px 12px !important;
  font-size: .78rem !important;
}

@media (max-width: 575.98px) {
  .gc-ix-ce-warn {
    flex-wrap: wrap !important;
  }

  .gc-ix-ce-go {
    min-height: 44px !important;
    padding-inline: 18px !important;
  }

  .gc-ix-ce-go-sm {
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
  }
}

.gc-ix-chat-header {
  background: var(--gc-surface) !important;
  border-bottom: 1px solid var(--gc-hairline) !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 64px !important;
  padding: 10px 20px !important;
  display: flex !important;
}

.gc-ix-chat-header > .gc-ix-avatar {
  flex-shrink: 0 !important;
}

.gc-ix-chat-header-info {
  flex: auto !important;
  min-width: 0 !important;
  margin-left: 4px !important;
  overflow: hidden !important;
}

.gc-ix-chat-header-info:has(.gc-ix-who) {
  overflow: visible !important;
}

.gc-ix-chat-header-name {
  color: var(--gc-text) !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: .9375rem !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  display: block !important;
  overflow: hidden !important;
}

.gc-ix-chat-header-name .gc-ix-channel-badge {
  color: #fff !important;
  vertical-align: middle !important;
  border-radius: 4px !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 18px !important;
  height: 18px !important;
  margin-left: 5px !important;
  font-size: .55rem !important;
  display: inline-flex !important;
}

.gc-ix-chat-header-sub {
  color: var(--gc-text-secondary) !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: .75rem !important;
  display: flex !important;
  overflow: hidden !important;
}

.gc-ix-post-bar {
  background: var(--gc-canvas) !important;
  border-bottom: 1px solid var(--gc-hairline) !important;
  color: var(--gc-text-secondary) !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 9px 20px !important;
  font-size: .74rem !important;
  line-height: 1.7 !important;
  display: flex !important;
}

.gc-ix-post-bar > i {
  color: var(--gc-text-muted) !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
  font-size: .95rem !important;
}

.gc-ix-post-bar-text {
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  flex: 1 !important;
  min-width: 0 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

.gc-ix-pin-bar {
  background: var(--gc-surface) !important;
  border-bottom: 1px solid var(--gc-hairline) !important;
  flex-shrink: 0 !important;
}

.gc-ix-pin-head {
  color: var(--gc-text) !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 6px 12px 6px 20px !important;
  font-size: .8125rem !important;
  line-height: 1.75 !important;
  display: flex !important;
}

.gc-ix-pin-ic {
  color: var(--gc-primary-ink) !important;
  flex-shrink: 0 !important;
  font-size: .95rem !important;
}

.gc-ix-pin-latest {
  text-align: start !important;
  min-width: 0 !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  -webkit-line-clamp: 2 !important;
  white-space: normal !important;
  cursor: pointer !important;
  background: none !important;
  border: 0 !important;
  -webkit-box-orient: vertical !important;
  flex: auto !important;
  padding: 0 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

.gc-ix-pin-latest:hover {
  color: var(--gc-primary-ink) !important;
}

.gc-ix-pin-latest:focus-visible, .gc-ix-pin-go:focus-visible {
  outline: 2px solid var(--gc-primary) !important;
  outline-offset: 2px !important;
  border-radius: 4px !important;
}

.gc-ix-pin-toggle {
  color: var(--gc-text-secondary) !important;
  flex-shrink: 0 !important;
  font-size: 1.1rem !important;
}

.gc-ix-pin-list {
  overscroll-behavior: contain !important;
  max-height: 200px !important;
  overflow-y: auto !important;
}

.gc-ix-pin-list .list-group-item {
  border-bottom-width: 0 !important;
}

.gc-ix-pin-row {
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 6px 12px 6px 20px !important;
  display: flex !important;
}

.gc-ix-pin-go {
  text-align: start !important;
  min-width: 0 !important;
  color: var(--gc-text) !important;
  cursor: pointer !important;
  background: none !important;
  border: 0 !important;
  flex-direction: column !important;
  flex: auto !important;
  align-items: flex-start !important;
  padding: 0 !important;
  display: flex !important;
}

.gc-ix-pin-text {
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  font-size: .8125rem !important;
  line-height: 1.75 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

.gc-ix-pin-unpin {
  font-size: .95rem !important;
}

.gc-ix-pin-row > .gc-ix-pin-unpin, .gc-ix-pin-head > .gc-msg-action {
  margin-top: -4px !important;
}

.gc-ix-pin-foot {
  background: var(--gc-surface) !important;
  border-top: 1px solid var(--gc-hairline) !important;
  display: flex !important;
}

.gc-ix-pin-foot > .gc-msg-action {
  width: auto !important;
  height: 26px !important;
  color: var(--gc-text-secondary) !important;
  border-radius: 0 !important;
  flex: auto !important;
  font-size: 1.1rem !important;
}

.gc-pinfix .gc-ix-pin-head, .gc-pinfix .gc-ix-pin-row {
  padding: 8px 20px !important;
}

.gc-pinfix .gc-ix-pin-list .list-group-item {
  border-color: var(--gc-hairline) !important;
}

.gc-pinfix .gc-ix-pin-row.list-group-item-action:hover {
  background: var(--gc-surface-hover) !important;
}

.gc-pinfix .gc-ix-pin-ic {
  font-size: 1rem !important;
}

.gc-pinfix .gc-ix-pin-row > .gc-ix-pin-ic {
  margin-top: 3px !important;
}

.gc-pinfix .gc-ix-pin-toggle {
  font-size: 1rem !important;
}

.gc-pinfix .gc-ix-pin-foot > .gc-msg-action {
  height: 30px !important;
  font-size: 1rem !important;
}

.gc-pinfix-quiet .gc-ix-pin-ic {
  color: var(--gc-text-secondary) !important;
}

.gc-pinfix-small .gc-ix-pin-head, .gc-pinfix-small .gc-ix-pin-text {
  font-size: .76rem !important;
}

.gc-ix-pin-new {
  white-space: pre-wrap !important;
  max-height: 7rem !important;
  font-size: .8125rem !important;
  line-height: 1.75 !important;
  overflow-y: auto !important;
}

.gc-ix-pin-choice {
  cursor: pointer !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 8px 12px !important;
  display: flex !important;
}

.gc-ix-pin-radio {
  flex-shrink: 0 !important;
  margin: 4px 0 0 !important;
}

.gc-ix-pin-choice-body {
  flex-direction: column !important;
  flex: auto !important;
  min-width: 0 !important;
  display: flex !important;
}

.gc-ix-pin-choice.gc-remove .gc-ix-pin-text {
  color: var(--gc-text-secondary) !important;
  text-decoration: line-through !important;
}

.gc-ix-pin-remove-tag {
  color: var(--gc-danger-ink) !important;
  background: var(--gc-danger-bg) !important;
  white-space: nowrap !important;
  border-radius: 999px !important;
  flex-shrink: 0 !important;
  align-self: center !important;
  padding: 0 8px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-ix-post-bar-link {
  color: var(--gc-primary) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 4px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline-flex !important;
}

.gc-ix-post-bar-link:hover {
  color: var(--gc-primary-ink) !important;
  text-decoration: underline !important;
}

.gc-ix-chat-header-sub .gc-ix-dot {
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  width: 5px !important;
  height: 5px !important;
  display: inline-block !important;
}

.gc-ix-header-actions {
  flex: none !important;
  align-items: center !important;
  gap: 2px !important;
  margin-left: auto !important;
  display: flex !important;
}

.gc-ix-header-actions > * {
  flex-shrink: 0 !important;
}

.gc-ix-ad-source {
  background: var(--gc-surface) !important;
  border-bottom: 1px solid var(--gc-hairline) !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 20px !important;
  display: flex !important;
}

.gc-ix-ad-card-img {
  object-fit: cover !important;
  border-radius: 6px !important;
  flex-shrink: 0 !important;
  width: 36px !important;
  height: 36px !important;
}

.gc-ix-ad-noimg {
  background: var(--gc-primary-bg) !important;
  color: var(--gc-primary) !important;
  justify-content: center !important;
  align-items: center !important;
  display: inline-flex !important;
}

.gc-ix-ad-noimg i {
  font-size: 1.05rem !important;
  line-height: 1 !important;
}

.gc-ix-ad-card-body {
  flex-direction: column !important;
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
}

.gc-ix-ad-card-page {
  color: var(--gc-text-secondary) !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: .76rem !important;
  font-weight: 500 !important;
  display: flex !important;
}

.gc-ix-ad-card-text {
  color: var(--gc-text) !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: .8rem !important;
  font-weight: 500 !important;
  overflow: hidden !important;
}

.gc-ix-ad-view-btn {
  border-radius: var(--gc-radius-full) !important;
  border: 1.5px solid var(--gc-hairline) !important;
  background: var(--gc-surface) !important;
  color: var(--gc-text-secondary) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  padding: 5px 14px !important;
  font-family: inherit !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all .15s !important;
  display: inline-flex !important;
}

.gc-ix-ad-view-btn:hover {
  border-color: var(--gc-primary) !important;
  color: var(--gc-primary) !important;
  background: var(--gc-primary-bg) !important;
}

.gc-ix-ad-source.gc-ix-rw-warn {
  background: var(--gc-warning-bg) !important;
}

.gc-ix-ad-source.gc-ix-rw-warn .gc-ix-ad-noimg {
  color: var(--gc-warning-ink) !important;
  background: none !important;
}

.gc-ix-ad-source.gc-ix-rw-warn .gc-ix-ad-card-text {
  color: var(--gc-warning-ink) !important;
  font-weight: 700 !important;
}

.gc-ix-ad-source.gc-ix-rw-warn .gc-ix-ad-card-page {
  color: var(--gc-warning-ink) !important;
  opacity: .85 !important;
}

.gc-ix-ai-strip {
  border-bottom: 1px solid var(--gc-hairline) !important;
  background: linear-gradient(90deg, #4e6af00a, #6b83f514) !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 20px !important;
  font-size: .75rem !important;
  display: flex !important;
}

.gc-ix-ai-strip .gc-ix-ai-icon {
  background: linear-gradient(135deg,var(--gc-primary),var(--gc-primary-light)) !important;
  color: #fff !important;
  border-radius: 6px !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 24px !important;
  height: 24px !important;
  font-size: .7rem !important;
  display: flex !important;
}

.gc-ix-ai-strip .gc-ix-ai-text {
  color: var(--gc-text-secondary) !important;
  flex: 1 !important;
}

.gc-ix-ai-strip .gc-ix-ai-text strong {
  color: var(--gc-primary) !important;
  font-weight: 600 !important;
}

.gc-ix-ai-strip .gc-ix-ai-actions {
  gap: 4px !important;
  display: flex !important;
}

.gc-ix-ai-chip {
  border-radius: var(--gc-radius-full) !important;
  border: 1px solid var(--gc-hairline) !important;
  background: var(--gc-surface) !important;
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  padding: 4px 10px !important;
  font-size: .7rem !important;
  font-weight: 500 !important;
  transition: all .15s !important;
}

.gc-ix-ai-chip:hover {
  border-color: var(--gc-primary) !important;
  color: var(--gc-primary) !important;
  background: var(--gc-primary-bg) !important;
}

.gc-ix-messages {
  flex-direction: column !important;
  flex: 1 !important;
  padding: 20px !important;
  display: flex !important;
  overflow: hidden auto !important;
}

@media (hover: hover) and (max-width: 767.98px) {
  .gc-ix-bubble > .gc-msg-actions, .gc-ix-bare > .gc-msg-actions {
    border-radius: var(--gc-radius-sm);
    background: var(--gc-surface);
    padding-block: 2px;
    top: auto;
    bottom: 100%;
    box-shadow: 0 2px 8px #0000001f;
  }

  .gc-ix-bubble.gc-other > .gc-msg-actions, .gc-ix-bare.gc-other > .gc-msg-actions {
    inset-inline: 0 auto;
  }

  .gc-ix-bubble.gc-self > .gc-msg-actions, .gc-ix-bare.gc-self > .gc-msg-actions {
    inset-inline: auto 0;
  }
}

.gc-ix-date-sep {
  -webkit-user-select: none !important;
  user-select: none !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 14px 0 !important;
  display: flex !important;
}

.gc-ix-date-sep span {
  background: var(--gc-surface) !important;
  color: var(--gc-text-muted) !important;
  border-radius: var(--gc-radius-full) !important;
  box-shadow: var(--gc-shadow-xs) !important;
  text-transform: uppercase !important;
  letter-spacing: .3px !important;
  padding: 3px 12px !important;
  font-size: .65rem !important;
  font-weight: 600 !important;
}

.gc-ix-messages * {
  box-sizing: border-box !important;
}

.gc-ix-msg {
  flex-direction: row !important;
  align-items: flex-end !important;
  gap: 0 !important;
  width: 100% !important;
  margin-bottom: 6px !important;
  display: flex !important;
}

.gc-ix-msg.gc-self {
  justify-content: flex-end !important;
}

.gc-ix-msg.gc-grouped {
  margin-bottom: 8px !important;
}

.gc-ix-msg-avatar {
  color: #fff !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-self: flex-end !important;
  align-items: center !important;
  width: 30px !important;
  height: 30px !important;
  margin-right: 8px !important;
  font-size: .6rem !important;
  font-weight: 700 !important;
  display: flex !important;
}

.gc-ix-msg-avatar.gc-hide {
  visibility: hidden !important;
}

.gc-ix-bubble-wrap {
  max-width: min(68%, 500px) !important;
  display: block !important;
  position: relative !important;
}

.gc-ix-bubble {
  word-wrap: break-word !important;
  border-radius: 18px !important;
  padding: 10px 14px !important;
  font-size: .875rem !important;
  line-height: 1.75 !important;
  transition: transform .12s !important;
  display: block !important;
  position: relative !important;
}

@media (hover: hover) {
  .gc-ix-bubble:hover {
    transform: scale(1.003) !important;
  }
}

.gc-ix-bubble.gc-other {
  background: var(--gc-bubble-other) !important;
  color: var(--gc-bubble-other-text) !important;
  box-shadow: var(--gc-shadow-xs) !important;
  border-bottom-left-radius: 4px !important;
}

.gc-ix-msg-text {
  white-space: pre-wrap;
}

.gc-ix-msg-text .gc-ix-msg-link {
  text-underline-offset: 2px;
  overflow-wrap: anywhere;
  word-break: break-word;
  color: inherit !important;
  text-decoration: underline !important;
}

.gc-ix-bubble.gc-other .gc-ix-msg-text .gc-ix-msg-link {
  color: var(--gc-primary-ink) !important;
}

.gc-ix-msg-text .gc-ix-msg-link:hover {
  text-decoration-thickness: 2px !important;
}

.gc-ix-msg-text .gc-ix-mention {
  font-weight: 600;
}

.gc-ix-bubble.gc-other .gc-ix-msg-text .gc-ix-mention {
  color: var(--gc-primary-ink);
}

.gc-ix-bubble.gc-other .gc-ix-msg-text .gc-ix-mention.gc-self-ref {
  background: var(--gc-primary-bg);
  border-radius: 4px;
  padding: 0 3px;
}

.gc-ix-reply-jump {
  text-align: start;
  width: 100%;
  color: inherit;
  font: inherit;
  cursor: pointer;
  border: 0;
  display: block;
}

.gc-ix-reply-jump:hover {
  filter: brightness(.96);
}

.gc-ix-reply-jump:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-ix-jump {
  z-index: 4;
  flex-shrink: 0;
  align-self: flex-end;
  width: 40px;
  height: 40px;
  margin-top: -40px;
  position: sticky;
  bottom: 12px;
}

.gc-ix-jump-wrap {
  z-index: 4;
  pointer-events: none;
  flex-shrink: 0;
  justify-content: center;
  margin-top: -34px;
  display: flex;
  position: sticky;
  bottom: 12px;
}

.gc-ix-jump-pill {
  pointer-events: auto;
  background: var(--gc-primary-ink);
  color: #fff;
  white-space: nowrap;
  border: 0;
  min-height: 34px;
  padding: 0 14px;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-ix-jump-pill:hover {
  filter: brightness(1.08);
}

.gc-ix-jump-pill:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-ix-finding {
  z-index: 4;
  justify-content: center;
  height: 0;
  display: flex;
  position: sticky;
  top: 8px;
  overflow: visible;
}

.gc-ix-finding .gc-ix-finding-pill {
  background: var(--gc-surface);
  color: var(--gc-text);
  padding: 4px 12px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-cp-tray {
  gap: 8px;
  margin-top: 0;
}

.gc-cp-tray .gc-qr-thumb {
  width: 72px;
  height: 72px;
}

.gc-cp-tray-file {
  background: var(--gc-canvas);
  width: 100%;
  height: 100%;
  color: var(--gc-text-secondary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 0 6px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-cp-tray-file i {
  font-size: 1.4rem;
}

.gc-cp-tray-file span {
  max-width: 100%;
}

.gc-ix-bubble.gc-self {
  background: var(--gc-bubble-self) !important;
  color: var(--gc-bubble-self-text) !important;
  border-bottom-right-radius: 4px !important;
  box-shadow: 0 1px 4px #4e6af033 !important;
}

.gc-ix-bubble-reply {
  opacity: 1 !important;
  background: #0000000f !important;
  border-left: 3px solid #ffffff59 !important;
  border-radius: 4px !important;
  margin-bottom: 6px !important;
  padding: 5px 10px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-ix-bubble.gc-self .gc-ix-bubble-reply {
  color: #fff !important;
  background: #0000001a !important;
  border-left-color: #ffffffbf !important;
}

.gc-ix-bubble.gc-other .gc-ix-bubble-reply {
  background: var(--gc-primary-bg) !important;
  border-left-color: var(--gc-primary) !important;
}

.gc-ix-bubble-who {
  margin-bottom: 1px !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

.gc-ix-rq-lbl {
  min-width: 0;
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 4px;
  margin: 0 10px 2px;
  font-size: .75rem;
  line-height: 1.6;
  display: flex;
}

.gc-ix-rq-lbl > i {
  flex-shrink: 0;
  font-size: .875rem;
}

.gc-ix-msg.gc-self .gc-ix-rq-lbl {
  justify-content: flex-end;
}

.gc-ix-rq {
  -webkit-line-clamp: 2;
  background: var(--gc-hairline);
  width: fit-content;
  max-width: 100%;
  color: var(--gc-text-secondary);
  font: inherit;
  text-align: start;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  border: 0;
  border-radius: 18px;
  -webkit-box-orient: vertical;
  margin: 0 0 -12px;
  padding: 8px 14px 20px;
  font-size: .875rem;
  line-height: 1.6;
  display: -webkit-box;
  position: relative;
  overflow: hidden;
}

.gc-ix-msg.gc-self .gc-ix-rq {
  margin-inline-start: auto;
}

.gc-ix-rq-jump {
  cursor: pointer;
}

.gc-ix-rq-jump:hover {
  background: var(--gc-hairline-hover);
}

.gc-ix-rq-jump:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-ix-rqc {
  width: 100%;
  font: inherit;
  text-align: start;
  color: inherit;
  box-shadow: inset 3px 0 0 var(--gc-primary);
  border: 0;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  margin: 0 0 8px;
  padding: 8px 10px;
  display: flex;
}

.gc-ix-bubble.gc-other .gc-ix-rqc {
  background: var(--gc-primary-bg);
}

.gc-ix-bubble.gc-self .gc-ix-rqc {
  background: #00000024;
  box-shadow: inset 3px 0 #ffffffd9;
}

.gc-ix-rqc-txt {
  flex: 1;
  min-width: 0;
}

.gc-ix-rqc-who {
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-ix-rqc-body {
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  font-size: .75rem;
  line-height: 1.75;
  display: -webkit-box;
  overflow: hidden;
}

.gc-ix-bubble.gc-other .gc-ix-rqc-body {
  color: var(--gc-text-secondary);
}

.gc-ix-rqc .gc-ix-rqc-go {
  opacity: .7;
  flex-shrink: 0;
  font-size: 1rem;
}

button.gc-ix-rqc {
  cursor: pointer;
}

button.gc-ix-rqc:hover {
  filter: brightness(.97);
}

button.gc-ix-rqc:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-ix-bubble.gc-self button.gc-ix-rqc:focus-visible {
  outline-color: #fff;
}

.gc-ix-msg-time {
  color: var(--gc-text-secondary) !important;
  align-items: center !important;
  gap: 3px !important;
  margin-top: 1px !important;
  padding: 0 4px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
  display: flex !important;
}

.gc-ix-msg-time.gc-self {
  justify-content: flex-end !important;
}

.gc-ix-seen {
  cursor: default !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  margin-inline-start: 6px !important;
  display: inline-flex !important;
}

.gc-ix-seen .gc-ix-agent-name {
  margin-inline-start: 0 !important;
}

.gc-ix-seen .gc-ix-agent-name > span {
  padding-inline-start: 4px !important;
}

.gc-ix-seen-pile {
  flex-shrink: 0 !important;
  align-items: center !important;
  display: inline-flex !important;
}

.gc-ix-seen-av + .gc-ix-seen-av {
  margin-inline-start: -6px !important;
}

.gc-ix-seen-pile > * {
  position: relative !important;
}

.gc-ix-seen-pile > :first-child {
  z-index: 5 !important;
}

.gc-ix-seen-pile > :nth-child(2) {
  z-index: 4 !important;
}

.gc-ix-seen-pile > :nth-child(3) {
  z-index: 3 !important;
}

.gc-ix-seen-pile > :nth-child(4) {
  z-index: 2 !important;
}

.gc-ix-seen-pile > :nth-child(5) {
  z-index: 1 !important;
}

.gc-ix-seen-more {
  background: var(--gc-text-secondary) !important;
  color: #fff !important;
}

.gc-ix-msg-time.gc-self {
  white-space: nowrap !important;
  width: 0 !important;
  min-width: 100% !important;
}

.gc-ix-msg-time.gc-self > *, .gc-ix-agent-name {
  flex-shrink: 0 !important;
}

.gc-ix-msg-time .gc-ix-read {
  font-size: .75rem !important;
}

.gc-ix-msg-time .gc-ix-read.gc-seen {
  color: var(--gc-primary) !important;
}

.gc-ix-agent {
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 4px !important;
  margin-left: 2px !important;
  display: inline-flex !important;
}

.gc-ix-agent-name {
  opacity: 0;
  grid-template-columns: 0fr;
  color: var(--gc-text-secondary) !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
  transition: grid-template-columns .3s, opacity .3s !important;
  display: grid !important;
}

.gc-ix-agent-name > span {
  white-space: nowrap !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.gc-ix-msg:hover .gc-ix-agent-name, .gc-ix-msg:focus-within .gc-ix-agent-name {
  opacity: 1;
  grid-template-columns: 1fr;
}

.gc-ix-agent-dot {
  border-radius: var(--gc-radius-full) !important;
  color: #fff !important;
  object-fit: cover !important;
  width: 20px !important;
  height: 20px !important;
  box-shadow: 0 0 0 1px var(--gc-surface), 0 0 0 2px var(--gc-hairline) !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: inline-flex !important;
}

.gc-ix-chat-ctx .gc-ix-chat-agent {
  margin-left: auto !important;
}

@media (hover: none) {
  .gc-ix-agent-name {
    opacity: 1;
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-ix-agent-name {
    transition: none !important;
  }
}

.gc-ix-bubble-hug {
  position: relative;
}

.gc-ix-bubble-hug.gc-has-react {
  margin-bottom: 14px;
}

.gc-ix-reactions {
  z-index: 2 !important;
  gap: 3px !important;
  display: flex !important;
  position: absolute !important;
  bottom: -11px !important;
}

.gc-ix-reactions.gc-self {
  right: 12px !important;
}

.gc-ix-reactions:not(.gc-self) {
  left: 12px !important;
}

.gc-ix-react-chip {
  background: var(--gc-surface) !important;
  border: 1px solid var(--gc-hairline) !important;
  border-radius: var(--gc-radius-full) !important;
  cursor: pointer !important;
  box-shadow: var(--gc-shadow-xs) !important;
  align-items: center !important;
  gap: 3px !important;
  padding: 1px 7px !important;
  font-family: inherit !important;
  font-size: .72rem !important;
  line-height: 1.5 !important;
  transition: all .15s !important;
  display: inline-flex !important;
}

.gc-ix-react-chip:hover {
  background: var(--gc-surface-hover) !important;
}

.gc-ix-react-chip .gc-ix-rc {
  color: var(--gc-text-secondary) !important;
  font-size: .65rem !important;
  font-weight: 700 !important;
}

.gc-ix-react-chip .gc-ix-react-mine {
  background: var(--gc-primary-bg) !important;
  border-radius: var(--gc-radius-full) !important;
  display: inline-block !important;
}

.gc-ix-who-av {
  border-radius: var(--gc-radius-full);
  color: #fff;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: .7rem;
  font-weight: 700;
  display: flex;
}

.gc-ix-who {
  text-align: start;
  border: 0;
  border-top: 1px solid var(--gc-hairline);
  background: none;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 4px;
  font-family: inherit;
  display: flex;
}

.gc-ix-who:first-of-type {
  border-top: 0;
}

.gc-ix-who-name {
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-ix-who-sub {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ix-who-emoji {
  font-size: 1.15rem;
  line-height: 1.75;
}

button.gc-ix-who {
  cursor: pointer;
}

button.gc-ix-who:hover {
  background: var(--gc-surface-hover);
}

.gc-ix-file-card {
  border-radius: var(--gc-radius-sm) !important;
  cursor: pointer !important;
  background: #ffffff1a !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 12px !important;
  transition: background .15s !important;
  display: flex !important;
}

.gc-ix-file-card:hover {
  background: #ffffff29 !important;
}

.gc-ix-file-ic {
  border-radius: var(--gc-radius-sm) !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 34px !important;
  height: 34px !important;
  font-size: 1rem !important;
  display: flex !important;
}

.gc-ix-file-ic.gc-pdf {
  color: var(--gc-danger) !important;
  background: #ea54551a !important;
}

.gc-ix-file-ic.gc-img {
  color: var(--gc-warning) !important;
  background: #ff9f431a !important;
}

.gc-ix-file-nm {
  font-size: .78rem !important;
  font-weight: 600 !important;
}

.gc-ix-file-sz {
  opacity: .6 !important;
  font-size: .65rem !important;
}

.gc-ix-voice {
  align-items: center !important;
  gap: 8px !important;
  min-width: 180px !important;
  display: flex !important;
}

.gc-ix-voice-play {
  width: 30px !important;
  height: 30px !important;
  color: inherit !important;
  cursor: pointer !important;
  border: none !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: .85rem !important;
  transition: all .15s !important;
  display: flex !important;
}

.gc-ix-bubble.gc-self .gc-ix-voice-play {
  background: #fff3 !important;
}

.gc-ix-bubble.gc-other .gc-ix-voice-play {
  background: var(--gc-primary-bg) !important;
  color: var(--gc-primary) !important;
}

.gc-ix-voice-wave {
  flex: 1 !important;
  align-items: center !important;
  gap: 1.5px !important;
  height: 24px !important;
  display: flex !important;
}

.gc-ix-voice-wave .gc-ix-vb {
  opacity: .45 !important;
  background: currentColor !important;
  border-radius: 2px !important;
  width: 2.5px !important;
  transition: opacity .15s !important;
}

.gc-ix-voice-wave .gc-ix-vb.gc-played {
  opacity: 1 !important;
}

.gc-ix-voice-dur {
  opacity: .6 !important;
  flex-shrink: 0 !important;
  font-size: .65rem !important;
}

.gc-ix-typing-dots {
  align-items: center !important;
  gap: 3px !important;
  padding: 3px 0 !important;
  display: flex !important;
}

.gc-ix-typing-dots span {
  background: var(--gc-text-muted) !important;
  border-radius: 50% !important;
  width: 6px !important;
  height: 6px !important;
  animation: 1.4s infinite ixBounce !important;
}

.gc-ix-typing-dots span:nth-child(2) {
  animation-delay: .2s !important;
}

.gc-ix-typing-dots span:nth-child(3) {
  animation-delay: .4s !important;
}

@keyframes ixBounce {
  0%, 60%, 100% {
    opacity: .3;
    transform: translateY(0);
  }

  30% {
    opacity: 1;
    transform: translateY(-4px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-ix-typing-dots span {
    opacity: .7 !important;
    animation: none !important;
  }
}

.gc-ix-msg.gc-ix-team-typing .gc-ix-bubble-wrap {
  flex-direction: column !important;
  align-items: flex-end !important;
  display: flex !important;
}

.gc-ix-msg.gc-ix-team-typing .gc-ix-bubble.gc-other {
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 18px !important;
  padding: 12px 16px !important;
}

.gc-ix-team-typing-foot {
  color: var(--gc-text-secondary);
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  margin-top: 4px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-ix-team-typing-pile {
  flex-shrink: 0;
  display: inline-flex;
}

.gc-ix-team-typing-pile .gc-ix-agent-dot + .gc-ix-agent-dot {
  margin-inline-start: -6px;
}

.gc-ix-chat-top.gc-ix-top-row .gc-ix-chat-name {
  flex: 0 auto !important;
}

.gc-ix-chat-top.gc-ix-top-row .gc-ix-chat-time {
  padding-inline-start: 8px;
  margin-inline-start: auto !important;
}

.gc-ix-chat-owner {
  color: var(--gc-text-muted);
  flex-shrink: 0;
  align-items: center;
  margin-inline-end: 4px;
  display: inline-flex;
}

.gc-ix-chat-owner > .ph-caret-right {
  margin-inline-start: 2px;
  font-size: .7rem;
}

.gc-ix-name-ics {
  flex-shrink: 0;
  align-items: center;
  margin-inline-start: 4px;
  display: inline-flex;
}

.gc-ix-name-ics .gc-ix-name-ic {
  vertical-align: 0 !important;
  margin-inline-end: 2px !important;
}

.gc-ix-viewers {
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
}

.gc-ix-viewers .gc-ix-agent-dot + .gc-ix-agent-dot {
  margin-inline-start: -6px !important;
}

.gc-ix-viewers-more {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  margin-inline-start: 4px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ix-chat-item .gc-ix-viewers .gc-ix-agent-dot {
  box-shadow: 0 0 0 1px var(--gc-surface),0 0 0 2.5px var(--gc-success-ink) !important;
}

.gc-ix-chat-ctx:has(.gc-ix-viewers) {
  overflow-clip-margin: 4px;
  overflow: clip !important;
}

.gc-ix-header-actions .gc-ix-hdr-viewers {
  margin-inline-end: 8px;
}

.gc-ix-header-actions .gc-ix-hdr-viewers .gc-ix-agent-dot {
  width: 26px !important;
  height: 26px !important;
}

.gc-ix-top-tabs .gc-ix-onl {
  align-self: center;
  margin-inline-start: auto;
}

.gc-ix-onl-btn {
  border-radius: var(--gc-radius-full);
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 2px;
  padding: 2px 8px 2px 4px;
  font-family: inherit;
  display: inline-flex;
}

.gc-ix-onl-btn:hover, .gc-ix-onl-btn[aria-expanded="true"] {
  background: var(--gc-canvas);
}

.gc-ix-onl-btn .gc-ix-agent-dot {
  width: 26px !important;
  height: 26px !important;
}

.gc-ix-onl .gc-ix-onl-menu {
  min-width: 260px;
  max-width: 320px;
  max-height: 60vh;
  overflow-y: auto;
}

.gc-ix-onl-menu .dropdown-item {
  white-space: normal;
  cursor: default;
  align-items: center;
  gap: 10px;
  line-height: 1.75;
  display: flex;
}

.gc-ix-onl-menu .dropdown-item .gc-ix-agent-dot {
  width: 28px !important;
  height: 28px !important;
}

.gc-ix-onl-who {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.gc-ix-onl-where {
  color: var(--gc-text-secondary);
  font-size: .75rem;
}

.gc-ix-input-area {
  background: var(--gc-surface) !important;
  border-top: 1px solid var(--gc-hairline) !important;
  padding: 10px 20px 14px !important;
}

.gc-ix-reply-bar.gc-ix-off {
  display: none !important;
}

.gc-ix-reply-bar {
  background: var(--gc-canvas) !important;
  border-radius: var(--gc-radius-sm) !important;
  border-left: 3px solid var(--gc-primary) !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
  padding: 7px 12px !important;
  animation: .2s ixSlideUp !important;
  display: flex !important;
}

@keyframes ixSlideUp {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.gc-ix-reply-bar-body {
  flex: 1 !important;
  min-width: 0 !important;
}

.gc-ix-reply-bar-name {
  color: var(--gc-primary) !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
}

.gc-ix-reply-bar-text {
  color: var(--gc-text-secondary) !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: .75rem !important;
  overflow: hidden !important;
}

.gc-ix-reply-bar-close {
  color: var(--gc-text-muted) !important;
  cursor: pointer !important;
  background: none !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 2px !important;
  font-size: .85rem !important;
}

.gc-ix-reply-bar-close:hover {
  color: var(--gc-text) !important;
  background: var(--gc-hairline) !important;
}

.gc-cp-wait {
  border-left-color: var(--gc-warning-ink) !important;
  align-items: flex-start !important;
}

.gc-cp-wait > i {
  color: var(--gc-warning-ink);
  flex-shrink: 0;
  margin-top: 3px;
  font-size: 1rem;
}

.gc-cp-wait .gc-ix-reply-bar-name {
  color: var(--gc-warning-ink) !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-cp-wait .gc-ix-reply-bar-text, .gc-cp-warn .gc-ix-reply-bar-text {
  white-space: normal !important;
  line-height: 1.75 !important;
}

.gc-cp-wait .gc-ix-reply-bar-text a {
  color: var(--gc-primary-ink);
  font-weight: 600;
  text-decoration: none;
}

.gc-cp-wait .gc-ix-reply-bar-text a:hover {
  text-decoration: underline;
}

.gc-cp-locked {
  opacity: .55;
}

.gc-cp-locked textarea, .gc-cp-locked button {
  cursor: not-allowed;
}

.gc-ix-cm-actions {
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 8px !important;
  display: flex !important;
}

.gc-ix-cm-btn {
  border-radius: var(--gc-radius-full) !important;
  border: 1px solid var(--gc-hairline-hover) !important;
  background: var(--gc-surface) !important;
  height: 34px !important;
  color: var(--gc-text) !important;
  cursor: pointer !important;
  transition: all .15s var(--gc-ease) !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 13px !important;
  font-family: inherit !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

.gc-ix-cm-btn:hover:not(:disabled) {
  border-color: var(--gc-primary) !important;
  color: var(--gc-primary) !important;
}

.gc-ix-cm-btn:disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
}

.gc-ix-cm-btn.gc-public {
  background: var(--gc-primary) !important;
  border-color: var(--gc-primary) !important;
  color: #fff !important;
}

.gc-ix-cm-btn.gc-public:hover:not(:disabled) {
  background: var(--gc-primary-ink) !important;
  border-color: var(--gc-primary-ink) !important;
  color: #fff !important;
}

.gc-ix-cm-hint {
  color: var(--gc-text-secondary) !important;
  max-width: 46ch !important;
  font-size: .72rem !important;
  line-height: 1.7 !important;
}

.gc-ix-cm-err {
  color: var(--gc-danger) !important;
  align-items: flex-start !important;
  gap: 7px !important;
  margin-bottom: 8px !important;
  font-size: .75rem !important;
  line-height: 1.7 !important;
  display: flex !important;
}

.gc-ix-cm-err i {
  flex-shrink: 0 !important;
  margin-top: 2px !important;
  font-size: .95rem !important;
}

.gc-ix-input-wrap {
  background: var(--gc-canvas) !important;
  min-height: 40px !important;
  transition: border-color .2s var(--gc-ease),background .2s var(--gc-ease),box-shadow .2s var(--gc-ease) !important;
  border: 1.5px solid #0000 !important;
  border-radius: 20px !important;
  flex: 1 !important;
  align-items: flex-end !important;
  padding: 5px 6px 5px 14px !important;
  display: flex !important;
}

.gc-ix-input-wrap:focus-within {
  border-color: var(--gc-primary) !important;
  background: var(--gc-surface) !important;
  box-shadow: 0 0 0 3px #4e6af014 !important;
}

.gc-ix-input-wrap textarea {
  color: var(--gc-text) !important;
  resize: none !important;
  background: none !important;
  border: none !important;
  outline: none !important;
  flex: 1 !important;
  max-height: 200px !important;
  padding: 5px 0 !important;
  font-family: inherit !important;
  font-size: .875rem !important;
  line-height: 1.5 !important;
  transition: height .15s !important;
}

.gc-ix-resize-handle {
  cursor: ns-resize;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  padding: 3px 0;
  display: flex;
}

.gc-ix-resize-handle:before {
  content: "";
  background: var(--gc-text-muted);
  opacity: .3;
  border-radius: 2px;
  width: 36px;
  height: 4px;
  transition: opacity .15s;
}

.gc-ix-resize-handle:hover:before {
  opacity: .6;
}

.gc-ix-input-area.gc-ix-dragging .gc-ix-input-wrap textarea, .gc-ix-input-area.gc-ix-dragging .gc-cp-stack textarea {
  transition: none !important;
}

.gc-ix-expand-btn {
  border-radius: var(--gc-radius-sm);
  width: 28px;
  height: 28px;
  color: var(--gc-text-muted);
  cursor: pointer;
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .85rem;
  transition: all .15s;
  display: flex;
}

.gc-ix-expand-btn:hover {
  color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-ix-input-wrap textarea::placeholder {
  color: var(--gc-text-muted) !important;
}

.gc-ix-send-btn {
  cursor: pointer !important;
  width: 40px !important;
  height: 40px !important;
  transition: all .18s var(--gc-ease) !important;
  border: none !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: 1.05rem !important;
  display: flex !important;
}

.gc-ix-send-btn.gc-idle {
  background: var(--gc-canvas) !important;
  color: var(--gc-text-secondary) !important;
  cursor: default !important;
}

.gc-ix-send-btn.gc-go {
  background: var(--gc-primary) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px #4e6af04d !important;
}

.gc-ix-send-btn.gc-go:hover {
  background: var(--gc-primary-ink) !important;
  transform: scale(1.06) !important;
  box-shadow: 0 4px 14px #4e6af066 !important;
}

.gc-cp-stack {
  background: var(--gc-canvas) !important;
  border-radius: var(--gc-radius-lg) !important;
  transition: border-color .2s var(--gc-ease),background .2s var(--gc-ease),box-shadow .2s var(--gc-ease) !important;
  border: 1.5px solid #0000 !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  padding: 8px 10px 6px !important;
  display: flex !important;
}

.gc-cp-stack:focus-within {
  border-color: var(--gc-primary) !important;
  background: var(--gc-surface) !important;
  box-shadow: 0 0 0 3px #4e6af014 !important;
}

.gc-cp-stack textarea {
  width: 100% !important;
  color: var(--gc-text) !important;
  resize: none !important;
  overflow-wrap: anywhere !important;
  background: none !important;
  border: none !important;
  outline: none !important;
  max-height: 200px !important;
  padding: 4px 2px !important;
  font-family: inherit !important;
  font-size: .84rem !important;
  line-height: 1.75 !important;
  transition: height .15s !important;
}

.gc-cp-stack textarea::placeholder {
  color: var(--gc-text-muted) !important;
}

.gc-cp-tools {
  align-items: center !important;
  gap: 2px !important;
  display: flex !important;
}

.gc-cp-grow {
  flex: auto !important;
  min-width: 0 !important;
}

.gc-cp-sep {
  background: var(--gc-hairline) !important;
  flex-shrink: 0 !important;
  align-self: stretch !important;
  width: 1px !important;
  margin: 4px 5px !important;
}

.gc-cp-tool {
  border-radius: var(--gc-radius-md) !important;
  width: 34px !important;
  height: 34px !important;
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  background: none !important;
  border: none !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: 1.05rem !important;
  transition: background .15s, color .15s !important;
  display: inline-flex !important;
}

.gc-cp-tool:hover:not(:disabled) {
  background: var(--gc-primary-bg) !important;
  color: var(--gc-primary) !important;
}

.gc-cp-tool:disabled {
  color: var(--gc-text-muted) !important;
  cursor: not-allowed !important;
  opacity: .55 !important;
}

.gc-cp-plus-btn i {
  transition: transform .15s var(--gc-ease);
  font-size: 1.3rem;
}

.gc-cp-plus-btn[aria-expanded="true"] {
  background: var(--gc-primary-bg) !important;
  color: var(--gc-primary) !important;
}

.gc-cp-plus-btn[aria-expanded="true"] i {
  transform: rotate(45deg);
}

@media (prefers-reduced-motion: reduce) {
  .gc-cp-plus-btn i {
    transition: none;
  }
}

.dropdown-menu.gc-cp-plus-menu {
  --dropdown-min-width: auto;
  --dropdown-padding-y: .25rem;
  --dropdown-item-padding-y: .25rem;
  --dropdown-item-padding-x: .75rem;
}

.gc-cp-plus-menu .dropdown-item {
  align-items: flex-start;
}

.gc-cp-plus-menu .dropdown-item > i {
  margin-inline-end: .5rem;
  margin-top: 4px;
}

.gc-cp-plus-nm {
  line-height: 1.75;
  display: block;
}

.gc-cp-plus-sub {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
  display: block;
}

.gc-cp-progress {
  padding: 6px 2px 8px !important;
}

.gc-cp-progress-top {
  min-width: 0 !important;
  color: var(--gc-text-secondary) !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 8px !important;
  margin-bottom: 5px !important;
  font-size: .8125rem !important;
  line-height: 1.75 !important;
  display: flex !important;
}

.gc-cp-progress-note {
  font-variant-numeric: tabular-nums !important;
  color: var(--gc-text-secondary) !important;
  flex-shrink: 0 !important;
  font-size: .8125rem !important;
  line-height: 1.75 !important;
}

.gc-cp-progress .progress {
  border-radius: 999px !important;
  height: 4px !important;
}

.gc-cp-qr {
  z-index: 30 !important;
  background: var(--gc-surface) !important;
  border: 1px solid var(--gc-hairline) !important;
  border-radius: var(--gc-radius-lg) !important;
  max-height: min(320px, 45vh) !important;
  margin-bottom: 8px !important;
  padding: 6px !important;
  position: absolute !important;
  bottom: 100% !important;
  left: 0 !important;
  right: 0 !important;
  overflow-y: auto !important;
  box-shadow: 0 8px 28px #00000024 !important;
}

.gc-cp-qr.gc-cp-qr-tall {
  max-height: min(460px, 60vh) !important;
}

.gc-cp-qr-item {
  text-align: start !important;
  cursor: pointer !important;
  border-radius: var(--gc-radius-md) !important;
  width: 100% !important;
  color: var(--gc-text) !important;
  background: none !important;
  border: none !important;
  padding: 8px 10px !important;
  line-height: 1.75 !important;
  display: block !important;
}

.gc-cp-qr-item:hover, .gc-cp-qr-item:focus-visible {
  background: var(--gc-primary-bg) !important;
}

.gc-cp-qr-title {
  font-size: .82rem !important;
  font-weight: 600 !important;
  display: block !important;
}

.gc-cp-qr-body {
  color: var(--gc-text-secondary) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: .76rem !important;
  display: block !important;
  overflow: hidden !important;
}

.gc-cp-qr-empty {
  color: var(--gc-text-secondary) !important;
  padding: 14px 12px !important;
  font-size: .8rem !important;
  line-height: 1.75 !important;
}

.gc-cp-qr-top {
  z-index: 2 !important;
  background: var(--gc-surface) !important;
  border-bottom: 1px solid var(--gc-hairline) !important;
  border-radius: calc(var(--gc-radius-lg) - 1px) calc(var(--gc-radius-lg) - 1px) 0 0 !important;
  margin: -6px -6px 4px !important;
  position: sticky !important;
  top: -6px !important;
}

.gc-cp-qr-head {
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 8px 8px 12px !important;
  display: flex !important;
}

.gc-cp-qr-head-title {
  min-width: 0 !important;
  color: var(--gc-text) !important;
  flex: auto !important;
  font-size: .8125rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

[data-color-theme="dark"] .gc-cp-qr-head .btn-close, [data-color-theme="dark"] .gc-ix-qr-tray .btn-close {
  filter: invert() grayscale() brightness(200%) !important;
}

.gc-cp-card-item {
  align-items: center !important;
  gap: 10px !important;
  display: flex !important;
}

.gc-cp-card-item:disabled {
  opacity: .55 !important;
  cursor: progress !important;
}

.gc-cp-card-thumb {
  object-fit: cover !important;
  border-radius: var(--gc-radius-md) !important;
  background: var(--gc-surface-hover) !important;
  flex-shrink: 0 !important;
  width: 40px !important;
  height: 40px !important;
}

.gc-cp-card-text {
  flex: auto !important;
  min-width: 0 !important;
}

.gc-cp-card-error {
  color: var(--gc-danger) !important;
}

.gc-cp-card-manual {
  padding: 14px 12px !important;
}

.gc-cp-card-manual-hint {
  margin-top: 7px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-cp-card-confirm-lead {
  color: var(--gc-text-secondary) !important;
  margin-bottom: 12px !important;
  font-size: .8rem !important;
  line-height: 1.75 !important;
}

.gc-cp-qr-search {
  padding: 0 10px 9px !important;
}

.gc-cp-qr-search .gc-search-bar {
  background: var(--gc-surface) !important;
  border-color: var(--gc-text-muted) !important;
  width: auto !important;
  height: 34px !important;
}

.gc-cp-qr-search .gc-search-bar:focus-within {
  border-color: var(--gc-primary) !important;
}

.gc-cp-qr-search .gc-search-bar input::placeholder {
  color: var(--gc-text-secondary) !important;
}

.gc-cp-card-foot {
  background: var(--gc-surface) !important;
  border-top: 1px solid var(--gc-hairline) !important;
  color: var(--gc-text-muted) !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 10px !important;
  font-size: .72rem !important;
  line-height: 1.75 !important;
  display: flex !important;
  position: sticky !important;
  bottom: 0 !important;
}

.gc-cp-card-more {
  border: 1px solid var(--gc-hairline-hover) !important;
  background: var(--gc-canvas) !important;
  color: var(--gc-text-secondary) !important;
  border-radius: var(--gc-radius-md) !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  padding: 3px 10px !important;
  font-family: inherit !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
}

.gc-cp-card-more:hover:not(:disabled) {
  border-color: var(--gc-primary) !important;
  color: var(--gc-primary) !important;
}

.gc-cp-card-more:disabled {
  opacity: .55 !important;
  cursor: progress !important;
}

.gc-cp-item-card {
  position: relative !important;
}

.gc-cp-item-card.gc-picked {
  outline: 2px solid var(--gc-primary) !important;
  outline-offset: -2px !important;
  border-color: var(--gc-primary) !important;
}

.gc-cp-item-pick {
  border: 1.5px solid var(--gc-hairline-hover) !important;
  color: #fff !important;
  background: #ffffffeb !important;
  border-radius: 50% !important;
  justify-content: center !important;
  align-items: center !important;
  width: 24px !important;
  height: 24px !important;
  font-size: .75rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  display: flex !important;
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
}

.gc-cp-item-card.gc-picked .gc-cp-item-pick {
  background: var(--gc-primary) !important;
  border-color: var(--gc-primary) !important;
}

.gc-cp-qr.gc-cp-qr-tint, .gc-cp-qr-tint .gc-cp-qr-top {
  background: color-mix(in srgb, var(--gc-primary) 6%, var(--gc-surface)) !important;
}

.gc-cp-qr-head-icon {
  color: var(--gc-primary-ink) !important;
  flex-shrink: 0 !important;
  font-size: 1rem !important;
}

.gc-cp-qr-head-n {
  background: var(--gc-surface) !important;
  border: 1px solid var(--gc-hairline-hover) !important;
  color: var(--gc-text-secondary) !important;
  border-radius: var(--gc-radius-full) !important;
  flex-shrink: 0 !important;
  padding: 0 8px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-cp-qr-tint .gc-cp-item-card {
  box-shadow: 0 0 0 1px var(--gc-hairline-hover) !important;
  border: 0 !important;
  padding: 8px !important;
}

.gc-cp-qr-tint .gc-cp-item-card:hover:not(:disabled) {
  box-shadow: 0 0 0 1px var(--gc-primary),var(--gc-shadow-sm) !important;
}

.gc-cp-qr-tint .gc-cp-item-card.gc-picked {
  box-shadow: 0 0 0 2px var(--gc-primary) !important;
  outline: 0 !important;
}

.gc-cp-qr-tint .gc-cp-item-img {
  border-radius: var(--gc-radius-md) !important;
  height: 104px !important;
  margin-bottom: 8px !important;
}

.gc-cp-qr-tint .gc-cp-item-name, .gc-cp-qr-tint .gc-cp-item-price, .gc-cp-qr-tint .gc-cp-item-meta {
  padding: 0 !important;
}

.gc-cp-qr-tint .gc-cp-item-pick {
  top: 14px !important;
  right: 14px !important;
}

.gc-cp-qr-tint .gc-cp-pick-send {
  border-radius: var(--gc-radius-full) !important;
  padding-inline: 14px !important;
}

.gc-cp-qr-tint .gc-cp-card-foot {
  background: color-mix(in srgb, var(--gc-primary) 6%, var(--gc-surface)) !important;
  border-top: 0 !important;
}

.gc-cp-card-foot.gc-cp-card-foot-stack {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
}

.gc-cp-card-foot-row {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.gc-cp-pick-bar {
  align-items: center;
  gap: 10px;
  display: flex;
}

.gc-cp-pick-count {
  min-width: 0;
  color: var(--gc-text-secondary);
  flex: 1;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cp-pick-count b {
  color: var(--gc-text);
}

.gc-cp-pick-clear {
  font: inherit;
  color: var(--gc-primary);
  cursor: pointer;
  background: none;
  border: 0;
  flex-shrink: 0;
  padding: 0;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-cp-pick-clear:disabled {
  opacity: .55;
  cursor: progress;
}

.gc-cp-pick-send {
  white-space: nowrap;
  flex-shrink: 0;
}

.gc-cp-item-strip {
  scroll-snap-type: x proximity !important;
  -webkit-overflow-scrolling: touch !important;
  gap: 8px !important;
  padding: 10px !important;
  display: flex !important;
  overflow-x: auto !important;
}

.gc-cp-item-card {
  scroll-snap-align: start !important;
  text-align: left !important;
  border: 1px solid var(--gc-hairline-hover) !important;
  border-radius: var(--gc-radius-lg) !important;
  background: var(--gc-surface) !important;
  cursor: pointer !important;
  transition: all .16s var(--gc-ease) !important;
  flex-direction: column !important;
  flex: 0 0 140px !important;
  gap: 2px !important;
  padding: 0 0 8px !important;
  font-family: inherit !important;
  display: flex !important;
  overflow: hidden !important;
}

.gc-cp-item-card:hover:not(:disabled) {
  border-color: var(--gc-primary) !important;
  box-shadow: var(--gc-shadow-sm) !important;
}

.gc-cp-item-card:disabled {
  opacity: .55 !important;
  cursor: progress !important;
}

.gc-cp-item-card.gc-out:disabled {
  opacity: 1 !important;
  cursor: not-allowed !important;
  background: var(--gc-canvas) !important;
}

.gc-cp-item-card.gc-out .gc-cp-item-img {
  filter: grayscale() !important;
  opacity: .6 !important;
}

.gc-cp-item-card.gc-out .gc-cp-item-name, .gc-cp-item-card.gc-out .gc-cp-item-price {
  color: var(--gc-text-secondary) !important;
}

.gc-cp-item-out {
  color: var(--gc-danger-ink) !important;
  font-weight: 800 !important;
}

.gc-cp-qr.gc-sg-tray {
  padding: 0 !important;
}

.gc-sg-tray .gc-cp-qr-top {
  margin: 0 0 4px !important;
}

.gc-sg-src {
  min-width: 0;
  color: var(--gc-text-secondary);
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-full);
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  gap: 4px;
  max-width: 55%;
  padding: 0 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
  overflow: hidden;
}

.gc-sg-src i {
  color: var(--gc-success-ink);
  flex-shrink: 0;
}

.gc-sg-tabs {
  gap: 4px;
  padding: 0 10px;
  display: flex;
}

.gc-sg-tabs button {
  font: inherit;
  color: var(--gc-text-secondary);
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  align-items: center;
  padding: 6px 10px;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
  display: inline-flex;
}

.gc-sg-tabs button.gc-on {
  color: var(--gc-primary-ink);
  border-bottom-color: var(--gc-primary);
}

.gc-sg-tabs button:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: -2px;
}

.gc-sg-n {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  margin-left: 4px;
  padding: 0 6px;
  font-size: .75rem;
  font-weight: 600;
}

.gc-sg-search {
  padding-top: 8px !important;
}

.gc-sg-chips {
  flex-wrap: wrap;
  gap: 6px;
  padding: 2px 10px 8px;
  display: flex;
}

.gc-sg-chips button {
  font: inherit;
  border-radius: var(--gc-radius-full);
  border: 1px solid var(--gc-hairline-hover);
  color: var(--gc-text-secondary);
  background: var(--gc-surface);
  padding: 1px 10px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-sg-chips button.gc-on {
  border-color: var(--gc-primary);
  color: var(--gc-primary-ink);
  background: var(--gc-primary-bg);
}

.gc-sg-list {
  flex-direction: column;
  gap: 6px;
  padding: 4px 8px 8px;
  display: flex;
}

.gc-sg-dim {
  opacity: .6;
  transition: opacity .16s;
}

.gc-sg-row {
  cursor: pointer;
  gap: 12px;
  margin: 0;
  padding: 8px 12px;
}

.gc-sg-row .gc-pk-n {
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .8125rem;
  line-height: 1.5;
  display: -webkit-box;
}

.gc-sg-row.gc-off {
  opacity: 1;
  background: var(--gc-canvas);
  cursor: not-allowed;
}

.gc-sg-row.gc-off .gc-pk-n, .gc-sg-row.gc-off .gc-sg-price {
  color: var(--gc-text-secondary);
}

.gc-sg-img {
  width: 48px;
  height: 48px;
}

.gc-sg-price {
  text-align: right;
  color: var(--gc-primary-ink);
  flex: none;
  font-size: .8125rem;
  font-weight: 800;
  line-height: 1.5;
}

.gc-sg-exp {
  color: var(--gc-primary-ink);
  font-size: .75rem;
  font-weight: 700;
}

.gc-sg-stk-unk {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
}

.gc-sg-kids {
  border-left: 2px solid var(--gc-hairline-hover);
  flex-direction: column;
  gap: 4px;
  margin: 4px 0 4px 44px;
  padding-left: 10px;
  display: flex;
}

.gc-sg-kid {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  cursor: pointer;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 4px 8px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-sg-kid.gc-on {
  border-color: var(--gc-primary);
}

.gc-sg-kid.gc-off {
  background: var(--gc-canvas);
  cursor: not-allowed;
}

.gc-sg-kid .form-check-input {
  flex-shrink: 0;
  margin: 0;
}

.gc-sg-kid-k {
  flex: 1;
  min-width: 0;
}

.gc-sg-kid-s {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-size: .75rem;
}

.gc-sg-kid-s.gc-sg-out {
  color: var(--gc-danger-ink);
  font-weight: 700;
}

.gc-sg-kid-note {
  color: var(--gc-text-secondary);
  padding: 4px 0;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-op-list {
  flex-direction: column;
  gap: 6px;
  padding: 6px 8px 8px;
  display: flex;
}

.gc-op-row {
  border: 1px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  cursor: pointer;
  text-align: start;
  border-radius: 12px;
  grid-template-columns: auto 44px 1fr auto;
  align-items: center;
  gap: 4px 12px;
  margin: 0;
  padding: 10px 12px;
  display: grid;
}

.gc-op-row:hover {
  border-color: var(--gc-primary);
}

.gc-op-row.gc-on {
  border-color: var(--gc-primary);
  box-shadow: 0 0 0 1px var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-op-row > .form-check-input {
  margin: 0;
}

.gc-op-img {
  object-fit: cover;
  background: var(--gc-canvas);
  border-radius: 10px;
  width: 44px;
  height: 44px;
}

.gc-op-img-empty {
  color: var(--gc-text-secondary);
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  display: inline-flex;
}

.gc-op-main {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.gc-op-l1 {
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-width: 0;
  display: flex;
}

.gc-op-no {
  font-variant-numeric: tabular-nums;
  color: var(--gc-text);
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.5;
}

.gc-op-item {
  color: var(--gc-text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8125rem;
  line-height: 1.75;
  overflow: hidden;
}

.gc-op-side {
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.gc-op-total {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--gc-text);
  font-size: .9375rem;
  font-weight: 800;
  line-height: 1.5;
}

.gc-op-when {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-op-pv {
  background: var(--gc-canvas);
  border: 1px dashed var(--gc-hairline-hover);
  border-radius: 12px;
  align-items: flex-start;
  gap: 14px;
  margin: 0 0 4px;
  padding: 12px;
  scroll-margin-bottom: 72px;
  display: flex;
}

.gc-op-pv-t {
  min-width: 0;
  color: var(--gc-text-secondary);
  flex-direction: column;
  flex: 1;
  gap: 2px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-op-pv-t b {
  color: var(--gc-text);
}

.gc-op-card {
  color: #1c1e21;
  background: #fff;
  border-radius: 14px;
  flex-direction: column;
  flex: none;
  width: 200px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #00000026;
}

.gc-op-card-meta {
  border-radius: 18px;
}

.gc-op-card-hd {
  background: #f0f4ff;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0 6px;
  padding: 8px 10px;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.6;
  display: flex;
}

.gc-op-card-hd em {
  color: #3b54d4;
  white-space: nowrap;
  font-size: .75rem;
  font-style: normal;
}

.gc-op-card-bd {
  color: #5b6376;
  padding: 6px 10px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-op-card-tt {
  color: #1c1e21;
  border-top: 1px dashed #d0d4db;
  justify-content: space-between;
  gap: 8px;
  margin-top: 4px;
  padding-top: 4px;
  font-weight: 700;
  display: flex;
}

.gc-op-card-ship {
  background: #f5f7fa;
  border-radius: 6px;
  margin-top: 4px;
  padding: 4px 6px;
}

.gc-op-card-btn {
  text-align: center;
  color: #fff;
  background: #3b54d4;
  border-radius: 8px;
  margin: 0 8px 8px;
  padding: 6px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.6;
  display: block;
}

.gc-op-card-btn.gc-op-card-btn2 {
  color: #3b54d4;
  background: #fff;
  border: 1px solid #c5cdf5;
}

@media (max-width: 480px) {
  .gc-op-pv {
    flex-direction: column;
  }

  .gc-op-card {
    width: 100%;
  }
}

.gc-sh {
  border-top: 1px solid var(--gc-hairline);
  text-align: start;
  padding: 10px 12px 12px;
}

.gc-sh-t {
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  display: flex;
}

.gc-sh-head {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  min-width: 0;
  display: flex;
}

.gc-sh-head .gc-od-carrier {
  min-width: 0;
  max-width: 100%;
  font-size: .8125rem;
}

.gc-sh-carrier {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.gc-sh-code {
  flex: calc(12ch + 56px);
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.gc-sh-no {
  min-width: 0;
  color: var(--gc-text);
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 8px;
  flex: 1;
  padding: 2px 8px;
  font-size: .75rem;
  line-height: 1.75;
  overflow: hidden;
}

.gc-sh-btn {
  border: 1px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  color: var(--gc-text);
  border-radius: 8px;
  flex: none;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-sh-link {
  color: var(--gc-primary-ink);
  align-items: center;
  gap: 4px;
  margin-top: 6px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  text-decoration: none;
  display: inline-flex;
}

.gc-sh-link:hover {
  text-decoration: underline;
}

.gc-sh-wait {
  color: var(--gc-text-secondary);
  align-items: flex-start;
  gap: 6px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-sh-wait > i {
  margin-top: .3em;
}

.gc-sh-last {
  align-items: flex-start;
  gap: 8px;
  margin-top: 8px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-sh-dot {
  background: var(--gc-primary);
  width: 10px;
  height: 10px;
  box-shadow: 0 0 0 3px var(--gc-primary-bg);
  border-radius: 50%;
  flex: none;
  margin-top: 7px;
}

.gc-sh-dot.gc-ok {
  background: var(--gc-success);
  box-shadow: 0 0 0 3px var(--gc-success-bg);
}

.gc-sh-dot.gc-bad {
  background: var(--gc-danger);
  box-shadow: 0 0 0 3px var(--gc-danger-bg);
}

.gc-sh-last-t {
  min-width: 0;
  color: var(--gc-text);
  flex: 1;
}

.gc-sh-last-t b {
  font-weight: 700;
  display: block;
}

.gc-sh-last-t span {
  color: var(--gc-text-secondary);
  font-size: .75rem;
}

.gc-sh-flow {
  --gc-sh-n: 4;
  --gc-sh-sz: 2.375rem;
  --gc-sh-on-fill: #fff;
  grid-template-columns: repeat(var(--gc-sh-n),minmax(0,1fr));
  margin: 10px 0 2px;
  padding: 0;
  list-style: none;
  display: grid;
}

[data-theme="dark"] .gc-sh-flow {
  --gc-sh-on-fill: var(--gc-surface);
}

.gc-sh-flow-s {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-width: 0;
  padding: 0 2px;
  display: flex;
  position: relative;
}

.gc-sh-flow-s:before, .gc-sh-flow-s:after {
  content: "";
  top: calc(var(--gc-sh-sz) / 2 - 1px);
  background: var(--gc-hairline-hover);
  width: 50%;
  height: 2px;
  position: absolute;
}

.gc-sh-flow-s:before {
  left: 0;
}

.gc-sh-flow-s:after {
  right: 0;
}

.gc-sh-flow-s:first-child:before, .gc-sh-flow-s:last-child:after {
  content: none;
}

.gc-sh-flow-s.gc-done:before, .gc-sh-flow-s.gc-done:after, .gc-sh-flow-s.gc-current:before, .gc-sh-flow-s.gc-problem:before {
  background: var(--gc-success-ink);
}

.gc-sh-flow-c {
  z-index: 1;
  width: var(--gc-sh-sz);
  height: var(--gc-sh-sz);
  border: 2px solid var(--gc-text-muted);
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  display: inline-flex;
  position: relative;
}

.gc-sh-flow-s.gc-done .gc-sh-flow-c {
  background: var(--gc-success-ink);
  border-color: var(--gc-success-ink);
  color: var(--gc-sh-on-fill);
}

.gc-sh-flow-s.gc-current .gc-sh-flow-c {
  background: var(--gc-primary-ink);
  border-color: var(--gc-primary-ink);
  color: var(--gc-sh-on-fill);
}

.gc-sh-flow-s.gc-problem .gc-sh-flow-c {
  background: var(--gc-danger-ink);
  border-color: var(--gc-danger-ink);
  color: var(--gc-sh-on-fill);
}

.gc-sh-flow-s.gc-cur .gc-sh-flow-c {
  box-shadow: 0 0 0 4px var(--gc-primary-bg);
}

.gc-sh-flow-s.gc-cur.gc-problem .gc-sh-flow-c {
  box-shadow: 0 0 0 4px var(--gc-danger-bg);
}

.gc-sh-flow-l {
  color: var(--gc-text-secondary);
  overflow-wrap: anywhere;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-sh-flow-s.gc-done .gc-sh-flow-l, .gc-sh-flow-s.gc-current .gc-sh-flow-l {
  color: var(--gc-text);
}

.gc-sh-flow-s.gc-cur .gc-sh-flow-l {
  color: var(--gc-text);
  font-weight: 800;
}

.gc-sh-flow-s.gc-problem .gc-sh-flow-l {
  color: var(--gc-danger-ink);
  font-weight: 800;
}

.gc-sh-last-one {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.gc-sh-chip {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline-hover);
  color: var(--gc-text-secondary);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.5;
  display: inline-flex;
}

.gc-sh-chip.gc-go {
  color: var(--gc-info-ink);
  background: #00cfe81a;
  border-color: #00cfe852;
}

.gc-sh-chip.gc-bad {
  background: var(--gc-danger-bg);
  border-color: var(--gc-danger);
  color: var(--gc-danger-on-tint);
}

.gc-sg-who {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-sg-who b {
  color: var(--gc-warning-ink);
}

.gc-sg-state {
  text-align: center;
  color: var(--gc-text-secondary);
  flex-direction: column;
  align-items: center;
  padding: 18px 14px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-sg-state b {
  color: var(--gc-text);
  font-size: .875rem;
}

.gc-sg-state .gc-sg-state-ic {
  margin-bottom: 4px;
  font-size: 1.75rem;
}

.gc-sg-skel {
  height: 64px;
}

.gc-sg-sk {
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  min-height: 93px;
  padding: 8px 12px;
  display: flex;
}

.gc-sg-sk-img {
  border-radius: 10px;
  flex: none;
  width: 48px;
  height: 48px;
}

.gc-sg-sk-t {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.gc-sg-sk-l {
  border-radius: 6px;
  width: 70%;
  height: 10px;
}

.gc-sg-sk-l.gc-sg-sk-s {
  width: 40%;
}

.gc-sg-sk-p {
  border-radius: 6px;
  flex: none;
  width: 52px;
  height: 12px;
}

.gc-sg-sk-o {
  align-items: flex-start;
  min-height: 100px;
  padding-top: 12px;
}

.gc-sg-sk-o .gc-sg-sk-img {
  width: 44px;
  height: 44px;
}

.gc-sg-sk-img, .gc-sg-sk-l, .gc-sg-sk-p {
  background: linear-gradient(90deg,var(--gc-canvas) 25%,var(--gc-hairline-hover) 50%,var(--gc-canvas) 75%);
  background-size: 200% 100%;
  animation: 1.2s linear infinite gc-sg-shine;
}

@keyframes gc-sg-shine {
  from {
    background-position: 200% 0;
  }

  to {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-sg-sk-img, .gc-sg-sk-l, .gc-sg-sk-p {
    animation: none;
  }
}

.gc-sg-jump {
  font: inherit;
  color: var(--gc-primary-ink);
  background: none;
  border: 0;
  padding: 0;
  font-weight: 700;
  text-decoration: underline;
}

.gc-ix-oc-foot.gc-sg-live {
  color: var(--gc-text-secondary);
  gap: 6px;
  justify-content: flex-start !important;
}

.gc-ix-oc .gc-sg-live i {
  font-size: .85rem;
}

.gc-ix-oc-foot.gc-sg-stale {
  color: var(--gc-warning-ink) !important;
}

@media (max-width: 575.98px) {
  .gc-sg-src {
    display: none;
  }
}

.gc-cp-item-img {
  object-fit: cover !important;
  background: var(--gc-canvas) !important;
  width: 100% !important;
  height: 132px !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.gc-cp-item-name {
  color: var(--gc-text) !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  min-height: 2.25rem !important;
  padding: 0 8px !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

.gc-cp-item-price {
  color: var(--gc-primary-ink) !important;
  padding: 0 8px !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
  line-height: 1.75 !important;
}

.gc-cp-item-meta {
  color: var(--gc-text-muted) !important;
  padding: 0 8px !important;
  font-size: .75rem !important;
  line-height: 1.6 !important;
}

.gc-ix-oc {
  border: 1px solid var(--gc-hairline-hover) !important;
  border-radius: var(--gc-radius-lg) !important;
  background: var(--gc-surface) !important;
  color: var(--gc-text) !important;
  white-space: normal !important;
  min-width: 0 !important;
  max-width: 300px !important;
  display: block !important;
  overflow: hidden !important;
}

.gc-ix-oc-head {
  background: var(--gc-primary) !important;
  color: #fff !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 2px 6px !important;
  padding: 7px 10px !important;
  display: flex !important;
}

.gc-ix-oc-head.gc-pick {
  background: var(--gc-pick-bg) !important;
  color: var(--gc-pick-ink) !important;
  border-bottom: 1px solid var(--gc-hairline) !important;
}

.gc-ix-oc-head > i {
  flex-shrink: 0 !important;
  font-size: .95rem !important;
}

.gc-ix-oc-kind {
  flex-shrink: 0 !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

.gc-ix-oc-sn {
  font-variant-numeric: tabular-nums !important;
  min-width: 0 !important;
  font-size: .75rem !important;
  font-weight: 800 !important;
  line-height: 1.75 !important;
}

.gc-ix-oc-line {
  border-bottom: 1px solid var(--gc-hairline) !important;
  align-items: flex-start !important;
  gap: 9px !important;
  min-width: 0 !important;
  padding: 9px 10px !important;
  display: flex !important;
}

.gc-ix-oc-thumb {
  border-radius: var(--gc-radius-sm) !important;
  border: 1px solid var(--gc-hairline) !important;
  background: var(--gc-canvas) !important;
  width: 40px !important;
  height: 40px !important;
  color: var(--gc-text-muted) !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: 1rem !important;
  display: flex !important;
  overflow: hidden !important;
}

.gc-ix-oc-thumb.gc-lg {
  width: 54px !important;
  height: 54px !important;
}

.gc-ix-oc-thumb img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.gc-ix-oc-col {
  flex: auto !important;
  min-width: 0 !important;
}

.gc-ix-oc-name {
  color: var(--gc-text) !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  line-height: 1.75 !important;
}

.gc-ix-oc-var {
  color: var(--gc-text-secondary) !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-ix-oc-amt {
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 8px !important;
  margin-top: 2px !important;
  display: flex !important;
}

.gc-ix-oc-qty {
  color: var(--gc-text-muted) !important;
  font-variant-numeric: tabular-nums !important;
  flex-shrink: 0 !important;
  font-size: .75rem !important;
}

.gc-ix-oc-price {
  color: var(--gc-text) !important;
  font-variant-numeric: tabular-nums !important;
  flex-shrink: 0 !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

.gc-ix-oc-n {
  font-variant-numeric: tabular-nums !important;
  opacity: .92 !important;
  flex-shrink: 0 !important;
  margin-inline-start: auto !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

.gc-ix-ol {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.gc-ix-ol-row {
  border-bottom: 1px dashed var(--gc-hairline) !important;
  align-items: flex-start !important;
  gap: 9px !important;
  min-width: 0 !important;
  padding: 8px 10px !important;
  display: flex !important;
}

.gc-ix-ol-row:last-child {
  border-bottom-style: solid !important;
}

.gc-ix-ol-name {
  color: var(--gc-text) !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  line-height: 1.75 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

.gc-ix-ol-amt {
  flex-direction: column !important;
  flex-shrink: 0 !important;
  align-items: flex-end !important;
  gap: 1px !important;
  display: flex !important;
}

.gc-ix-ol-gone {
  color: var(--gc-danger-ink) !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

.gc-ix-ol-more {
  color: var(--gc-text-secondary) !important;
  padding: 7px 10px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-ix-oc-plain {
  color: var(--gc-text-secondary) !important;
  border-bottom: 1px solid var(--gc-hairline) !important;
  padding: 9px 10px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-ix-oc-foot {
  color: var(--gc-text-secondary) !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 10px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
  display: flex !important;
}

.gc-ix-oc-statrow {
  border-top: 1px solid var(--gc-hairline) !important;
}

.gc-ix-oc-progrow {
  border-top: 1px solid var(--gc-hairline) !important;
  padding: 0 10px 12px !important;
}

.gc-ix-oc-total {
  color: var(--gc-primary) !important;
  font-variant-numeric: tabular-nums !important;
  flex-shrink: 0 !important;
  font-size: .875rem !important;
  font-weight: 800 !important;
}

.gc-ix-oc-text {
  color: var(--gc-text) !important;
  padding: 8px 10px 2px !important;
  font-size: .8125rem !important;
  line-height: 1.75 !important;
}

.gc-ix-oc-cut {
  color: var(--gc-vc-ink) !important;
  font-variant-numeric: tabular-nums !important;
  flex-shrink: 0 !important;
  font-size: .8125rem !important;
  font-weight: 800 !important;
}

.gc-ix-oc-was {
  color: var(--gc-text-muted) !important;
  font-variant-numeric: tabular-nums !important;
  margin-inline-end: 6px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
  text-decoration: line-through !important;
}

.gc-ix-oc-st {
  border-radius: var(--gc-radius-full) !important;
  border: 1px solid var(--gc-hairline) !important;
  background: var(--gc-canvas) !important;
  color: var(--gc-text-secondary) !important;
  flex-shrink: 0 !important;
  padding: 2px 9px !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
}

.gc-ix-oc-st.gc-pay {
  color: #e8890c !important;
  background: #ff9f431a !important;
  border-color: #ff9f434d !important;
}

.gc-ix-oc-st.gc-pack {
  color: var(--gc-primary) !important;
  background: #4e6af01a !important;
  border-color: #4e6af04d !important;
}

.gc-ix-oc-st.gc-ship {
  color: #0193a8 !important;
  background: #00cfe81f !important;
  border-color: #00cfe852 !important;
}

.gc-ix-oc-st.gc-done {
  color: var(--gc-success) !important;
  background: #28c76f1a !important;
  border-color: #28c76f4d !important;
}

.gc-ix-oc-st.gc-late {
  color: var(--gc-danger) !important;
  background: #ea54551a !important;
  border-color: #ea54554d !important;
}

.gc-ix-vc {
  background: var(--gc-surface) !important;
  border-radius: var(--gc-radius-lg) !important;
  -webkit-mask-composite: source-in !important;
  align-items: stretch !important;
  min-width: 0 !important;
  display: flex !important;
  overflow: hidden !important;
  box-shadow: 0 1px 4px #0000001a !important;
  -webkit-mask-image: radial-gradient(7px at calc(100% - 96px) 0, #0000 7px, #000 7.5px), radial-gradient(7px at calc(100% - 96px) 100%, #0000 7px, #000 7.5px) !important;
  mask-image: radial-gradient(7px at calc(100% - 96px) 0, #0000 7px, #000 7.5px), radial-gradient(7px at calc(100% - 96px) 100%, #0000 7px, #000 7.5px) !important;
  -webkit-mask-composite: source-in !important;
  mask-composite: intersect !important;
}

.gc-ix-vc-wrap.gc-off .gc-ix-vc {
  filter: saturate(.25) !important;
}

.gc-ix-vc-wrap {
  min-width: 0 !important;
  max-width: 320px !important;
  display: block !important;
}

.gc-ix-vc-exp {
  color: var(--gc-danger) !important;
  margin-top: 5px !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

.gc-ix-vc-det {
  background: var(--gc-surface) !important;
  border: 1px solid var(--gc-hairline) !important;
  border-radius: var(--gc-radius-md) !important;
  margin: 6px 0 0 !important;
  padding: 8px 10px !important;
}

.gc-ix-vc-det-row {
  align-items: baseline !important;
  gap: 10px !important;
  min-width: 0 !important;
  display: flex !important;
}

.gc-ix-vc-det-row + .gc-ix-vc-det-row {
  margin-top: 3px !important;
}

.gc-ix-vc-det dt {
  color: var(--gc-text-muted) !important;
  flex: 0 0 5.5rem !important;
  font-size: .75rem !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
}

.gc-ix-vc-det dd {
  min-width: 0 !important;
  color: var(--gc-text) !important;
  flex: auto !important;
  margin: 0 !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-ix-vc-link {
  border-top: 1px solid var(--gc-hairline) !important;
  width: 100% !important;
  color: var(--gc-primary) !important;
  align-items: center !important;
  gap: 5px !important;
  margin-top: 7px !important;
  padding-top: 7px !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
  text-decoration: none !important;
  display: inline-flex !important;
}

.gc-ix-vc-link:hover {
  text-decoration: underline !important;
}

.gc-ix-vc-link > i {
  flex-shrink: 0 !important;
  font-size: .9rem !important;
}

.gc-ix-buyer {
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 10px !important;
  min-width: 0 !important;
  margin-top: 2px !important;
  display: flex !important;
}

.gc-ix-buyer-bit {
  color: var(--gc-text-secondary) !important;
  font-variant-numeric: tabular-nums !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
  display: inline-flex !important;
}

.gc-ix-buyer-bit > i {
  color: var(--gc-text-muted) !important;
  flex-shrink: 0 !important;
  font-size: .85rem !important;
}

.gc-ix-buyer-bit.gc-ok > i {
  color: var(--gc-success) !important;
}

.gc-ix-buyer-bit.gc-bad > i {
  color: var(--gc-danger) !important;
}

.gc-ix-who {
  min-width: 0 !important;
}

.gc-ix-who-btn {
  text-align: start !important;
  cursor: pointer !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: inherit !important;
  background: none !important;
  border: 0 !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 !important;
  font-family: inherit !important;
  display: inline-flex !important;
}

.gc-ix-who-btn > i {
  color: var(--gc-text-muted) !important;
  flex-shrink: 0 !important;
  font-size: .75rem !important;
}

.gc-ix-who-btn:hover > i {
  color: var(--gc-text-secondary) !important;
}

.gc-ix-who-menu {
  min-width: 288px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.gc-ix-who-head {
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 13px 14px !important;
  display: flex !important;
}

.gc-ix-who-av {
  flex-shrink: 0 !important;
  width: 44px !important;
  height: 44px !important;
  font-size: .9rem !important;
}

.gc-ix-who-id {
  min-width: 0 !important;
}

.gc-ix-who-name {
  color: var(--gc-text) !important;
  font-size: .9375rem !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
}

.gc-ix-who-area {
  color: var(--gc-text-secondary) !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
  display: flex !important;
}

.gc-ix-who-area > i {
  color: var(--gc-text-muted) !important;
  flex-shrink: 0 !important;
  font-size: .85rem !important;
}

.gc-ix-who-rows {
  border-top: 1px solid var(--gc-hairline) !important;
  padding: 10px 14px !important;
}

.gc-ix-who-row {
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 12px !important;
  min-width: 0 !important;
  display: flex !important;
}

.gc-ix-who-row + .gc-ix-who-row {
  margin-top: 5px !important;
}

.gc-ix-who-k {
  color: var(--gc-text-secondary) !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  font-size: .8125rem !important;
  line-height: 1.75 !important;
  display: inline-flex !important;
}

.gc-ix-who-k > i {
  flex-shrink: 0 !important;
  font-size: .95rem !important;
}

.gc-ix-who-k > i.gc-ok {
  color: var(--gc-success) !important;
}

.gc-ix-who-k > i.gc-bad {
  color: var(--gc-danger) !important;
}

.gc-ix-who-v {
  color: var(--gc-text) !important;
  font-variant-numeric: tabular-nums !important;
  flex-shrink: 0 !important;
  font-size: .8125rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

.gc-ix-who-sw {
  cursor: pointer !important;
  border-top: 1px solid var(--gc-hairline) !important;
  color: var(--gc-text) !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 11px 14px !important;
  font-size: .8125rem !important;
  line-height: 1.75 !important;
  display: flex !important;
}

.gc-ix-who-sw:hover {
  background: var(--gc-surface-hover) !important;
}

.gc-ix-who-sw input {
  cursor: pointer !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

.gc-ix-who-link {
  border-top: 1px solid var(--gc-hairline) !important;
  color: var(--gc-primary) !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 11px 14px !important;
  font-size: .8125rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
  text-decoration: none !important;
  display: flex !important;
}

.gc-ix-who-link:hover {
  background: var(--gc-surface-hover) !important;
}

.gc-ix-who-link > i {
  flex-shrink: 0 !important;
  font-size: .9rem !important;
}

.gc-od-note-hint {
  color: var(--gc-text-secondary) !important;
  margin-bottom: 6px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-od-note-add {
  flex-direction: column !important;
  gap: 6px !important;
  margin-bottom: 8px !important;
  display: flex !important;
}

.gc-od-note-in {
  resize: vertical !important;
  border: 1px solid var(--gc-hairline-hover) !important;
  border-radius: var(--gc-radius-md) !important;
  background: var(--gc-surface) !important;
  width: 100% !important;
  min-height: 52px !important;
  color: var(--gc-text) !important;
  padding: 7px 9px !important;
  font-family: inherit !important;
  font-size: .8125rem !important;
  line-height: 1.75 !important;
}

.gc-od-note-in:focus {
  border-color: var(--gc-primary) !important;
  box-shadow: 0 0 0 3px var(--gc-primary-bg) !important;
  outline: 0 !important;
}

.gc-od-note-in::placeholder {
  color: var(--gc-text-muted) !important;
}

.gc-od-note-b {
  border-radius: var(--gc-radius-md) !important;
  background: var(--gc-primary) !important;
  color: #fff !important;
  cursor: pointer !important;
  border: 0 !important;
  align-self: flex-end !important;
  padding: 4px 14px !important;
  font-family: inherit !important;
  font-size: .8125rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

.gc-od-note-b:disabled {
  opacity: .5 !important;
  cursor: not-allowed !important;
}

.gc-od-note-err {
  color: var(--gc-danger) !important;
  margin-bottom: 6px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-od-note-empty {
  color: var(--gc-text-muted) !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-od-note {
  border-top: 1px solid var(--gc-hairline) !important;
  padding: 7px 0 !important;
}

.gc-od-note-body {
  color: var(--gc-text) !important;
  white-space: pre-wrap !important;
  font-size: .8125rem !important;
  line-height: 1.75 !important;
}

.gc-od-note-meta {
  color: var(--gc-text-muted) !important;
  margin-top: 2px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-ix-vc-main {
  flex: auto !important;
  min-width: 0 !important;
  padding: 10px 12px !important;
}

.gc-ix-vc-amt {
  color: var(--gc-vc-ink) !important;
  font-variant-numeric: tabular-nums !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
}

.gc-ix-vc-min {
  color: var(--gc-text) !important;
  font-size: .8125rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

.gc-ix-vc-sub {
  color: var(--gc-text-secondary) !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-ix-vc-tag {
  border: 1px solid var(--gc-vc-ink) !important;
  border-radius: var(--gc-radius-sm) !important;
  color: var(--gc-vc-ink) !important;
  background: var(--gc-vc-bg) !important;
  margin-top: 4px !important;
  padding: 1px 7px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
  display: inline-block !important;
}

.gc-ix-vc-until {
  color: var(--gc-text-muted) !important;
  margin-top: 4px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-ix-vc-stub {
  text-align: center !important;
  background: var(--gc-vc-fill) !important;
  color: #fff !important;
  cursor: pointer !important;
  transition: filter .15s var(--gc-ease) !important;
  border: 0 !important;
  border-left: 1px dashed #ffffff73 !important;
  flex-direction: column !important;
  flex: 0 0 96px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 10px 8px !important;
  font-family: inherit !important;
  display: flex !important;
}

.gc-ix-vc-stub:hover {
  filter: brightness(1.08) !important;
}

.gc-ix-vc-stub:focus-visible {
  outline-offset: -4px !important;
  outline: 2px solid #fff !important;
}

.gc-ix-vc-stub > i {
  color: #fff !important;
  font-size: 1.15rem !important;
}

.gc-ix-vc-more {
  color: #fff !important;
  text-underline-offset: 2px !important;
  font-size: .75rem !important;
  line-height: 1.6 !important;
  text-decoration: underline !important;
}

.gc-ix-vc-code {
  letter-spacing: 0 !important;
  color: #fff !important;
  overflow-wrap: anywhere !important;
  min-width: 0 !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
}

@media (max-width: 480px) {
  .gc-cp-tool {
    width: 32px !important;
    height: 32px !important;
  }

  .gc-cp-sep {
    margin: 4px 2px !important;
  }
}

.gc-ix-info-panel {
  display: flex;
  width: var(--gc-info-w) !important;
  background: var(--gc-surface) !important;
  border-left: none !important;
  flex-direction: column !important;
  flex-shrink: 0 !important;
  min-width: 240px !important;
  max-width: 450px !important;
  height: 100% !important;
  overflow-y: auto !important;
}

.gc-ix-info-panel.gc-ix-hidden {
  display: none !important;
}

.gc-ix-info-panel {
  position: relative;
}

.gc-ix-info-close {
  z-index: 2;
  position: absolute;
  top: 8px;
  right: 8px;
}

.gc-icon-btn.gc-ix-info-prefs {
  z-index: 2;
  position: absolute;
  top: 8px;
  right: 44px;
}

.gc-pp {
  flex-direction: column;
  min-height: 100%;
  display: flex;
}

.gc-pp-body {
  flex: 1;
  padding: 8px 10px 12px;
}

.gc-pp-cap {
  color: var(--gc-text-secondary);
  padding: 4px 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-pp-cap-sep {
  border-top: 1px solid var(--gc-hairline);
  margin-top: 4px;
  padding-top: 8px;
}

.gc-pp-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gc-pp-row {
  border-radius: var(--gc-radius-sm);
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-pp-row > i {
  font-size: 1rem;
}

.gc-pp-row.gc-off {
  color: var(--gc-text-secondary);
}

.gc-pp-row.gc-drag {
  background: var(--gc-primary-bg);
}

.gc-pp-lock {
  color: var(--gc-text-secondary);
  font-size: .875rem !important;
}

.gc-pp-grip {
  width: 22px;
  height: 26px;
  color: var(--gc-text-secondary);
  cursor: grab;
  border-radius: var(--gc-radius-sm);
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.gc-pp-grip:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 1px;
}

.gc-pp-state {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-pp-foot {
  border-top: 1px solid var(--gc-hairline);
  background: var(--gc-canvas);
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  display: flex;
  position: sticky;
  bottom: 0;
}

.gc-ix-info-top {
  border-bottom: 1px solid var(--gc-hairline) !important;
  justify-content: space-between !important;
  align-items: center !important;
  min-height: 64px !important;
  padding: 14px 18px !important;
  display: flex !important;
}

.gc-ix-info-top-title {
  font-size: .875rem !important;
  font-weight: 700 !important;
}

.gc-ix-info-profile {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  padding: 12px 80px 12px 14px !important;
  display: flex !important;
}

.gc-ix-info-head {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.gc-ix-info-profile {
  position: relative;
}

.popover.gc-ix-title-pop {
  z-index: 4;
  max-width: none;
  position: absolute;
  top: 56px;
  left: 10px;
  right: 10px;
}

.gc-ix-title-pop .popover-body {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 10px;
  display: flex;
}

.gc-ix-info-av {
  flex-shrink: 0;
}

.gc-ix-info-av .gc-ix-avatar-circle {
  width: 40px !important;
  height: 40px !important;
  font-size: .8125rem !important;
}

.gc-ix-info-profile .gc-ix-avatar-circle {
  margin: 0 !important;
}

.gc-ix-info-profile .gc-ix-avatar-channel {
  width: 16px !important;
  height: 16px !important;
  bottom: -2px !important;
  right: -2px !important;
}

.gc-ix-info-profile-body {
  flex: 1;
  min-width: 0;
  text-align: start !important;
}

.gc-ix-info-name {
  margin-bottom: 0 !important;
  font-size: .9375rem !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

.gc-ix-info-role {
  color: var(--gc-text-secondary) !important;
  font-size: .7rem !important;
}

.gc-ix-tagbox {
  border: 1px solid var(--gc-hairline) !important;
  border-radius: var(--gc-radius-md) !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 10px 16px 0 !important;
  padding: 7px 10px !important;
  display: flex !important;
}

.gc-ix-tagbox-label {
  color: var(--gc-text-secondary) !important;
  flex-shrink: 0 !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  line-height: 1.75 !important;
}

.gc-ix-tagbox-empty {
  color: var(--gc-text-secondary) !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-ix-tagbox-add {
  flex-shrink: 0 !important;
  margin-left: auto !important;
}

.gc-ix-waiting {
  color: var(--gc-danger-on-tint) !important;
  background: linear-gradient(var(--gc-danger-bg),var(--gc-danger-bg)),var(--gc-surface) !important;
  border-radius: var(--gc-radius-full) !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 3px !important;
  padding: 0 7px !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  line-height: 1.75 !important;
  display: inline-flex !important;
}

.gc-ix-waiting i {
  font-size: .8rem !important;
  line-height: 1 !important;
}

.gc-ix-pill.gc-danger, .gc-ix-pill.gc-danger.active {
  color: var(--gc-danger-ink) !important;
}

.gc-ix-filter-pills {
  padding: 2px !important;
}

.gc-ix-filter-pills .gc-ix-pill {
  padding-inline: 6px !important;
}

.gc-ix-group-tab {
  flex-shrink: 0 !important;
}

.gc-ix-utabs .gc-ix-group-tab {
  align-items: center !important;
  margin-inline-start: auto !important;
  padding-inline-start: 12px !important;
  display: flex !important;
  position: relative !important;
}

.gc-ix-utabs .gc-ix-group-tab:before {
  content: "";
  inset-inline-start: 0;
  border-inline-start: 1px solid var(--gc-hairline);
  height: 1.25rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.gc-ix-group-tab [aria-expanded="true"] .gc-ix-utab-caret {
  transform: rotate(180deg);
}

.gc-ix-group-tab .gc-ix-utab-caret {
  transition: transform .15s var(--gc-ease);
}

.gc-ix-group-menu .gc-ix-group-new {
  color: var(--gc-primary-ink) !important;
}

.gc-ix-group-tab .gc-wrap {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 7rem !important;
  overflow: hidden !important;
}

.gc-ix-group-caret {
  opacity: .7 !important;
  font-size: .7rem !important;
}

.gc-ix-group-menu {
  min-width: 220px !important;
  max-height: min(60vh, 340px) !important;
  overflow-y: auto !important;
}

.gc-ix-group-row {
  align-items: center !important;
  display: flex !important;
}

.gc-ix-group-row .dropdown-item {
  flex: auto !important;
  min-width: 0 !important;
}

.gc-ix-group-del {
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  background: none !important;
  border: 0 !important;
  flex-shrink: 0 !important;
  padding: 4px 10px !important;
  font-size: .85rem !important;
}

.gc-ix-group-del:hover {
  color: var(--gc-danger-ink) !important;
}

.gc-ix-group-del:disabled {
  opacity: .4 !important;
  cursor: not-allowed !important;
}

.gc-ix-group-check {
  color: var(--gc-primary) !important;
  flex-shrink: 0 !important;
  margin-inline-end: 8px !important;
}

.gc-ix-group-check.gc-off {
  opacity: 0 !important;
}

.gc-ix-chat-item {
  padding-inline: var(--gc-ix-gutter) !important;
}

.gc-ix-chat-list.gc-ix-list-busy {
  opacity: .55;
  transition: opacity .15s;
}

.gc-ix-chat-list.gc-ix-list-cover {
  position: relative;
  overflow: hidden !important;
}

.gc-ix-list-cover-layer {
  z-index: 5;
  background: var(--gc-surface, #fff);
  color: var(--gc-text-secondary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: .8125rem;
  line-height: 1.75;
  animation: 0s linear .15s both gc-ix-cover-in;
  display: flex;
  position: absolute;
  inset: 0;
}

.gc-ix-list-cover-layer i {
  color: var(--gc-primary);
  font-size: 1.75rem;
}

@keyframes gc-ix-cover-in {
  from {
    visibility: hidden;
  }

  to {
    visibility: visible;
  }
}

.gc-ix-filters, .gc-ix-section-label {
  padding-inline: var(--gc-ix-gutter) !important;
}

.gc-ix-chat-ctx2 {
  flex-wrap: wrap !important;
  gap: 4px 5px !important;
  margin-top: 3px !important;
}

.gc-ix-chat-ctx2 .gc-ix-chat-agent {
  margin-inline-start: auto !important;
}

.gc-ix-chat-ctx2 .gc-ix-tag {
  text-overflow: ellipsis !important;
  flex-shrink: 0 !important;
  max-width: 100% !important;
  display: inline-block !important;
  overflow: hidden !important;
}

.gc-ix-name-ic {
  vertical-align: -.12em !important;
  color: var(--gc-text-secondary) !important;
  flex-shrink: 0 !important;
  margin-inline-end: 4px !important;
  font-size: 1em !important;
  line-height: 1 !important;
}

.gc-ix-name-ic.gc-danger {
  color: var(--gc-danger-ink) !important;
}

.gc-ix-name-ic.gc-pinned {
  color: var(--gc-warning-ink) !important;
}

.gc-ix-name-ic.gc-success {
  color: var(--gc-success-ink) !important;
}

.gc-ix-name-ic.gc-is-customer {
  color: var(--gc-primary) !important;
}

.gc-ix-info-qbtn.gc-is-customer {
  color: var(--gc-primary) !important;
  background: var(--gc-primary-bg) !important;
  border-color: var(--gc-primary) !important;
  cursor: default !important;
  justify-content: center !important;
  align-items: center !important;
  display: flex !important;
}

.gc-ix-bubble .gc-wrap {
  white-space: pre-wrap !important;
}

.gc-ix-tag-new {
  padding: 4px 16px 8px !important;
}

.gc-ix-tag-new .gc-ix-edit-input {
  flex: 1 !important;
  min-width: 0 !important;
}

.gc-ix-tag-add {
  border: 1px dashed var(--gc-hairline-hover) !important;
  color: var(--gc-primary) !important;
  border-radius: var(--gc-radius-full) !important;
  cursor: pointer !important;
  background: none !important;
  padding: 2px 9px !important;
  font-family: inherit !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  line-height: 1.75 !important;
  transition: all .15s !important;
}

.gc-ix-tag-add:hover {
  background: var(--gc-primary-bg) !important;
  border-color: var(--gc-primary) !important;
}

.gc-ix-tag-add:disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
}

.gc-ix-edit-tags {
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
  display: flex !important;
}

.gc-ix-edit-tags .gc-ix-tag-more {
  cursor: pointer;
  font-family: inherit;
  border: 1px dashed var(--gc-primary) !important;
  background: var(--gc-surface) !important;
}

.gc-ix-edit-tags .gc-ix-tag-more:hover {
  background: var(--gc-primary-bg) !important;
}

.gc-ix-edit-tags .gc-ix-tag-more, .gc-ix-edit-tags .gc-ix-tag-add {
  border-radius: var(--gc-radius-sm) !important;
  padding: 1px 7px !important;
}

.gc-ix-edit-tags .gc-ix-tag-add {
  --icon-font-size: .75rem;
}

.gc-ix-edit-tags .gc-ix-tag {
  cursor: default !important;
}

.gc-ix-tag-x {
  --icon-font-size: .62rem;
  color: inherit !important;
  opacity: .55 !important;
  cursor: pointer !important;
  background: none !important;
  border: 0 !important;
  align-items: center !important;
  padding: 0 1px !important;
  font-size: .6rem !important;
  line-height: 1 !important;
  display: inline-flex !important;
}

.gc-ix-tag-x:hover {
  opacity: 1 !important;
}

.gc-ix-tag-x:disabled {
  opacity: .3 !important;
  cursor: not-allowed !important;
}

.gc-ix-info-quick-actions {
  flex-shrink: 0 !important;
  gap: 6px !important;
  display: flex !important;
}

.gc-ix-info-qbtn {
  background: var(--gc-canvas) !important;
  border: 1px solid var(--gc-hairline) !important;
  width: 32px !important;
  height: 32px !important;
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  border-radius: 50% !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  font-size: .85rem !important;
  transition: all .15s !important;
  display: flex !important;
}

.gc-ix-info-qbtn:hover {
  background: var(--gc-primary-bg) !important;
  color: var(--gc-primary) !important;
  border-color: var(--gc-primary) !important;
}

.gc-ix-info-qbtn[aria-pressed="true"] {
  background: var(--gc-primary) !important;
  border-color: var(--gc-primary) !important;
  color: #fff !important;
}

.gc-ix-info-qbtn[aria-pressed="true"]:hover {
  background: var(--gc-primary-ink) !important;
  border-color: var(--gc-primary-ink) !important;
  color: #fff !important;
}

.gc-ix-info-profile .gc-ix-info-quick-actions {
  gap: 2px !important;
}

.gc-ix-info-quick-actions .gc-ix-info-qbtn:not([aria-pressed="true"]) {
  background: none !important;
  border-color: #0000 !important;
}

.gc-ix-info-quick-actions .gc-ix-info-qbtn:not([aria-pressed="true"]):hover {
  background: var(--gc-primary-bg) !important;
}

.gc-ix-info-quick-actions .gc-ix-info-qbtn {
  border-radius: var(--gc-radius-sm) !important;
}

.gc-ix-info-sec {
  border-top: 1px solid var(--gc-hairline) !important;
  padding: 14px 18px !important;
}

.gc-ix-info-sec-title {
  text-transform: uppercase !important;
  letter-spacing: .7px !important;
  color: var(--gc-text-muted) !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 10px !important;
  font-size: .6rem !important;
  font-weight: 700 !important;
  display: flex !important;
}

.gc-ix-info-sec-title a {
  color: var(--gc-primary) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.gc-confirm .modal-header {
  border-bottom: 0 !important;
  padding-bottom: 2px !important;
}

.gc-confirm .modal-body {
  padding-top: 8px !important;
}

.gc-confirm .modal-footer {
  border-top: 0 !important;
  padding-top: 0 !important;
}

.gc-confirm .modal-title {
  align-items: center !important;
  gap: 10px !important;
  display: flex !important;
}

.gc-cf-ic {
  background: var(--gc-danger-bg) !important;
  width: 38px !important;
  height: 38px !important;
  color: var(--gc-danger) !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: 1.1rem !important;
  display: flex !important;
}

.gc-cf-lead {
  color: var(--gc-text-secondary) !important;
  margin-bottom: 8px !important;
  font-size: .82rem !important;
  line-height: 1.75 !important;
}

.gc-cf-q {
  background: var(--gc-canvas) !important;
  border-radius: var(--gc-radius-sm) !important;
  color: var(--gc-text) !important;
  margin-bottom: 5px !important;
  padding: 11px 13px !important;
  font-size: .8rem !important;
  line-height: 1.75 !important;
}

.gc-cf-by {
  color: var(--gc-text-muted) !important;
  text-align: right !important;
  font-size: .72rem !important;
}

.gc-ix-filters {
  gap: 6px !important;
}

.gc-ix-filter-pills {
  background: var(--gc-canvas) !important;
  border-radius: 10px !important;
  flex: 0 auto !important;
  justify-content: flex-start !important;
  gap: 2px !important;
  padding: 3px !important;
}

.gc-ix-pill {
  border-bottom: 0 !important;
  border-radius: 7px !important;
  padding: 5px 10px !important;
  font-weight: 600 !important;
}

.gc-ix-top-tab {
  white-space: nowrap !important;
  padding: 10px 0 !important;
}

.gc-ix-top-tabs .gc-ix-top-tab > i {
  font-size: 1rem;
}

.gc-ix-chat-item .gc-ix-chat-name {
  font-size: .9375rem !important;
  line-height: 1.5 !important;
}

.gc-ix-chat-item .gc-ix-chat-preview {
  font-size: .8125rem !important;
  line-height: 1.75 !important;
}

.gc-ix-pill:hover {
  color: var(--gc-text) !important;
  background: #ffffff8c !important;
}

.gc-ix-pill.active {
  background: var(--gc-surface) !important;
  color: var(--gc-text) !important;
  box-shadow: var(--gc-shadow-xs) !important;
  border-bottom-color: #0000 !important;
}

.gc-ix-filter-more {
  background: var(--gc-primary-bg) !important;
  width: 30px !important;
  height: 30px !important;
  color: var(--gc-primary) !important;
  border-radius: 8px !important;
  margin-inline-start: auto !important;
}

.gc-ix-filter-more:hover {
  background: #4e6af024 !important;
}

.gc-ix-filter-more.active {
  background: var(--gc-primary) !important;
  color: #fff !important;
}

.gc-ix-pill-n {
  box-sizing: border-box !important;
  border-radius: var(--gc-radius-full) !important;
  background: var(--gc-danger) !important;
  color: #fff !important;
  text-align: center !important;
  min-width: 17px !important;
  height: 17px !important;
  padding: 0 3px !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 17px !important;
}

.gc-ix-filter-panel.show {
  animation: .16s ixPanelIn !important;
  display: block !important;
}

.gc-ix-filter-panel-title {
  color: var(--gc-text) !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 12px !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  display: flex !important;
}

.gc-ix-filter-panel-title .gc-ix-fp-done {
  border: 1.5px solid var(--gc-hairline) !important;
  background: var(--gc-surface) !important;
  color: var(--gc-text) !important;
  cursor: pointer !important;
  border-radius: var(--gc-radius-sm) !important;
  padding: 5px 14px !important;
  font-family: inherit !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
  transition: all .15s !important;
}

.gc-ix-filter-panel-title .gc-ix-fp-done:hover {
  border-color: var(--gc-text-secondary) !important;
  background: var(--gc-canvas) !important;
}

.gc-ix-filter-group {
  margin-bottom: 12px !important;
}

.gc-ix-filter-group-label {
  color: var(--gc-text-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: .3px !important;
  margin-bottom: 8px !important;
  font-size: .68rem !important;
  font-weight: 600 !important;
}

.gc-ix-filter-checks {
  flex-wrap: wrap !important;
  gap: 6px !important;
  display: flex !important;
}

.gc-ix-filter-check {
  border-radius: var(--gc-radius-full) !important;
  border: 1.5px solid var(--gc-hairline) !important;
  background: var(--gc-surface) !important;
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 6px 12px !important;
  font-family: inherit !important;
  font-size: .72rem !important;
  font-weight: 500 !important;
  transition: all .15s !important;
  display: flex !important;
}

.gc-ix-filter-check:hover {
  border-color: var(--gc-primary) !important;
  color: var(--gc-primary) !important;
}

.gc-ix-filter-check.checked {
  border-color: var(--gc-primary) !important;
  background: var(--gc-primary) !important;
  color: #fff !important;
  font-weight: 600 !important;
}

.gc-ix-filter-check.checked i {
  display: inline !important;
}

.gc-ix-filter-check i {
  font-size: .65rem !important;
  display: none !important;
}

.gc-ix-unread {
  box-sizing: border-box !important;
  border-radius: var(--gc-radius-full) !important;
  background: var(--gc-primary) !important;
  color: #fff !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 4px !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

.gc-ix-filter-panel {
  z-index: 30 !important;
  background: var(--gc-surface) !important;
  border: 1px solid var(--gc-hairline) !important;
  border-radius: var(--gc-radius-md) !important;
  width: 340px !important;
  max-width: calc(100% - 24px) !important;
  box-shadow: var(--gc-shadow-lg) !important;
  padding: 14px 16px !important;
  display: none !important;
  position: absolute !important;
  overflow: hidden !important;
}

.gc-ix-shop-bar {
  border: 0 !important;
  border-bottom: 1px solid var(--gc-hairline) !important;
  background: var(--gc-surface) !important;
  width: 100% !important;
  color: var(--gc-text) !important;
  cursor: pointer !important;
  text-align: start !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 14px !important;
  font-family: inherit !important;
  font-size: .85rem !important;
  font-weight: 700 !important;
  display: flex !important;
}

.gc-ix-shop-bar:hover {
  background: var(--gc-canvas) !important;
}

.gc-ix-shop-bar > i:first-child {
  color: var(--gc-primary) !important;
  flex-shrink: 0 !important;
  font-size: 1rem !important;
}

.gc-ix-shop-caret {
  color: var(--gc-text-secondary) !important;
  margin-inline-start: auto !important;
  font-size: .9rem !important;
}

.gc-ix-shop-panel {
  z-index: 30 !important;
  background: var(--gc-surface) !important;
  border: 1px solid var(--gc-hairline) !important;
  border-radius: var(--gc-radius-md) !important;
  width: 340px !important;
  max-width: calc(100% - 24px) !important;
  box-shadow: var(--gc-shadow-lg) !important;
  padding: 14px 16px !important;
  display: none !important;
  position: absolute !important;
}

.gc-ix-shop-panel.show {
  animation: .16s ixPanelIn !important;
  display: block !important;
}

.gc-ix-shop-head {
  color: var(--gc-text) !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 12px !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  display: flex !important;
}

.gc-ix-shop-head i {
  color: var(--gc-primary) !important;
}

.gc-ix-shop-done {
  border: 1.5px solid var(--gc-hairline) !important;
  background: var(--gc-surface) !important;
  color: var(--gc-text) !important;
  cursor: pointer !important;
  border-radius: var(--gc-radius-sm) !important;
  margin-inline-start: auto !important;
  padding: 4px 12px !important;
  font-family: inherit !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
  transition: all .15s !important;
}

.gc-ix-shop-done:hover {
  border-color: var(--gc-text-secondary) !important;
  background: var(--gc-canvas) !important;
}

.gc-ix-shop-done:disabled {
  color: var(--gc-text-muted) !important;
  border-color: var(--gc-hairline) !important;
  background: var(--gc-canvas) !important;
  cursor: not-allowed !important;
}

.gc-ix-shop-done:disabled:hover {
  border-color: var(--gc-hairline) !important;
  background: var(--gc-canvas) !important;
}

.gc-ix-shop-body {
  overscroll-behavior: contain !important;
  max-height: min(46vh, 300px) !important;
  margin: 0 -4px !important;
  padding: 0 4px !important;
  overflow-y: auto !important;
}

.gc-ix-shop-body::-webkit-scrollbar {
  width: 6px;
}

.gc-ix-shop-body::-webkit-scrollbar-thumb {
  background: var(--gc-hairline-hover);
  border-radius: 3px;
}

.gc-ix-shop-group {
  color: var(--gc-text-secondary) !important;
  margin: 14px 0 7px !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
}

.gc-ix-shop-checks {
  flex-flow: column wrap !important;
  gap: 1px !important;
  display: flex !important;
}

.gc-ix-shop-opt {
  border-radius: var(--gc-radius-sm) !important;
  width: 100% !important;
  color: var(--gc-text) !important;
  cursor: pointer !important;
  text-align: start !important;
  background: none !important;
  border: 0 !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 7px 8px !important;
  font-family: inherit !important;
  font-size: .8rem !important;
  font-weight: 500 !important;
  line-height: 1.9 !important;
  transition: background .15s !important;
  display: flex !important;
}

.gc-ix-shop-opt:hover {
  background: var(--gc-canvas) !important;
}

.gc-ix-shop-cb {
  border: 1.5px solid var(--gc-hairline-hover) !important;
  color: #0000 !important;
  border-radius: 5px !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 19px !important;
  height: 19px !important;
  font-size: .7rem !important;
  transition: all .15s !important;
  display: flex !important;
}

.gc-ix-shop-opt.on .gc-ix-shop-cb {
  background: var(--gc-primary) !important;
  border-color: var(--gc-primary) !important;
  color: #fff !important;
}

.gc-ix-shop-logo {
  object-fit: contain !important;
  border-radius: 5px !important;
  flex-shrink: 0 !important;
  width: 20px !important;
  height: 20px !important;
}

.gc-ix-shop-logo-i {
  color: var(--gc-primary) !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: .9rem !important;
  display: flex !important;
}

.gc-ix-shop-name {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  flex: auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.gc-ix-shop-n {
  text-align: center !important;
  border-radius: var(--gc-radius-full) !important;
  background: var(--gc-canvas) !important;
  min-width: 26px !important;
  color: var(--gc-text-secondary) !important;
  flex-shrink: 0 !important;
  margin-inline-start: auto !important;
  padding: 1px 7px !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
}

.gc-toast {
  z-index: 1100 !important;
  background: var(--gc-rail-ink) !important;
  color: #fff !important;
  border-radius: var(--gc-radius-full) !important;
  box-shadow: var(--gc-shadow-lg) !important;
  animation: gcToastIn .18s var(--gc-ease) !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 9px 16px !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  display: flex !important;
  position: fixed !important;
  bottom: 26px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.gc-toast.gc-out {
  opacity: 0 !important;
  transition: opacity .35s !important;
}

.gc-toast.gc-bad {
  background: var(--gc-danger) !important;
}

.gc-msg-action-on {
  color: var(--gc-primary) !important;
}

.gc-sim {
  border: 1px solid var(--gc-hairline-hover) !important;
  border-radius: var(--gc-radius-full) !important;
  vertical-align: middle !important;
  gap: 0 !important;
  margin-inline-start: 6px !important;
  display: inline-flex !important;
  overflow: hidden !important;
}

.gc-sim button {
  background: var(--gc-surface) !important;
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  border: 0 !important;
  padding: 3px 11px !important;
  font-family: inherit !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
}

.gc-sim button.on {
  background: var(--gc-primary) !important;
  color: #fff !important;
}

@keyframes gcToastIn {
  from {
    opacity: 0;
    transform: translate(-50%, 8px);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
  }
}

.gc-lb {
  z-index: 1080 !important;
  background: #090a0df7 !important;
  justify-content: center !important;
  align-items: center !important;
  display: none !important;
  position: fixed !important;
  inset: 0 !important;
}

.modal.gc-over-lb {
  z-index: 1095 !important;
}

.modal-backdrop.gc-over-lb {
  z-index: 1090 !important;
}

.gc-lb.on {
  display: flex !important;
}

.gc-lb-stage {
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
}

.gc-lb-img {
  object-fit: contain !important;
  border-radius: var(--gc-radius-sm) !important;
  transform-origin: center !important;
  max-width: min(92vw, 1100px) !important;
  max-height: 82vh !important;
  transition: transform .18s !important;
}

.gc-lb-stage.gc-lb-zoomable {
  touch-action: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

.gc-lb-zoomable .gc-lb-img {
  cursor: zoom-in !important;
}

.gc-lb-zoomable.gc-lb-zoomed .gc-lb-img {
  cursor: grab !important;
}

.gc-lb-zoomable.gc-lb-zoomed .gc-lb-img.gc-lb-live {
  cursor: grabbing !important;
}

.gc-lb-img.gc-lb-live {
  transition: none !important;
}

.gc-lb-tools {
  z-index: 2 !important;
  gap: 6px !important;
  display: flex !important;
  position: absolute !important;
  top: 14px !important;
  right: 16px !important;
}

.gc-lb-btn {
  border-radius: var(--gc-radius-sm) !important;
  color: #fff !important;
  cursor: pointer !important;
  background: #ffffff1a !important;
  border: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 34px !important;
  height: 34px !important;
  font-size: 1rem !important;
  transition: background .15s !important;
  display: flex !important;
}

.gc-lb-btn:hover {
  background: #ffffff38 !important;
}

.gc-lb-btn:disabled {
  opacity: .35 !important;
  cursor: not-allowed !important;
}

.gc-lb-btn.gc-lb-btn-on, .gc-lb-btn.gc-lb-btn-on:hover {
  background: var(--gc-primary) !important;
  color: #fff !important;
}

.gc-lb-warn {
  color: #ffc38b !important;
  align-items: center !important;
  gap: 5px !important;
  margin-top: 6px !important;
  font-size: .7rem !important;
  line-height: 1.75 !important;
  display: none !important;
}

.gc-lb-warn.on {
  display: flex !important;
}

.gc-lb-nav {
  color: #fff !important;
  cursor: pointer !important;
  z-index: 2 !important;
  background: #ffffff14 !important;
  border: 0 !important;
  border-radius: 50% !important;
  justify-content: center !important;
  align-items: center !important;
  width: 38px !important;
  height: 38px !important;
  font-size: 1.1rem !important;
  display: flex !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.gc-lb-nav:hover {
  background: #fff3 !important;
}

.gc-lb-nav.gc-prev {
  left: 14px !important;
}

.gc-lb-nav.gc-next {
  right: 14px !important;
}

.gc-lb-nav[disabled] {
  opacity: .25 !important;
  cursor: not-allowed !important;
}

.gc-lb-foot {
  z-index: 2 !important;
  max-width: min(70vw, 560px) !important;
  position: absolute !important;
  bottom: 14px !important;
  left: 16px !important;
}

.gc-lb-by {
  color: #ffffffb8 !important;
  font-size: .72rem !important;
  line-height: 1.75 !important;
}

.gc-lb-by b {
  color: #fff !important;
  font-weight: 600 !important;
}

.gc-lb-acts {
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 8px !important;
  display: flex !important;
}

.gc-lb-act {
  border-radius: var(--gc-radius-sm) !important;
  color: #fff !important;
  cursor: pointer !important;
  background: #ffffff14 !important;
  border: 1px solid #ffffff38 !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 5px 11px !important;
  font-family: inherit !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all .15s !important;
  display: inline-flex !important;
}

.gc-lb-act:hover {
  background: #fff3 !important;
  border-color: #fff6 !important;
}

.gc-lb-foot .gc-demo-badge {
  color: #ffc38b !important;
  background: #ff9f4333 !important;
}

.gc-lb-count {
  color: #fff9 !important;
  z-index: 2 !important;
  font-size: .72rem !important;
  position: absolute !important;
  top: 18px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

@media (max-width: 575.98px) {
  .gc-lb-foot {
    max-width: none !important;
    bottom: 12px !important;
    left: 12px !important;
    right: 12px !important;
  }

  .gc-lb-img {
    max-width: 94vw !important;
    max-height: 64vh !important;
  }
}

.gc-demo-badge {
  border-radius: var(--gc-radius-full) !important;
  background: var(--gc-warning-bg) !important;
  color: var(--gc-warning-ink) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 3px !important;
  padding: 1px 7px !important;
  font-size: .6rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

.gc-demo-badge i {
  font-size: .65rem !important;
}

.gc-demo-note {
  color: var(--gc-text-muted) !important;
  margin: 2px 0 10px !important;
  font-size: .66rem !important;
  line-height: 1.55 !important;
}

.gc-ix-info-row {
  margin-bottom: 10px !important;
}

.gc-ix-info-label {
  color: var(--gc-text-muted) !important;
  font-size: .66rem !important;
  font-weight: 500 !important;
}

.gc-ix-info-value {
  color: var(--gc-text) !important;
  font-size: .78rem !important;
  font-weight: 500 !important;
}

.gc-ix-media-grid {
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 4px !important;
  display: grid !important;
}

.gc-ix-media-item {
  font: inherit !important;
  color: inherit !important;
  aspect-ratio: 1 !important;
  border-radius: var(--gc-radius-sm) !important;
  background: var(--gc-canvas) !important;
  cursor: pointer !important;
  border: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  transition: all .2s !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
}

.gc-ix-media-item:hover {
  opacity: .85 !important;
  transform: scale(1.03) !important;
}

.gc-ix-media-item img, .gc-ix-media-item video {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}

.gc-ix-media-item i {
  color: var(--gc-text-muted) !important;
  font-size: 1.15rem !important;
}

.gc-ix-media-item.gc-ix-media-video:after {
  content: "" !important;
  background: #00000040 !important;
  position: absolute !important;
  inset: 0 !important;
}

.gc-ix-media-item.gc-ix-media-video i {
  z-index: 1 !important;
  color: #fff !important;
  font-size: 1.5rem !important;
  position: absolute !important;
}

.gc-ix-media-more {
  color: var(--gc-primary) !important;
  background: var(--gc-primary-bg) !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
}

.gc-ix-media-item.gc-ix-media-skel {
  cursor: default !important;
  animation: 1.2s ease-in-out infinite gc-skel-pulse !important;
}

.gc-ix-media-item.gc-ix-media-skel:hover {
  opacity: 1 !important;
  transform: none !important;
}

@keyframes gc-skel-pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .45;
  }
}

.gc-ix-media-empty {
  text-align: center !important;
  border: 1px dashed var(--gc-hairline) !important;
  border-radius: var(--gc-radius-sm) !important;
  padding: 16px 10px !important;
}

.gc-ix-media-empty i {
  color: var(--gc-text-muted) !important;
  font-size: 1.4rem !important;
}

.gc-ix-media-empty p {
  color: var(--gc-text-secondary) !important;
  margin: 6px 0 0 !important;
  font-size: .78rem !important;
  line-height: 1.75 !important;
}

.gc-ix-file-row {
  cursor: pointer !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 0 !important;
  transition: opacity .15s !important;
  display: flex !important;
}

.gc-ix-file-row:hover {
  opacity: .8 !important;
}

.gc-ix-file-row + .gc-ix-file-row {
  border-top: 1px solid var(--gc-hairline) !important;
}

.gc-ix-info-danger {
  margin-top: auto !important;
  padding: 14px 18px !important;
}

.gc-ix-danger-btn {
  border-radius: var(--gc-radius-sm) !important;
  border: 1px solid var(--gc-hairline) !important;
  width: 100% !important;
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  background: none !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 7px !important;
  font-size: .78rem !important;
  font-weight: 500 !important;
  transition: all .15s !important;
  display: flex !important;
}

.gc-ix-danger-btn:hover {
  border-color: var(--gc-danger) !important;
  color: var(--gc-danger) !important;
  background: #ea54550a !important;
}

.gc-ix-danger-btn + .gc-ix-danger-btn {
  margin-top: 5px !important;
}

.gc-ix-fadein {
  animation: .25s ixFi;
}

@keyframes ixFi {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.gc-ix-chat-header {
  z-index: 2 !important;
  position: relative !important;
  container: ixmain / inline-size !important;
}

.gc-ix-hdr-more, .gc-ix-hdr-info-mob {
  display: none !important;
}

.gc-ix-hdr-sheet {
  bottom: calc(12px + env(safe-area-inset-bottom));
}

.gc-ix-chat-item .gc-ix-src {
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-ix-hdr-sheet-danger:not(:disabled) {
  color: var(--gc-danger-ink);
}

@container ixmain (max-width: 560px) {
  .gc-ix-header-actions .gc-ix-hdr-optional {
    display: none !important;
  }

  .gc-ix-hdr-more {
    display: block !important;
  }
}

@supports not (container-type: inline-size) {
  @media (max-width: 1099.98px) {
    .gc-ix-header-actions .gc-ix-hdr-optional {
      display: none !important;
    }

    .gc-ix-hdr-more {
      display: block !important;
    }
  }
}

.gc-ix-chat-name .gc-ix-tag {
  vertical-align: middle !important;
  flex-shrink: 0 !important;
}

.gc-ai-trigger {
  position: relative !important;
}

.gc-ai-trigger.gc-pulsing:after {
  content: "" !important;
  border: 2px solid var(--gc-surface) !important;
  background: #7c5cff !important;
  border-radius: 50% !important;
  width: 7px !important;
  height: 7px !important;
  animation: 1.6s ease-in-out infinite aiPulse !important;
  position: absolute !important;
  top: 5px !important;
  right: 5px !important;
}

@keyframes aiPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .55;
    transform: scale(1.35);
  }
}

.gc-ai-scroll {
  flex: 1 !important;
  padding: 0 0 14px !important;
  overflow-y: auto !important;
}

.gc-ai-head {
  color: #fff !important;
  background: linear-gradient(120deg, #5b4be0 0%, #4e6af0 55%, #5ea0ff 100%) !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 64px !important;
  padding: 13px 16px !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
}

.gc-ai-head:after {
  content: "" !important;
  background: #ffffff1a !important;
  border-radius: 50% !important;
  width: 120px !important;
  height: 120px !important;
  position: absolute !important;
  top: -38px !important;
  right: -28px !important;
}

.gc-ai-head-icon {
  z-index: 1 !important;
  background: #ffffff2e !important;
  border-radius: 11px !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 34px !important;
  height: 34px !important;
  font-size: 1.05rem !important;
  display: flex !important;
  position: relative !important;
}

.gc-ai-head-icon.gc-busy i {
  animation: 2.2s linear infinite aiSpin !important;
  display: inline-block !important;
}

@keyframes aiSpin {
  to {
    transform: rotate(360deg);
  }
}

.gc-ai-head-txt {
  z-index: 1 !important;
  flex: 1 !important;
  min-width: 0 !important;
  position: relative !important;
}

.gc-ai-head-name {
  align-items: center !important;
  gap: 5px !important;
  font-size: .84rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  display: flex !important;
}

.gc-ai-head-sub {
  opacity: .82 !important;
  margin-top: 1px !important;
  font-size: .66rem !important;
}

.gc-ai-head-close {
  color: #fff !important;
  cursor: pointer !important;
  z-index: 1 !important;
  background: #ffffff24 !important;
  border: none !important;
  border-radius: 8px !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 28px !important;
  height: 28px !important;
  font-size: .85rem !important;
  transition: background .15s !important;
  display: flex !important;
  position: relative !important;
}

.gc-ai-head-close:hover {
  background: #ffffff42 !important;
}

.gc-ai-live {
  border-radius: var(--gc-radius-full) !important;
  letter-spacing: .3px !important;
  text-transform: uppercase !important;
  background: #fff3 !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 1px 7px !important;
  font-size: .58rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

.gc-ai-live-dot {
  background: #4ade80 !important;
  border-radius: 50% !important;
  width: 5px !important;
  height: 5px !important;
  animation: 1.4s ease-in-out infinite aiBlink !important;
}

@keyframes aiBlink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .3;
  }
}

.gc-ai-sec {
  border-bottom: 1px solid var(--gc-hairline) !important;
  padding: 13px 16px !important;
}

.gc-ai-sec:last-child {
  border-bottom: none !important;
}

.gc-ai-sec-title {
  text-transform: uppercase !important;
  letter-spacing: .7px !important;
  color: var(--gc-text-muted) !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 9px !important;
  font-size: .6rem !important;
  font-weight: 700 !important;
  display: flex !important;
}

.gc-ai-sec-title .gc-ai-sec-act {
  color: var(--gc-primary) !important;
  cursor: pointer !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  background: none !important;
  border: none !important;
  align-items: center !important;
  gap: 2px !important;
  font-family: inherit !important;
  font-size: .66rem !important;
  font-weight: 600 !important;
  display: flex !important;
}

.gc-ai-sec-title .gc-ai-sec-act:hover {
  text-decoration: underline !important;
}

.gc-ai-insights {
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 6px !important;
  display: grid !important;
}

.gc-ai-insight {
  background: var(--gc-canvas) !important;
  border-radius: var(--gc-radius-md) !important;
  text-align: center !important;
  padding: 8px 9px !important;
}

.gc-ai-insight-lbl {
  color: var(--gc-text-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: .4px !important;
  font-size: .56rem !important;
  font-weight: 600 !important;
}

.gc-ai-insight-val {
  justify-content: center !important;
  align-items: center !important;
  gap: 3px !important;
  margin-top: 3px !important;
  font-size: .74rem !important;
  font-weight: 700 !important;
  display: flex !important;
}

.gc-ai-insight-val i {
  font-size: .8rem !important;
}

.gc-ai-insight-val.gc-pos {
  color: var(--gc-success) !important;
}

.gc-ai-insight-val.gc-neu {
  color: var(--gc-primary) !important;
}

.gc-ai-insight-val.gc-warn {
  color: var(--gc-warning) !important;
}

.gc-ai-insight-val.gc-neg {
  color: var(--gc-danger) !important;
}

.gc-ai-timeline {
  padding-left: 20px !important;
  position: relative !important;
}

.gc-ai-timeline:before {
  content: "" !important;
  background: var(--gc-hairline) !important;
  width: 1.5px !important;
  position: absolute !important;
  top: 6px !important;
  bottom: 8px !important;
  left: 5px !important;
}

.gc-ai-step {
  animation: aiStepIn .32s var(--gc-ease) backwards !important;
  padding-bottom: 11px !important;
  position: relative !important;
}

@keyframes aiStepIn {
  from {
    opacity: 0;
    transform: translateX(-6px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.gc-ai-step:last-child {
  padding-bottom: 0 !important;
}

.gc-ai-step:before {
  content: "" !important;
  background: var(--gc-surface) !important;
  border: 2px solid var(--gc-text-muted) !important;
  z-index: 1 !important;
  border-radius: 50% !important;
  width: 9px !important;
  height: 9px !important;
  position: absolute !important;
  top: 4px !important;
  left: -19px !important;
}

.gc-ai-step.gc-think:before {
  border-color: var(--gc-primary) !important;
  background: var(--gc-primary) !important;
}

.gc-ai-step.gc-tool:before {
  background: #7c5cff !important;
  border-color: #7c5cff !important;
}

.gc-ai-step.gc-done:before {
  border-color: var(--gc-success) !important;
  background: var(--gc-success) !important;
}

.gc-ai-step.gc-running:before {
  border-color: var(--gc-primary) !important;
  background: var(--gc-surface) !important;
  animation: 1.1s ease-in-out infinite aiRing !important;
}

@keyframes aiRing {
  0%, 100% {
    box-shadow: 0 0 #4e6af080;
  }

  50% {
    box-shadow: 0 0 0 5px #4e6af000;
  }
}

.gc-ai-step-head {
  cursor: pointer !important;
  align-items: center !important;
  gap: 6px !important;
  display: flex !important;
}

.gc-ai-step-name {
  color: var(--gc-text) !important;
  flex: 1 !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  font-size: .74rem !important;
  font-weight: 600 !important;
  display: flex !important;
}

.gc-ai-step-name code {
  background: var(--gc-canvas) !important;
  color: #7c5cff !important;
  border-radius: 4px !important;
  padding: 1px 5px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
}

.gc-ai-step-ms {
  color: var(--gc-text-muted) !important;
  font-variant-numeric: tabular-nums !important;
  flex-shrink: 0 !important;
  font-size: .6rem !important;
}

.gc-ai-par {
  color: #7c5cff !important;
  letter-spacing: .3px !important;
  background: #7c5cff1a !important;
  border-radius: 4px !important;
  flex-shrink: 0 !important;
  padding: 1px 5px !important;
  font-size: .55rem !important;
  font-weight: 700 !important;
}

.gc-ai-step-body {
  color: var(--gc-text-secondary) !important;
  margin-top: 3px !important;
  font-size: .7rem !important;
  line-height: 1.55 !important;
}

.gc-ai-step-res {
  color: var(--gc-text-secondary) !important;
  align-items: flex-start !important;
  gap: 5px !important;
  margin-top: 4px !important;
  font-size: .7rem !important;
  line-height: 1.5 !important;
  display: flex !important;
}

.gc-ai-step-res i {
  color: var(--gc-success) !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
  font-size: .78rem !important;
}

.gc-ai-step-detail {
  display: none;
  background: var(--gc-canvas) !important;
  border-radius: var(--gc-radius-sm) !important;
  color: var(--gc-text-secondary) !important;
  white-space: pre-wrap !important;
  border-left: 2px solid #7c5cff !important;
  margin-top: 6px !important;
  padding: 8px 10px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
  font-size: .64rem !important;
  line-height: 1.6 !important;
  overflow-x: auto !important;
}

.gc-ai-step.open .gc-ai-step-detail {
  display: block !important;
}

.gc-ai-step-caret {
  color: var(--gc-text-muted) !important;
  flex-shrink: 0 !important;
  font-size: .65rem !important;
  transition: transform .2s !important;
}

.gc-ai-step.open .gc-ai-step-caret {
  transform: rotate(90deg) !important;
}

.gc-ai-timeline-collapsed .gc-ai-timeline {
  display: none !important;
}

.gc-ai-draft {
  background: var(--gc-canvas) !important;
  border-radius: var(--gc-radius-lg) !important;
  border: 1.5px solid var(--gc-hairline) !important;
  transition: border-color .2s !important;
  overflow: hidden !important;
}

.gc-ai-draft:focus-within {
  border-color: var(--gc-primary) !important;
  box-shadow: 0 0 0 3px #4e6af014 !important;
}

.gc-ai-draft-text {
  width: 100% !important;
  color: var(--gc-text) !important;
  resize: none !important;
  background: none !important;
  border: none !important;
  outline: none !important;
  min-height: 76px !important;
  max-height: 220px !important;
  padding: 11px 13px !important;
  font-family: inherit !important;
  font-size: .79rem !important;
  line-height: 1.65 !important;
  display: block !important;
}

.gc-ai-draft-foot {
  border-top: 1px solid var(--gc-hairline) !important;
  background: var(--gc-surface) !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 11px !important;
  display: flex !important;
}

.gc-ai-draft-count {
  color: var(--gc-text-muted) !important;
  font-variant-numeric: tabular-nums !important;
  margin-left: auto !important;
  font-size: .62rem !important;
}

.gc-ai-conf {
  align-items: center !important;
  gap: 7px !important;
  margin-top: 9px !important;
  display: flex !important;
}

.gc-ai-conf-lbl {
  color: var(--gc-text-muted) !important;
  flex-shrink: 0 !important;
  font-size: .63rem !important;
  font-weight: 600 !important;
}

.gc-ai-conf-track {
  background: var(--gc-hairline) !important;
  border-radius: 3px !important;
  flex: 1 !important;
  height: 5px !important;
  overflow: hidden !important;
}

.gc-ai-conf-fill {
  height: 100% !important;
  transition: width .5s var(--gc-ease) !important;
  background: linear-gradient(90deg,var(--gc-success),#5bd98a) !important;
  border-radius: 3px !important;
}

.gc-ai-conf-fill.gc-mid {
  background: linear-gradient(90deg,var(--gc-warning),#ffc078) !important;
}

.gc-ai-conf-fill.gc-low {
  background: linear-gradient(90deg,var(--gc-danger),#f58080) !important;
}

.gc-ai-conf-pct {
  color: var(--gc-text) !important;
  font-variant-numeric: tabular-nums !important;
  text-align: right !important;
  flex-shrink: 0 !important;
  min-width: 30px !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
}

.gc-ai-tones {
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin-top: 9px !important;
  display: flex !important;
}

.gc-ai-tone {
  border-radius: var(--gc-radius-full) !important;
  border: 1px solid var(--gc-hairline) !important;
  background: var(--gc-surface) !important;
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  padding: 4px 10px !important;
  font-family: inherit !important;
  font-size: .67rem !important;
  font-weight: 600 !important;
  transition: all .15s !important;
}

.gc-ai-tone:hover {
  border-color: var(--gc-primary) !important;
  color: var(--gc-primary) !important;
}

.gc-ai-tone.active {
  background: var(--gc-primary) !important;
  border-color: var(--gc-primary) !important;
  color: #fff !important;
}

.gc-ai-cites {
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin-top: 9px !important;
  display: flex !important;
}

.gc-ai-cite {
  background: var(--gc-primary-bg) !important;
  color: var(--gc-primary) !important;
  cursor: pointer !important;
  border-radius: 5px !important;
  align-items: center !important;
  gap: 3px !important;
  padding: 2px 7px !important;
  font-size: .62rem !important;
  font-weight: 600 !important;
  transition: background .15s !important;
  display: inline-flex !important;
}

.gc-ai-cite:hover {
  background: var(--gc-primary-bg-hover) !important;
}

.gc-ai-cite i {
  font-size: .68rem !important;
}

.gc-ai-actions {
  gap: 6px !important;
  margin-top: 11px !important;
  display: flex !important;
}

.gc-ai-btn {
  border-radius: var(--gc-radius-md) !important;
  border: 1px solid var(--gc-hairline) !important;
  background: var(--gc-surface) !important;
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  transition: all .16s var(--gc-ease) !important;
  white-space: nowrap !important;
  flex: 1 !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 9px 10px !important;
  font-family: inherit !important;
  font-size: .73rem !important;
  font-weight: 600 !important;
  display: flex !important;
}

.gc-ai-btn i {
  font-size: .85rem !important;
}

.gc-ai-btn:hover {
  border-color: var(--gc-primary) !important;
  color: var(--gc-primary) !important;
  background: var(--gc-primary-bg) !important;
}

.gc-ai-btn.gc-primary {
  background: var(--gc-primary) !important;
  border-color: var(--gc-primary) !important;
  color: #fff !important;
  flex: 1.5 !important;
  box-shadow: 0 2px 8px #4e6af047 !important;
}

.gc-ai-btn.gc-primary:hover {
  background: var(--gc-primary-ink) !important;
  border-color: var(--gc-primary-ink) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px #4e6af061 !important;
}

.gc-ai-btn.gc-icon {
  flex: 0 0 38px !important;
  padding: 9px 0 !important;
}

.gc-ai-upsell {
  border-radius: var(--gc-radius-lg) !important;
  background: linear-gradient(135deg, #ff9f4314, #ff9f4308) !important;
  border: 1px solid #ff9f4347 !important;
  padding: 11px !important;
}

.gc-ai-upsell-top {
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 9px !important;
  display: flex !important;
}

.gc-ai-upsell-tag {
  border-radius: var(--gc-radius-full) !important;
  background: var(--gc-warning) !important;
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: .4px !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 2px 8px !important;
  font-size: .58rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

.gc-ai-upsell-score {
  color: var(--gc-warning) !important;
  font-variant-numeric: tabular-nums !important;
  margin-left: auto !important;
  font-size: .62rem !important;
  font-weight: 700 !important;
}

.gc-ai-upsell-prod {
  align-items: center !important;
  gap: 9px !important;
  display: flex !important;
}

.gc-ai-upsell-img {
  border-radius: var(--gc-radius-md) !important;
  object-fit: cover !important;
  background: var(--gc-canvas) !important;
  flex-shrink: 0 !important;
  width: 46px !important;
  height: 46px !important;
}

.gc-ai-upsell-nm {
  color: var(--gc-text) !important;
  font-size: .76rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.gc-ai-upsell-price {
  color: var(--gc-warning) !important;
  margin-top: 2px !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
}

.gc-ai-upsell-price s {
  color: var(--gc-text-muted) !important;
  margin-left: 4px !important;
  font-size: .66rem !important;
  font-weight: 500 !important;
}

.gc-ai-upsell-why {
  color: var(--gc-text-secondary) !important;
  border-top: 1px dashed #ff9f4359 !important;
  gap: 5px !important;
  margin-top: 9px !important;
  padding-top: 9px !important;
  font-size: .68rem !important;
  line-height: 1.55 !important;
  display: flex !important;
}

.gc-ai-upsell-why i {
  color: var(--gc-warning) !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
  font-size: .8rem !important;
}

.gc-ai-upsell-btn {
  border-radius: var(--gc-radius-sm) !important;
  background: var(--gc-warning) !important;
  color: #fff !important;
  cursor: pointer !important;
  border: none !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 5px !important;
  width: 100% !important;
  margin-top: 9px !important;
  padding: 7px !important;
  font-family: inherit !important;
  font-size: .71rem !important;
  font-weight: 700 !important;
  transition: all .16s !important;
  display: flex !important;
}

.gc-ai-upsell-btn:hover {
  background: #f08a2e !important;
  box-shadow: 0 3px 10px #ff9f4359 !important;
}

.gc-ai-upsell-btn.gc-added {
  background: var(--gc-success) !important;
  pointer-events: none !important;
}

.gc-ai-guards {
  flex-direction: column !important;
  gap: 5px !important;
  display: flex !important;
}

.gc-ai-guard {
  color: var(--gc-text-secondary) !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: .69rem !important;
  display: flex !important;
}

.gc-ai-guard i {
  flex-shrink: 0 !important;
  font-size: .82rem !important;
}

.gc-ai-guard.gc-pass i {
  color: var(--gc-success) !important;
}

.gc-ai-guard.gc-warn i {
  color: var(--gc-warning) !important;
}

.gc-ai-guard.gc-fail i {
  color: var(--gc-danger) !important;
}

.gc-ai-guard-val {
  color: var(--gc-text-muted) !important;
  margin-left: auto !important;
  font-size: .63rem !important;
  font-weight: 600 !important;
}

.gc-ai-handoff {
  border-radius: var(--gc-radius-md) !important;
  background: #ea545512 !important;
  border: 1px solid #ea545540 !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 10px 11px !important;
  display: flex !important;
}

.gc-ai-handoff i {
  color: var(--gc-danger) !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
  font-size: 1rem !important;
}

.gc-ai-handoff-txt {
  color: var(--gc-text-secondary) !important;
  font-size: .7rem !important;
  line-height: 1.55 !important;
}

.gc-ai-handoff-txt b {
  color: var(--gc-danger) !important;
  margin-bottom: 2px !important;
  font-size: .73rem !important;
  display: block !important;
}

.gc-ai-auto-bar.gc-ai-off {
  display: none !important;
}

.gc-ai-auto-bar {
  border-radius: var(--gc-radius-md) !important;
  background: linear-gradient(120deg, #7c5cff1a, #4e6af012) !important;
  border: 1px solid #7c5cff42 !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 8px !important;
  padding: 9px 12px !important;
  animation: .28s ixFi !important;
  display: flex !important;
  position: relative !important;
  overflow: hidden !important;
}

.gc-ai-auto-bar.gc-live:before {
  content: "" !important;
  pointer-events: none !important;
  background: linear-gradient(100deg, #0000 20%, #7c5cff21 50%, #0000 80%) !important;
  animation: 2.6s linear infinite aiSheen !important;
  position: absolute !important;
  inset: 0 !important;
}

@keyframes aiSheen {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.gc-ai-auto-ic {
  color: #fff !important;
  z-index: 1 !important;
  background: linear-gradient(135deg, #7c5cff, #4e6af0) !important;
  border-radius: 10px !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 32px !important;
  height: 32px !important;
  font-size: .95rem !important;
  display: flex !important;
  position: relative !important;
  box-shadow: 0 2px 8px #7c5cff52 !important;
}

.gc-ai-auto-ic.gc-beat {
  animation: 1.5s ease-in-out infinite aiBeat !important;
}

@keyframes aiBeat {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.09);
  }
}

.gc-ai-auto-body {
  z-index: 1 !important;
  flex: 1 !important;
  min-width: 0 !important;
  position: relative !important;
}

.gc-ai-auto-t {
  color: var(--gc-text) !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: .76rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  display: flex !important;
}

.gc-ai-auto-live {
  border-radius: var(--gc-radius-full) !important;
  color: #fff !important;
  letter-spacing: .4px !important;
  text-transform: uppercase !important;
  background: #7c5cff !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 1px 7px !important;
  font-size: .55rem !important;
  font-weight: 800 !important;
  display: inline-flex !important;
}

.gc-ai-auto-live i {
  background: var(--gc-surface) !important;
  border-radius: 50% !important;
  width: 4px !important;
  height: 4px !important;
  animation: 1.3s ease-in-out infinite aiBlink !important;
  display: inline-block !important;
}

.gc-ai-auto-s {
  color: var(--gc-text-secondary) !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  margin-top: 2px !important;
  font-size: .68rem !important;
  overflow: hidden !important;
}

.gc-ai-auto-s b {
  color: var(--gc-text) !important;
  font-weight: 700 !important;
}

.gc-ai-takeover-btn {
  border-radius: var(--gc-radius-full) !important;
  border: 1.5px solid var(--gc-primary) !important;
  background: var(--gc-primary) !important;
  color: #fff !important;
  cursor: pointer !important;
  transition: all .16s var(--gc-ease) !important;
  z-index: 1 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 9px 16px !important;
  font-family: inherit !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  display: flex !important;
  position: relative !important;
  box-shadow: 0 2px 8px #4e6af04d !important;
}

.gc-ai-takeover-btn:hover {
  background: var(--gc-primary-ink) !important;
  border-color: var(--gc-primary-ink) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px #4e6af066 !important;
}

.gc-ai-takeover-btn i {
  font-size: .9rem !important;
}

.gc-ai-countdown {
  transform-origin: 0 !important;
  z-index: 2 !important;
  background: linear-gradient(90deg, #7c5cff, #4e6af0) !important;
  width: 100% !important;
  height: 2.5px !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
}

.gc-ai-countdown.gc-run {
  animation: 4s linear forwards aiCount !important;
}

@keyframes aiCount {
  from {
    transform: scaleX(1);
  }

  to {
    transform: scaleX(0);
  }
}

.gc-ai-auto-bar.gc-takeover {
  background: linear-gradient(120deg, #28c76f1a, #28c76f0d) !important;
  border-color: #28c76f52 !important;
}

.gc-ai-auto-bar.gc-takeover .gc-ai-auto-ic {
  background: linear-gradient(135deg, #28c76f, #4ade80) !important;
  box-shadow: 0 2px 8px #28c76f52 !important;
}

.gc-ai-auto-bar.gc-takeover .gc-ai-auto-live {
  background: var(--gc-success) !important;
}

.gc-ai-auto-bar.gc-takeover .gc-ai-takeover-btn {
  background: var(--gc-surface) !important;
  border-color: var(--gc-success) !important;
  color: var(--gc-success) !important;
  box-shadow: none !important;
}

.gc-ai-auto-bar.gc-takeover .gc-ai-takeover-btn:hover {
  background: var(--gc-success) !important;
  color: #fff !important;
  box-shadow: 0 3px 12px #28c76f52 !important;
}

.gc-ix-composer-wrap {
  position: relative !important;
}

.gc-ix-composer-wrap.gc-ai-off, .gc-ix-resize-handle.gc-ai-off {
  display: none !important;
}

.gc-ai-auto-bar.gc-solo {
  margin-bottom: 0 !important;
  padding: 11px 13px !important;
}

.gc-ai-inline.gc-ai-off {
  display: none !important;
}

.gc-ai-inline {
  border-radius: var(--gc-radius-md) !important;
  background: linear-gradient(120deg, #7c5cff12, #4e6af00d) !important;
  border: 1px solid #7c5cff38 !important;
  align-items: flex-start !important;
  gap: 9px !important;
  margin-bottom: 8px !important;
  padding: 9px 11px !important;
  animation: .3s ixFi !important;
  display: flex !important;
}

.gc-ai-inline-ic {
  color: #fff !important;
  background: linear-gradient(135deg, #7c5cff, #4e6af0) !important;
  border-radius: 8px !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 26px !important;
  height: 26px !important;
  font-size: .8rem !important;
  display: flex !important;
}

.gc-ai-inline-body {
  flex: 1 !important;
  min-width: 0 !important;
}

.gc-ai-inline-lbl {
  color: #7c5cff !important;
  text-transform: uppercase !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: .6rem !important;
  font-weight: 700 !important;
  display: flex !important;
}

.gc-ai-inline-txt {
  color: var(--gc-text) !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  margin-top: 3px !important;
  font-size: .76rem !important;
  line-height: 1.55 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

.gc-ai-inline-acts {
  flex-shrink: 0 !important;
  align-self: center !important;
  gap: 4px !important;
  display: flex !important;
}

.gc-ai-inline-btn {
  background: var(--gc-surface) !important;
  width: 30px !important;
  height: 30px !important;
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  box-shadow: var(--gc-shadow-xs) !important;
  border: none !important;
  border-radius: 9px !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: .85rem !important;
  transition: all .15s !important;
  display: flex !important;
}

.gc-ai-inline-btn:hover {
  color: var(--gc-primary) !important;
  transform: translateY(-1px) !important;
}

.gc-ai-inline-btn.gc-go {
  background: var(--gc-primary) !important;
  color: #fff !important;
}

.gc-ai-inline-btn.gc-go:hover {
  background: var(--gc-primary-ink) !important;
  color: #fff !important;
}

.gc-ai-inline-txt.gc-open {
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
}

.gc-ai-src {
  color: var(--gc-success) !important;
  font-weight: 700 !important;
}

.gc-ai-warn {
  color: var(--gc-warning) !important;
  font-weight: 700 !important;
}

.gc-ai-inline-note {
  color: var(--gc-text-muted) !important;
  margin-top: 3px !important;
  font-size: .62rem !important;
}

@media (max-width: 768px) {
  .gc-ai-inline-txt {
    -webkit-line-clamp: 1 !important;
  }

  .gc-ai-inline {
    gap: 6px !important;
    padding: 6px 8px !important;
  }
}

.gc-ai-sent-badge {
  border-radius: var(--gc-radius-full) !important;
  color: #7c5cff !important;
  letter-spacing: .2px !important;
  background: linear-gradient(135deg, #7c5cff24, #4e6af01a) !important;
  align-items: center !important;
  gap: 3px !important;
  margin-right: 4px !important;
  padding: 1px 6px !important;
  font-size: .58rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

.gc-ai-sent-badge i {
  font-size: .62rem !important;
}

.gc-ai-thinking {
  color: var(--gc-text-secondary) !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 10px 0 !important;
  font-size: .73rem !important;
  font-weight: 500 !important;
  display: flex !important;
}

.gc-ai-thinking-dots {
  gap: 3px !important;
  display: flex !important;
}

.gc-ai-thinking-dots span {
  background: #7c5cff !important;
  border-radius: 50% !important;
  width: 5px !important;
  height: 5px !important;
  animation: 1.3s ease-in-out infinite aiTd !important;
}

.gc-ai-thinking-dots span:nth-child(2) {
  animation-delay: .18s !important;
}

.gc-ai-thinking-dots span:nth-child(3) {
  animation-delay: .36s !important;
}

@keyframes aiTd {
  0%, 60%, 100% {
    opacity: .35;
    transform: translateY(0);
  }

  30% {
    opacity: 1;
    transform: translateY(-4px);
  }
}

.gc-ai-empty {
  text-align: center !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 44px 22px !important;
  display: flex !important;
}

.gc-ai-empty-ic {
  color: #7c5cff !important;
  background: linear-gradient(135deg, #7c5cff24, #4e6af01a) !important;
  border-radius: 17px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 52px !important;
  height: 52px !important;
  margin-bottom: 13px !important;
  font-size: 1.5rem !important;
  display: flex !important;
}

.gc-ai-empty-t {
  color: var(--gc-text) !important;
  margin-bottom: 4px !important;
  font-size: .84rem !important;
  font-weight: 700 !important;
}

.gc-ai-empty-s {
  color: var(--gc-text-secondary) !important;
  max-width: 230px !important;
  font-size: .72rem !important;
  line-height: 1.6 !important;
}

.gc-od-card {
  border: 1px solid var(--gc-hairline-hover) !important;
  border-radius: var(--gc-radius-lg) !important;
  background: var(--gc-surface) !important;
  transition: all .16s var(--gc-ease) !important;
  margin-bottom: 9px !important;
  padding: 12px !important;
  position: relative !important;
}

.gc-od-card:hover {
  border-color: var(--gc-primary) !important;
  box-shadow: var(--gc-shadow-sm) !important;
}

.gc-od-card:has(.stretched-link:focus-visible) {
  outline: 2px solid var(--gc-primary) !important;
  outline-offset: 2px !important;
  border-color: var(--gc-primary) !important;
}

.gc-od-copy {
  z-index: 2 !important;
  border-radius: var(--gc-radius-sm) !important;
  width: 22px !important;
  height: 22px !important;
  color: var(--gc-text-muted) !important;
  cursor: pointer !important;
  transition: all .14s var(--gc-ease) !important;
  background: none !important;
  border: 0 !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  font-size: .8rem !important;
  display: inline-flex !important;
  position: relative !important;
}

.gc-od-copy:hover {
  background: var(--gc-canvas) !important;
  color: var(--gc-primary-ink) !important;
}

.gc-od-copy .ph-check {
  color: var(--gc-success) !important;
}

.gc-od-copy .ph-warning {
  color: var(--gc-danger-ink) !important;
}

.gc-od-top {
  align-items: flex-start !important;
  gap: 10px !important;
  display: flex !important;
}

.gc-od-img {
  border-radius: var(--gc-radius-md) !important;
  object-fit: cover !important;
  border: 1px solid var(--gc-hairline) !important;
  flex-shrink: 0 !important;
  width: 46px !important;
  height: 46px !important;
}

.gc-od-img-empty {
  background: var(--gc-canvas) !important;
  color: var(--gc-text-muted) !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: 1.15rem !important;
  display: flex !important;
}

.gc-od-head {
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  display: flex !important;
}

.gc-od-no {
  color: var(--gc-text) !important;
  letter-spacing: .2px !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
}

.gc-od-noline {
  align-items: center !important;
  gap: 4px !important;
  display: inline-flex !important;
}

.gc-od-when {
  color: var(--gc-text-muted) !important;
  margin-top: 1px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-od-items {
  color: var(--gc-text-secondary) !important;
  margin-top: 3px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-od-st {
  border-radius: var(--gc-radius-full) !important;
  white-space: nowrap !important;
  border: 1px solid var(--gc-hairline) !important;
  background: var(--gc-canvas) !important;
  color: var(--gc-text-secondary) !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 2px 8px !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
  display: inline-flex !important;
}

.gc-od-st.gc-pay {
  color: #e8890c !important;
  background: #ff9f431a !important;
  border-color: #ff9f434d !important;
}

.gc-od-st.gc-pack {
  color: var(--gc-primary) !important;
  background: #4e6af01a !important;
  border-color: #4e6af04d !important;
}

.gc-od-st.gc-ship {
  color: #0193a8 !important;
  background: #00cfe81f !important;
  border-color: #00cfe852 !important;
}

.gc-od-st.gc-done {
  color: var(--gc-success) !important;
  background: #28c76f1a !important;
  border-color: #28c76f4d !important;
}

.gc-od-st.gc-late {
  color: var(--gc-danger) !important;
  background: #ea54551a !important;
  border-color: #ea54554d !important;
}

.gc-od-prog {
  margin-top: 13px !important;
  display: flex !important;
  container-type: inline-size !important;
}

.gc-od-step-s {
  display: none !important;
}

@container (max-width: 220px) {
  .gc-od-step-l {
    display: none !important;
  }

  .gc-od-step-s {
    display: block !important;
  }
}

.gc-od-step {
  flex-direction: column !important;
  flex: 1 !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  display: flex !important;
  position: relative !important;
}

.gc-od-step:before {
  content: "" !important;
  background: var(--gc-hairline) !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 2px !important;
  position: absolute !important;
  top: 12px !important;
  right: 50% !important;
}

.gc-od-step:first-child:before {
  display: none !important;
}

.gc-od-step.on:before, .gc-od-step.gc-now:before {
  background: var(--gc-primary) !important;
}

.gc-od-step.gc-late:before {
  background: var(--gc-danger) !important;
}

.gc-od-dot {
  z-index: 1 !important;
  background: var(--gc-surface) !important;
  border: 2px solid var(--gc-hairline) !important;
  width: 26px !important;
  height: 26px !important;
  color: var(--gc-text-muted) !important;
  transition: all .2s var(--gc-ease) !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: .72rem !important;
  display: flex !important;
  position: relative !important;
}

.gc-od-step.on .gc-od-dot {
  background: var(--gc-primary) !important;
  border-color: var(--gc-primary) !important;
  color: #fff !important;
}

.gc-od-step.gc-now .gc-od-dot {
  background: var(--gc-primary) !important;
  border-color: var(--gc-primary) !important;
  color: #fff !important;
  box-shadow: 0 0 0 4px var(--gc-primary-bg) !important;
}

.gc-od-step.gc-fin .gc-od-dot {
  background: var(--gc-success) !important;
  border-color: var(--gc-success) !important;
  color: #fff !important;
}

.gc-od-step.gc-fin:before {
  background: var(--gc-success) !important;
}

.gc-od-step.gc-late .gc-od-dot {
  background: var(--gc-danger) !important;
  border-color: var(--gc-danger) !important;
  color: #fff !important;
  box-shadow: 0 0 0 4px #ea54551f !important;
}

.gc-od-step-l {
  color: var(--gc-text-muted) !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  text-align: center !important;
  max-width: 100% !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  overflow: hidden !important;
}

.gc-od-step.on .gc-od-step-l, .gc-od-step.gc-now .gc-od-step-l, .gc-od-step.gc-fin .gc-od-step-l {
  color: var(--gc-text) !important;
}

.gc-od-step.gc-late .gc-od-step-l {
  color: var(--gc-danger) !important;
}

.gc-od-eta {
  color: var(--gc-text) !important;
  border-top: 1px dashed var(--gc-hairline) !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 10px !important;
  padding-top: 9px !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
  display: flex !important;
}

.gc-od-eta i {
  color: var(--gc-primary) !important;
  font-size: .85rem !important;
}

.gc-od-eta.gc-late, .gc-od-eta.gc-late i {
  color: var(--gc-danger) !important;
}

.gc-od-foot {
  align-items: center !important;
  gap: 8px !important;
  margin-top: 9px !important;
  display: flex !important;
}

.gc-od-total {
  color: var(--gc-text) !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
}

.gc-od-send {
  z-index: 2;
  border: 1px solid var(--gc-primary);
  border-radius: var(--gc-radius-sm);
  color: var(--gc-primary);
  cursor: pointer;
  background: none;
  flex: none;
  margin-left: auto;
  padding: .125rem .75rem;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  position: relative;
}

.gc-od-send:hover:not(:disabled) {
  background: var(--gc-primary-bg-hover);
}

.gc-od-send:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.gc-od-foot .gc-od-send ~ .gc-od-more {
  margin-left: 0 !important;
}

.gc-od-more {
  color: var(--gc-primary-ink) !important;
  cursor: pointer !important;
  background: none !important;
  border: 0 !important;
  align-items: center !important;
  gap: 3px !important;
  margin-left: auto !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
  display: inline-flex !important;
}

.gc-od-more:focus-visible {
  outline: 0 !important;
}

.gc-od-cx-who {
  color: var(--gc-danger-ink) !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 0 !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
  display: flex !important;
}

.gc-od-cx-who i {
  flex-shrink: 0 !important;
  font-size: .95rem !important;
}

.gc-od-cx-why {
  border-radius: var(--gc-radius-md) !important;
  background: var(--gc-canvas) !important;
  color: var(--gc-text-secondary) !important;
  padding: 8px 10px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-od-segs {
  scrollbar-width: none;
  gap: 6px;
  margin-bottom: 11px;
  padding-bottom: 3px;
  display: flex;
  overflow: auto hidden;
}

.gc-od-segs::-webkit-scrollbar {
  display: none;
}

.gc-od-segs .gc-cu-seg {
  flex-shrink: 0;
  padding: 5px 11px;
}

.gc-od-search {
  margin-bottom: 8px;
}

.gc-od-search .gc-ix-search {
  background: var(--gc-canvas);
  height: 36px;
  padding: 0 12px;
}

.gc-od-search .gc-ix-search input {
  font-size: .8125rem;
}

.gc-od-seg-reset {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: var(--gc-primary-ink);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-weight: 700;
  text-decoration: underline;
}

.gc-od-detail {
  display: none !important;
}

.gc-od-detail.on {
  animation: .2s ixFi !important;
  display: block !important;
}

.gc-od-back {
  border-radius: var(--gc-radius-md) !important;
  border: 1px solid var(--gc-hairline-hover) !important;
  background: var(--gc-surface) !important;
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 12px !important;
  padding: 6px 10px 6px 7px !important;
  font-family: inherit !important;
  font-size: .73rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

.gc-od-back:hover {
  border-color: var(--gc-primary) !important;
  color: var(--gc-primary) !important;
  background: var(--gc-primary-bg) !important;
}

.gc-od-hero {
  border-bottom: 1px solid var(--gc-hairline) !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding-bottom: 12px !important;
  display: flex !important;
}

.gc-od-sec {
  border-bottom: 1px solid var(--gc-hairline) !important;
  padding: 13px 0 !important;
}

.gc-od-sec:last-child {
  border-bottom: none !important;
}

.gc-od-sec-t {
  letter-spacing: .5px !important;
  color: var(--gc-text-muted) !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 9px !important;
  font-size: .63rem !important;
  font-weight: 800 !important;
  display: flex !important;
}

.gc-od-line {
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 10px !important;
  padding: 4px 0 !important;
  font-size: .75rem !important;
  display: flex !important;
}

.gc-od-line-k {
  color: var(--gc-text-secondary) !important;
}

.gc-od-line-v {
  color: var(--gc-text) !important;
  text-align: right !important;
  font-weight: 700 !important;
}

.gc-od-line.gc-sum {
  border-top: 1px solid var(--gc-hairline) !important;
  margin-top: 4px !important;
  padding-top: 8px !important;
  font-size: .82rem !important;
}

.gc-od-line.gc-sum .gc-od-line-v {
  font-size: .9rem !important;
  font-weight: 800 !important;
}

.gc-od-ship {
  border-top: 1px dashed var(--gc-hairline);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding-top: 8px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-od-carrier {
  color: var(--gc-text);
  align-items: center;
  gap: 6px;
  min-width: 0;
  font-weight: 600;
  display: inline-flex;
}

.gc-od-carrier-logo {
  color: #1a1a1a;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: .75rem;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
  overflow: hidden;
}

.gc-od-carrier-logo img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.gc-od-track-link {
  font-family: var(--bs-font-monospace, ui-monospace, monospace);
  color: var(--gc-primary);
  text-underline-offset: 2px;
  overflow-wrap: anywhere;
  font-size: .75rem;
  line-height: 1.75;
  text-decoration: underline;
}

.gc-od-ship-none {
  color: var(--gc-text-secondary);
}

.gc-od-more-n {
  color: var(--gc-text-secondary);
  font-weight: 400;
}

.gc-od-src {
  color: var(--gc-primary);
  font-weight: 600;
}

.gc-od-rows {
  border-top: 1px dashed var(--gc-hairline);
  margin-top: 8px;
  padding-top: 6px;
}

.gc-od-rows .gc-od-line {
  line-height: 1.75;
}

.gc-od-rows .gc-od-line-k {
  flex: none;
  min-width: 84px;
}

.gc-od-rows .gc-od-line-v {
  min-width: 0;
  font-weight: 600;
}

.gc-od-card.gc-od-skel {
  height: 112px;
  animation: 1.2s linear infinite gc-od-shimmer;
  background: linear-gradient(90deg,var(--gc-canvas) 25%,var(--gc-hairline) 50%,var(--gc-canvas) 75%) !important;
  background-size: 200% 100% !important;
}

@keyframes gc-od-shimmer {
  from {
    background-position: 200% 0;
  }

  to {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-od-card.gc-od-skel {
    animation: none;
  }
}

.gc-od-empty {
  text-align: center;
  color: var(--gc-text-secondary);
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 28px 12px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-od-empty > i {
  color: var(--gc-text-muted);
  font-size: 2rem;
}

.gc-od-listhead {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.gc-od-listhead .gc-ix-info-sec-title {
  margin-bottom: 0;
}

.gc-od-hdr-cta {
  white-space: nowrap;
  flex: none;
}

.gc-od-phone {
  position: relative;
}

.gc-od-phone .gc-press-backdrop, .gc-od-phone .gc-press-sheet {
  animation: none;
  position: absolute;
}

.gc-od-phone .gc-ix-info-panel {
  width: 100%;
}

.gc-od-sheet-cta {
  padding: 12px 12px 4px;
}

.gc-od-spot {
  box-shadow: 0 0 0 3px var(--gc-primary) !important;
  border-radius: var(--gc-radius-md) !important;
}

.gc-od-tags {
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 4px;
  display: inline-flex;
}

.gc-od-tag {
  --gc-tag: var(--gc-text-muted);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-full);
  color: var(--gc-text);
  align-items: center;
  gap: 5px;
  padding: 0 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-od-tag:before {
  content: "";
  background: var(--gc-tag);
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
}

.gc-od-item {
  border-bottom: 1px dashed var(--gc-hairline) !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 0 !important;
  display: flex !important;
}

.gc-od-item:last-child {
  border-bottom: none !important;
}

.gc-od-item-img {
  border-radius: var(--gc-radius-sm) !important;
  object-fit: cover !important;
  border: 1px solid var(--gc-hairline) !important;
  flex-shrink: 0 !important;
  width: 38px !important;
  height: 38px !important;
}

.gc-od-item-n {
  color: var(--gc-text) !important;
  font-size: .74rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

.gc-od-item-m {
  color: var(--gc-text-muted) !important;
  margin-top: 1px !important;
  font-size: .66rem !important;
}

.gc-od-item-p {
  color: var(--gc-text) !important;
  white-space: nowrap !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
}

.gc-od-tl {
  padding-left: 22px !important;
  position: relative !important;
}

.gc-od-tl:before {
  content: "" !important;
  background: var(--gc-hairline-hover) !important;
  width: 1.5px !important;
  position: absolute !important;
  top: 6px !important;
  bottom: 8px !important;
  left: 6px !important;
}

.gc-od-tl-i {
  padding-bottom: 13px !important;
  position: relative !important;
}

.gc-od-tl-i:last-child {
  padding-bottom: 0 !important;
}

.gc-od-tl-d {
  background: var(--gc-surface) !important;
  border: 2px solid var(--gc-hairline-hover) !important;
  border-radius: 50% !important;
  width: 13px !important;
  height: 13px !important;
  position: absolute !important;
  top: 2px !important;
  left: -22px !important;
}

.gc-od-tl-i.gc-done .gc-od-tl-d {
  background: var(--gc-success) !important;
  border-color: var(--gc-success) !important;
}

.gc-od-tl-i.gc-now .gc-od-tl-d {
  background: var(--gc-primary) !important;
  border-color: var(--gc-primary) !important;
  box-shadow: 0 0 0 3px var(--gc-primary-bg) !important;
}

.gc-od-tl-t {
  color: var(--gc-text) !important;
  font-size: .74rem !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

.gc-od-tl-i:not(.gc-done):not(.gc-now) .gc-od-tl-t {
  color: var(--gc-text-muted) !important;
  font-weight: 600 !important;
}

.gc-od-tl-m {
  color: var(--gc-text-muted) !important;
  margin-top: 2px !important;
  font-size: .66rem !important;
}

.gc-od-track {
  align-items: center !important;
  gap: 6px !important;
  margin-top: 9px !important;
  display: flex !important;
}

.gc-od-track-n {
  min-width: 0 !important;
  color: var(--gc-text) !important;
  background: var(--gc-canvas) !important;
  border: 1px solid var(--gc-hairline) !important;
  border-radius: var(--gc-radius-sm) !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  flex: 1 !important;
  padding: 6px 9px !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  overflow: hidden !important;
}

.gc-od-track-b {
  border-radius: var(--gc-radius-sm) !important;
  border: 1px solid var(--gc-hairline-hover) !important;
  background: var(--gc-surface) !important;
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 6px 9px !important;
  font-family: inherit !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

.gc-od-track-b:hover {
  border-color: var(--gc-primary) !important;
  color: var(--gc-primary) !important;
}

.gc-od-acts {
  flex-direction: column !important;
  gap: 6px !important;
  display: flex !important;
}

.gc-od-acts button {
  border-radius: var(--gc-radius-md) !important;
  border: 1px solid var(--gc-hairline-hover) !important;
  background: var(--gc-surface) !important;
  width: 100% !important;
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px !important;
  font-family: inherit !important;
  font-size: .74rem !important;
  font-weight: 700 !important;
  transition: all .15s !important;
  display: flex !important;
}

.gc-od-acts button:hover {
  border-color: var(--gc-primary) !important;
  color: var(--gc-primary) !important;
  background: var(--gc-primary-bg) !important;
}

.gc-od-acts button.gc-go {
  background: var(--gc-primary) !important;
  border-color: var(--gc-primary) !important;
  color: #fff !important;
}

.gc-od-acts button.gc-go:hover {
  background: var(--gc-primary-ink) !important;
  color: #fff !important;
}

.gc-ix-logo {
  border-radius: var(--gc-radius-md) !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  height: 40px !important;
  margin-right: 6px !important;
  padding: 0 4px !important;
  text-decoration: none !important;
  transition: opacity .16s !important;
  display: inline-flex !important;
}

.gc-ix-logo img {
  width: auto !important;
  height: 34px !important;
  display: block !important;
}

.gc-ix-logo:hover {
  opacity: .75 !important;
}

#view-inbox .gc-topbar-left {
  flex: 1 !important;
  min-width: 0 !important;
}

#view-inbox .gc-search-bar {
  flex: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 38px !important;
}

@media (min-width: 992px) {
  #view-inbox .gc-ix-logo {
    width: calc(var(--gc-ch-rail-w) + var(--gc-side-w) - 40px) !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .gc-ix-logo img {
    height: 28px !important;
  }
}

.gc-rp-act {
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  display: flex;
}

.gc-rp-act button {
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  cursor: pointer;
  white-space: nowrap;
  border-radius: 6px;
  align-items: center;
  gap: 5px;
  padding: 6px 11px;
  font-family: inherit;
  font-size: .72rem;
  font-weight: 700;
  transition: all .15s;
  display: inline-flex;
}

.gc-rp-act button:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-rp-act button.gc-only {
  padding: 6px 8px;
}

.gc-rp-rule {
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 6px;
  font-size: .72rem;
  font-weight: 500;
  display: flex;
}

.gc-rp-rule i {
  color: var(--gc-text-muted);
  cursor: help;
  font-size: .85rem;
}

.gc-ac2-link-st {
  color: var(--gc-text-muted) !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 8px !important;
  font-size: .67rem !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  display: flex !important;
}

.gc-ac2-link-st .gc-d {
  background: var(--gc-text-muted) !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  width: 6px !important;
  height: 6px !important;
}

.gc-ac2-link-st.sent {
  color: var(--gc-primary) !important;
}

.gc-ac2-link-st.sent .gc-d {
  background: var(--gc-primary) !important;
}

.gc-ac2-link-st.seen {
  color: #7c5cff !important;
}

.gc-ac2-link-st.seen .gc-d {
  background: #7c5cff !important;
}

.gc-ac2-link-st.gc-ok {
  color: var(--gc-success) !important;
}

.gc-ac2-link-st.gc-ok .gc-d {
  background: var(--gc-success) !important;
}

.gc-ac2-link-st.gc-hide {
  display: none !important;
}

.gc-nav-item-copilot {
  color: #c4b6ffbf !important;
}

.gc-nav-item-copilot:hover {
  color: #fff !important;
  background: #7c5cff29 !important;
}

.gc-nav-item-copilot.active {
  color: #fff !important;
  background: linear-gradient(135deg, #7c5cff, #4e6af0) !important;
  box-shadow: 0 2px 10px #7c5cff73 !important;
}

.gc-nav-rail.gc-expanded .gc-nav-item-copilot.active {
  box-shadow: none !important;
}

.gc-cp-merge {
  border-radius: var(--gc-radius-md);
  border: 1.5px dashed var(--gc-hairline-hover);
  width: 100%;
  color: var(--gc-text-secondary);
  cursor: pointer;
  background: none;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-top: 7px;
  padding: 8px;
  font-family: inherit;
  font-size: .72rem;
  font-weight: 700;
  transition: all .15s;
  display: flex;
}

.gc-cp-merge:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-ix-bubble-cap {
  color: var(--gc-text-secondary);
  margin-top: 4px;
  padding: 0 2px;
  font-size: .8125rem;
  line-height: 1.6;
}

.gc-nav-group {
  display: contents;
}

.gc-nav-scroll {
  scrollbar-width: thin;
  scrollbar-color: #ffffff2e transparent;
  flex-direction: column;
  flex: auto;
  align-items: center;
  width: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden auto;
}

.gc-nav-scroll::-webkit-scrollbar-thumb {
  background: #ffffff2e;
}

.gc-nav-scroll::-webkit-scrollbar-thumb:hover {
  background: #ffffff57;
}

.gc-nav-rail.gc-expanded .gc-nav-scroll {
  align-items: stretch;
}

.gc-nav-sec {
  color: #ffffff8c;
  text-transform: none;
  letter-spacing: 0;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-nav-rail.gc-expanded .gc-nav-sec {
  border-top: 1px solid #ffffff1f;
  margin: 8px 14px 0;
  padding: 12px 2px 4px;
}

.gc-nav-rail.gc-expanded .gc-nav-group:first-child .gc-nav-sec {
  border-top: none;
  margin-top: 0;
  padding-top: 4px;
}

.gc-nav-rail:not(.gc-expanded):not(.gc-nav-open) .gc-nav-group {
  display: contents;
}

.gc-nav-rail:not(.gc-expanded):not(.gc-nav-open) .gc-nav-sec {
  color: #0000;
  white-space: nowrap;
  background: linear-gradient(#ffffff1f, #ffffff1f) center / 40px 1px no-repeat;
  border-top: 1px solid #0000;
  flex-shrink: 0;
  width: 40px;
  margin: 8px auto 0;
  padding: 12px 0 4px;
  display: block;
  overflow: hidden;
}

.gc-nav-rail:not(.gc-expanded):not(.gc-nav-open) .gc-nav-group:first-child .gc-nav-sec {
  background: none;
  border-top: none;
  margin-top: 0;
  padding-top: 4px;
}

.gc-nav-rail.gc-expanded .gc-nav-sec {
  flex-shrink: 0;
}

.gc-nav-rail.gc-expanded .gc-nav-scroll .gc-nav-item {
  margin-bottom: 4px;
}

.gc-nav-rail .gc-nav-item:not(.active):not(:hover) .gc-nav-label {
  color: #ffffff9e;
}

.gc-nav-scroll.gc-nav-more {
  -webkit-mask-image: linear-gradient(#000 calc(100% - 28px), #0000);
  mask-image: linear-gradient(#000 calc(100% - 28px), #0000);
}

.gc-nav-rail:not(.gc-expanded) .gc-nav-divider {
  display: block;
}

.gc-nav-divider {
  background: #ffffff1f;
}

.gc-nav-spacer {
  display: none;
}

@media (min-width: 992px) and (hover: hover) {
  .gc-nav-rail.gc-float {
    z-index: 21;
    position: fixed;
    top: 0;
    left: 0;
  }

  .gc-nav-rail.gc-float + .gc-nav-spacer {
    flex: 0 0 68px;
    width: 68px;
    display: block;
  }

  .gc-nav-rail.gc-hover-open {
    box-shadow: 4px 0 24px #00000059;
  }
}

.gc-nav-tip {
  z-index: 30;
  pointer-events: none;
  border-radius: 0 var(--gc-radius-sm) var(--gc-radius-sm) 0;
  background: var(--gc-rail-ink);
  color: #fff;
  white-space: nowrap;
  padding: 6px 10px;
  font-size: .8rem;
  font-weight: 500;
  line-height: 1.75;
  position: fixed;
  transform: translateY(-50%);
  box-shadow: 0 4px 14px #00000047;
}

.gc-nav-item:disabled, .gc-nav-item[aria-disabled="true"] {
  opacity: .38;
  cursor: not-allowed;
}

.gc-nav-item[aria-disabled="true"]:hover {
  color: #fff6;
  background: none;
}

.gc-nav-soon {
  border-radius: var(--gc-radius-full);
  color: #ffffffb8;
  white-space: nowrap;
  background: #ffffff1a;
  margin-left: auto;
  padding: 1px 6px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: none;
}

.gc-nav-rail.gc-expanded .gc-nav-soon {
  display: inline-block;
}

.gc-topbar-page-name {
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.3;
  display: block;
}

.gc-topbar-page-role {
  color: var(--gc-text-muted);
  font-size: .68rem;
  font-weight: 500;
  line-height: 1.2;
  display: block;
}

.gc-topbar-right .gc-icon-btn {
  position: relative;
}

.gc-shell-view {
  flex-direction: column;
  min-width: 0;
}

.gc-shell-view > .page-content {
  flex: 1;
  min-height: 0;
}

.dropdown-menu.gc-shop-menu {
  --dropdown-min-width: min(320px, calc(100vw - 32px));
  border-radius: var(--gc-radius-lg);
  max-width: min(360px, 100vw - 32px);
  box-shadow: var(--gc-shadow-lg);
  padding: 0;
  overflow: hidden;
}

.gc-topbar .gc-topbar-right .dropdown-menu.gc-shop-menu {
  --dropdown-bg: var(--gc-surface);
  max-height: calc(100dvh - 96px);
  overflow-y: auto;
}

.gc-topbar:has(.dropdown-menu.show) {
  z-index: 35;
}

.gc-shop-tabs {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  gap: 0;
  margin: 12px 12px 0;
  padding: 3px;
  display: flex;
}

.gc-shop-tab {
  border-radius: var(--gc-radius-full);
  color: var(--gc-text-secondary);
  cursor: pointer;
  transition: all .18s var(--gc-ease);
  background: none;
  border: none;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 7px 0;
  font-size: .78rem;
  font-weight: 600;
  display: flex;
}

.gc-shop-tab i {
  font-size: .85rem;
}

.gc-shop-tab.active {
  background: var(--gc-surface);
  color: var(--gc-text);
  box-shadow: var(--gc-shadow-sm);
}

.gc-shop-current {
  border: 2px solid var(--gc-primary);
  border-radius: var(--gc-radius-md);
  align-items: center;
  gap: 10px;
  margin: 10px 12px 6px;
  padding: 12px 16px;
  display: flex;
}

.gc-shop-current-avatar {
  background: var(--gc-primary);
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: .85rem;
  display: flex;
}

.gc-shop-current-name {
  font-size: .84rem;
  font-weight: 700;
  line-height: 1.6;
}

.gc-shop-current-role {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.6;
}

.gc-shop-menu-label {
  color: var(--gc-text-secondary);
  padding: 8px 16px 4px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.6;
}

.gc-shop-row {
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 16px;
  display: flex;
}

.gc-shop-row-name {
  text-align: start;
  flex: 1;
  min-width: 0;
  font-weight: 500;
}

.gc-shop-row-pill {
  color: var(--gc-text-secondary);
  background: var(--gc-canvas);
  border-radius: var(--gc-radius-full);
  padding: 1px 8px;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.6;
}

.gc-shop-menu .dropdown-divider {
  margin: 4px 0;
}

.gc-menu-row {
  align-items: center;
  width: 100%;
  padding: 10px 16px;
  display: flex;
}

.gc-menu-row i {
  margin-inline-end: .5rem;
  font-size: 1.1rem;
}

.gc-menu-row-value {
  color: var(--gc-text-secondary);
  margin-left: auto;
  font-size: .75rem;
}

.gc-menu-row-static {
  pointer-events: none;
}

.gc-shop-menu .gc-menu-row-danger, .gc-shop-menu .gc-menu-row-danger:hover, .gc-shop-menu .gc-menu-row-danger:focus {
  color: var(--gc-danger-ink);
}

.gc-shop-menu .gc-shop-add {
  border: 1.5px dashed var(--gc-primary-light);
  border-radius: var(--gc-radius-md);
  background: var(--gc-primary-bg);
  width: auto;
  color: var(--gc-primary-on-tint);
  white-space: normal;
  transition: background .16s var(--gc-ease), border-color .16s var(--gc-ease);
  align-items: center;
  gap: 12px;
  margin: 6px 12px 4px;
  padding: 10px 14px;
  display: flex;
}

.gc-shop-menu .gc-shop-add:hover, .gc-shop-menu .gc-shop-add:focus {
  border-style: solid;
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg-hover);
  color: var(--gc-primary-on-tint);
}

.gc-shop-menu .gc-shop-add > i:first-child {
  flex-shrink: 0;
  font-size: 1.15rem;
}

.gc-shop-add-txt {
  flex: 1;
  min-width: 0;
}

.gc-shop-add-t {
  font-size: .84rem;
  font-weight: 700;
  line-height: 1.6;
  display: block;
}

.gc-shop-add-s {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.6;
  display: block;
}

.gc-shop-add-go {
  color: var(--gc-text-secondary);
  flex-shrink: 0;
  font-size: .95rem;
}

[data-theme="dark"] .gc-shop-menu .gc-shop-add, [data-theme="dark"] .gc-shop-menu .gc-shop-add:hover, [data-theme="dark"] .gc-shop-menu .gc-shop-add:focus {
  background: none;
}

#view-home {
  flex-direction: column !important;
  overflow-y: auto !important;
}

.gc-dash-body {
  max-width: 1400px;
  padding: 24px 28px;
}

.gc-welcome-banner {
  border-radius: var(--gc-radius-xl);
  color: #fff;
  background: linear-gradient(135deg, #4e6af0 0%, #6b83f5 50%, #8b9eff 100%);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  padding: 28px 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gc-welcome-banner:after {
  content: "";
  background: #ffffff14;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  position: absolute;
  top: -30px;
  right: -30px;
}

.gc-welcome-banner:before {
  content: "";
  background: #ffffff0d;
  border-radius: 50%;
  width: 140px;
  height: 140px;
  position: absolute;
  bottom: -40px;
  right: 80px;
}

.gc-welcome-title {
  margin-bottom: 4px;
  font-size: 1.35rem;
  font-weight: 700;
}

.gc-welcome-sub {
  opacity: .85;
  margin-bottom: 16px;
  font-size: .84rem;
}

.gc-welcome-actions {
  z-index: 1;
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
  position: relative;
}

.gc-w-btn {
  border-radius: var(--gc-radius-full);
  cursor: pointer;
  border: none;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  font-size: .78rem;
  font-weight: 600;
  transition: all .18s;
  display: inline-flex;
}

.gc-w-btn.gc-primary {
  background: var(--gc-surface);
  color: var(--gc-primary);
}

.gc-w-btn.gc-primary:hover {
  background: #ffffffe6;
  transform: translateY(-1px);
}

.gc-w-btn.gc-ghost {
  color: #fff;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #ffffff26;
}

.gc-w-btn.gc-ghost:hover {
  background: #ffffff40;
}

.gc-welcome-right {
  z-index: 1;
  text-align: right;
  position: relative;
}

.gc-welcome-date {
  opacity: .7;
  margin-bottom: 4px;
  font-size: .75rem;
}

.gc-welcome-time {
  letter-spacing: -.02em;
  font-size: 2rem;
  font-weight: 800;
}

.gc-stats-row {
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 24px;
  display: grid;
}

.gc-stat-card {
  background: var(--gc-surface);
  border-radius: var(--gc-radius-lg);
  border: 1px solid var(--gc-hairline);
  transition: all .2s var(--gc-ease);
  cursor: pointer;
  padding: 18px 20px;
}

.gc-stat-card:hover {
  box-shadow: var(--gc-shadow-md);
  border-color: var(--gc-primary-bg);
  transform: translateY(-2px);
}

.gc-stat-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.gc-stat-icon {
  border-radius: var(--gc-radius-md);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 1.1rem;
  display: flex;
}

.gc-stat-badge {
  border-radius: var(--gc-radius-full);
  align-items: center;
  gap: 3px;
  padding: 2px 8px;
  font-size: .68rem;
  font-weight: 700;
  display: inline-flex;
}

.gc-stat-badge.gc-up {
  color: var(--gc-success);
  background: #28c76f1a;
}

.gc-stat-badge.gc-down {
  color: var(--gc-danger);
  background: #ea54551a;
}

.gc-stat-value {
  letter-spacing: -.02em;
  margin-bottom: 2px;
  font-size: 1.65rem;
  font-weight: 800;
}

.gc-stat-label {
  color: var(--gc-text-secondary);
  font-size: .72rem;
  font-weight: 500;
}

.gc-sparkline {
  align-items: flex-end;
  gap: 2px;
  height: 32px;
  margin-top: 10px;
  display: flex;
}

.gc-sparkline .gc-bar {
  transition: height .3s var(--gc-ease);
  border-radius: 2px;
  flex: 1;
}

.gc-content-grid {
  grid-template-columns: 1fr 380px;
  gap: 20px;
  margin-bottom: 24px;
  display: grid;
}

.gc-card-box {
  background: var(--gc-surface);
  border-radius: var(--gc-radius-lg);
  border: 1px solid var(--gc-hairline);
  overflow: hidden;
}

.gc-card-head {
  border-bottom: 1px solid var(--gc-hairline);
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.gc-card-title {
  align-items: center;
  gap: 8px;
  font-size: .9rem;
  font-weight: 700;
  display: flex;
}

.gc-card-title .gc-ct-count {
  background: var(--gc-primary-bg);
  color: var(--gc-primary);
  border-radius: var(--gc-radius-full);
  padding: 1px 7px;
  font-size: .7rem;
  font-weight: 700;
}

.gc-card-actions {
  gap: 2px;
  display: flex;
}

.gc-card-body-inner {
  padding: 16px 20px;
}

.gc-todo-item {
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
  transition: background .15s;
  display: flex;
}

.gc-todo-item + .gc-todo-item {
  border-top: 1px solid var(--gc-hairline);
}

.gc-todo-check {
  border: 2px solid var(--gc-hairline);
  cursor: pointer;
  color: #0000;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  font-size: .65rem;
  transition: all .18s;
  display: flex;
}

.gc-todo-check:hover {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-todo-check.gc-done {
  border-color: var(--gc-success);
  background: var(--gc-success);
  color: #fff;
}

.gc-todo-body {
  flex: 1;
  min-width: 0;
}

.gc-todo-title {
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
  font-size: .82rem;
  font-weight: 600;
  display: flex;
}

.gc-todo-desc {
  color: var(--gc-text-secondary);
  font-size: .72rem;
}

.gc-todo-meta {
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  display: flex;
}

.gc-todo-tag {
  border-radius: var(--gc-radius-full);
  padding: 1px 6px;
  font-size: .62rem;
  font-weight: 700;
}

.gc-todo-tag.gc-urgent {
  color: var(--gc-danger);
  background: #ea54551a;
}

.gc-todo-tag.gc-normal {
  color: var(--gc-primary);
  background: #4e6af014;
}

.gc-todo-tag.gc-low {
  color: var(--gc-success);
  background: #28c76f14;
}

.gc-todo-time {
  color: var(--gc-text-muted);
  font-size: .65rem;
}

.gc-todo-right {
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  display: flex;
}

.gc-channel-icon {
  color: #fff;
  border-radius: 5px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: .55rem;
  display: flex;
}

.gc-channel-icon.gc-line {
  background: #06c755;
}

.gc-channel-icon.gc-fb {
  background: #1877f2;
}

.gc-channel-icon.gc-ig {
  background: linear-gradient(45deg, #f09433, #dc2743, #bc1888);
}

.gc-channel-icon.gc-web {
  background: var(--gc-primary);
}

.gc-ch-row {
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  display: flex;
}

.gc-ch-row + .gc-ch-row {
  border-top: 1px solid var(--gc-hairline);
}

.gc-ch-info {
  flex: 1;
  min-width: 0;
}

.gc-ch-name {
  align-items: center;
  gap: 6px;
  font-size: .82rem;
  font-weight: 600;
  display: flex;
}

.gc-ch-status {
  font-size: .68rem;
  font-weight: 500;
}

.gc-ch-status.gc-connected {
  color: var(--gc-success);
}

.gc-ch-status.gc-pending {
  color: var(--gc-warning);
}

.gc-ch-metrics {
  gap: 16px;
  display: flex;
}

.gc-ch-metric {
  text-align: center;
}

.gc-ch-metric-val {
  font-size: .9rem;
  font-weight: 700;
}

.gc-ch-metric-label {
  color: var(--gc-text-muted);
  font-size: .6rem;
  font-weight: 500;
}

.gc-insight-card {
  padding: 16px 20px;
}

.gc-insight-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.gc-insight-title {
  color: var(--gc-text-secondary);
  font-size: .78rem;
  font-weight: 600;
}

.gc-insight-period {
  color: var(--gc-text-muted);
  border-radius: var(--gc-radius-full);
  border: 1px solid var(--gc-hairline);
  cursor: pointer;
  padding: 2px 8px;
  font-size: .65rem;
}

.gc-insight-period:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary);
}

.gc-chart-placeholder {
  border-radius: var(--gc-radius-sm);
  background: linear-gradient(180deg,var(--gc-primary-bg) 0%,transparent 100%);
  align-items: flex-end;
  gap: 3px;
  width: 100%;
  height: 120px;
  padding: 0 4px;
  display: flex;
}

.gc-chart-placeholder .gc-cbar {
  background: var(--gc-primary);
  opacity: .5;
  transition: height .4s var(--gc-ease);
  border-radius: 3px 3px 0 0;
  flex: 1;
}

.gc-chart-placeholder .gc-cbar:hover {
  opacity: 1;
}

.gc-conv-item {
  cursor: pointer;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  transition: opacity .15s;
  display: flex;
}

.gc-conv-item:hover {
  opacity: .8;
}

.gc-conv-item + .gc-conv-item {
  border-top: 1px solid var(--gc-hairline);
}

.gc-conv-avatar {
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  font-size: .72rem;
  font-weight: 700;
  display: flex;
  position: relative;
}

.gc-conv-avatar .gc-ch-badge {
  border: 2px solid var(--gc-surface);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: .45rem;
  display: flex;
  position: absolute;
  bottom: -1px;
  right: -1px;
}

.gc-conv-body {
  flex: 1;
  min-width: 0;
}

.gc-conv-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .8rem;
  font-weight: 600;
  overflow: hidden;
}

.gc-conv-msg {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .72rem;
  overflow: hidden;
}

.gc-conv-right {
  text-align: right;
  flex-shrink: 0;
}

.gc-conv-time {
  color: var(--gc-text-muted);
  font-size: .62rem;
  font-weight: 500;
}

.gc-conv-unread {
  border-radius: var(--gc-radius-full);
  background: var(--gc-primary);
  color: #fff;
  justify-content: center;
  align-items: center;
  min-width: 16px;
  height: 16px;
  margin-top: 3px;
  padding: 0 4px;
  font-size: 9px;
  font-weight: 700;
  display: inline-flex;
}

.gc-tl-item {
  gap: 10px;
  padding: 10px 0;
  display: flex;
  position: relative;
}

.gc-tl-item + .gc-tl-item {
  border-top: 1px solid var(--gc-hairline);
}

.gc-tl-dot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 5px;
}

.gc-tl-body {
  flex: 1;
  min-width: 0;
}

.gc-tl-text {
  font-size: .78rem;
  font-weight: 500;
}

.gc-tl-text strong {
  font-weight: 700;
}

.gc-tl-sub {
  color: var(--gc-text-muted);
  margin-top: 1px;
  font-size: .66rem;
}

.gc-team-strip {
  gap: -4px;
  padding: 10px 0;
  display: flex;
}

.gc-team-avatar {
  color: #fff;
  border: 3px solid var(--gc-surface);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-left: -8px;
  font-size: .65rem;
  font-weight: 700;
  transition: transform .15s;
  display: flex;
  position: relative;
}

.gc-team-avatar:first-child {
  margin-left: 0;
}

.gc-team-avatar:hover {
  z-index: 2;
  transform: scale(1.15);
}

.gc-team-avatar .gc-online-ring {
  background: var(--gc-success);
  border: 2.5px solid var(--gc-surface);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: -1px;
  right: -1px;
}

.gc-team-more {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  font-size: .65rem;
  font-weight: 700;
}

.gc-bottom-grid {
  grid-template-columns: 1fr 1fr 380px;
  gap: 20px;
  display: grid;
}

.gc-auth-view {
  background: linear-gradient(180deg,#b8dff5 0%,#dceefb 30%,#eaf4fd 55%,var(--gc-surface) 100%);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  position: relative;
  overflow: auto;
  display: flex !important;
}

.gc-auth-view:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(120% 100% at 50% 100%, #ffffffd9 0%, #b8dff559 45%, #0000 75%);
  height: 40%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

[data-theme="dark"] .gc-auth-view {
  background: linear-gradient(#0f1123 0%, #161a35 50%, #1a1d30 100%);
}

[data-theme="dark"] .gc-auth-view:before {
  background: radial-gradient(120% 100% at 50% 100%, #788cff2e 0%, #0000 70%);
}

.gc-auth-card {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  border-radius: var(--gc-radius-xl);
  z-index: 2;
  background: #ffffffb8;
  border: 1px solid #ffffff73;
  width: 100%;
  max-width: 440px;
  padding: 40px 36px;
  position: relative;
  box-shadow: 0 8px 40px #00000014, inset 0 0 0 1px #ffffff80;
}

[data-theme="dark"] .gc-auth-card {
  background: #1a1d30bf;
  border-color: #ffffff14;
  box-shadow: 0 8px 40px #0000004d, inset 0 0 0 1px #ffffff0f;
}

.gc-auth-icon-badge {
  justify-content: center;
  align-items: center;
  margin: 0 auto 22px;
  display: flex;
}

.gc-auth-icon-badge img {
  object-fit: contain;
  width: auto;
  height: 44px;
}

.gc-auth-title {
  text-align: center;
  color: var(--gc-text);
  margin-bottom: 6px;
  font-size: 1.35rem;
  font-weight: 800;
}

.gc-auth-subtitle {
  color: var(--gc-text-secondary);
  text-align: center;
  margin-bottom: 28px;
  font-size: .82rem;
  line-height: 1.6;
}

@media (max-width: 575.98px) {
  .gc-auth-card {
    margin: 16px;
    padding: 28px 22px;
  }
}

.gc-kb-empty {
  text-align: center;
  border: 1.5px dashed var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  color: var(--gc-text-muted);
  padding: 26px 18px;
}

.gc-kb-empty i {
  color: var(--gc-text-muted);
  font-size: 1.7rem;
}

.gc-kb-empty-t {
  color: var(--gc-text-secondary);
  margin-top: 8px;
  font-size: .79rem;
  font-weight: 700;
}

.gc-kb-empty-d {
  margin-top: 3px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-kb-cov {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-lg);
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
  padding: 15px 17px;
  display: flex;
}

.gc-kb-ring {
  --gc-kb-pct: 0%;
  width: 56px;
  height: 56px;
  color: var(--gc-text);
  background: conic-gradient(var(--gc-primary) 0 var(--gc-kb-pct),var(--gc-hairline-hover) var(--gc-kb-pct) 100%);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .82rem;
  font-weight: 800;
  display: flex;
  position: relative;
}

.gc-kb-ring:after {
  content: "";
  background: var(--gc-surface);
  border-radius: 50%;
  position: absolute;
  inset: 6px;
}

.gc-kb-ring span {
  z-index: 1;
  position: relative;
}

.gc-kb-gap {
  border-radius: var(--gc-radius-lg);
  background: #ff9f430f;
  border: 1px solid #ff9f4359;
  margin-bottom: 12px;
  padding: 14px 16px;
}

.gc-kb-gap.gc-empty {
  background: #28c76f0d;
  border-color: #28c76f4d;
}

.gc-kb-gap-h {
  align-items: center;
  gap: 8px;
  margin-bottom: 3px;
  display: flex;
}

.gc-kb-gap-h i {
  color: var(--gc-warning);
  font-size: 1rem;
}

.gc-kb-gap.gc-empty .gc-kb-gap-h i {
  color: var(--gc-success-ink);
}

.gc-kb-gap-t {
  color: var(--gc-text);
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.75;
}

.gc-kb-gap-d {
  color: var(--gc-text-secondary);
  margin-bottom: 11px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-kb-gap-row {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
  padding: 9px 12px;
  display: flex;
}

.gc-kb-gap-row:last-child {
  margin-bottom: 0;
}

.gc-kb-gap-q {
  min-width: 0;
  color: var(--gc-text);
  flex: 1;
  font-size: .76rem;
  line-height: 1.75;
}

.gc-kb-gap-c {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  flex-shrink: 0;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-kb-gap-b {
  border-radius: var(--gc-radius-full);
  border: 1.5px solid var(--gc-primary);
  background: var(--gc-surface);
  color: var(--gc-primary-ink);
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  padding: 5px 11px;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  transition: all .15s;
}

.gc-kb-gap-b:hover {
  background: var(--gc-primary);
  color: #fff;
}

.gc-kb-bar {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 11px;
  display: flex;
}

.gc-kb-search {
  border: 1.5px solid var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  background: var(--gc-surface);
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 170px;
  height: 36px;
  padding: 0 12px;
  transition: all .18s;
  display: flex;
}

.gc-kb-search:focus-within {
  border-color: var(--gc-primary);
  box-shadow: 0 0 0 3px #4e6af01a;
}

.gc-kb-search i {
  color: var(--gc-text-muted);
  flex-shrink: 0;
  font-size: .9rem;
}

.gc-kb-search input {
  min-width: 0;
  color: var(--gc-text);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  font-family: inherit;
  font-size: .78rem;
}

.gc-kb-search input::placeholder {
  color: var(--gc-text-secondary);
}

.gc-kb-filters {
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 11px;
  display: flex;
}

.gc-kb-fil {
  border-radius: var(--gc-radius-full);
  border: 1.5px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  cursor: pointer;
  padding: 4px 11px;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  transition: all .15s;
}

.gc-kb-fil:hover:not(:disabled) {
  border-color: var(--gc-primary);
  color: var(--gc-primary-ink);
}

.gc-kb-fil.gc-on {
  background: var(--gc-primary);
  border-color: var(--gc-primary-ink);
  color: #fff;
}

.gc-kb-fil:disabled {
  cursor: not-allowed;
  opacity: .72;
}

.gc-kb-list {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.gc-kb-item {
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  background: var(--gc-surface);
  padding: 12px 14px;
  transition: all .16s;
}

.gc-kb-item:hover {
  border-color: var(--gc-primary);
  box-shadow: var(--gc-shadow-sm);
}

.gc-kb-item-h {
  align-items: flex-start;
  gap: 9px;
  display: flex;
}

.gc-kb-q {
  min-width: 0;
  color: var(--gc-text);
  flex: 1;
  font-size: .79rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-kb-a {
  color: var(--gc-text-secondary);
  border-top: 1px dashed var(--gc-hairline);
  white-space: pre-wrap;
  margin-top: 6px;
  padding-top: 8px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-kb-meta {
  border-top: 1px solid var(--gc-hairline);
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 9px;
  padding-top: 8px;
  display: flex;
}

.gc-kb-tag {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 4px;
  padding: 2px 9px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  display: inline-flex;
}

.gc-kb-tag.gc-live {
  color: var(--gc-success);
  background: #28c76f14;
  border-color: #28c76f4d;
}

.gc-kb-tag.gc-draft {
  color: var(--gc-warning);
  background: #ff9f4314;
  border-color: #ff9f4352;
}

.gc-kb-used {
  color: var(--gc-text-secondary);
  margin-left: auto;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-kb-act {
  flex-shrink: 0;
  gap: 3px;
  display: flex;
}

.gc-kb-act button {
  width: 28px;
  height: 28px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  font-size: .85rem;
  transition: all .15s;
  display: flex;
}

.gc-kb-act button:hover {
  border-color: var(--gc-hairline-hover);
  background: var(--gc-canvas);
  color: var(--gc-primary-ink);
}

.gc-kb-act button.gc-del:hover {
  color: var(--gc-danger-ink);
  background: #ea54551a;
  border-color: #0000;
}

.gc-kb-comp {
  border: 1.5px solid var(--gc-primary);
  border-radius: var(--gc-radius-md);
  background: var(--gc-primary-bg);
  margin-bottom: 9px;
  padding: 14px;
}

.gc-kb-comp-a {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
  margin-top: 11px;
  display: flex;
}

.gc-kb-fact {
  border-bottom: 1px solid var(--gc-hairline);
  align-items: flex-start;
  gap: 11px;
  padding: 12px 0;
  display: flex;
}

.gc-kb-fact:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.gc-kb-fact-ic {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  width: 30px;
  height: 30px;
  color: var(--gc-text-secondary);
  border-radius: 9px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .9rem;
  display: flex;
}

.gc-kb-fact.gc-filled .gc-kb-fact-ic {
  color: var(--gc-success);
  background: #28c76f17;
  border-color: #28c76f47;
}

.gc-kb-fact-b {
  flex: 1;
  min-width: 0;
}

.gc-kb-fact-t {
  color: var(--gc-text);
  font-size: .77rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-kb-fact-v {
  color: var(--gc-text-secondary);
  margin-top: 3px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-kb-fact-v.gc-miss {
  font-style: italic;
}

a.gc-kb-gap-b {
  align-items: center;
  gap: 4px;
  text-decoration: none;
  display: inline-flex;
}

.gc-kb-src {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 9px;
  display: grid;
}

.gc-kb-src-c {
  border: 1.5px dashed var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  background: var(--gc-canvas);
  cursor: pointer;
  text-align: left;
  transition: all .16s var(--gc-ease);
  padding: 14px;
  font-family: inherit;
}

.gc-kb-src-c:hover:not(:disabled) {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-kb-src-c:disabled {
  cursor: not-allowed;
  opacity: .85;
}

.gc-kb-src-i {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  width: 32px;
  height: 32px;
  color: var(--gc-primary);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 9px;
  font-size: 1rem;
  display: flex;
}

.gc-kb-src-t {
  color: var(--gc-text);
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.75;
}

.gc-kb-src-d {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-kb-file {
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  background: var(--gc-surface);
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  padding: 10px 12px;
  display: flex;
}

.gc-kb-file-i {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  width: 30px;
  height: 30px;
  color: var(--gc-text-secondary);
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gc-kb-file-n {
  color: var(--gc-text);
  font-size: .76rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-kb-file-m {
  color: var(--gc-text-secondary);
  margin-top: 1px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cu-bar {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: 8px 8px 0 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  display: flex;
}

.gc-cu-search {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  border-radius: 6px;
  align-items: center;
  width: 250px;
  height: 38px;
  padding: 0 12px;
  transition: all .2s;
  display: flex;
}

.gc-cu-search:focus-within {
  border-color: var(--gc-primary);
  background: var(--gc-surface);
  box-shadow: 0 0 0 2px #4e6af01a;
}

.gc-cu-search i {
  color: var(--gc-text-muted);
  flex-shrink: 0;
  font-size: .85rem;
}

.gc-cu-search input {
  min-width: 0;
  color: var(--gc-text);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  margin-left: 8px;
  font-family: inherit;
  font-size: .8rem;
}

.gc-cu-search input::placeholder {
  color: var(--gc-text-muted);
}

.gc-cu-bar-f {
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 6px;
  font-size: .78rem;
  font-weight: 500;
  display: flex;
}

.gc-cn-body {
  background: var(--gc-canvas) !important;
  flex: 1 !important;
  padding: 20px 24px 28px !important;
  overflow-y: auto !important;
}

.gc-cn-head {
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 14px !important;
  margin-bottom: 16px !important;
  display: flex !important;
}

.gc-cn-head-t {
  color: var(--gc-text) !important;
  font-size: 1.12rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.gc-cn-head-s {
  color: var(--gc-text-secondary) !important;
  max-width: 560px !important;
  margin-top: 3px !important;
  font-size: .78rem !important;
  line-height: 1.6 !important;
}

.gc-cn-btn {
  border-radius: var(--gc-radius-md) !important;
  border: 1px solid var(--gc-hairline-hover) !important;
  background: var(--gc-surface) !important;
  height: 36px !important;
  color: var(--gc-text) !important;
  cursor: pointer !important;
  transition: all .15s var(--gc-ease) !important;
  white-space: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 14px !important;
  font-family: inherit !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

.gc-cn-btn:hover {
  border-color: var(--gc-primary) !important;
  color: var(--gc-primary) !important;
}

.gc-cn-btn.gc-primary {
  background: var(--gc-primary) !important;
  border-color: var(--gc-primary) !important;
  color: #fff !important;
  box-shadow: 0 2px 10px #4e6af042 !important;
}

.gc-cn-btn.gc-primary:hover {
  background: var(--gc-primary-ink) !important;
  border-color: var(--gc-primary-ink) !important;
  color: #fff !important;
}

.gc-cn-btn.gc-sm {
  height: 32px !important;
  padding: 0 11px !important;
  font-size: .74rem !important;
}

.gc-cn-btn.gc-danger {
  color: var(--gc-danger) !important;
  border-color: #ea54554d !important;
}

.gc-cn-btn.gc-danger:hover {
  border-color: var(--gc-danger) !important;
  color: var(--gc-danger) !important;
  background: #ea545514 !important;
}

.gc-cn-alert {
  border-radius: var(--gc-radius-lg) !important;
  background: #ea545512 !important;
  border: 1px solid #ea545547 !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
  padding: 13px 16px !important;
  display: flex !important;
}

.gc-cn-alert-ic {
  border-radius: var(--gc-radius-md) !important;
  width: 34px !important;
  height: 34px !important;
  color: var(--gc-danger) !important;
  background: #ea545524 !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: 1.05rem !important;
  display: flex !important;
}

.gc-cn-alert-t {
  color: var(--gc-text) !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
}

.gc-cn-alert-s {
  color: var(--gc-text-secondary) !important;
  margin-top: 2px !important;
  font-size: .74rem !important;
  line-height: 1.55 !important;
}

.gc-cn-alert .gc-cn-btn {
  flex-shrink: 0 !important;
  margin-left: auto !important;
}

.gc-cn-alert:has(.gc-envmiss) {
  align-items: flex-start !important;
}

.gc-envmiss {
  border-top: 1px dashed #ea545552 !important;
  padding-top: 9px !important;
  line-height: 1.75 !important;
}

.gc-envmiss-t {
  color: var(--gc-text-secondary) !important;
  font-size: .78rem !important;
}

.gc-envmiss-list {
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 7px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
}

.gc-envmiss-list code {
  font-family: var(--bs-font-monospace) !important;
  color: var(--gc-text) !important;
  border-radius: var(--gc-radius-sm) !important;
  word-break: break-all !important;
  background: #ea54551a !important;
  border: 1px solid #ea545542 !important;
  padding: 2px 7px !important;
  font-size: .75rem !important;
}

.gc-cn-sec {
  margin-bottom: 22px !important;
}

.gc-cn-sec-t {
  color: var(--gc-text) !important;
  align-items: baseline !important;
  gap: 8px !important;
  margin-bottom: 4px !important;
  font-size: .88rem !important;
  font-weight: 800 !important;
  display: flex !important;
}

.gc-cn-sec-n {
  color: var(--gc-text-muted) !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
}

.gc-cn-sec-s {
  color: var(--gc-text-secondary) !important;
  margin-bottom: 11px !important;
  font-size: .74rem !important;
  line-height: 1.55 !important;
}

.gc-cn-grid {
  grid-template-columns: repeat(auto-fill, minmax(324px, 1fr)) !important;
  gap: 12px !important;
  display: grid !important;
}

.gc-cn-card {
  background: var(--gc-surface) !important;
  border: 1px solid var(--gc-hairline-hover) !important;
  border-radius: var(--gc-radius-lg) !important;
  transition: all .16s var(--gc-ease) !important;
  flex-direction: column !important;
  padding: 15px 16px !important;
  display: flex !important;
}

.gc-cn-card:hover {
  border-color: var(--gc-primary) !important;
  box-shadow: var(--gc-shadow-sm) !important;
}

.gc-cn-card.gc-off {
  opacity: .72 !important;
}

.gc-cn-card.gc-broken {
  border-color: #ea545566 !important;
}

.gc-cn-card-top {
  align-items: flex-start !important;
  gap: 11px !important;
  display: flex !important;
}

.gc-cn-logo {
  border-radius: var(--gc-radius-md) !important;
  color: #fff !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 40px !important;
  height: 40px !important;
  font-size: 1.25rem !important;
  display: flex !important;
}

.gc-cn-logo.gc-line {
  background: #06c755 !important;
}

.gc-cn-logo.gc-fb {
  background: #1877f2 !important;
}

.gc-cn-logo.gc-ig {
  background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af) !important;
}

.gc-cn-logo.gc-tt {
  background: #111 !important;
}

.gc-cn-logo.gc-web {
  background: var(--gc-primary) !important;
}

.gc-cn-logo-img {
  object-fit: cover !important;
  border-radius: inherit !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.gc-cn-logo.gc-wa {
  background: #25d366 !important;
}

.gc-cn-logo.gc-sp {
  background: #ee4d2d !important;
}

.gc-cn-name {
  color: var(--gc-text) !important;
  word-break: break-word !important;
  font-size: .85rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.gc-cn-mine {
  border-radius: var(--gc-radius-full) !important;
  background: var(--gc-primary-bg) !important;
  color: var(--gc-primary-on-tint) !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  margin-inline-start: 6px !important;
  padding: 1px 7px !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  display: inline-block !important;
}

.gc-cn-acct {
  color: var(--gc-text-muted) !important;
  margin-top: 1px !important;
  font-size: .72rem !important;
}

.gc-cn-menu {
  border-radius: var(--gc-radius-sm) !important;
  width: 28px !important;
  height: 28px !important;
  color: var(--gc-text-muted) !important;
  cursor: pointer !important;
  background: none !important;
  border: none !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  margin-left: auto !important;
  transition: all .15s !important;
  display: flex !important;
}

.gc-cn-st {
  border-radius: var(--gc-radius-full) !important;
  white-space: nowrap !important;
  align-self: flex-start !important;
  align-items: center !important;
  gap: 5px !important;
  margin-top: 9px !important;
  padding: 3px 9px !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

.gc-cn-st.gc-ok {
  color: var(--gc-success) !important;
  background: #28c76f1a !important;
}

.gc-cn-st.gc-err {
  color: var(--gc-danger) !important;
  background: #ea54551a !important;
}

.gc-cn-st.gc-paused {
  background: var(--gc-canvas) !important;
  color: var(--gc-text-secondary) !important;
  border: 1px solid var(--gc-hairline) !important;
}

.gc-cn-st.gc-ig {
  color: #dd2a7b !important;
  background: #dd2a7b1a !important;
}

.gc-cn-st.gc-ig i {
  font-size: .8rem !important;
}

.gc-cn-st-dot {
  background: currentColor !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  width: 6px !important;
  height: 6px !important;
}

.gc-cn-why {
  color: var(--gc-text-secondary) !important;
  margin-top: 7px !important;
  font-size: .72rem !important;
  line-height: 1.55 !important;
}

.gc-cn-stats {
  border-top: 1px solid var(--gc-hairline) !important;
  gap: 16px !important;
  margin-top: 12px !important;
  padding-top: 11px !important;
  display: flex !important;
}

.gc-cn-stat-v {
  color: var(--gc-text) !important;
  font-size: .92rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.gc-cn-stat-l {
  color: var(--gc-text-muted) !important;
  margin-top: 1px !important;
  font-size: .66rem !important;
}

.gc-cn-foot {
  align-items: center !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding-top: 12px !important;
  display: flex !important;
}

.gc-cn-foot .gc-cn-btn {
  flex: 1 !important;
}

.gc-cn-ai {
  background: var(--gc-canvas) !important;
  border-radius: var(--gc-radius-md) !important;
  align-items: center !important;
  gap: 9px !important;
  margin-top: 11px !important;
  padding: 9px 11px !important;
  display: flex !important;
}

.gc-cn-ai-t {
  color: var(--gc-text) !important;
  font-size: .74rem !important;
  font-weight: 700 !important;
}

.gc-cn-ai-s {
  color: var(--gc-text-muted) !important;
  margin-top: 1px !important;
  font-size: .66rem !important;
}

.gc-cn-sw {
  border-radius: var(--gc-radius-full) !important;
  background: var(--gc-hairline-hover) !important;
  cursor: pointer !important;
  width: 36px !important;
  height: 20px !important;
  transition: background .18s var(--gc-ease) !important;
  border: none !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
  padding: 0 !important;
  position: relative !important;
}

.gc-cn-sw:after {
  content: "" !important;
  width: 16px !important;
  height: 16px !important;
  box-shadow: var(--gc-shadow-xs) !important;
  transition: transform .18s var(--gc-ease) !important;
  background: #fff !important;
  border-radius: 50% !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
}

.gc-cn-sw.gc-on {
  background: var(--gc-primary) !important;
}

.gc-cn-sw.gc-on:after {
  transform: translateX(16px) !important;
}

.gc-cn-add {
  background: var(--gc-surface) !important;
  border: 1px dashed var(--gc-hairline-hover) !important;
  border-radius: var(--gc-radius-lg) !important;
  transition: all .16s var(--gc-ease) !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 13px 15px !important;
  display: flex !important;
}

.gc-cn-add:hover {
  border-color: var(--gc-primary) !important;
  box-shadow: var(--gc-shadow-sm) !important;
  border-style: solid !important;
}

.gc-cn-add .gc-cn-logo {
  width: 34px !important;
  height: 34px !important;
  font-size: 1.05rem !important;
}

.gc-cn-add-t {
  color: var(--gc-text) !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
}

.gc-cn-add-s {
  color: var(--gc-text-muted) !important;
  margin-top: 1px !important;
  font-size: .68rem !important;
}

.gc-cn-add .gc-cn-btn {
  flex-shrink: 0 !important;
  margin-left: auto !important;
}

@media (max-width: 767.98px) {
  .gc-cn-body {
    padding: 16px !important;
  }
}

.gc-cn-health {
  background: var(--gc-surface) !important;
  border: 1px solid var(--gc-hairline-hover) !important;
  border-left: 3px solid var(--gc-danger) !important;
  border-radius: var(--gc-radius-lg) !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 11px !important;
  margin-bottom: 14px !important;
  padding: 11px 15px !important;
  display: flex !important;
}

.gc-cn-health.gc-ok {
  border-left-color: var(--gc-success) !important;
}

.gc-cn-health-ic {
  color: #fff !important;
  background: linear-gradient(135deg, #ea5455, #f58080) !important;
  border-radius: 10px !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  width: 32px !important;
  height: 32px !important;
  font-size: .95rem !important;
  display: flex !important;
}

.gc-cn-health.gc-ok .gc-cn-health-ic {
  background: linear-gradient(135deg, #28c76f, #4ade80) !important;
}

.gc-cn-health-t {
  color: var(--gc-text) !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
}

.gc-cn-health-s {
  color: var(--gc-text-secondary) !important;
  margin-top: 2px !important;
  font-size: .71rem !important;
}

.gc-cn-add-strip {
  border-bottom: 1px solid var(--gc-hairline) !important;
  margin-bottom: 16px !important;
  padding-bottom: 14px !important;
}

.gc-cn-rail {
  gap: 8px !important;
  padding-bottom: 2px !important;
  display: flex !important;
  overflow-x: auto !important;
}

.gc-cn-rail::-webkit-scrollbar {
  display: none !important;
}

.gc-cn-add {
  border-radius: var(--gc-radius-full) !important;
  border: 1.5px dashed var(--gc-hairline-hover) !important;
  background: var(--gc-surface) !important;
  cursor: pointer !important;
  transition: all .16s var(--gc-ease) !important;
  white-space: nowrap !important;
  flex: none !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 8px 12px 8px 9px !important;
  display: flex !important;
}

.gc-cn-add:hover {
  border-color: var(--gc-primary) !important;
  background: var(--gc-primary-bg) !important;
}

.gc-cn-add .gc-cn-logo {
  border-radius: var(--gc-radius-sm) !important;
  flex-shrink: 0 !important;
  width: 26px !important;
  height: 26px !important;
  font-size: .85rem !important;
}

.gc-cn-add-t {
  color: var(--gc-text) !important;
  font-size: .76rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.gc-cn-add-s {
  display: none !important;
}

.gc-cn-add .gc-cn-btn {
  border-radius: var(--gc-radius-full) !important;
  padding: 4px 10px !important;
  font-size: .7rem !important;
}

.gc-cn-add .gc-cn-soon {
  font-size: .66rem !important;
}

.gc-cn-grid {
  grid-template-columns: repeat(auto-fill, minmax(272px, 1fr)) !important;
  gap: 10px !important;
}

.gc-cn-card {
  padding: 12px 13px !important;
}

.gc-cn-card-top {
  gap: 9px !important;
}

.gc-cn-card .gc-cn-logo {
  width: 34px !important;
  height: 34px !important;
  font-size: 1.05rem !important;
}

.gc-cn-menu {
  border-radius: var(--gc-radius-sm) !important;
  width: 28px !important;
  height: 28px !important;
  color: var(--gc-text-muted) !important;
  cursor: pointer !important;
  background: none !important;
  border: none !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  transition: all .15s !important;
  display: flex !important;
}

.gc-cn-menu:hover {
  background: var(--gc-surface-hover) !important;
  color: var(--gc-text) !important;
}

.gc-cn-card .dropdown-menu form {
  margin: 0;
}

.gc-cn-card .dropdown-menu form .dropdown-item {
  text-align: start;
  width: 100%;
}

.gc-cn-name {
  font-size: .81rem !important;
}

.gc-cn-acct {
  font-size: .69rem !important;
}

.gc-cn-st {
  margin-top: 7px !important;
  padding: 2px 8px !important;
  font-size: .66rem !important;
}

.gc-cn-why {
  margin-top: 6px !important;
  font-size: .7rem !important;
  line-height: 1.5 !important;
}

.gc-cn-perm {
  padding: 2px 0 !important;
  font-size: .69rem !important;
}

.gc-cn-stats {
  gap: 13px !important;
  margin-top: 9px !important;
  padding-top: 9px !important;
}

.gc-cn-stat-v {
  font-size: .85rem !important;
}

.gc-cn-stat-l {
  font-size: .63rem !important;
}

.gc-cn-ai {
  margin-top: 9px !important;
  padding: 7px 9px !important;
}

.gc-cn-ai-t {
  font-size: .71rem !important;
}

.gc-cn-ai-s {
  font-size: .63rem !important;
}

.gc-cn-foot {
  gap: 6px !important;
  padding-top: 10px !important;
}

.gc-cn-foot .gc-cn-btn {
  padding: 6px 9px !important;
  font-size: .72rem !important;
}

.gc-cn-meta {
  margin-top: 8px !important;
  padding-top: 8px !important;
  font-size: .63rem !important;
}

.gc-cn-st.gc-warn {
  color: #e8890c !important;
  background: #ff9f431f !important;
}

.gc-cn-st.gc-warn .gc-cn-st-dot {
  background: var(--gc-warning) !important;
}

.gc-cn-card.gc-partial {
  border-color: #ff9f4359 !important;
}

.gc-cn-meta {
  color: var(--gc-text-muted) !important;
  border-top: 1px dashed var(--gc-hairline) !important;
  align-items: center !important;
  gap: 5px !important;
  margin-top: 9px !important;
  padding-top: 9px !important;
  font-size: .66rem !important;
  display: flex !important;
}

.gc-cn-perm {
  color: var(--gc-text-secondary) !important;
  align-items: flex-start !important;
  gap: 7px !important;
  padding: 3px 0 !important;
  font-size: .71rem !important;
  line-height: 1.5 !important;
  display: flex !important;
}

.gc-cn-perm i {
  flex-shrink: 0 !important;
  margin-top: 1px !important;
  font-size: .85rem !important;
}

.gc-cn-perm.gc-ok i {
  color: var(--gc-success) !important;
}

.gc-cn-perm.gc-no i {
  color: var(--gc-warning) !important;
}

.gc-cn-perm.gc-no {
  color: var(--gc-text) !important;
  font-weight: 600 !important;
}

.gc-mk-rate {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  align-items: center;
  gap: 9px;
  margin-top: 9px;
  padding: 8px 10px;
  display: flex;
}

.gc-mk-rate.gc-warn {
  background: #ff9f4312;
  border-color: #ff9f4359;
}

.gc-mk-rate.gc-bad {
  background: #ea54550d;
  border-color: #ea545552;
}

.gc-mk-rate-v {
  color: var(--gc-text);
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.15;
}

.gc-mk-rate.gc-warn .gc-mk-rate-v {
  color: #e8890c;
}

.gc-mk-rate.gc-bad .gc-mk-rate-v {
  color: var(--gc-danger);
}

.gc-mk-rate-l {
  color: var(--gc-text-secondary);
  font-size: .66rem;
  line-height: 1.45;
}

.gc-mk-bar {
  border-radius: var(--gc-radius-full);
  background: var(--gc-hairline);
  height: 5px;
  margin-top: 5px;
  overflow: hidden;
}

.gc-mk-bar-f {
  border-radius: var(--gc-radius-full);
  background: var(--gc-success);
  height: 100%;
}

.gc-mk-bar-f.gc-warn {
  background: var(--gc-warning);
}

.gc-mk-bar-f.gc-bad {
  background: var(--gc-danger);
}

.gc-mk-rule {
  color: var(--gc-text-secondary);
  border-top: 1px dashed var(--gc-hairline);
  align-items: flex-start;
  gap: 7px;
  margin-top: 8px;
  padding-top: 8px;
  font-size: .68rem;
  line-height: 1.55;
  display: flex;
}

.gc-mk-rule i {
  color: var(--gc-warning);
  flex-shrink: 0;
  margin-top: 1px;
  font-size: .85rem;
}

.gc-mk-rule.gc-cn-gosaas {
  font-size: .75rem;
  line-height: 1.75;
}

.gc-mk-rule.gc-cn-gosaas i {
  color: var(--gc-text-muted);
}

.gc-mk-rule.gc-cn-gosaas.gc-warn i {
  color: var(--gc-warning-ink);
}

.gc-mk-rule.gc-cn-gosaas.gc-bad i {
  color: var(--gc-danger-ink);
}

.gc-mk-rule.gc-cn-gosaas a {
  color: var(--gc-primary-ink);
  white-space: nowrap;
  font-weight: 700;
  text-decoration: none;
}

.gc-mk-rule.gc-cn-gosaas a:hover {
  text-decoration: underline;
}

.gc-cn-logo.gc-lz {
  background: #0f146d !important;
}

.gc-cn-logo.gc-tk {
  background: #111 !important;
}

.gc-cn-card {
  scroll-margin-top: 16px;
}

.gc-cn-health-time {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.5;
}

.gc-cn-health-r {
  color: var(--gc-text-secondary);
  flex-basis: 100%;
  padding-inline-start: 43px;
  font-size: .75rem;
  line-height: 1.6;
}

.gc-cn-health-r:empty {
  display: none;
}

.gc-cn-health-main, .gc-cn-alert-main {
  flex: 240px;
  min-width: 0;
}

.gc-cn-body .gc-cn-alert.gc-cn-alert-act {
  flex-wrap: wrap !important;
}

.gc-cn-add-strip .gc-cn-rail {
  flex-wrap: wrap !important;
  overflow-x: visible !important;
}

.gc-cn-btn.gc-wait {
  cursor: not-allowed !important;
  background: var(--gc-canvas) !important;
  color: var(--gc-text-secondary) !important;
  box-shadow: none !important;
  border-style: dashed !important;
}

.gc-cn-btn.gc-wait:hover {
  border-color: var(--gc-hairline-hover) !important;
  color: var(--gc-text-secondary) !important;
}

.gc-cn-ai .gc-cn-ai-wait {
  white-space: nowrap;
  margin-inline-start: auto;
  line-height: 1;
}

.gc-cn-ai .gc-cn-sw.gc-wait {
  opacity: .65;
  cursor: not-allowed !important;
  margin-left: 8px !important;
}

.gc-cn-filter-n {
  color: var(--gc-text-secondary);
  font-size: .75rem;
}

.gc-cn-body h1.gc-cn-head-t {
  margin: 0 !important;
}

.gc-cn-head-act {
  flex-shrink: 0;
  gap: 8px;
  margin-inline-start: auto;
  display: flex;
}

@media (max-width: 767.98px) {
  .gc-cn-head-act {
    width: 100%;
    margin-inline-start: 0;
  }
}

.gc-cn-body .gc-cn-sec-t {
  row-gap: 0;
  flex-wrap: wrap !important;
}

@media (min-width: 576px) {
  .gc-cn-body .gc-cn-card {
    min-height: 367px;
  }
}

.gc-cn-body :is(.gc-cn-acct, .gc-cn-why, .gc-cn-stat-l, .gc-cn-meta, .gc-cn-ai-t, .gc-cn-ai-s, .gc-cn-sec-n, .gc-cn-sec-s, .gc-cn-health-s, .gc-cn-alert-s, .gc-cn-st, .gc-cn-add-t, .gc-cn-head-s, .gc-mk-rate-l, .gc-mk-rule) {
  font-size: .75rem !important;
  line-height: 1.6 !important;
}

.gc-cn-body :is(.gc-cn-acct, .gc-cn-stat-l, .gc-cn-meta, .gc-cn-ai-s, .gc-cn-sec-n) {
  color: var(--gc-text-secondary) !important;
}

.gc-cn-body .gc-cn-st.gc-ok {
  color: var(--gc-success-ink) !important;
}

.gc-cn-body .gc-cn-st.gc-err {
  color: var(--gc-danger-ink) !important;
}

.gc-cn-body .gc-cn-st.gc-warn {
  color: var(--gc-warning-ink) !important;
}

.gc-cn-body .gc-mk-rate.gc-warn .gc-mk-rate-v {
  color: var(--gc-warning-ink);
}

.gc-cn-body .gc-mk-rate.gc-bad .gc-mk-rate-v {
  color: var(--gc-danger-ink);
}

.gc-cn-alert .gc-cn-btn.gc-danger {
  color: var(--gc-danger-ink) !important;
}

.gc-cn-body .gc-cn-btn.gc-sm {
  font-size: .75rem !important;
}

.gc-cn-body .gc-cn-alert-s {
  color: var(--gc-text) !important;
}

[data-theme="dark"] .gc-cn-body .gc-cn-st.gc-err {
  box-shadow: inset 0 0 0 1px #ea545573;
  background: none !important;
}

[data-theme="dark"] .gc-tk-h-p.gc-bad {
  background: none;
}

.gc-tk-health {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-lg);
  margin-bottom: 16px;
  padding: 14px 16px;
}

.gc-tk-h-h {
  align-items: center;
  gap: 8px;
  margin-bottom: 3px;
  display: flex;
}

.gc-tk-h-h > i {
  color: var(--gc-primary);
  font-size: 1rem;
}

.gc-tk-h-t {
  color: var(--gc-text);
  font-size: .84rem;
  font-weight: 800;
  line-height: 1.5;
}

.gc-tk-h-d {
  color: var(--gc-text-secondary);
  margin-bottom: 6px;
  font-size: .75rem;
  line-height: 1.6;
}

.gc-tk-h-row {
  border-bottom: 1px dashed var(--gc-hairline);
  align-items: center;
  gap: 10px;
  padding: 9px 0;
  display: flex;
}

.gc-tk-h-row:last-child {
  border-bottom: none;
}

.gc-tk-h-row .gc-cn-logo {
  border-radius: 8px !important;
  width: 26px !important;
  height: 26px !important;
  font-size: .75rem !important;
}

.gc-tk-h-n {
  min-width: 0;
  color: var(--gc-text);
  flex: 200px;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.5;
}

.gc-tk-h-s {
  color: var(--gc-text-secondary);
  margin-top: 1px;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.6;
}

.gc-tk-h-p {
  border-radius: var(--gc-radius-full);
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  padding: 2px 9px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.5;
  display: inline-flex;
}

.gc-tk-h-p.gc-ok {
  color: var(--gc-success-ink);
  background: #28c76f1a;
  border: 1px solid #28c76f4d;
}

.gc-tk-h-p.gc-soon {
  color: var(--gc-warning-ink);
  background: #ff9f431a;
  border: 1px solid #ff9f434d;
}

.gc-tk-h-p.gc-bad {
  color: var(--gc-danger-ink);
  background: #ea54551a;
  border: 1px solid #ea54554d;
}

.gc-tk-h-p.gc-idle {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  border: 1px solid var(--gc-hairline);
}

@media (max-width: 575.98px) {
  .gc-tk-h-row {
    flex-wrap: wrap;
  }

  .gc-tk-h-p {
    margin-inline-start: 36px;
  }

  .gc-cn-health-r {
    padding-inline-start: 0;
  }
}

.gc-pick-head {
  color: var(--gc-text);
  align-items: baseline;
  gap: 8px;
  margin-bottom: 10px;
  font-size: .88rem;
  font-weight: 800;
  display: flex;
}

.gc-pick-count {
  color: var(--gc-text-muted);
  font-size: .72rem;
  font-weight: 700;
}

.gc-pick-list {
  flex-direction: column;
  gap: 8px;
  max-height: min(46vh, 380px);
  margin-bottom: 18px;
  display: flex;
  overflow-y: auto;
}

.gc-pick-list.gc-full {
  max-height: none;
  overflow-y: visible;
}

.gc-pick-item {
  background: var(--gc-surface);
  border: 1px dashed var(--gc-hairline-hover);
  border-radius: var(--gc-radius-lg);
  cursor: pointer;
  transition: all .16s var(--gc-ease);
  align-items: center;
  gap: 11px;
  padding: 13px 15px;
  display: flex;
}

.gc-pick-item:hover {
  border-color: var(--gc-primary);
  border-style: solid;
}

.gc-pick-item.gc-on {
  border-style: solid;
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-pick-item:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: -2px;
}

.gc-pick-item:has(:focus-visible) {
  outline: 2px solid var(--gc-primary);
  outline-offset: -2px;
}

.gc-pick-check {
  width: 18px;
  height: 18px;
  accent-color: var(--gc-primary);
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
}

.gc-pick-mark {
  border-radius: var(--gc-radius-md);
  color: #fff;
  background: var(--gc-primary);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: .78rem;
  font-weight: 700;
  display: flex;
  position: relative;
}

.gc-pick-mark-img {
  border-radius: inherit;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.gc-pick-mark.gc-plain {
  background: none;
}

.gc-pick-mark-ch {
  border-radius: var(--gc-radius-full);
  border: 2px solid var(--gc-surface);
  color: #fff;
  background: #1877f2;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  font-size: 8px;
  line-height: 1;
  display: flex;
  position: absolute;
  bottom: -3px;
  right: -3px;
}

.gc-pick-body {
  flex: 1;
  min-width: 0;
}

.gc-pick-name {
  color: var(--gc-text);
  font-size: .8rem;
  font-weight: 700;
  line-height: 1.5;
  display: block;
}

.gc-pick-meta {
  color: var(--gc-text-muted);
  margin-top: 1px;
  font-size: .68rem;
  line-height: 1.5;
  display: block;
}

.gc-pick-result {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-left: 3px solid var(--gc-success);
  border-radius: var(--gc-radius-lg);
  text-align: start;
  align-items: flex-start;
  gap: 11px;
  margin-bottom: 14px;
  padding: 11px 15px;
  display: flex;
}

.gc-pick-result.gc-warn {
  border-left-color: var(--gc-warning);
}

.gc-pick-result.gc-bad {
  border-left-color: var(--gc-danger);
}

.gc-pick-result > i {
  color: var(--gc-success);
  flex-shrink: 0;
  font-size: 1.1rem;
  line-height: 1.4;
}

.gc-pick-result.gc-warn > i {
  color: var(--gc-warning);
}

.gc-pick-result.gc-bad > i {
  color: var(--gc-danger);
}

.gc-pick-result-t {
  color: var(--gc-text);
  font-size: .8rem;
  font-weight: 700;
  line-height: 1.5;
}

.gc-pick-result-s {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .72rem;
  line-height: 1.6;
}

.gc-pick-result ul {
  margin: 4px 0 0;
  padding-inline-start: 16px;
}

.gc-pick-empty {
  text-align: center;
  color: var(--gc-text-muted);
  padding: 22px 8px;
}

.gc-pick-empty > i {
  opacity: .6;
  margin-bottom: 8px;
  font-size: 1.9rem;
  display: block;
}

.gc-pick-empty-t {
  color: var(--gc-text);
  margin-bottom: 4px;
  font-size: .84rem;
  font-weight: 700;
}

.gc-pick-empty-d {
  font-size: .74rem;
  line-height: 1.6;
}

.gc-auth-back {
  color: var(--gc-text-secondary);
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: 6px;
  margin-bottom: 20px;
  padding: 0;
  font-size: .82rem;
  font-weight: 600;
  text-decoration: none;
  transition: color .15s;
  display: inline-flex;
}

.gc-auth-back:hover {
  color: var(--gc-primary);
}

.gc-auth-card.gc-auth-card-wide {
  max-width: 520px;
}

.gc-auth-input-group {
  margin-bottom: 16px;
}

.gc-auth-input-label {
  color: var(--gc-text);
  margin-bottom: 6px;
  font-size: .78rem;
  font-weight: 600;
  display: block;
}

.gc-auth-input {
  border-radius: var(--gc-radius-md);
  border: 1.5px solid var(--gc-hairline);
  background: var(--gc-surface);
  width: 100%;
  color: var(--gc-text);
  outline: none;
  padding: 12px 14px;
  font-family: inherit;
  font-size: .88rem;
  transition: all .18s;
}

.gc-auth-input:focus {
  border-color: var(--gc-primary);
  box-shadow: 0 0 0 3px #4e6af01a;
}

.gc-auth-input.gc-error {
  border-color: var(--gc-danger);
  box-shadow: 0 0 0 3px #ea54551a;
}

.gc-auth-input-error {
  color: var(--gc-danger);
  margin-top: 4px;
  font-size: .72rem;
  display: none;
}

.gc-auth-input-row {
  gap: 8px;
  display: flex;
}

.gc-auth-input-row .gc-country-select {
  border-radius: var(--gc-radius-md);
  border: 1.5px solid var(--gc-hairline);
  background: var(--gc-surface);
  width: 90px;
  color: var(--gc-text);
  cursor: pointer;
  outline: none;
  flex-shrink: 0;
  padding: 12px 8px;
  font-family: inherit;
  font-size: .85rem;
}

.gc-auth-input-row .gc-country-select:focus {
  border-color: var(--gc-primary);
}

.gc-auth-input-row .gc-auth-input {
  flex: 1;
}

.gc-auth-submit {
  border-radius: var(--gc-radius-full);
  background: var(--gc-rail-ink);
  color: #fff;
  cursor: pointer;
  border: none;
  width: 100%;
  margin-top: 8px;
  padding: 14px;
  font-family: inherit;
  font-size: .88rem;
  font-weight: 700;
  transition: all .18s;
}

[data-theme="dark"] .gc-auth-submit {
  background: var(--gc-primary);
}

.gc-auth-submit:hover {
  opacity: .92;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px #0003;
}

.gc-auth-submit:active {
  transform: translateY(0);
}

.gc-auth-submit:disabled {
  opacity: .5;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.gc-auth-link {
  text-align: center;
  color: var(--gc-primary);
  cursor: pointer;
  margin-top: 14px;
  font-size: .78rem;
  font-weight: 600;
  text-decoration: none;
  transition: color .15s;
  display: block;
}

.gc-auth-link:hover {
  color: var(--gc-primary-ink);
  text-decoration: underline;
}

.gc-auth-social-row {
  flex-direction: column;
  gap: 10px;
  margin-top: 6px;
  display: flex;
}

.gc-auth-social-pill {
  border-radius: var(--gc-radius-full);
  border: 1.5px solid var(--gc-hairline);
  background: var(--gc-surface);
  cursor: pointer;
  width: 100%;
  color: var(--gc-text);
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 13px 18px;
  font-family: inherit;
  font-size: .88rem;
  font-weight: 600;
  transition: all .18s;
  display: flex;
}

.gc-auth-social-pill:hover {
  box-shadow: var(--gc-shadow-md);
  transform: translateY(-1px);
}

.gc-auth-social-pill:active {
  transform: translateY(0);
}

.gc-auth-social-pill i {
  flex-shrink: 0;
  font-size: 1.2rem;
}

.gc-auth-social-pill.gc-line {
  color: #fff;
  background: #06c755;
  border-color: #06c755;
}

.gc-auth-social-pill.gc-line:hover {
  background: #05b34c;
  border-color: #05b34c;
}

.gc-auth-social-pill.gc-facebook {
  color: #fff;
  background: #1877f2;
  border-color: #1877f2;
}

.gc-auth-social-pill.gc-facebook:hover {
  background: #1669d8;
  border-color: #1669d8;
}

.gc-auth-divider {
  align-items: center;
  gap: 12px;
  margin: 22px 0;
  display: flex;
}

.gc-auth-divider:before, .gc-auth-divider:after {
  content: "";
  border-top: 1.5px dashed var(--gc-hairline);
  flex: 1;
  height: 1px;
}

.gc-auth-divider span {
  color: var(--gc-text-muted);
  white-space: nowrap;
  font-size: .72rem;
  font-weight: 500;
}

.gc-auth-footer {
  text-align: center;
  border-top: 1px solid var(--gc-hairline);
  margin-top: 24px;
  padding-top: 20px;
}

.gc-auth-footer-text {
  color: var(--gc-text-muted);
  font-size: .72rem;
  line-height: 1.6;
}

.gc-auth-footer-text a {
  color: var(--gc-primary);
  font-weight: 600;
  text-decoration: none;
}

.gc-auth-footer-text a:hover {
  text-decoration: underline;
}

.gc-auth-note {
  text-align: center;
  color: var(--gc-text-muted);
  background: var(--gc-canvas);
  border-radius: var(--gc-radius-md);
  margin-top: 12px;
  padding: 10px 14px;
  font-size: .7rem;
  line-height: 1.5;
}

.gc-auth-note i {
  color: var(--gc-info);
  margin-right: 4px;
}

a.gc-auth-submit {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

a.gc-auth-submit:hover {
  color: #fff;
}

.gc-auth-footer-plain {
  border: none;
  padding-top: 16px;
}

.gc-shop-menu .gc-user-avatar {
  background: var(--gc-canvas);
  width: 32px;
  height: 32px;
  color: var(--gc-text-secondary);
  margin-right: 0;
  font-size: .72rem;
  font-weight: 600;
}

.gc-shop-menu .gc-user-avatar-img {
  object-fit: cover;
}

.gc-shop-menu .gc-shop-row-code {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.6;
}

.gc-shop-menu .dropdown-item, .gc-shop-row-name {
  text-align: start;
}

.gc-shop-menu .gc-shop-row .gc-shop-row-name {
  flex: 1;
  font-weight: 500;
}

.gc-dash-notice {
  border-radius: var(--gc-radius-md);
  margin: 0 0 20px;
}

.gc-ch-badge.gc-line {
  color: #fff !important;
  background: #06c755 !important;
}

.gc-ch-badge.gc-fb {
  color: #fff !important;
  background: #1877f2 !important;
}

.gc-ch-badge.gc-ig {
  color: #fff !important;
  background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888) !important;
}

.gc-ch-badge.gc-web {
  background: var(--gc-primary) !important;
  color: #fff !important;
}

.gc-ch-swatch {
  border-radius: 2px;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: inline-block;
}

.gc-ch-swatch.gc-line {
  background: #06c755;
}

.gc-ch-swatch.gc-fb {
  background: #1877f2;
}

.gc-ch-swatch.gc-ig {
  background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}

.gc-ch-swatch.gc-web {
  background: var(--gc-primary);
}

a.gc-todo-link {
  color: inherit;
  text-decoration: none;
  display: flex;
}

a.gc-conv-item {
  color: inherit;
  text-decoration: none;
}

.gc-shop-mark-img {
  aspect-ratio: 1;
  object-fit: cover;
  background: var(--gc-canvas);
}

@media (max-width: 1199.98px) {
  .gc-content-grid {
    grid-template-columns: 1fr;
  }

  .gc-bottom-grid {
    grid-template-columns: 1fr 1fr;
  }

  .gc-ix-divider#ixDividerRight {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .gc-nav-rail, .gc-nav-rail.gc-expanded {
    width: 0;
    min-width: 0;
    box-shadow: none;
    padding: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .gc-stats-row {
    grid-template-columns: repeat(2, 1fr);
  }

  .gc-bottom-grid {
    grid-template-columns: 1fr;
  }

  .gc-dash-body {
    padding: 16px;
  }

  .gc-topbar {
    padding: 12px 16px;
  }

  .gc-welcome-banner {
    text-align: center;
    flex-direction: column;
  }

  .gc-welcome-right {
    text-align: center;
    margin-top: 12px;
  }

  .gc-ix-left {
    width: 100% !important;
  }

  .gc-ch-rail {
    display: none !important;
  }

  .gc-ix-sidebar {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .nav-pills.gc-ch-strip {
    display: flex !important;
  }

  .gc-ix-divider, .gc-ix-main.gc-ix-hide-mobile, .gc-ix-left.gc-ix-hide-mobile {
    display: none !important;
  }

  .gc-ix-mobile-back {
    display: flex !important;
  }

  #view-inbox.gc-ix-room-open > .gc-topbar, .gc-ix-header-actions > :not(#ixInfoToggle), .gc-ix-hdr-info-desk {
    display: none !important;
  }

  .gc-ix-hdr-info-mob {
    display: inline-block !important;
  }
}

.gc-topbar-logo-mob {
  display: none;
}

@media (max-width: 991.98px) {
  .gc-topbar-nav-toggle {
    display: none !important;
  }

  .gc-topbar-logo-mob {
    display: flex !important;
  }

  .gc-topbar-right > :not(.dropdown) {
    display: none !important;
  }
}

@media (max-width: 575.98px) {
  .gc-topbar {
    gap: 8px;
    padding: 10px 12px;
  }

  .gc-topbar-left {
    gap: 8px;
  }

  .gc-ix-logo.gc-topbar-logo-mob {
    height: 36px !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }

  .gc-ix-logo.gc-topbar-logo-mob img {
    height: 26px !important;
  }

  .gc-search-bar {
    height: 36px;
    padding: 0 10px;
  }

  .gc-search-bar input {
    text-overflow: ellipsis;
    min-width: 0;
    margin-left: 6px;
  }

  .gc-topbar-page {
    gap: 6px;
    max-width: 120px;
    padding: 3px 8px 3px 3px;
  }

  .gc-topbar-page-avatar {
    width: 28px;
    height: 28px;
    font-size: .7rem;
  }

  .gc-topbar-page-role {
    display: none;
  }

  .gc-topbar-page-arrow {
    font-size: .8rem;
  }
}

@media (min-width: 992px) {
  .gc-ix-mobile-back {
    display: none !important;
  }
}

@media (max-width: 575.98px) {
  .gc-stats-row {
    grid-template-columns: 1fr;
  }

  .gc-topbar-left {
    flex: 1;
    gap: 6px;
    min-width: 0;
  }

  .gc-search-bar {
    flex: 1;
    width: auto;
    min-width: 0;
  }

  .gc-topbar-right {
    gap: 0;
  }

  .gc-topbar-page {
    gap: 6px;
    max-width: 46vw;
    padding: 4px 8px 4px 4px;
  }

  .gc-topbar-page > span {
    min-width: 0;
  }

  .gc-topbar-page-name, .gc-topbar-page-role {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}

.nav-pills.gc-ch-strip {
  margin: 8px var(--gc-ix-gutter) 0;
  background: var(--gc-canvas);
  --nav-pills-border-radius: 9px;
  --nav-pills-link-active-bg: var(--gc-surface);
  --nav-pills-link-active-color: var(--gc-text);
  --nav-link-padding-y: 6px;
  --nav-link-padding-x: 6px;
  --nav-link-color: var(--gc-text-secondary);
  --nav-link-hover-color: var(--gc-text);
  --nav-link-font-size: .8125rem;
  --nav-link-font-weight: 600;
  border-radius: 12px;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  padding: 3px;
  display: none;
}

.gc-ch-strip .nav-item {
  flex: 1 1 0;
  min-width: 0;
}

.gc-ch-strip .nav-item:first-child {
  flex: none;
}

.gc-ch-strip .nav-link {
  white-space: nowrap;
  min-height: 44px;
  padding-inline: var(--nav-link-padding-x);
  justify-content: center;
  align-items: center;
  line-height: 1.75;
  display: flex;
}

.gc-ch-strip .nav-item:first-child .nav-link {
  padding-inline: 12px;
}

.gc-ch-strip .nav-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline: none;
}

.gc-ch-strip .nav-link:focus-visible {
  box-shadow: 0 0 0 2px var(--gc-primary);
  outline: none;
}

.gc-ch-strip .nav-link.active {
  box-shadow: var(--gc-shadow-sm, 0 1px 2px #00000014);
}

.gc-ch-strip-mark {
  justify-content: center;
  align-items: center;
  min-width: 22px;
  height: 22px;
  display: inline-flex;
  position: relative;
}

.gc-ch-strip-logo {
  object-fit: cover;
  border-radius: 6px;
  width: 22px;
  height: 22px;
  display: block;
}

@media (max-width: 991.98px) {
  .gc-topbar .gc-topbar-page-name {
    font-size: .8125rem;
  }

  .gc-topbar .gc-search-bar input {
    font-size: .875rem;
  }

  .gc-cp-stack textarea#ixMsgInput {
    font-size: .875rem !important;
  }

  .gc-ix-main .gc-ix-messages {
    padding: 16px 12px !important;
  }

  .gc-ix-main .gc-ix-input-area {
    padding: 8px 12px 12px !important;
  }

  .gc-ix-chat-header {
    gap: 6px !important;
    padding: 10px 12px !important;
  }

  .gc-ix-chat-header .gc-icon-btn {
    width: 44px;
    height: 44px;
    font-size: 1.25rem;
  }
}

.gc-ix-mfilter {
  display: none;
}

@media (max-width: 991.98px) {
  .gc-ix-mfilter {
    flex-shrink: 0;
    gap: 8px;
    padding: 8px 12px 2px;
    display: flex;
  }

  .gc-ix-sidebar:has(.gc-ix-mfilter) .gc-ix-shop-bar {
    display: none !important;
  }

  .gc-ix-searchrow .gc-ix-fbtn {
    display: none;
  }
}

.btn.gc-ix-mfilter-btn {
  --btn-bg: var(--gc-surface);
  --btn-color: var(--gc-text);
  --btn-border-color: var(--gc-hairline-hover);
  --btn-hover-bg: var(--gc-canvas);
  --btn-hover-color: var(--gc-text);
  --btn-hover-border-color: var(--gc-hairline-hover);
  --btn-active-bg: var(--gc-canvas);
  --btn-active-color: var(--gc-text);
  --btn-active-border-color: var(--gc-primary);
  --btn-padding-x: 12px;
  --btn-padding-y: 0;
  --btn-font-size: .8125rem;
  --btn-font-weight: 600;
  --btn-line-height: 1.75;
  border-radius: var(--gc-radius-md);
  align-items: center;
  gap: 6px;
  min-height: 36px;
  display: inline-flex;
}

.gc-ix-mfilter-btn > .ph-sliders-horizontal {
  font-size: 1rem;
}

.gc-ix-mfilter-btn .gc-ix-mfilter-caret {
  color: var(--gc-text-secondary);
  font-size: .875rem;
}

.btn.gc-ix-mfilter-btn.gc-count {
  --btn-border-color: var(--gc-primary);
  --btn-hover-border-color: var(--gc-primary);
}

.gc-ix-mfilter-btn .gc-ix-unread {
  position: static !important;
}

.gc-ix-fpanel-shop {
  border-bottom: 1px solid var(--gc-hairline);
  margin-bottom: 4px;
  padding-bottom: 12px;
}

@media (max-width: 991.98px) {
  .gc-ix-fpanel.gc-ix-fpanel-split.gc-ix-fpanel-float {
    z-index: 1055;
    width: 100%;
    max-width: none;
    height: 100dvh;
    max-height: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    animation: .16s ease-out gc-press-up;
    position: fixed;
    inset: 0;
    top: 0 !important;
    left: 0 !important;
  }

  .gc-ix-fpanel-split .gc-ix-fpanel-top {
    min-height: 56px;
    padding: 6px 6px 6px 16px;
    font-size: .9375rem;
  }

  .gc-ix-fpanel-split .gc-ix-fpanel-top .gc-icon-btn {
    width: 44px;
    height: 44px;
    margin-inline-start: auto;
    font-size: 1.25rem;
  }

  .gc-ix-fpanel-split .gc-ix-fpanel-body {
    padding: 16px;
  }

  .gc-ix-fpanel-split .gc-ix-fpanel-foot {
    padding: 12px 16px;
  }

  .gc-ix-fpanel-split .gc-ix-fpanel-foot-end {
    flex: 1;
    gap: 8px;
    display: flex;
  }

  .gc-ix-fpanel-split .gc-ix-fpanel-foot-end .btn.btn-primary {
    flex: 1;
    min-height: 44px;
  }
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .gc-ix-fpanel.gc-ix-fpanel-split.gc-ix-fpanel-float {
    animation: none;
  }
}

@media (max-width: 991.98px) {
  html:has(#view-inbox) {
    background: var(--gc-surface);
  }

  html:has(#view-inbox) body {
    background: var(--gc-surface);
  }

  html:has(#view-inbox) {
    overscroll-behavior-y: none;
  }

  html:has(#view-inbox) body {
    overscroll-behavior-y: none;
  }

  #view-inbox .gc-ix-chat-list, #view-inbox .gc-ix-messages {
    overscroll-behavior-y: contain;
  }

  .gc-nav-rail.gc-nav-open {
    align-items: stretch;
    width: 240px;
    min-width: 240px;
    padding: 14px 0;
    box-shadow: 4px 0 24px #00000059;
  }

  .gc-nav-rail.gc-nav-open .gc-nav-rail-logo {
    justify-content: flex-start;
    margin: 0 0 6px 16px;
  }

  .gc-nav-rail.gc-nav-open .gc-logo-icon {
    display: none;
  }

  .gc-nav-rail.gc-nav-open .gc-logo-full {
    height: 34px;
    display: block;
  }

  .gc-nav-rail.gc-nav-open .gc-nav-rail-toggle {
    display: none;
  }

  .gc-nav-rail.gc-nav-open .gc-nav-sec {
    display: block;
  }

  .gc-nav-rail.gc-nav-open .gc-nav-group {
    margin-bottom: 6px;
    display: block;
  }

  .gc-nav-rail.gc-nav-open .gc-nav-scroll {
    align-items: stretch;
  }

  .gc-nav-rail.gc-nav-open .gc-nav-item {
    border-radius: var(--gc-radius-sm);
    justify-content: flex-start;
    width: auto;
    height: 38px;
    margin: 0 10px 2px;
    padding: 0 12px;
  }

  .gc-nav-rail.gc-nav-open .gc-nav-item .gc-nav-label {
    display: inline;
  }

  .gc-nav-rail.gc-nav-open .gc-nav-item.active {
    box-shadow: none;
  }

  .gc-nav-rail.gc-nav-open .gc-nav-badge {
    margin-left: auto;
    position: static;
  }

  .gc-nav-rail.gc-nav-open .gc-nav-badge.gc-nav-badge-text {
    display: flex;
  }

  .gc-nav-rail.gc-nav-open .gc-nav-divider {
    display: block;
  }

  .gc-nav-rail.gc-nav-open .gc-nav-soon {
    display: inline-block;
  }
}

.gc-cw-overlay {
  z-index: 1300;
  background: var(--gc-canvas);
  flex-direction: column;
  display: flex;
  position: fixed;
  inset: 0;
}

.gc-cw-top {
  background: var(--gc-surface);
  border-bottom: 1px solid var(--gc-hairline);
  flex-shrink: 0;
  align-items: center;
  gap: 14px;
  height: 60px;
  padding: 0 20px;
  display: flex;
}

.gc-cw-close {
  border-radius: var(--gc-radius-md);
  background: var(--gc-canvas);
  width: 34px;
  height: 34px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  text-decoration: none;
  transition: all .15s;
  display: flex;
}

.gc-cw-close:hover {
  background: var(--gc-hairline);
  color: var(--gc-text);
}

.gc-cw-title {
  color: var(--gc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .9rem;
  font-weight: 800;
  overflow: hidden;
}

.gc-cw-title-sub {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  font-weight: 500;
}

.gc-cw-body {
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.gc-cw-main {
  flex: 1;
  min-width: 0;
  padding: 24px 28px 32px;
  overflow-y: auto;
}

.gc-cw-inner {
  max-width: 620px;
  margin: 0 auto;
}

.gc-cw-steps {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  scrollbar-width: none;
  gap: 3px;
  margin-bottom: 20px;
  padding: 4px;
  display: flex;
  overflow-x: auto;
}

.gc-cw-steps::-webkit-scrollbar {
  display: none;
}

.gc-cw-step {
  border-radius: var(--gc-radius-md);
  min-width: 98px;
  color: var(--gc-text-secondary);
  white-space: nowrap;
  transition: all .18s var(--gc-ease);
  background: none;
  border: none;
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 9px 10px;
  font-family: inherit;
  font-size: .78rem;
  font-weight: 700;
  display: inline-flex;
}

.gc-cw-step-n {
  border-radius: var(--gc-radius-full);
  background: var(--gc-surface);
  border: 1.5px solid var(--gc-hairline-hover);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 19px;
  height: 19px;
  font-size: .62rem;
  font-weight: 800;
  transition: all .2s;
  display: flex;
}

.gc-cw-step.gc-done .gc-cw-step-n {
  background: var(--gc-success);
  border-color: var(--gc-success);
  color: #fff;
}

.gc-cw-step.gc-on {
  background: var(--gc-surface);
  color: var(--gc-text);
  box-shadow: var(--gc-shadow-sm);
  font-weight: 800;
}

.gc-cw-step.gc-on .gc-cw-step-n {
  background: var(--gc-primary);
  border-color: var(--gc-primary);
  color: #fff;
}

.gc-cw-h {
  color: var(--gc-text);
  margin-bottom: 4px;
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.5;
}

.gc-cw-sub {
  color: var(--gc-text-secondary);
  margin-bottom: 18px;
  font-size: .8rem;
  line-height: 1.65;
}

.gc-cw-check {
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  background: var(--gc-surface);
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 9px;
  padding: 12px 14px;
  display: flex;
}

.gc-cw-check > i {
  color: var(--gc-success);
  flex-shrink: 0;
  margin-top: 1px;
  font-size: 1.05rem;
}

.gc-cw-check.gc-fail > i {
  color: var(--gc-danger);
}

.gc-cw-check-t {
  color: var(--gc-text);
  font-size: .79rem;
  font-weight: 700;
  line-height: 1.45;
}

.gc-cw-check-d {
  color: var(--gc-text-secondary);
  margin-top: 3px;
  font-size: .75rem;
  line-height: 1.7;
}

.gc-cw-warn {
  background: var(--gc-warning-bg);
  border-radius: var(--gc-radius-md);
  color: var(--gc-text);
  border: 1px solid #ff9f434d;
  align-items: flex-start;
  gap: 9px;
  margin-top: 12px;
  padding: 11px 13px;
  font-size: .75rem;
  line-height: 1.7;
  display: flex;
}

.gc-cw-warn > i {
  color: var(--gc-warning);
  flex-shrink: 0;
  margin-top: 1px;
  font-size: 1rem;
}

.gc-cw-note {
  color: var(--gc-text-secondary);
  margin-top: 11px;
  font-size: .75rem;
  line-height: 1.7;
}

.gc-cw-foot {
  background: var(--gc-surface);
  border-top: 1px solid var(--gc-hairline);
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  padding: 12px 22px;
  display: flex;
}

.gc-cw-foot-note {
  color: var(--gc-text-secondary);
  margin-inline-end: auto;
  font-size: .75rem;
}

.gc-cw-nav {
  border-radius: var(--gc-radius-md);
  border: 1.5px solid var(--gc-hairline);
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  cursor: pointer;
  align-items: center;
  gap: 6px;
  padding: 9px 20px;
  font-family: inherit;
  font-size: .79rem;
  font-weight: 700;
  text-decoration: none;
  transition: all .16s;
  display: inline-flex;
}

.gc-cw-nav:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-cw-nav.gc-go {
  background: var(--gc-primary);
  border-color: var(--gc-primary);
  color: #fff;
  box-shadow: var(--gc-glow-primary);
}

.gc-cw-nav.gc-go:hover {
  background: var(--gc-primary-ink);
  border-color: var(--gc-primary-ink);
  color: #fff;
}

.gc-cw-nav:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.gc-cw-field {
  margin-bottom: 14px;
}

.gc-cw-label {
  color: var(--gc-text);
  margin-bottom: 5px;
  font-size: .76rem;
  font-weight: 700;
  display: block;
}

.gc-cw-in {
  border-radius: var(--gc-radius-md);
  border: 1.5px solid var(--gc-hairline);
  background: var(--gc-surface);
  width: 100%;
  color: var(--gc-text);
  outline: none;
  padding: 9px 12px;
  font-family: inherit;
  font-size: .8rem;
  transition: all .18s;
}

.gc-cw-in:focus {
  border-color: var(--gc-primary);
  box-shadow: 0 0 0 3px #4e6af01a;
}

.gc-cw-in.gc-ok {
  border-color: var(--gc-success);
  box-shadow: 0 0 0 3px #28c76f1a;
}

.gc-cw-in.gc-bad {
  border-color: var(--gc-danger);
  box-shadow: 0 0 0 3px #ea54551a;
}

.gc-cw-hint {
  color: var(--gc-text-secondary);
  margin-top: 5px;
  font-size: .75rem;
  line-height: 1.7;
}

.gc-cw-hint.gc-ok {
  color: var(--gc-success);
  font-weight: 700;
}

.gc-cw-hint.gc-bad {
  color: var(--gc-danger);
  font-weight: 700;
}

.gc-cw-copy {
  align-items: center;
  gap: 7px;
  margin-top: 5px;
  display: flex;
}

.gc-cw-copy code {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-sm);
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  color: var(--gc-text);
  flex: 1;
  padding: 8px 10px;
  font-size: .72rem;
  overflow: hidden;
}

.gc-cw-wait {
  border: 1.5px dashed var(--gc-hairline-hover);
  border-radius: var(--gc-radius-lg);
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 11px;
  padding: 15px;
  font-size: .79rem;
  font-weight: 700;
  line-height: 1.6;
  display: flex;
}

.gc-cw-wait.gc-done {
  border-style: solid;
  border-color: var(--gc-success);
  background: var(--gc-success-bg);
  color: var(--gc-success);
}

.gc-cw-wait.gc-bad {
  border-style: solid;
  border-color: var(--gc-danger);
  background: var(--gc-danger-bg);
  color: var(--gc-danger);
}

.gc-cw-spin {
  border: 2.5px solid var(--gc-hairline);
  border-top-color: var(--gc-primary);
  border-radius: 50%;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  animation: .8s linear infinite gcCwSpin;
}

@keyframes gcCwSpin {
  to {
    transform: rotate(360deg);
  }
}

.gc-cw-check.gc-pending > i {
  color: var(--gc-text-muted);
}

.gc-cw-check.gc-act {
  cursor: pointer;
  text-align: start;
  width: 100%;
  font-family: inherit;
}

.gc-cw-check.gc-act:hover {
  border-color: var(--gc-primary);
}

.gc-cw-step:focus-visible, .gc-cw-nav:focus-visible, .gc-cw-close:focus-visible, .gc-cw-check.gc-act:focus-visible {
  border-color: var(--gc-primary);
  outline: none;
  box-shadow: 0 0 0 3px #4e6af059;
}

@media (max-width: 575.98px) {
  .gc-cw-main {
    padding: 18px 16px 26px;
  }

  .gc-cw-foot {
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
    flex-wrap: wrap;
  }

  .gc-cw-foot-note {
    margin-inline-end: 0;
    order: -1;
    width: 100%;
    margin-bottom: 2px;
  }

  .gc-cw-nav {
    flex: 1;
    justify-content: center;
    padding: 10px 12px;
  }

  .gc-cw-copy {
    flex-wrap: wrap;
  }

  .gc-cw-copy code {
    white-space: normal;
    overflow-wrap: anywhere;
    flex-basis: 100%;
    line-height: 1.7;
  }

  .gc-cw-copy .gc-cw-nav {
    flex: 1 0 100%;
  }
}

.gc-po-split {
  background: var(--gc-canvas) !important;
  flex: 1 !important;
  align-items: stretch !important;
  min-height: 0 !important;
  display: flex !important;
}

.gc-po-pane {
  background: var(--gc-surface) !important;
  border-right: 1px solid var(--gc-hairline) !important;
  flex-direction: column !important;
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  overflow: hidden !important;
}

.gc-po-head {
  border-bottom: 1px solid var(--gc-hairline) !important;
  flex-shrink: 0 !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 13px 16px !important;
  display: flex !important;
}

.gc-po-head-txt {
  flex: 1 !important;
  min-width: 0 !important;
}

.gc-po-head-thumb {
  object-fit: cover !important;
  border-radius: var(--gc-radius-md) !important;
  border: 1px solid var(--gc-hairline) !important;
  flex-shrink: 0 !important;
  width: 44px !important;
  height: 44px !important;
}

.gc-po-title {
  color: var(--gc-text) !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  font-size: .86rem !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

.gc-po-stats {
  color: var(--gc-text-secondary) !important;
  margin-top: 3px !important;
  font-size: .7rem !important;
  line-height: 1.6 !important;
}

.gc-po-open {
  border-radius: var(--gc-radius-md) !important;
  width: 30px !important;
  height: 30px !important;
  color: var(--gc-text-secondary) !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  text-decoration: none !important;
  display: inline-flex !important;
}

.gc-po-open:hover {
  background: var(--gc-surface-hover) !important;
  color: var(--gc-primary) !important;
}

.gc-po-body {
  flex: 1 !important;
  min-height: 0 !important;
  padding: 16px !important;
  overflow-y: auto !important;
}

.gc-po-cap {
  color: var(--gc-text) !important;
  white-space: pre-wrap !important;
  font-size: .84rem !important;
  line-height: 1.75 !important;
}

.gc-po-img {
  border-radius: var(--gc-radius-lg) !important;
  background: var(--gc-canvas) !important;
  width: 100% !important;
  max-width: 520px !important;
  margin: 12px auto 0 !important;
  display: block !important;
}

.gc-po-none {
  color: var(--gc-text-muted) !important;
  font-size: .78rem !important;
  line-height: 1.7 !important;
}

.gc-po-side {
  background: var(--gc-surface) !important;
  flex-direction: column !important;
  flex-shrink: 0 !important;
  width: 460px !important;
  min-height: 0 !important;
  display: flex !important;
}

.gc-po-side-hd {
  border-bottom: 1px solid var(--gc-hairline) !important;
  color: var(--gc-text) !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 11px 14px !important;
  font-size: .8rem !important;
  display: flex !important;
}

.gc-po-side-n {
  border-radius: var(--gc-radius-sm) !important;
  border: 1px solid var(--gc-hairline-hover) !important;
  background: var(--gc-canvas) !important;
  white-space: nowrap !important;
  height: 30px !important;
  color: var(--gc-text-secondary) !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 10px !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  display: inline-flex !important;
}

.gc-po-side-n i {
  font-size: .85rem !important;
}

.gc-po-side-scroll {
  flex: 1 !important;
  min-height: 0 !important;
  padding: 12px 12px 4px !important;
  overflow-y: auto !important;
}

.gc-po-cm-list {
  flex-direction: column !important;
  gap: 16px !important;
  display: flex !important;
}

.gc-po-cm-empty {
  color: var(--gc-text-muted) !important;
  text-align: center !important;
  padding: 26px 14px !important;
  font-size: .76rem !important;
  line-height: 1.7 !important;
}

.gc-po-cm {
  align-items: flex-start !important;
  gap: 8px !important;
  display: flex !important;
}

.gc-po-cm-av {
  object-fit: cover !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  width: 28px !important;
  height: 28px !important;
}

.gc-po-cm-ini {
  color: #fff !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: .58rem !important;
  font-weight: 800 !important;
  display: flex !important;
}

.gc-po-cm-ini.gc-brand {
  background: var(--gc-primary) !important;
}

.gc-po-cm-b {
  flex: 1 !important;
  min-width: 0 !important;
}

.gc-po-cm-bub {
  background: var(--gc-canvas) !important;
  border-radius: var(--gc-radius-lg) !important;
  max-width: 100% !important;
  color: var(--gc-text) !important;
  border: 1px solid #0000 !important;
  padding: 7px 11px !important;
  font-size: .78rem !important;
  line-height: 1.75 !important;
  display: inline-block !important;
}

.gc-po-cm-name {
  color: var(--gc-text) !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  display: flex !important;
}

.gc-po-cm-role {
  color: var(--gc-primary) !important;
  align-items: center !important;
  gap: 3px !important;
  font-size: .62rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

.gc-po-cm-role i {
  font-size: .7rem !important;
}

.gc-po-cm-who {
  min-width: 0 !important;
}

.gc-po-cm.gc-self .gc-po-cm-bub {
  background: var(--gc-primary-bg) !important;
  border-color: var(--gc-primary-bg-hover) !important;
}

.gc-po-cm.gc-focus > .gc-po-cm-b > .gc-po-cm-bub {
  background: var(--gc-primary-bg-hover) !important;
  border-color: var(--gc-primary) !important;
}

.gc-po-cm-kids {
  flex-direction: column !important;
  gap: 12px !important;
  margin: 12px 0 0 36px !important;
  display: flex !important;
}

.gc-po-cm-meta {
  color: var(--gc-text-muted) !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px !important;
  margin-top: 4px !important;
  padding-left: 2px !important;
  font-size: .66rem !important;
  display: flex !important;
}

.gc-po-cm-time {
  white-space: nowrap !important;
}

.gc-po-cm-link {
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: .66rem !important;
  font-weight: 700 !important;
}

.gc-po-cm-link:hover:not(:disabled) {
  color: var(--gc-primary) !important;
  text-decoration: underline !important;
}

.gc-po-cm-link:disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
}

.gc-po-cm-act {
  border-radius: var(--gc-radius-full) !important;
  border: 1px solid var(--gc-hairline-hover) !important;
  background: var(--gc-surface) !important;
  height: 24px !important;
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  transition: all .15s var(--gc-ease) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 10px !important;
  font-family: inherit !important;
  font-size: .66rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline-flex !important;
}

.gc-po-cm-act:hover:not(:disabled) {
  border-color: var(--gc-primary) !important;
  color: var(--gc-primary) !important;
}

.gc-po-cm-act:disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
}

.gc-po-cm-act i {
  font-size: .8rem !important;
}

.gc-po-cm-chip {
  border-radius: var(--gc-radius-full) !important;
  white-space: nowrap !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 2px 8px !important;
  font-size: .66rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

.gc-po-cm-chip i {
  font-size: .8rem !important;
}

.gc-po-cm-chip.gc-done {
  background: var(--gc-success-bg) !important;
  color: var(--gc-success-ink) !important;
}

.gc-po-cm-chip.gc-over {
  background: var(--gc-canvas) !important;
  color: var(--gc-text-muted) !important;
}

.gc-po-cm-flag {
  color: var(--gc-success-ink) !important;
  white-space: nowrap !important;
  align-items: center !important;
  gap: 4px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
}

.gc-po-cm-flag i {
  font-size: .8rem !important;
}

.gc-po-cm-left {
  color: var(--gc-warning-ink) !important;
  white-space: nowrap !important;
  font-weight: 700 !important;
}

.gc-po-cm-left.gc-urgent {
  color: var(--gc-danger) !important;
}

.gc-po-cm-more {
  border-radius: var(--gc-radius-sm) !important;
  width: 24px !important;
  height: 24px !important;
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  transition: all .15s var(--gc-ease) !important;
  background: none !important;
  border: 1px solid #0000 !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  margin-inline-start: auto !important;
  padding: 0 !important;
  display: inline-flex !important;
  position: relative !important;
}

.gc-po-cm-more:after {
  content: "" !important;
  position: absolute !important;
  inset: -8px !important;
}

.gc-po-cm-more:hover {
  background: var(--gc-surface-hover) !important;
  border-color: var(--gc-hairline-hover) !important;
  color: var(--gc-text) !important;
}

.gc-po-cm-more i {
  font-size: 1rem !important;
}

.gc-po-cm-hidden-note {
  color: var(--gc-text-secondary) !important;
}

.gc-po-cm-peek {
  margin-top: 6px !important;
}

.gc-po-cm-peek > summary {
  cursor: pointer !important;
  color: var(--gc-text-secondary) !important;
  list-style: revert !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}

.gc-po-cm-peek > summary:hover {
  color: var(--gc-text) !important;
}

.gc-po-cm-peek-body {
  opacity: .8 !important;
  margin-top: 4px !important;
  display: block !important;
}

.gc-po-rb {
  margin: 10px 0 2px 36px !important;
}

.gc-po-rb-hd {
  color: var(--gc-text-secondary) !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 2px 8px !important;
  font-size: .68rem !important;
  display: flex !important;
}

.gc-po-rb-hd b {
  color: var(--gc-text) !important;
  font-weight: 700 !important;
}

.gc-po-rb-x {
  color: var(--gc-text-muted) !important;
  cursor: pointer !important;
  background: none !important;
  border: 0 !important;
  padding: 2px !important;
  display: inline-flex !important;
}

.gc-po-rb-x:hover {
  color: var(--gc-text) !important;
}

.gc-po-rb-row {
  align-items: center !important;
  gap: 8px !important;
  display: flex !important;
}

.gc-po-rb-av {
  object-fit: cover !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  width: 28px !important;
  height: 28px !important;
}

.gc-po-rb-ini {
  background: var(--gc-primary) !important;
  color: #fff !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: .58rem !important;
  font-weight: 800 !important;
  display: flex !important;
}

.gc-po-rb-in {
  border: 1px solid var(--gc-hairline-hover) !important;
  border-radius: var(--gc-radius-full) !important;
  background: var(--gc-surface) !important;
  flex: 1 !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 4px 8px 4px 12px !important;
  display: flex !important;
}

.gc-po-rb-in:focus-within {
  border-color: var(--gc-primary) !important;
}

.gc-po-rb-in textarea {
  resize: none !important;
  min-width: 0 !important;
  color: var(--gc-text) !important;
  background: none !important;
  border: 0 !important;
  outline: 0 !important;
  flex: 1 !important;
  font-family: inherit !important;
  font-size: .78rem !important;
  line-height: 1.75 !important;
}

.gc-po-rb-ic, .gc-po-rb-send {
  width: 26px !important;
  height: 26px !important;
  color: var(--gc-text-muted) !important;
  cursor: pointer !important;
  background: none !important;
  border: 0 !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  display: inline-flex !important;
}

.gc-po-rb-ic:hover:not(:disabled) {
  background: var(--gc-surface-hover) !important;
  color: var(--gc-primary) !important;
}

.gc-po-rb-ic:disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
}

.gc-po-rb-ic i, .gc-po-rb-send i {
  font-size: .95rem !important;
}

.gc-po-rb-send {
  background: var(--gc-primary) !important;
  color: #fff !important;
}

.gc-po-rb-send:disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
}

.gc-po-rb-warn {
  color: var(--gc-warning-ink) !important;
  align-items: flex-start !important;
  gap: 5px !important;
  padding: 8px 2px 0 !important;
  font-size: .65rem !important;
  line-height: 1.65 !important;
  display: flex !important;
}

.gc-po-rb-warn i {
  flex-shrink: 0 !important;
  margin-top: 2px !important;
  font-size: .8rem !important;
}

.gc-po-rb-img {
  margin: 8px 0 0 2px !important;
  display: inline-block !important;
  position: relative !important;
}

.gc-po-rb-img img {
  border-radius: var(--gc-radius-md) !important;
  border: 1px solid var(--gc-hairline) !important;
  max-width: 140px !important;
  max-height: 110px !important;
  display: block !important;
}

.gc-po-rb-img button {
  background: var(--gc-text) !important;
  color: #fff !important;
  cursor: pointer !important;
  border: 0 !important;
  border-radius: 50% !important;
  justify-content: center !important;
  align-items: center !important;
  width: 20px !important;
  height: 20px !important;
  font-size: .6rem !important;
  display: inline-flex !important;
  position: absolute !important;
  top: -6px !important;
  right: -6px !important;
}

.gc-po-rb-err {
  color: var(--gc-danger) !important;
  align-items: flex-start !important;
  gap: 5px !important;
  padding: 8px 2px 0 !important;
  font-size: .68rem !important;
  line-height: 1.65 !important;
  display: flex !important;
}

.gc-po-sort {
  border: 1px solid var(--gc-hairline-hover) !important;
  background: var(--gc-canvas) !important;
  border-radius: var(--gc-radius-sm) !important;
  height: 30px !important;
  color: var(--gc-text) !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: border-color .15s var(--gc-ease),color .15s var(--gc-ease) !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 10px !important;
  font-family: inherit !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
  display: inline-flex !important;
}

.gc-po-sort i {
  font-size: .85rem !important;
}

.gc-po-sort .ph-caret-down {
  color: var(--gc-text-secondary) !important;
  font-size: .75rem !important;
}

.gc-po-sort:hover, .gc-po-sort[aria-expanded="true"] {
  border-color: var(--gc-primary) !important;
  color: var(--gc-primary-ink) !important;
}

.gc-po-sort:hover .ph-caret-down, .gc-po-sort[aria-expanded="true"] .ph-caret-down {
  color: var(--gc-primary-ink) !important;
}

.gc-po-side-n.gc-todo {
  background: var(--gc-danger-bg) !important;
  border-color: var(--gc-danger) !important;
  color: var(--gc-danger-ink) !important;
}

[data-theme="dark"] .gc-po-side-n.gc-todo {
  background: none !important;
}

.gc-po-clamp {
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

.gc-po-more {
  color: var(--gc-text-secondary) !important;
  cursor: pointer !important;
  background: none !important;
  border: 0 !important;
  padding: 4px 0 0 !important;
  font-family: inherit !important;
  font-size: .74rem !important;
  font-weight: 700 !important;
}

.gc-po-more:hover {
  color: var(--gc-primary) !important;
}

.gc-po-foot {
  border-top: 1px solid var(--gc-hairline) !important;
  color: var(--gc-text-secondary) !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 15px !important;
  margin-top: 11px !important;
  padding-top: 10px !important;
  font-size: .72rem !important;
  display: flex !important;
}

.gc-po-foot i {
  vertical-align: -2px !important;
  margin-right: 3px !important;
}

.gc-po-foot-todo {
  color: var(--gc-danger) !important;
  margin-left: auto !important;
  font-weight: 700 !important;
}

.gc-po-media-wrap {
  width: 100% !important;
  max-width: 520px !important;
  margin: 0 auto !important;
  display: block !important;
  position: relative !important;
}

.gc-po-play {
  color: #fff !important;
  cursor: pointer !important;
  width: 56px !important;
  height: 56px !important;
  transition: background .15s var(--gc-ease) !important;
  background: #0000008c !important;
  border: 0 !important;
  border-radius: 50% !important;
  justify-content: center !important;
  align-items: center !important;
  margin: auto !important;
  display: flex !important;
  position: absolute !important;
  inset: 0 !important;
}

.gc-po-play:hover {
  background: #000000b8 !important;
}

.gc-po-play i {
  font-size: 2rem !important;
}

.gc-po-video {
  aspect-ratio: 16 / 9 !important;
  border-radius: var(--gc-radius-lg) !important;
  background: var(--gc-canvas) !important;
  width: 100% !important;
  max-width: 520px !important;
  margin: 12px auto 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

.gc-po-video iframe {
  border: 0 !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  inset: 0 !important;
}

.gc-po-video.gc-po-reel {
  aspect-ratio: 9 / 16 !important;
  width: auto !important;
  max-width: 100% !important;
  height: min(640px, 70vh) !important;
}

.gc-po-media-wrap.gc-po-reel {
  width: fit-content !important;
}

.gc-po-media-wrap.gc-po-reel .gc-po-img {
  width: auto !important;
  max-height: min(640px, 70vh) !important;
}

@media (max-width: 991.98px) {
  .gc-po-split {
    flex-direction: column !important;
  }

  .gc-po-pane {
    border-right: none !important;
    border-bottom: 1px solid var(--gc-hairline) !important;
    flex: 0 auto !important;
    max-height: 42vh !important;
  }

  .gc-po-side {
    flex: auto !important;
    width: auto !important;
    min-height: 0 !important;
  }
}

.gc-em {
  flex-direction: column;
  min-height: 0;
  max-height: min(400px, 100dvh - 200px);
  display: flex;
}

.gc-popover:has(.gc-em) {
  max-height: none;
  overflow: visible;
}

.gc-em-search {
  border-bottom: 1px solid var(--gc-hairline);
  flex-shrink: 0;
  padding: 8px 8px 6px;
}

.gc-em-scroll {
  flex: auto;
  min-height: 0;
  padding: 4px 6px 8px;
  overflow-y: auto;
}

.gc-em-sec {
  scroll-margin-top: 4px;
}

.gc-em-lbl {
  z-index: 1;
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  padding: 6px 4px 4px;
  font-size: .68rem;
  font-weight: 700;
  position: sticky;
  top: -4px;
}

.gc-em-grid {
  grid-template-columns: repeat(auto-fill, minmax(46px, 1fr));
  display: grid;
}

.gc-em-btn {
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0;
  font-size: 1.4rem;
  line-height: 1;
  display: inline-flex;
}

.gc-em-btn:hover {
  background: var(--gc-surface-hover);
}

.gc-em-none {
  color: var(--gc-text-muted);
  text-align: center;
  padding: 22px 14px;
  font-size: .76rem;
  line-height: 1.75;
}

.gc-em-nav {
  border-top: 1px solid var(--gc-hairline);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 2px;
  padding: 4px 6px;
  display: flex;
}

.gc-em-nav-btn {
  height: 30px;
  color: var(--gc-text-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 7px;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  display: inline-flex;
}

.gc-em-nav-btn:hover {
  background: var(--gc-surface-hover);
  color: var(--gc-primary);
}

.gc-em.gc-lsk {
  height: min(400px, 100dvh - 200px);
}

.gc-lsk-nav {
  scrollbar-width: thin;
  justify-content: flex-start;
  overflow-x: auto;
}

.gc-lsk-tab {
  flex: 0 0 44px;
  height: 38px;
}

.gc-lsk-tab img {
  object-fit: contain;
  width: 28px;
  height: 28px;
  display: block;
}

.gc-lsk-tab-on {
  background: var(--gc-surface-hover);
  color: var(--gc-primary);
}

.gc-lsk-lbl {
  z-index: 1;
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 8px;
  padding: 6px 4px 4px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  display: flex;
  position: sticky;
  top: -4px;
}

.gc-lsk-lbl .gc-lsk-chip {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-on-tint);
}

.gc-lsk-lbl .gc-lsk-chip-ok {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
}

.gc-em.gc-lsk {
  position: relative;
}

.gc-lsk-preview {
  top: 0;
  z-index: 3;
  pointer-events: none;
  background: var(--gc-surface);
  border-bottom: 1px solid var(--gc-hairline);
  box-shadow: var(--gc-shadow-md);
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 10px 0 8px;
  display: flex;
  position: absolute;
  inset-inline: 0;
}

.gc-lsk-preview img {
  object-fit: contain;
  width: 132px;
  height: 132px;
  display: block;
}

.gc-lsk-hint {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-lsk .gc-sticker {
  touch-action: manipulation;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}

.gc-lsk .gc-sticker img {
  -webkit-user-drag: none;
}

.gc-lsk .gc-sticker.gc-lsk-sending img {
  opacity: .45;
}

.gc-lsk-cell-spin {
  color: var(--gc-primary);
  margin: auto;
  position: absolute;
  inset: 0;
}

.gc-react-more {
  color: var(--gc-text-secondary);
  font-size: .9rem;
}

.gc-react-panel {
  z-index: 1060;
  background: var(--gc-surface);
  min-height: 0;
  box-shadow: var(--gc-shadow-lg);
  border-radius: 12px;
  flex-direction: column;
  display: flex;
  position: fixed;
  overflow: hidden;
}

.gc-react-panel .gc-em {
  flex: auto;
  min-height: 0;
  max-height: none;
}

.gc-linkcard-img {
  object-fit: cover;
  background: var(--gc-canvas);
  border-radius: 11px 11px 0 0;
  width: calc(100% + 20px);
  max-height: 200px;
  margin: -8px -10px 8px;
  display: block;
}

.gc-img-dead {
  background: var(--gc-canvas);
  min-height: 72px;
  color: var(--gc-text-muted);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 12px;
  font-size: .7rem;
  line-height: 1.6;
  display: flex;
}

.gc-img-dead i {
  opacity: .8;
  font-size: 1.15rem;
}

#view-auto-reply {
  flex-direction: column !important;
}

.gc-ar-main {
  flex: 1;
  padding: 24px 28px 40px;
  overflow-y: auto;
}

.gc-ar-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 24px;
  display: flex;
}

.gc-ar-header-text h2 {
  color: var(--gc-text);
  margin-bottom: 2px;
  font-size: 1.35rem;
  font-weight: 800;
}

.gc-ar-header-text p {
  color: var(--gc-text-secondary);
  margin: 0;
  font-size: .82rem;
  line-height: 1.75;
}

.gc-ar-header-actions {
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
  display: flex;
}

.gc-ar-btn {
  border-radius: var(--gc-radius-md);
  cursor: pointer;
  transition: all .18s var(--gc-ease);
  border: none;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  font-family: inherit;
  font-size: .8rem;
  font-weight: 600;
  display: inline-flex;
}

.gc-ar-btn.primary {
  background: var(--gc-primary);
  color: #fff;
  box-shadow: 0 2px 8px #4e6af040;
}

.gc-ar-btn.primary:hover {
  background: var(--gc-primary-ink);
  transform: translateY(-1px);
  box-shadow: 0 4px 14px #4e6af059;
}

.gc-ar-btn.outline {
  color: var(--gc-text-secondary);
  border: 1.5px solid var(--gc-hairline);
  background: none;
}

.gc-ar-btn.outline:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-ar-stats {
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 28px;
  display: grid;
}

@media (max-width: 767px) {
  .gc-ar-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}

.gc-ar-stat {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  padding: 16px 18px;
  transition: box-shadow .18s;
}

.gc-ar-stat:hover {
  box-shadow: var(--gc-shadow-sm);
}

.gc-ar-stat-label {
  color: var(--gc-text-secondary);
  margin-bottom: 4px;
  font-size: .75rem;
  font-weight: 600;
}

.gc-ar-stat-value {
  color: var(--gc-text);
  font-size: 1.3rem;
  font-weight: 800;
}

.gc-ar-stat-sub {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .75rem;
}

.gc-ar-toolbar {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-bottom: 1px solid var(--gc-hairline);
  border-radius: 8px 8px 0 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  display: flex;
}

.gc-ar-toolbar-search {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  border-radius: 6px;
  align-items: center;
  width: 240px;
  height: 38px;
  padding: 0 12px;
  transition: all .2s;
  display: flex;
}

.gc-ar-toolbar-search:focus-within {
  border-color: var(--gc-primary);
  background: var(--gc-surface);
  box-shadow: 0 0 0 2px #4e6af01a;
}

.gc-ar-toolbar-search i {
  color: var(--gc-text-muted);
  font-size: .85rem;
}

.gc-ar-toolbar-search input {
  color: var(--gc-text);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  margin-left: 8px;
  font-family: inherit;
  font-size: .8rem;
}

.gc-ar-toolbar-search input::placeholder {
  color: var(--gc-text-muted);
}

.gc-ar-toolbar-filter {
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 6px;
  font-size: .78rem;
  font-weight: 500;
  display: flex;
}

.gc-ar-toolbar-select {
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  color: var(--gc-text);
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239CA3AF' d='M3 5l3 3 3-3'/%3E%3C/svg%3E");
  background-position: right 8px center;
  background-repeat: no-repeat;
  border-radius: 6px;
  outline: none;
  padding: 7px 28px 7px 10px;
  font-family: inherit;
  font-size: .78rem;
}

.gc-ar-toolbar-select:focus {
  border-color: var(--gc-primary);
}

button.gc-ar-toolbar-select {
  text-align: left;
  width: 168px;
  height: 38px;
}

.gc-ar-toolbar-filter .dropdown-menu {
  width: 168px;
  min-width: 0;
}

.gc-ar-toolbar .gc-ar-btn.primary {
  margin-right: 0;
}

.gc-ar-table {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-top: none;
  border-radius: 0 0 8px 8px;
  width: 100%;
  margin-bottom: 28px;
  overflow: hidden;
}

.gc-ar-table-head {
  border-bottom: 1px solid var(--gc-hairline);
  color: #515965;
  letter-spacing: .3px;
  background: #f8f9fb;
  align-items: center;
  height: 42px;
  padding: 0 16px;
  font-size: .72rem;
  font-weight: 600;
  display: flex;
}

[data-theme="dark"] .gc-ar-table-head {
  color: #7a7f95;
  background: #1a1d30;
}

.gc-ar-col-name {
  flex: 1;
  min-width: 0;
}

.gc-ar-table-head .gc-ar-col-ch, .gc-ar-table-head .gc-ar-col-status, .gc-ar-table-head .gc-ar-col-date, .gc-ar-table-head .gc-ar-col-actions {
  text-align: left;
}

.gc-ar-row {
  border-bottom: 1px solid var(--gc-hairline);
  align-items: center;
  min-height: 64px;
  padding: 12px 16px;
  transition: background .12s;
  display: flex;
}

.gc-ar-row:last-child {
  border-bottom: none;
}

.gc-ar-row:hover {
  background: #4e6af005;
}

.gc-ar-row-icon {
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  margin-right: 12px;
  font-size: 1.05rem;
  display: flex;
}

.gc-ar-row-body {
  flex: 1;
  min-width: 0;
}

.gc-ar-row-title {
  color: var(--gc-text);
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
  font-size: .84rem;
  font-weight: 600;
  display: flex;
}

.gc-ar-row-desc {
  color: var(--gc-text-secondary);
  font-size: .76rem;
  line-height: 1.75;
}

.gc-ar-row-stat {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  font-weight: 500;
}

.gc-ar-row-stat strong {
  color: var(--gc-text);
  font-weight: 600;
}

.gc-ar-col-ch {
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  gap: 3px;
  width: 150px;
  display: flex;
}

.gc-ar-col-status {
  flex-shrink: 0;
  align-items: center;
  width: 110px;
  display: flex;
}

.gc-ar-col-date {
  width: 150px;
  color: var(--gc-text-secondary);
  flex-shrink: 0;
  font-size: .76rem;
}

.gc-ar-col-actions {
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  width: 80px;
  display: flex;
}

@media (max-width: 767.98px) {
  .gc-ar-table-head {
    display: none;
  }

  .gc-ar-row {
    flex-wrap: wrap;
    gap: 10px 12px;
    padding: 14px;
  }

  .gc-ar-row-title {
    flex-wrap: wrap;
  }

  .gc-ar-row-body, .gc-ar-col-name {
    flex: 100%;
    min-width: 0;
  }

  .gc-ar-col-ch, .gc-ar-col-date {
    flex: 0 auto;
    width: auto;
  }

  .gc-ar-col-date {
    font-size: .75rem;
  }

  .gc-ar-col-status {
    width: auto;
    margin-left: auto;
  }

  .gc-ar-col-actions {
    flex: none;
    width: auto;
  }
}

.gc-ar-action-btn {
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  width: 32px;
  height: 32px;
  color: var(--gc-text-muted);
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-size: .85rem;
  transition: all .15s;
  display: flex;
}

.gc-ar-action-btn:hover {
  background: var(--gc-primary-bg);
  color: var(--gc-primary);
  border-color: var(--gc-primary);
}

.gc-ar-action-btn.delete:hover {
  color: var(--gc-danger);
  background: #ea54550f;
  border-color: #ea54554d;
}

.gc-ar-table-footer {
  background: var(--gc-canvas);
  border-top: 1px solid var(--gc-hairline);
  color: #939ca9;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  font-size: .76rem;
  display: flex;
}

.gc-ar-pagination {
  align-items: center;
  gap: 4px;
  display: flex;
}

.gc-ar-page-btn {
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  width: 30px;
  height: 30px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-family: inherit;
  font-size: .76rem;
  font-weight: 600;
  transition: all .15s;
  display: flex;
}

.gc-ar-page-btn:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary);
}

.gc-ar-page-btn.active {
  background: var(--gc-primary);
  color: #fff;
  border-color: var(--gc-primary);
}

.gc-ar-toggle {
  border-radius: var(--gc-radius-full);
  cursor: pointer;
  border: none;
  flex-shrink: 0;
  width: 40px;
  height: 22px;
  padding: 0;
  transition: background .2s;
  position: relative;
}

.gc-ar-toggle.on {
  background: var(--gc-primary);
}

.gc-ar-toggle.off {
  background: var(--gc-text-muted);
}

.gc-ar-toggle:after {
  content: "";
  width: 18px;
  height: 18px;
  transition: transform .2s var(--gc-ease);
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
  box-shadow: 0 1px 3px #00000026;
}

.gc-ar-toggle.on:after {
  transform: translateX(18px);
}

.gc-ar-channels {
  gap: 3px;
  display: flex;
}

.gc-ar-channel {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.gc-ar-channel-logo {
  object-fit: contain;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  display: block;
}

.gc-ar-channel-txt {
  color: #fff;
  letter-spacing: .2px;
  background: #6b7280;
  border-radius: 4px;
  padding: 3px 8px;
  font-size: .58rem;
  font-weight: 600;
}

.gc-ar-channel-warn {
  color: var(--gc-warning-ink);
  font-size: .72rem;
}

.gc-ar-warning {
  color: var(--gc-warning);
  align-items: center;
  gap: 4px;
  font-size: .72rem;
  font-weight: 600;
  display: flex;
}

.gc-ar-col-status .gc-ar-toggle {
  cursor: pointer;
  border: none;
  border-radius: 10px;
  flex-shrink: 0;
  width: 38px;
  height: 20px;
  padding: 0;
  transition: background .2s;
  position: relative;
}

.gc-ar-col-status .gc-ar-toggle.on {
  background: var(--gc-primary);
}

.gc-ar-col-status .gc-ar-toggle.off {
  background: #d1d5db;
}

.gc-ar-col-status .gc-ar-toggle:after {
  content: "";
  background: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  transition: transform .2s;
  position: absolute;
  top: 2px;
  left: 2px;
  box-shadow: 0 1px 2px #00000026;
}

.gc-ar-col-status .gc-ar-toggle.on:after {
  transform: translateX(18px);
}

.gc-ar-suggestion {
  background: var(--gc-primary-bg);
  border: 1px dashed var(--gc-primary);
  border-radius: var(--gc-radius-lg);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  display: flex;
}

.gc-ar-suggestion-text {
  color: var(--gc-text);
  font-size: .84rem;
  line-height: 1.6;
}

.gc-ar-suggestion-text strong {
  font-weight: 700;
}

.gc-ar-section-title {
  color: var(--gc-text-secondary);
  margin-bottom: 12px;
  font-size: .78rem;
  font-weight: 700;
}

.gc-ar-link {
  color: var(--gc-primary);
  cursor: pointer;
  font-size: .72rem;
  font-weight: 600;
  text-decoration: none;
}

.gc-ar-link:hover {
  text-decoration: underline;
}

.gc-ar-keyword {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  margin-right: 4px;
  padding: 2px 8px;
  font-size: .7rem;
  font-weight: 600;
  display: inline-block;
}

#view-comment-reply {
  flex-direction: column !important;
}

.gc-cr-quota {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  padding: 13px 16px;
  display: flex;
}

.gc-cr-quota-grid {
  flex: 1;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 12px 16px;
  min-width: 0;
  display: grid;
}

.gc-cr-quota-ic {
  background: var(--gc-primary-bg);
  width: 34px;
  height: 34px;
  color: var(--gc-primary);
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  display: flex;
}

.gc-cr-quota-b {
  min-width: 0;
}

.gc-cr-quota-t {
  color: var(--gc-text);
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  font-size: .76rem;
  font-weight: 700;
  display: flex;
}

.gc-cr-quota-n {
  font-variant-numeric: tabular-nums;
  color: var(--gc-text-secondary);
  font-weight: 600;
}

.gc-cr-track {
  background: var(--gc-hairline);
  border-radius: 4px;
  height: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.gc-cr-fill {
  background: linear-gradient(90deg,var(--gc-success),#5bd98a);
  height: 100%;
  transition: width .5s var(--gc-ease);
  border-radius: 4px;
}

.gc-cr-fill.mid {
  background: linear-gradient(90deg,var(--gc-warning),#ffc078);
}

.gc-cr-fill.high {
  background: linear-gradient(90deg,var(--gc-danger),#f58080);
}

.gc-cr-quota-s {
  color: var(--gc-text-muted);
  grid-column: 1 / -1;
  margin-top: 4px;
  font-size: .68rem;
  line-height: 1.65;
}

.gc-cr-quota-s b {
  color: var(--gc-text-secondary);
  font-weight: 700;
}

.gc-cr-cats {
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin-bottom: 26px;
  display: grid;
}

@media (max-width: 1599.98px) {
  .gc-cr-cats {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1399.98px) {
  .gc-cr-cats {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1199.98px) {
  .gc-cr-cats {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767.98px) {
  .gc-cr-cats {
    grid-template-columns: 1fr;
  }
}

.gc-cr-cat {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  transition: all .18s var(--gc-ease);
  flex-direction: column;
  padding: 15px;
  display: flex;
}

.gc-cr-cat:hover {
  box-shadow: var(--gc-shadow-sm);
  border-color: var(--gc-hairline-hover);
}

.gc-cr-cat.off {
  opacity: .62;
}

.gc-cr-cat-top {
  align-items: flex-start;
  gap: 11px;
  margin-bottom: 10px;
  display: flex;
}

.gc-cr-cat-ic {
  color: #fff;
  border-radius: 11px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  font-size: 1.05rem;
  display: flex;
}

.gc-cr-cat-n {
  color: var(--gc-text);
  font-size: .84rem;
  font-weight: 800;
  line-height: 1.3;
}

.gc-cr-cat-d {
  color: var(--gc-text-secondary);
  min-height: 2.13rem;
  margin-top: 2px;
  font-size: .71rem;
  line-height: 1.5;
}

.gc-cr-cat-stat {
  color: var(--gc-text-muted);
  border-top: 1px solid var(--gc-hairline);
  padding-top: 10px;
  font-size: .71rem;
  line-height: 1.6;
}

.gc-cr-cat-stat b {
  color: var(--gc-text);
  font-weight: 700;
}

.gc-cr-cat-link {
  color: var(--gc-primary);
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: 3px;
  margin-top: 5px;
  padding: 0;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 700;
  display: inline-flex;
}

.gc-cr-cat-link:hover {
  text-decoration: underline;
}

.gc-cr-cat-link i {
  font-size: .75rem;
}

.gc-cr-sw {
  background: var(--gc-hairline);
  cursor: pointer;
  border: none;
  border-radius: 11px;
  flex-shrink: 0;
  width: 38px;
  height: 21px;
  margin-left: auto;
  padding: 0;
  transition: background .2s;
  position: relative;
}

.gc-cr-sw:after {
  content: "";
  width: 16px;
  height: 16px;
  transition: transform .2s var(--gc-ease);
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 2.5px;
  left: 2.5px;
  box-shadow: 0 1px 3px #0003;
}

.gc-cr-sw.on {
  background: var(--gc-success);
}

.gc-cr-sw.on:after {
  transform: translateX(17px);
}

.gc-cr-tip {
  border-radius: var(--gc-radius-md);
  background: linear-gradient(120deg, #4e6af012, #4e6af008);
  border: 1px solid #4e6af03d;
  align-items: flex-start;
  gap: 11px;
  margin-bottom: 14px;
  padding: 12px 14px;
  display: flex;
}

.gc-cr-tip.warn {
  background: linear-gradient(120deg, #ff9f4317, #ff9f430a);
  border-color: #ff9f434d;
}

.gc-cr-tip.danger {
  background: linear-gradient(120deg, #ea545514, #ea545508);
  border-color: #ea545547;
}

.gc-cr-tip-ic {
  color: var(--gc-primary);
  flex-shrink: 0;
  margin-top: 1px;
  font-size: 1.05rem;
}

.gc-cr-tip.warn .gc-cr-tip-ic {
  color: var(--gc-warning);
}

.gc-cr-tip.danger .gc-cr-tip-ic {
  color: var(--gc-danger);
}

.gc-cr-tip-t {
  color: var(--gc-text);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-cr-tip-d {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cr-tip-acts {
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 9px;
  display: flex;
}

.gc-cr-hid {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  margin-bottom: 26px;
  overflow: hidden;
}

.gc-cr-hid-h {
  border-bottom: 1px solid var(--gc-hairline);
  background: var(--gc-canvas);
  align-items: center;
  gap: 9px;
  padding: 13px 16px;
  display: flex;
}

.gc-cr-hid-t {
  color: var(--gc-text);
  font-size: .82rem;
  font-weight: 800;
}

.gc-cr-hid-c {
  border-radius: var(--gc-radius-full);
  background: var(--gc-warning);
  color: #fff;
  padding: 1px 8px;
  font-size: .65rem;
  font-weight: 800;
}

.gc-cr-item {
  border-bottom: 1px solid var(--gc-hairline);
  padding: 13px 16px;
}

.gc-cr-item:last-child {
  border-bottom: none;
}

.gc-cr-item-top {
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
  display: flex;
}

.gc-cr-item-ava {
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: .6rem;
  font-weight: 800;
  display: flex;
}

.gc-cr-item-n {
  color: var(--gc-text);
  font-size: .77rem;
  font-weight: 700;
}

.gc-cr-item-m {
  color: var(--gc-text-muted);
  font-size: .66rem;
}

.gc-cr-item-msg {
  color: var(--gc-text);
  margin-bottom: 6px;
  padding-left: 34px;
  font-size: .8rem;
  line-height: 1.6;
}

.gc-cr-item-why {
  color: var(--gc-text-muted);
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  padding-left: 34px;
  font-size: .7rem;
  display: flex;
}

.gc-cr-item-why code {
  color: var(--gc-danger);
  background: #ea54551a;
  border-radius: 4px;
  padding: 1px 7px;
  font-family: inherit;
  font-size: .68rem;
  font-weight: 700;
}

.gc-cr-item-risk {
  color: var(--gc-warning);
  align-items: center;
  gap: 5px;
  margin-top: 5px;
  padding-left: 34px;
  font-size: .71rem;
  font-weight: 700;
  display: flex;
}

.gc-cr-plan {
  flex-direction: column;
  gap: 7px;
  margin-top: 8px;
  padding-left: 34px;
  display: flex;
}

.gc-cr-plan-b {
  border-left: 3px solid var(--gc-primary);
  background: var(--gc-primary-bg);
  border-radius: 0 var(--gc-radius-sm) var(--gc-radius-sm) 0;
  color: var(--gc-text);
  padding: 7px 11px;
  font-size: .78rem;
  line-height: 1.7;
}

.gc-cr-plan-b.gc-dm {
  border-left-color: var(--gc-warning);
  background: var(--gc-warning-bg);
}

.gc-cr-plan-k {
  color: var(--gc-primary-ink);
  align-items: center;
  gap: 5px;
  margin-bottom: 2px;
  font-size: .75rem;
  font-weight: 700;
  display: flex;
}

.gc-cr-plan-b.gc-dm .gc-cr-plan-k {
  color: var(--gc-warning-ink);
}

.gc-cr-plan-k i {
  font-size: .9rem;
}

.gc-cr-item-acts {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
  padding-left: 34px;
  display: flex;
}

.gc-cr-mini {
  border-radius: var(--gc-radius-sm);
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  cursor: pointer;
  align-items: center;
  gap: 4px;
  padding: 5px 12px;
  font-family: inherit;
  font-size: .71rem;
  font-weight: 700;
  transition: all .15s;
  display: inline-flex;
}

.gc-cr-mini:hover:not(:disabled) {
  border-color: var(--gc-primary);
  color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-cr-mini:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.gc-cr-mini.wait:disabled {
  opacity: 1;
  color: var(--gc-text-secondary);
  cursor: not-allowed;
  border-style: dashed;
}

.gc-ar-btn .gc-cr-wait {
  color: inherit;
}

.gc-ar-btn:disabled {
  cursor: not-allowed;
}

.gc-ar-btn.wait:disabled {
  opacity: 1;
  border-style: dashed;
}

.gc-ar-btn.outline.wait:disabled:hover {
  border-color: var(--gc-hairline);
  color: var(--gc-text-secondary);
  background: none;
  transform: none;
}

.gc-ar-btn.primary:disabled:hover {
  background: var(--gc-primary);
  transform: none;
  box-shadow: 0 2px 8px #4e6af040;
}

.gc-ar-btn.outline:disabled:hover {
  border-color: var(--gc-hairline);
  color: var(--gc-text-secondary);
  background: none;
}

.gc-ar-btn.gc-danger:hover:not(:disabled) {
  border-color: var(--gc-danger);
  color: var(--gc-danger-ink);
  background: none;
}

.gc-cr-wait {
  color: var(--gc-warning-ink);
  white-space: nowrap;
  font-size: max(.75rem, 1em);
  font-weight: 800;
}

.gc-cr-mini.go {
  border-color: var(--gc-success);
  color: var(--gc-success);
}

.gc-cr-mini.go:hover:not(:disabled) {
  background: var(--gc-success);
  color: #fff;
}

.gc-cr-mini.no:hover:not(:disabled) {
  border-color: var(--gc-danger);
  color: var(--gc-danger);
  background: #ea54550d;
}

.gc-cr-risk {
  border-radius: var(--gc-radius-md);
  background: #ea545512;
  border: 1.5px solid #ea54554d;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 14px;
  padding: 12px 14px;
  display: flex;
}

.gc-cr-risk i {
  color: var(--gc-danger);
  flex-shrink: 0;
  margin-top: 1px;
  font-size: 1.05rem;
}

.gc-cr-risk-t {
  color: var(--gc-danger);
  margin-bottom: 3px;
  font-size: .78rem;
  font-weight: 800;
}

.gc-cr-risk-d {
  color: var(--gc-text-secondary);
  font-size: .73rem;
  line-height: 1.6;
}

.gc-cr-act {
  border: 1.5px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  background: var(--gc-surface);
  margin-bottom: 10px;
  transition: border-color .16s;
  overflow: hidden;
}

.gc-cr-act.on {
  border-color: var(--gc-primary);
}

.gc-cr-act-h {
  cursor: pointer;
  align-items: flex-start;
  gap: 10px;
  padding: 13px 15px;
  display: flex;
}

.gc-cr-act.on .gc-cr-act-h {
  border-bottom: 1px solid var(--gc-hairline);
}

.gc-cr-chk {
  border: 2px solid var(--gc-hairline);
  color: #0000;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 19px;
  height: 19px;
  margin-top: 1px;
  font-size: .62rem;
  transition: all .16s;
  display: flex;
}

.gc-cr-act.on .gc-cr-chk {
  background: var(--gc-primary);
  border-color: var(--gc-primary);
  color: #fff;
}

.gc-cr-act-t {
  color: var(--gc-text);
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  font-size: .81rem;
  font-weight: 800;
  display: flex;
}

.gc-cr-act-d {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .72rem;
  line-height: 1.55;
}

.gc-cr-act-b {
  background: var(--gc-canvas);
  padding: 14px 15px;
  display: none;
}

.gc-cr-act.wait {
  border-style: dashed;
}

.gc-cr-act.wait .gc-cr-act-h {
  cursor: not-allowed;
}

.gc-cr-act.wait .gc-cr-act-b, .gc-cr-act.on .gc-cr-act-b {
  display: block;
}

.gc-cr-pill {
  border-radius: var(--gc-radius-full);
  padding: 1px 8px;
  font-size: .75rem;
  font-weight: 800;
}

.gc-cr-pill.pub {
  color: var(--gc-success);
  background: #28c76f24;
}

.gc-cr-pill.dm {
  color: var(--gc-primary);
  background: #4e6af021;
}

.gc-cr-pill.risk {
  color: var(--gc-danger);
  background: #ea54551f;
}

.gc-cr-vars {
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin-bottom: 9px;
  display: flex;
}

.gc-cr-var {
  border-radius: var(--gc-radius-sm);
  border: 1.5px solid var(--gc-hairline);
  background: var(--gc-surface);
  width: 32px;
  height: 30px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 800;
  transition: all .15s;
  position: relative;
}

.gc-cr-var:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary);
}

.gc-cr-var.on {
  background: var(--gc-primary);
  border-color: var(--gc-primary);
  color: #fff;
}

.gc-cr-var.add {
  border-style: dashed;
  font-weight: 600;
}

.gc-cr-var-hint {
  color: var(--gc-text-muted);
  margin-left: 4px;
  font-size: .68rem;
  line-height: 1.45;
}

.gc-cr-var-stat {
  color: var(--gc-success);
  margin-left: auto;
  font-size: .62rem;
  font-weight: 700;
}

.gc-cr-feed {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  overflow: hidden;
}

.gc-cr-feed-h {
  border-bottom: 1px solid var(--gc-hairline);
  align-items: center;
  gap: 8px;
  padding: 11px 13px;
  display: flex;
}

.gc-cr-feed-ava {
  color: #fff;
  background: linear-gradient(135deg, #4e6af0, #6b83f5);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: .62rem;
  font-weight: 800;
  display: flex;
}

.gc-cr-feed-n {
  color: var(--gc-text);
  font-size: .76rem;
  font-weight: 700;
}

.gc-cr-feed-m {
  color: var(--gc-text-muted);
  font-size: .63rem;
}

.gc-cr-feed-img {
  object-fit: cover;
  width: 100%;
  height: 112px;
  display: block;
}

.gc-cr-feed-body {
  background: var(--gc-canvas);
  padding: 12px 13px;
}

.gc-cr-cmt {
  gap: 8px;
  margin-bottom: 10px;
  display: flex;
}

.gc-cr-cmt:last-child {
  margin-bottom: 0;
}

.gc-cr-cmt-ava {
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: .58rem;
  font-weight: 800;
  display: flex;
}

.gc-cr-cmt-b {
  flex: 1;
  min-width: 0;
}

.gc-cr-cmt-bub {
  background: var(--gc-surface);
  border-radius: 14px;
  max-width: 100%;
  padding: 7px 12px;
  display: inline-block;
}

.gc-cr-cmt-n {
  color: var(--gc-text);
  font-size: .7rem;
  font-weight: 800;
}

.gc-cr-cmt-t {
  color: var(--gc-text);
  word-break: break-word;
  margin-top: 1px;
  font-size: .74rem;
  line-height: 1.5;
}

.gc-cr-cmt-meta {
  color: var(--gc-text-muted);
  gap: 9px;
  margin-top: 3px;
  padding-left: 11px;
  font-size: .63rem;
  display: flex;
}

.gc-cr-cmt.reply {
  margin-left: 30px;
}

.gc-cr-cmt.reply .gc-cr-cmt-bub {
  background: var(--gc-primary-bg);
}

.gc-cr-mention {
  color: var(--gc-primary);
  font-weight: 700;
}

.gc-cr-auto-tag {
  color: #7c5cff;
  border-radius: var(--gc-radius-full);
  background: #7c5cff1f;
  align-items: center;
  gap: 3px;
  margin-left: 5px;
  padding: 1px 6px;
  font-size: .58rem;
  font-weight: 800;
  display: inline-flex;
}

.gc-cr-dm {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  margin-top: 12px;
  overflow: hidden;
}

.gc-cr-dm-h {
  border-bottom: 1px solid var(--gc-hairline);
  color: var(--gc-text-muted);
  text-transform: uppercase;
  letter-spacing: .5px;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  font-size: .68rem;
  font-weight: 800;
  display: flex;
}

.gc-cr-dm-b {
  background: var(--gc-canvas);
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  display: flex;
}

.gc-cr-dry {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  margin-top: 12px;
  overflow: hidden;
}

.gc-cr-dry-h {
  border-bottom: 1px solid var(--gc-hairline);
  background: var(--gc-canvas);
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  padding: 13px 15px;
  display: flex;
}

.gc-cr-dry-n {
  color: var(--gc-text);
  font-size: .85rem;
  font-weight: 800;
}

.gc-cr-dry-s {
  color: var(--gc-text-secondary);
  font-size: .71rem;
}

.gc-cr-dry-list {
  max-height: 290px;
  overflow-y: auto;
}

.gc-cr-dry-row {
  border-bottom: 1px solid var(--gc-hairline);
  align-items: flex-start;
  gap: 9px;
  padding: 10px 15px;
  display: flex;
}

.gc-cr-dry-row:last-child {
  border-bottom: none;
}

.gc-cr-dry-row.risk {
  background: #ea54550d;
}

.gc-cr-dry-ic {
  border-radius: 7px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-top: 1px;
  font-size: .7rem;
  display: flex;
}

.gc-cr-dry-ic.ok {
  color: var(--gc-success);
  background: #28c76f21;
}

.gc-cr-dry-ic.no {
  color: var(--gc-danger);
  background: #ea545521;
}

.gc-cr-dry-ic.skip {
  background: var(--gc-canvas);
  color: var(--gc-text-muted);
}

.gc-cr-dry-txt {
  color: var(--gc-text);
  font-size: .76rem;
  line-height: 1.55;
}

.gc-cr-dry-why {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .67rem;
}

.gc-rb-overlay {
  z-index: 1300;
  background: var(--gc-canvas);
  flex-direction: column;
  display: none;
  position: fixed;
  inset: 0;
}

.gc-rb-overlay.open {
  display: flex;
}

.gc-rb-top {
  background: var(--gc-surface);
  border-bottom: 1px solid var(--gc-hairline);
  flex-shrink: 0;
  align-items: center;
  gap: 14px;
  height: 60px;
  padding: 0 20px;
  display: flex;
}

.gc-rb-close {
  border-radius: var(--gc-radius-md);
  background: var(--gc-canvas);
  width: 34px;
  height: 34px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  transition: all .15s;
  display: flex;
}

.gc-rb-close:hover {
  background: var(--gc-hairline);
  color: var(--gc-text);
}

.gc-rb-title {
  color: var(--gc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .9rem;
  font-weight: 800;
  overflow: hidden;
}

.gc-rb-title-sub {
  color: var(--gc-text-secondary);
  font-size: .68rem;
  font-weight: 500;
}

.gc-rb-steps {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  gap: 3px;
  margin-bottom: 20px;
  padding: 4px;
  display: flex;
  overflow-x: auto;
}

.gc-rb-steps::-webkit-scrollbar {
  display: none;
}

.gc-rb-step {
  border-radius: var(--gc-radius-md);
  min-width: 98px;
  color: var(--gc-text-secondary);
  white-space: nowrap;
  transition: all .18s var(--gc-ease);
  cursor: pointer;
  background: none;
  border: none;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 9px 10px;
  font-family: inherit;
  font-size: .78rem;
  font-weight: 700;
  display: inline-flex;
}

.gc-rb-step:hover {
  color: var(--gc-text);
}

.gc-rb-step-n {
  background: var(--gc-surface);
  border: 1.5px solid var(--gc-hairline-hover);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 19px;
  height: 19px;
  font-size: .62rem;
  font-weight: 800;
  transition: all .2s;
  display: flex;
}

.gc-rb-step.done .gc-rb-step-n {
  background: var(--gc-success);
  border-color: var(--gc-success);
  color: #fff;
}

.gc-rb-step.active {
  background: var(--gc-surface);
  color: var(--gc-text);
  box-shadow: var(--gc-shadow-sm);
  font-weight: 800;
}

.gc-rb-step.active .gc-rb-step-n {
  background: var(--gc-primary);
  border-color: var(--gc-primary);
  color: #fff;
}

.gc-rb-step-sep {
  display: none;
}

.gc-rb-top-acts {
  flex-shrink: 0;
  gap: 7px;
  margin-left: auto;
  display: flex;
}

.gc-rb-body {
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.gc-rb-pane {
  flex: 1;
  min-width: 0;
  padding: 24px 28px 34px;
  overflow-y: auto;
}

.gc-rb-pane-inner {
  max-width: 720px;
  margin: 0 auto;
}

.gc-rb-panel {
  display: none;
}

.gc-rb-panel.active {
  animation: .26s ixFi;
  display: block;
}

.gc-rb-h {
  color: var(--gc-text);
  margin-bottom: 4px;
  font-size: 1.12rem;
  font-weight: 800;
}

.gc-rb-h-sub {
  color: var(--gc-text-secondary);
  margin-bottom: 22px;
  font-size: .82rem;
  line-height: 1.6;
}

.gc-rb-sec-t {
  color: var(--gc-text);
  align-items: center;
  gap: 7px;
  margin: 22px 0 4px;
  font-size: .78rem;
  font-weight: 800;
  display: flex;
}

.gc-rb-sec-t:first-child {
  margin-top: 0;
}

.gc-rb-sec-help {
  color: var(--gc-text-secondary);
  margin-bottom: 11px;
  font-size: .73rem;
  line-height: 1.6;
}

.gc-rb-tpl-grid {
  grid-template-columns: repeat(auto-fill, minmax(228px, 1fr));
  gap: 12px;
  display: grid;
}

.gc-rb-tpl {
  background: var(--gc-surface);
  border: 1.5px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  cursor: pointer;
  transition: all .18s var(--gc-ease);
  text-align: left;
  padding: 15px;
  font-family: inherit;
  position: relative;
}

.gc-rb-tpl:hover {
  border-color: var(--gc-primary);
  box-shadow: var(--gc-shadow-md);
  transform: translateY(-2px);
}

.gc-rb-tpl.sel {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-rb-tpl.sel:after {
  content: "✓";
  background: var(--gc-primary);
  color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
  display: flex;
  position: absolute;
  top: 11px;
  right: 11px;
}

.gc-rb-tpl-ic {
  color: #fff;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 11px;
  font-size: 1.15rem;
  display: flex;
}

.gc-rb-tpl-n {
  color: var(--gc-text);
  margin-bottom: 3px;
  font-size: .85rem;
  font-weight: 800;
}

.gc-rb-tpl-d {
  color: var(--gc-text-secondary);
  font-size: .73rem;
  line-height: 1.55;
}

.gc-rb-tpl-tag {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 3px;
  margin-top: 9px;
  padding: 2px 8px;
  font-size: .62rem;
  font-weight: 700;
  display: inline-flex;
}

.gc-rb-tpl-tag.hot {
  color: var(--gc-warning);
  background: #ff9f4324;
}

.gc-rb-field {
  margin-bottom: 16px;
}

.gc-rb-label {
  color: var(--gc-text);
  align-items: center;
  gap: 6px;
  margin-bottom: 5px;
  font-size: .76rem;
  font-weight: 700;
  display: flex;
}

.gc-rb-label .gc-rb-opt {
  color: var(--gc-text-secondary);
  font-size: .7rem;
  font-weight: 500;
}

.gc-rb-input, .gc-rb-select, .gc-rb-area {
  border-radius: var(--gc-radius-md);
  border: 1.5px solid var(--gc-hairline);
  background: var(--gc-surface);
  width: 100%;
  color: var(--gc-text);
  outline: none;
  padding: 10px 13px;
  font-family: inherit;
  font-size: .83rem;
  transition: all .18s;
}

.gc-rb-input:focus, .gc-rb-select:focus, .gc-rb-area:focus {
  border-color: var(--gc-primary);
  box-shadow: 0 0 0 3px #4e6af01a;
}

.gc-rb-area {
  resize: vertical;
  min-height: 92px;
  line-height: 1.65;
}

.gc-rb-help {
  color: var(--gc-text-secondary);
  margin-top: 5px;
  font-size: .7rem;
  line-height: 1.55;
}

.gc-rb-help.warn {
  color: var(--gc-warning-ink);
}

.gc-rb-choices {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.gc-rb-choice {
  border-radius: var(--gc-radius-md);
  border: 1.5px solid var(--gc-hairline);
  background: var(--gc-surface);
  cursor: pointer;
  text-align: left;
  align-items: flex-start;
  gap: 11px;
  width: 100%;
  padding: 13px 15px;
  font-family: inherit;
  transition: all .16s;
  display: flex;
}

.gc-rb-choice:hover {
  border-color: var(--gc-hairline-hover);
  background: var(--gc-surface-hover);
}

.gc-rb-choice.sel {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-rb-radio {
  border: 2px solid var(--gc-hairline);
  border-radius: 50%;
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  margin-top: 1px;
  transition: all .16s;
  position: relative;
}

.gc-rb-choice.sel .gc-rb-radio {
  border-color: var(--gc-primary);
  border-width: 5px;
}

.gc-rb-choice-t {
  color: var(--gc-text);
  font-size: .8rem;
  font-weight: 700;
  display: block;
}

.gc-rb-choice-d {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .75rem;
  line-height: 1.55;
  display: block;
}

.gc-rb-kw-box {
  border-radius: var(--gc-radius-md);
  border: 1.5px solid var(--gc-hairline);
  background: var(--gc-surface);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-height: 46px;
  padding: 9px 11px;
  transition: all .18s;
  display: flex;
}

.gc-rb-kw-box:focus-within {
  border-color: var(--gc-primary);
  box-shadow: 0 0 0 3px #4e6af01a;
}

.gc-rb-kw {
  border-radius: var(--gc-radius-full);
  background: var(--gc-primary-bg);
  color: var(--gc-primary);
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  font-size: .74rem;
  font-weight: 700;
  display: inline-flex;
}

.gc-rb-kw button {
  color: inherit;
  cursor: pointer;
  opacity: .65;
  background: none;
  border: none;
  padding: 0;
  font-size: .7rem;
  display: flex;
}

.gc-rb-kw button:hover {
  opacity: 1;
}

.gc-rb-kw-input {
  min-width: 110px;
  color: var(--gc-text);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: 3px 0;
  font-family: inherit;
  font-size: .8rem;
}

.gc-rb-chs {
  grid-template-columns: repeat(auto-fill, minmax(146px, 1fr));
  gap: 8px;
  display: grid;
}

.gc-rb-ch {
  border-radius: var(--gc-radius-md);
  border: 1.5px solid var(--gc-hairline);
  background: var(--gc-surface);
  cursor: pointer;
  text-align: left;
  align-items: center;
  gap: 9px;
  padding: 11px 13px;
  font-family: inherit;
  transition: all .16s;
  display: flex;
}

.gc-rb-ch:hover {
  border-color: var(--gc-hairline-hover);
}

.gc-rb-ch.sel {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-rb-ch-logo {
  color: #fff;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: .8rem;
  display: flex;
}

.gc-rb-ch-n {
  color: var(--gc-text);
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.45;
}

.gc-rb-ch-chk {
  border: 1.5px solid var(--gc-hairline);
  color: #0000;
  border-radius: 5px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 17px;
  height: 17px;
  margin-left: auto;
  font-size: .6rem;
  transition: all .16s;
  display: flex;
}

.gc-rb-ch.sel .gc-rb-ch-chk {
  background: var(--gc-primary);
  border-color: var(--gc-primary);
  color: #fff;
}

.gc-rb-build {
  display: block;
}

.gc-rb-canvas {
  min-width: 0;
}

.gc-rb-blocks {
  flex-direction: column;
  gap: 10px;
  margin-bottom: 12px;
  display: flex;
}

.gc-rb-block {
  background: var(--gc-surface);
  border: 1.5px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  transition: border-color .16s;
  overflow: hidden;
}

.gc-rb-block:hover {
  border-color: var(--gc-hairline-hover);
}

.gc-rb-block.focus {
  border-color: var(--gc-primary);
  box-shadow: 0 0 0 3px #4e6af014;
}

.gc-rb-bh {
  background: var(--gc-canvas);
  border-bottom: 1px solid var(--gc-hairline);
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  display: flex;
}

.gc-rb-bh-ic {
  color: #fff;
  border-radius: 7px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: .78rem;
  display: flex;
}

.gc-rb-bh-n {
  color: var(--gc-text);
  flex: 1;
  min-width: 0;
  font-size: .74rem;
  font-weight: 800;
}

.gc-rb-bh-acts {
  flex-shrink: 0;
  gap: 1px;
  display: flex;
}

.gc-rb-bh-btn {
  width: 26px;
  height: 26px;
  color: var(--gc-text-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-size: .78rem;
  transition: all .15s;
  display: flex;
}

.gc-rb-bh-btn:hover {
  background: var(--gc-primary-bg);
  color: var(--gc-primary);
}

.gc-rb-bh-btn.del:hover {
  color: var(--gc-danger);
  background: #ea54551a;
}

.gc-rb-bh-drag {
  cursor: grab;
  color: var(--gc-text-muted);
  flex-shrink: 0;
  font-size: .85rem;
}

.gc-rb-bb {
  padding: 12px;
}

.gc-rb-vars {
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
  display: flex;
}

.gc-rb-var {
  border-radius: var(--gc-radius-full);
  border: 1px dashed var(--gc-hairline);
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  cursor: pointer;
  align-items: center;
  gap: 4px;
  padding: 3px 9px;
  font-family: inherit;
  font-size: .68rem;
  font-weight: 600;
  transition: all .15s;
  display: inline-flex;
}

.gc-rb-var:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary);
  background: var(--gc-primary-bg);
  border-style: solid;
}

.gc-rb-count {
  color: var(--gc-text-secondary);
  text-align: right;
  margin-top: 5px;
  font-size: .66rem;
}

.gc-rb-count.over {
  color: var(--gc-danger);
  font-weight: 700;
}

.gc-rb-drop {
  border: 1.5px dashed var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  text-align: center;
  cursor: pointer;
  background: var(--gc-canvas);
  padding: 22px;
  transition: all .18s;
}

.gc-rb-drop:hover {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-rb-drop i {
  color: var(--gc-text-muted);
  margin-bottom: 7px;
  font-size: 1.5rem;
  display: block;
}

.gc-rb-drop-t {
  color: var(--gc-text);
  font-size: .78rem;
  font-weight: 700;
}

.gc-rb-drop-d {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .68rem;
}

.gc-rb-thumb {
  border-radius: var(--gc-radius-md);
  background: var(--gc-canvas);
  position: relative;
  overflow: hidden;
}

.gc-rb-thumb img {
  object-fit: cover;
  width: 100%;
  max-height: 190px;
  display: block;
}

.gc-rb-thumb-x {
  color: #fff;
  cursor: pointer;
  background: #0000008c;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: .75rem;
  display: flex;
  position: absolute;
  top: 7px;
  right: 7px;
}

.gc-rb-thumb-x:hover {
  background: #000000bf;
}

.gc-rb-prod {
  border-radius: var(--gc-radius-md);
  border: 1px solid var(--gc-hairline);
  background: var(--gc-canvas);
  align-items: center;
  gap: 10px;
  padding: 9px;
  display: flex;
}

.gc-rb-prod img {
  object-fit: cover;
  border-radius: 9px;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
}

.gc-rb-prod-n {
  color: var(--gc-text);
  font-size: .78rem;
  font-weight: 700;
}

.gc-rb-prod-p {
  color: var(--gc-primary);
  margin-top: 1px;
  font-size: .74rem;
  font-weight: 700;
}

.gc-rb-btn-row {
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
  display: flex;
}

.gc-rb-btn-row:last-child {
  margin-bottom: 0;
}

.gc-rb-btn-row .gc-rb-input {
  flex: 1;
}

.gc-rb-mini {
  border: 1.5px solid var(--gc-hairline);
  background: var(--gc-surface);
  width: 32px;
  height: 32px;
  color: var(--gc-text-muted);
  cursor: pointer;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .8rem;
  transition: all .15s;
  display: flex;
}

.gc-rb-mini:hover {
  border-color: var(--gc-danger);
  color: var(--gc-danger);
}

.gc-rb-add-inline {
  border-radius: var(--gc-radius-md);
  border: 1.5px dashed var(--gc-hairline);
  width: 100%;
  color: var(--gc-text-secondary);
  cursor: pointer;
  background: none;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-top: 8px;
  padding: 8px;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 700;
  transition: all .16s;
  display: flex;
}

.gc-rb-add-inline:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-rb-palette {
  background: var(--gc-surface);
  border: 1.5px dashed var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  padding: 13px;
}

.gc-rb-palette-t {
  color: var(--gc-text-secondary);
  margin-bottom: 10px;
  font-size: .72rem;
  font-weight: 800;
}

.gc-rb-pal-grid {
  grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
  gap: 7px;
  display: grid;
}

.gc-rb-pal {
  border-radius: var(--gc-radius-md);
  border: 1px solid var(--gc-hairline);
  background: var(--gc-canvas);
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 11px 7px;
  font-family: inherit;
  transition: all .16s;
  display: flex;
}

.gc-rb-pal:hover {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
  transform: translateY(-1px);
}

.gc-rb-pal i {
  color: var(--gc-primary);
  font-size: 1.1rem;
}

.gc-rb-pal span {
  color: var(--gc-text);
  font-size: .68rem;
  font-weight: 700;
}

.gc-rb-preview {
  border-left: 1px solid var(--gc-hairline-hover);
  background: var(--gc-canvas);
  flex-direction: column;
  flex-shrink: 0;
  gap: 10px;
  width: 390px;
  min-width: 390px;
  padding: 13px 13px 14px;
  display: flex;
  overflow-y: auto;
}

.gc-rb-pv-head {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  padding: 0 3px;
  display: flex;
}

.gc-rb-pv-t {
  letter-spacing: .2px;
  color: var(--gc-text-secondary);
  white-space: nowrap;
  align-items: center;
  gap: 5px;
  font-size: .68rem;
  font-weight: 800;
  display: flex;
}

.gc-rb-pv-t i {
  color: var(--gc-primary);
  font-size: .85rem;
}

.gc-rb-pv-tabs {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-full);
  flex-shrink: 0;
  gap: 3px;
  padding: 2px;
  display: flex;
}

.gc-rb-pv-tab {
  border-radius: var(--gc-radius-full);
  cursor: pointer;
  width: 26px;
  height: 24px;
  color: var(--gc-text-muted);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  transition: all .15s;
  display: flex;
}

.gc-rb-pv-tab.on {
  background: var(--gc-canvas);
  box-shadow: var(--gc-shadow-xs);
}

.gc-rb-phone {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-lg);
  box-shadow: var(--gc-shadow-md);
  flex-direction: column;
  flex: 1;
  min-height: 300px;
  display: flex;
  overflow: hidden;
}

.gc-rb-phone-bar {
  border-bottom: 1px solid var(--gc-hairline-hover);
  background: linear-gradient(180deg,var(--gc-primary-bg),transparent);
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  padding: 11px 14px;
  display: flex;
}

.gc-rb-phone-ava {
  color: #fff;
  background: linear-gradient(135deg, #4e6af0, #6b83f5);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: .62rem;
  font-weight: 800;
  display: flex;
}

.gc-rb-phone-n {
  color: var(--gc-text);
  font-size: .76rem;
  font-weight: 700;
}

.gc-rb-phone-s {
  color: var(--gc-text-secondary);
  font-size: .62rem;
}

.gc-rb-phone-body {
  background: var(--gc-canvas);
  background-image: radial-gradient(var(--gc-hairline-hover) 1px,transparent 1px);
  background-size: 15px 15px;
  flex-direction: column;
  flex: 1;
  gap: 7px;
  min-height: 0;
  padding: 14px 13px;
  display: flex;
  overflow-y: auto;
}

.gc-rb-pv-cust {
  background: var(--gc-primary);
  color: #fff;
  border: 1px solid var(--gc-primary-ink);
  border-radius: 15px 15px 4px;
  align-self: flex-end;
  max-width: 78%;
  padding: 8px 12px;
  font-size: .76rem;
  line-height: 1.55;
  box-shadow: 0 2px 7px #4e6af03d;
}

.gc-rb-pv-bot {
  background: var(--gc-surface);
  max-width: 82%;
  color: var(--gc-text);
  border: 1px solid var(--gc-hairline-hover);
  box-shadow: var(--gc-bubble-shadow);
  white-space: pre-wrap;
  word-break: break-word;
  border-radius: 15px 15px 15px 4px;
  align-self: flex-start;
  padding: 9px 13px;
  font-size: .76rem;
  line-height: 1.6;
}

.gc-rb-pv-img {
  max-width: 82%;
  box-shadow: var(--gc-bubble-shadow);
  border-radius: 15px 15px 15px 4px;
  align-self: flex-start;
  overflow: hidden;
}

.gc-rb-pv-card {
  background: var(--gc-surface);
  max-width: 82%;
  box-shadow: var(--gc-bubble-shadow);
  border-radius: 15px;
  align-self: flex-start;
  overflow: hidden;
}

.gc-rb-pv-card img {
  object-fit: cover;
  width: 100%;
  height: 118px;
  display: block;
}

.gc-rb-pv-card-b {
  padding: 10px 12px;
}

.gc-rb-pv-card-t {
  color: var(--gc-text);
  font-size: .76rem;
  font-weight: 800;
}

.gc-rb-pv-card-p {
  color: var(--gc-primary);
  margin-top: 2px;
  font-size: .74rem;
  font-weight: 800;
}

.gc-rb-pv-card-d {
  color: var(--gc-text-secondary);
  margin-top: 3px;
  font-size: .68rem;
  line-height: 1.5;
}

.gc-rb-pv-btns {
  border-top: 1px solid var(--gc-hairline);
}

.gc-rb-pv-btn {
  text-align: center;
  width: 100%;
  color: var(--gc-primary);
  border-top: 1px solid var(--gc-hairline);
  cursor: pointer;
  background: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding: 9px;
  font-family: inherit;
  font-size: .74rem;
  font-weight: 700;
  display: block;
}

.gc-rb-pv-btn:first-child {
  border-top: none;
}

.gc-rb-pv-qr {
  flex-wrap: wrap;
  align-self: flex-start;
  gap: 5px;
  max-width: 100%;
  margin-top: 2px;
  display: flex;
}

.gc-rb-pv-qr span {
  border-radius: var(--gc-radius-full);
  border: 1.5px solid var(--gc-primary);
  color: var(--gc-primary);
  background: var(--gc-surface);
  white-space: nowrap;
  padding: 5px 12px;
  font-size: .7rem;
  font-weight: 700;
}

.gc-rb-pv-empty {
  text-align: center;
  color: var(--gc-text-secondary);
  margin: auto;
  padding: 20px;
  font-size: .75rem;
  line-height: 1.6;
}

.gc-rb-pv-empty i {
  opacity: .5;
  margin-bottom: 8px;
  font-size: 1.6rem;
  display: block;
}

.gc-rb-pv-note {
  color: var(--gc-text-secondary);
  text-align: center;
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-lg);
  flex-shrink: 0;
  padding: 9px 12px;
  font-size: .66rem;
  line-height: 1.55;
}

.gc-rb-sum {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  margin-bottom: 14px;
  overflow: hidden;
}

.gc-rb-sum-row {
  border-bottom: 1px solid var(--gc-hairline);
  grid-template-columns: 128px 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 12px 15px;
  display: grid;
}

.gc-rb-sum-row:last-child {
  border-bottom: none;
}

.gc-rb-sum-k {
  color: var(--gc-text-secondary);
  font-size: .73rem;
  font-weight: 600;
}

.gc-rb-sum-v {
  color: var(--gc-text);
  min-width: 0;
  font-size: .79rem;
  font-weight: 600;
}

.gc-rb-sum-edit {
  color: var(--gc-primary);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  font-family: inherit;
  font-size: .71rem;
  font-weight: 700;
}

.gc-rb-sum-edit:hover {
  text-decoration: underline;
}

.gc-rb-check {
  border-radius: var(--gc-radius-md);
  align-items: flex-start;
  gap: 9px;
  margin-bottom: 7px;
  padding: 11px 13px;
  font-size: .76rem;
  line-height: 1.6;
  display: flex;
}

.gc-rb-check.ok {
  color: var(--gc-text);
  background: #28c76f12;
}

.gc-rb-check.warn {
  color: var(--gc-text);
  background: #ff9f4317;
}

.gc-rb-check i {
  flex-shrink: 0;
  margin-top: 1px;
  font-size: .95rem;
}

.gc-rb-check.ok i {
  color: var(--gc-success);
}

.gc-rb-check.warn i {
  color: var(--gc-warning);
}

.gc-rb-foot {
  background: var(--gc-surface);
  border-top: 1px solid var(--gc-hairline);
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  padding: 12px 22px;
  display: flex;
}

.gc-rb-foot-note {
  color: var(--gc-text-secondary);
  margin-right: auto;
  font-size: .71rem;
}

.gc-rb-nav {
  border-radius: var(--gc-radius-md);
  border: 1.5px solid var(--gc-hairline);
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  cursor: pointer;
  align-items: center;
  gap: 6px;
  padding: 9px 20px;
  font-family: inherit;
  font-size: .79rem;
  font-weight: 700;
  transition: all .16s;
  display: inline-flex;
}

.gc-rb-nav:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-rb-nav.go {
  background: var(--gc-primary);
  border-color: var(--gc-primary);
  color: #fff;
  box-shadow: 0 2px 8px #4e6af047;
}

.gc-rb-nav.go:hover {
  background: var(--gc-primary-ink);
  border-color: var(--gc-primary-ink);
  color: #fff;
  transform: translateY(-1px);
}

.gc-rb-nav:disabled {
  opacity: .45;
  cursor: not-allowed;
  transform: none;
}

@media (max-width: 1199.98px) {
  .gc-rb-preview {
    width: 330px;
    min-width: 330px;
  }
}

@media (max-width: 991.98px) {
  .gc-rb-body {
    flex-direction: column;
    overflow-y: auto;
  }

  .gc-rb-preview {
    border-left: none;
    border-top: 1px solid var(--gc-hairline-hover);
    flex-shrink: 0;
    width: 100%;
    min-width: 0;
    height: 480px;
  }

  .gc-rb-pane {
    overflow: visible;
  }
}

@media (max-width: 767.98px) {
  .gc-rb-pane {
    padding: 18px 14px 24px;
  }

  .gc-rb-step {
    min-width: 52px;
    padding: 8px 6px;
    font-size: .72rem;
  }

  .gc-rb-step span:not(.gc-rb-step-n) {
    display: none;
  }
}

.gc-pa-main {
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.gc-pa-left {
  flex: 1;
  min-width: 0;
  padding: 24px 28px 40px;
  overflow-y: auto;
}

.gc-pa-left-inner {
  max-width: none;
}

.gc-pa-right {
  border-left: 1px solid var(--gc-hairline-hover);
  background: var(--gc-canvas);
  flex-direction: column;
  flex-shrink: 0;
  gap: 10px;
  width: 390px;
  min-width: 390px;
  padding: 13px 13px 14px;
  display: flex;
}

.gc-pa-sec {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  margin-bottom: 12px;
  overflow: hidden;
}

.gc-pa-sec-h {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: 11px;
  padding: 15px 17px;
  display: flex;
}

.gc-pa-sec-ic {
  color: #fff;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: .95rem;
  display: flex;
}

.gc-pa-sec-t {
  color: var(--gc-text);
  font-size: .86rem;
  font-weight: 800;
}

.gc-pa-sec-d {
  color: var(--gc-text-secondary);
  margin-top: 1px;
  font-size: .72rem;
  line-height: 1.5;
}

.gc-pa-sec-val {
  color: var(--gc-primary);
  white-space: nowrap;
  text-align: right;
  flex-shrink: 0;
  margin-left: auto;
  font-size: .73rem;
  font-weight: 700;
}

.gc-pa-sec-car {
  color: var(--gc-text-muted);
  flex-shrink: 0;
  font-size: .8rem;
  transition: transform .2s;
}

.gc-pa-sec.gc-open .gc-pa-sec-car {
  transform: rotate(90deg);
}

.gc-pa-sec-b {
  border-top: 1px solid var(--gc-hairline);
  padding: 16px 17px 17px;
  display: none;
}

.gc-pa-sec.gc-open .gc-pa-sec-b {
  display: block;
}

.gc-pa-label {
  color: var(--gc-text);
  margin-bottom: 5px;
  font-size: .76rem;
  font-weight: 700;
  line-height: 1.75;
  display: block;
}

.gc-pa-help {
  color: var(--gc-text-secondary);
  margin-top: 5px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-pa-field {
  margin-bottom: 16px;
}

.gc-pa-field:last-child {
  margin-bottom: 0;
}

.gc-pa-in {
  border-radius: var(--gc-radius-md);
  border: 1.5px solid var(--gc-hairline);
  background: var(--gc-surface);
  width: 100%;
  color: var(--gc-text);
  outline: none;
  padding: 9px 12px;
  font-family: inherit;
  font-size: .82rem;
  transition: all .18s;
}

.gc-pa-in:focus {
  border-color: var(--gc-primary);
  box-shadow: 0 0 0 3px #4e6af01a;
}

textarea.gc-pa-in {
  resize: vertical;
  min-height: 74px;
  line-height: 1.75;
}

.gc-pa-id {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.gc-pa-ava-pick {
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  display: flex;
}

.gc-pa-ava {
  color: #fff;
  background: linear-gradient(135deg, #7c5cff, #4e6af0);
  border-radius: 19px;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 62px;
  font-size: 1.7rem;
  display: flex;
}

.gc-pa-emojis {
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
  display: flex;
}

.gc-pa-emoji {
  border: 1.5px solid var(--gc-hairline);
  background: var(--gc-surface);
  cursor: pointer;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  padding: 0;
  font-size: 1rem;
  transition: all .15s;
  display: flex;
}

.gc-pa-emoji:hover {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-pa-emoji.gc-on {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
  box-shadow: 0 0 0 2px #4e6af01f;
}

.gc-pa-presets {
  grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
  gap: 9px;
  display: grid;
}

.gc-pa-preset {
  border: 1.5px solid var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  background: var(--gc-surface);
  cursor: pointer;
  text-align: left;
  transition: all .17s var(--gc-ease);
  padding: 12px;
  font-family: inherit;
  position: relative;
}

.gc-pa-preset:hover {
  border-color: var(--gc-primary);
  box-shadow: var(--gc-shadow-sm);
  transform: translateY(-1px);
}

.gc-pa-preset.gc-on {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-pa-preset.gc-on:after {
  content: "✓";
  background: var(--gc-primary);
  color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: .65rem;
  font-weight: 800;
  line-height: 1;
  display: flex;
  position: absolute;
  top: 9px;
  right: 9px;
}

.gc-pa-preset-e {
  margin-bottom: 7px;
  font-size: 1.15rem;
  line-height: 1;
}

.gc-pa-preset-n {
  color: var(--gc-text);
  font-size: .79rem;
  font-weight: 800;
}

.gc-pa-preset-d {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .68rem;
  line-height: 1.5;
}

.gc-pa-preset-ex {
  color: var(--gc-text-muted);
  border-top: 1px dashed var(--gc-hairline);
  margin-top: 8px;
  padding-top: 8px;
  font-size: .68rem;
  line-height: 1.55;
}

.gc-pa-slider {
  margin-bottom: 18px;
}

.gc-pa-slider:last-child {
  margin-bottom: 0;
}

.gc-pa-sl-top {
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 7px;
  display: flex;
}

.gc-pa-sl-l, .gc-pa-sl-r {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-size: .72rem;
  font-weight: 700;
}

.gc-pa-sl-cur {
  color: var(--gc-primary);
  text-align: center;
  flex: 1;
  min-width: 0;
  font-size: .68rem;
  font-weight: 800;
}

.gc-pa-range {
  appearance: none;
  background: var(--gc-hairline);
  cursor: pointer;
  border-radius: 4px;
  outline: none;
  width: 100%;
  height: 5px;
  margin: 0;
  padding: 0;
}

.gc-pa-range::-webkit-slider-thumb {
  appearance: none;
  background: var(--gc-primary);
  cursor: grab;
  border: 3px solid var(--gc-surface);
  border-radius: 50%;
  width: 19px;
  height: 19px;
  box-shadow: 0 1px 5px #4e6af073;
}

.gc-pa-range::-moz-range-thumb {
  background: var(--gc-primary);
  cursor: grab;
  border: 3px solid var(--gc-surface);
  border-radius: 50%;
  width: 19px;
  height: 19px;
  box-shadow: 0 1px 5px #4e6af073;
}

.gc-pa-seg {
  background: var(--gc-canvas);
  border-radius: var(--gc-radius-md);
  flex-wrap: wrap;
  gap: 4px;
  padding: 3px;
  display: flex;
}

.gc-pa-seg-b {
  border-radius: var(--gc-radius-sm);
  min-width: 76px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  background: none;
  border: none;
  flex: 1;
  padding: 7px 10px;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  transition: all .16s;
}

.gc-pa-seg-b:hover {
  color: var(--gc-text);
}

.gc-pa-seg-b.gc-on {
  background: var(--gc-surface);
  color: var(--gc-primary-ink);
  box-shadow: var(--gc-shadow-xs);
}

.gc-pa-rules {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.gc-pa-rule {
  border-radius: var(--gc-radius-md);
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  align-items: flex-start;
  gap: 9px;
  padding: 9px 12px;
  display: flex;
}

.gc-pa-rule i {
  color: var(--gc-danger);
  flex-shrink: 0;
  margin-top: 2px;
  font-size: .85rem;
}

.gc-pa-rule.gc-ok i {
  color: var(--gc-success);
}

.gc-pa-rule-t {
  min-width: 0;
  color: var(--gc-text);
  flex: 1;
  font-size: .76rem;
  line-height: 1.75;
}

.gc-pa-rule-x {
  width: 26px;
  height: 26px;
  color: var(--gc-text-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 7px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  transition: all .15s;
  display: flex;
}

.gc-pa-rule-x:hover {
  color: var(--gc-danger);
  background: #ea54551a;
}

.gc-pa-add {
  border-radius: var(--gc-radius-md);
  border: 1.5px dashed var(--gc-hairline);
  width: 100%;
  color: var(--gc-primary-ink);
  cursor: pointer;
  background: none;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-top: 7px;
  padding: 9px;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  transition: all .16s;
  display: flex;
}

.gc-pa-add:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary-ink);
  background: var(--gc-primary-bg);
}

.gc-pa-tog {
  border-bottom: 1px solid var(--gc-hairline);
  align-items: flex-start;
  gap: 11px;
  padding: 11px 0;
  display: flex;
}

.gc-pa-tog:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.gc-pa-tog-b {
  flex: 1;
  min-width: 0;
}

.gc-pa-tog-t {
  color: var(--gc-text);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-pa-tog-d {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-pa-pv-cap {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  padding: 0 3px;
  display: flex;
}

.gc-pa-pv-cap-t {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  align-items: center;
  gap: 5px;
  font-size: .75rem;
  font-weight: 800;
  display: flex;
}

.gc-pa-pv-cap-t i {
  color: var(--gc-primary-ink);
  font-size: .85rem;
}

.gc-pa-pv-cap-line {
  background: var(--gc-hairline-hover);
  flex: 1;
  height: 1px;
}

.gc-pa-pv-live {
  border-radius: var(--gc-radius-full);
  color: var(--gc-success-ink);
  white-space: nowrap;
  background: #28c76f17;
  border: 1px solid #28c76f52;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: .75rem;
  font-weight: 800;
  display: inline-flex;
}

.gc-pa-pv-live-dot {
  background: var(--gc-success);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.8s ease-in-out infinite paLive;
}

@keyframes paLive {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .35;
  }
}

.gc-pa-pv-frame {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-lg);
  min-height: 0;
  box-shadow: var(--gc-shadow-md);
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.gc-pa-pv-h {
  border-bottom: 1px solid var(--gc-hairline-hover);
  background: linear-gradient(180deg,var(--gc-primary-bg),transparent);
  flex-shrink: 0;
  align-items: center;
  gap: 9px;
  min-height: 58px;
  padding: 11px 13px;
  display: flex;
}

.gc-pa-pv-ava-w {
  flex-shrink: 0;
  position: relative;
}

.gc-pa-pv-ava-dot {
  background: var(--gc-success);
  border: 2px solid var(--gc-surface);
  border-radius: 50%;
  width: 11px;
  height: 11px;
  position: absolute;
  bottom: -2px;
  right: -2px;
}

.gc-pa-pv-t {
  color: var(--gc-text);
  font-size: .8rem;
  font-weight: 800;
}

.gc-pa-pv-s {
  color: var(--gc-text-muted);
  align-items: center;
  gap: 4px;
  margin-top: 1px;
  font-size: .64rem;
  display: flex;
}

.gc-pa-pv-refresh {
  border-radius: var(--gc-radius-md);
  border: 1px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  width: 32px;
  height: 32px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  transition: all .18s var(--gc-ease);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .95rem;
  display: inline-flex;
}

.gc-pa-pv-refresh:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-pa-pv-body {
  background: var(--gc-canvas);
  background-image: radial-gradient(var(--gc-hairline-hover) 1px,transparent 1px);
  background-size: 15px 15px;
  flex-direction: column;
  flex: 1;
  gap: 9px;
  padding: 13px 12px 16px;
  display: flex;
  overflow-y: auto;
}

.gc-pa-pv-day {
  align-items: center;
  gap: 9px;
  margin-bottom: 2px;
  display: flex;
}

.gc-pa-pv-day:before, .gc-pa-pv-day:after {
  content: "";
  background: var(--gc-hairline-hover);
  flex: 1;
  height: 1px;
}

.gc-pa-pv-day span {
  color: var(--gc-text-muted);
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-full);
  white-space: nowrap;
  padding: 2px 10px;
  font-size: .58rem;
  font-weight: 700;
}

.gc-pa-row {
  align-items: flex-end;
  gap: 7px;
  max-width: 94%;
  display: flex;
}

.gc-pa-row.gc-bot {
  align-self: flex-start;
}

.gc-pa-row.gc-me {
  flex-direction: row-reverse;
  align-self: flex-end;
  max-width: 86%;
}

.gc-pa-row-ava {
  border: 1px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  width: 26px;
  height: 26px;
  box-shadow: var(--gc-shadow-xs);
  border-radius: 9px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .8rem;
  display: flex;
}

.gc-pa-row-ava.gc-ghost {
  box-shadow: none;
  background: none;
  border: none;
}

.gc-pa-time {
  color: var(--gc-text-muted);
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: 3px;
  padding-bottom: 3px;
  font-size: .57rem;
  font-weight: 600;
  display: flex;
}

.gc-pa-time i {
  color: var(--gc-primary);
  font-size: .72rem;
}

.gc-pa-msg-c {
  background: var(--gc-primary);
  color: #fff;
  border: 1px solid var(--gc-primary-ink);
  border-radius: 15px 15px 4px;
  min-width: 0;
  padding: 8px 13px;
  font-size: .78rem;
  line-height: 1.55;
  box-shadow: 0 2px 7px #4e6af03d;
}

.gc-pa-msg-b {
  background: var(--gc-surface);
  min-width: 0;
  color: var(--gc-text);
  border: 1px solid var(--gc-hairline-hover);
  box-shadow: var(--gc-bubble-shadow);
  white-space: pre-wrap;
  border-radius: 15px 15px 15px 4px;
  padding: 9px 13px;
  font-size: .78rem;
  line-height: 1.7;
  animation: .3s ixFi;
}

.gc-pa-msg-b.gc-warn {
  border-left: 3px solid var(--gc-warning);
  border-radius: 12px 15px 15px 4px;
}

.gc-pa-msg-qr {
  flex-wrap: wrap;
  align-self: flex-start;
  gap: 5px;
  margin: -1px 0 0 33px;
  display: flex;
}

.gc-pa-msg-qr span {
  border-radius: var(--gc-radius-full);
  border: 1.5px solid var(--gc-primary);
  color: var(--gc-primary);
  background: var(--gc-surface);
  cursor: default;
  padding: 4px 11px;
  font-size: .69rem;
  font-weight: 700;
  transition: all .15s;
  box-shadow: 0 1px 2px #4e6af01f;
}

.gc-pa-msg-qr span:hover {
  background: var(--gc-primary);
  color: #fff;
}

.gc-pa-pv-compose {
  border-top: 1px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  display: flex;
}

.gc-pa-pv-compose-in {
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  min-width: 0;
  height: 34px;
  color: var(--gc-text-muted);
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  font-size: .72rem;
  font-weight: 500;
  display: flex;
}

.gc-pa-pv-send {
  border-radius: var(--gc-radius-md);
  border: 1px solid var(--gc-primary-ink);
  background: var(--gc-primary);
  color: #fff;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: .9rem;
  display: flex;
  box-shadow: 0 2px 6px #4e6af047;
}

.gc-pa-pv-foot {
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-lg);
  background: var(--gc-surface);
  box-shadow: var(--gc-shadow-xs);
  flex-shrink: 0;
  padding: 10px 12px 11px;
}

.gc-pa-pv-foot-h {
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.gc-pa-pv-foot-t {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  align-items: center;
  gap: 5px;
  font-size: .64rem;
  font-weight: 800;
  display: flex;
}

.gc-pa-pv-foot-t i {
  color: var(--gc-primary);
  font-size: .8rem;
}

.gc-pa-pv-foot-line {
  background: var(--gc-hairline-hover);
  flex: 1;
  height: 1px;
}

.gc-pa-scenarios {
  gap: 5px;
  padding-bottom: 2px;
  padding-right: 58px;
  display: flex;
  overflow-x: auto;
}

.gc-pa-scenarios::-webkit-scrollbar {
  display: none;
}

.gc-pa-scen {
  border-radius: var(--gc-radius-full);
  border: 1.5px solid var(--gc-hairline-hover);
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  white-space: nowrap;
  cursor: pointer;
  flex-shrink: 0;
  padding: 5px 12px;
  font-family: inherit;
  font-size: .69rem;
  font-weight: 700;
  transition: all .15s;
}

.gc-pa-scen:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-pa-scen.gc-on {
  background: var(--gc-primary);
  border-color: var(--gc-primary-ink);
  color: #fff;
  box-shadow: 0 2px 6px #4e6af047;
}

.gc-pa-sum {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-bottom: 14px;
  padding: 11px 14px;
  display: flex;
}

.gc-pa-sum-chip {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 5px;
  padding: 3px 10px;
  font-size: .7rem;
  font-weight: 700;
  display: inline-flex;
}

.gc-pa-sum-chip b {
  color: var(--gc-text);
}

.gc-pa-tabs {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  gap: 3px;
  margin-bottom: 16px;
  padding: 4px;
  display: flex;
  overflow-x: auto;
}

.gc-pa-tabs::-webkit-scrollbar {
  display: none;
}

.gc-pa-tab {
  border-radius: var(--gc-radius-md);
  min-width: 104px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  white-space: nowrap;
  transition: all .18s var(--gc-ease);
  background: none;
  border: none;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: .8rem;
  font-weight: 700;
  display: inline-flex;
}

.gc-pa-tab:hover {
  color: var(--gc-text);
}

.gc-pa-tab.gc-on {
  background: var(--gc-surface);
  color: var(--gc-text);
  box-shadow: var(--gc-shadow-sm);
  font-weight: 800;
}

.gc-pa-tab-b {
  border-radius: var(--gc-radius-full);
  background: var(--gc-warning);
  color: #fff;
  justify-content: center;
  align-items: center;
  min-width: 17px;
  height: 17px;
  padding: 0 5px;
  font-size: .6rem;
  font-weight: 800;
  display: inline-flex;
}

.gc-pa-tab-b.gc-ok {
  background: var(--gc-hairline);
  color: var(--gc-text-muted);
}

.gc-pa-hero {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-left: 3px solid var(--gc-success);
  border-radius: var(--gc-radius-lg);
  align-items: center;
  gap: 13px;
  margin-bottom: 12px;
  padding: 15px 17px;
  display: flex;
}

.gc-pa-hero-ic {
  color: #fff;
  background: linear-gradient(135deg, #7c5cff, #4e6af0);
  border-radius: 13px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 1.2rem;
  display: flex;
}

.gc-pa-hero-t {
  color: var(--gc-text);
  font-size: .86rem;
  font-weight: 800;
}

.gc-pa-hero-d {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .72rem;
  line-height: 1.5;
}

.gc-pa-hero.off {
  border-left-color: var(--gc-text-muted);
}

.gc-pa-card {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-lg);
  margin-bottom: 12px;
  padding: 16px 17px;
}

.gc-pa-card-h {
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  display: flex;
}

.gc-pa-card-t {
  color: var(--gc-text);
  font-size: .84rem;
  font-weight: 800;
}

.gc-pa-card-d {
  color: var(--gc-text-secondary);
  margin-bottom: 13px;
  font-size: .72rem;
  line-height: 1.55;
}

.gc-pa-prog {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  height: 6px;
  margin-bottom: 13px;
  overflow: hidden;
}

.gc-pa-prog-f {
  background: linear-gradient(90deg,var(--gc-primary),var(--gc-primary-light));
  border-radius: var(--gc-radius-full);
  height: 100%;
  transition: width .35s var(--gc-ease);
}

.gc-pa-steps {
  flex-direction: column;
  gap: 7px;
  display: flex;
}

.gc-pa-step {
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  background: var(--gc-canvas);
  cursor: pointer;
  text-align: left;
  width: 100%;
  transition: all .16s var(--gc-ease);
  align-items: center;
  gap: 11px;
  padding: 11px 13px;
  font-family: inherit;
  display: flex;
}

.gc-pa-step:hover {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-pa-step-n {
  border: 1.5px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  width: 24px;
  height: 24px;
  color: var(--gc-text-muted);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .7rem;
  font-weight: 800;
  display: flex;
}

.gc-pa-step.gc-done .gc-pa-step-n {
  background: var(--gc-success);
  border-color: var(--gc-success);
  color: #fff;
}

.gc-pa-step-t {
  color: var(--gc-text);
  font-size: .79rem;
  font-weight: 700;
}

.gc-pa-step-d {
  color: var(--gc-text-secondary);
  margin-top: 1px;
  font-size: .7rem;
  line-height: 1.5;
}

.gc-pa-step.gc-done .gc-pa-step-t {
  color: var(--gc-text-secondary);
}

.gc-pa-step-go {
  color: var(--gc-primary);
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: 3px;
  font-size: .72rem;
  font-weight: 700;
  display: flex;
}

.gc-pa-step.gc-done .gc-pa-step-go {
  color: var(--gc-text-muted);
}

.gc-pa-stats {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 9px;
  display: grid;
}

.gc-pa-stat {
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  background: var(--gc-canvas);
  padding: 12px 13px;
}

.gc-pa-stat-v {
  color: var(--gc-text);
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.2;
}

.gc-pa-stat-l {
  color: var(--gc-text-secondary);
  margin-top: 3px;
  font-size: .68rem;
  line-height: 1.45;
}

.gc-pa-stat-v.gc-good {
  color: var(--gc-success);
}

.gc-pa-stat-v.gc-warn {
  color: var(--gc-warning);
}

.gc-pa-day {
  border-bottom: 1px solid var(--gc-hairline);
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  display: flex;
}

.gc-pa-day:last-child {
  border-bottom: none;
}

.gc-pa-day-n {
  width: 74px;
  color: var(--gc-text);
  flex-shrink: 0;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-pa-day-t {
  color: var(--gc-text-secondary);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-pa-day-t input {
  border-radius: var(--gc-radius-sm);
  border: 1.5px solid var(--gc-hairline);
  background: var(--gc-surface);
  width: 76px;
  color: var(--gc-text);
  outline: none;
  padding: 5px 8px;
  font-family: inherit;
  font-size: .75rem;
}

.gc-pa-day-t input:focus {
  border-color: var(--gc-primary);
}

.gc-pa-day-v {
  border-radius: var(--gc-radius-sm);
  border: 1.5px solid var(--gc-hairline);
  background: var(--gc-canvas);
  min-width: 76px;
  color: var(--gc-text);
  text-align: center;
  padding: 5px 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-block;
}

.gc-pa-ch {
  border-bottom: 1px solid var(--gc-hairline);
  align-items: center;
  gap: 11px;
  padding: 11px 0;
  display: flex;
}

.gc-pa-ch:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.gc-pa-ch-i {
  background: var(--gc-text-secondary);
  color: #fff;
  border-radius: 9px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: .85rem;
  display: flex;
}

.gc-pa-ch-i.gc-line {
  background: #06c755;
}

.gc-pa-ch-i.gc-fb {
  background: #1877f2;
}

.gc-pa-ch-i.gc-ig {
  background: linear-gradient(45deg, #f09433, #dc2743, #bc1888);
}

.gc-pa-ch-n {
  min-width: 0;
  color: var(--gc-text);
  flex: 1;
  font-size: .77rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-pa-ch-s {
  color: var(--gc-text-secondary);
  margin-top: 1px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

@media (max-width: 1199.98px) {
  .gc-pa-right {
    width: 330px;
    min-width: 330px;
  }
}

@media (max-width: 991.98px) {
  .gc-pa-main {
    flex-direction: column;
    overflow-y: auto;
  }

  .gc-pa-right {
    border-left: none;
    border-top: 1px solid var(--gc-hairline-hover);
    flex-shrink: 0;
    width: 100%;
    min-width: 0;
    height: 520px;
    padding: 12px 12px 14px;
  }

  .gc-pa-left {
    padding: 18px 14px 26px;
    overflow: visible;
  }
}

.gc-pa-stat-v.gc-nil {
  color: var(--gc-text-muted);
  font-weight: 700;
}

.gc-pa-pv-compose-live {
  border: 1px solid var(--gc-hairline-hover) !important;
  color: var(--gc-text) !important;
  outline: none !important;
  font-family: inherit !important;
}

.gc-pa-pv-compose-live::placeholder {
  color: var(--gc-text-muted) !important;
}

.gc-pa-pv-compose-live:focus {
  border-color: var(--gc-primary) !important;
}

.gc-pa-pv-compose-live:disabled {
  background: var(--gc-canvas) !important;
  cursor: not-allowed !important;
}

.gc-pa-pv-send:disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
}

.gc-pa-pv-frame {
  min-height: 300px !important;
}

@media (max-width: 991.98px) {
  .gc-pa-pv-body {
    min-height: 220px;
  }
}

.gc-pa-tog .gc-cr-sw {
  margin-top: 2px !important;
  margin-left: 0 !important;
}

.gc-pa-tog input:focus-visible + .gc-cr-sw {
  outline: 2px solid var(--gc-primary) !important;
  outline-offset: 2px !important;
}

.gc-cr-cat-soon {
  color: var(--gc-warning-ink);
  align-items: flex-start;
  gap: 5px;
  font-weight: 600;
  line-height: 1.6;
  display: inline-flex;
}

.gc-cr-cat-soon i {
  flex-shrink: 0;
  margin-top: 2px;
  font-size: .85rem;
}

.gc-ar-channel-n {
  color: var(--gc-text-secondary);
  margin-left: 1px;
  font-size: .62rem;
  font-weight: 700;
}

.gc-ix-date-sep span.gc-ix-cm-note {
  text-align: center;
  max-width: min(92%, 560px);
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--gc-text-secondary) !important;
  font-size: .75rem !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
}

.gc-ix-date-sep span.gc-ix-cm-note > i {
  vertical-align: -2px;
  font-size: .9rem;
}

.gc-ix-date-sep span.gc-ix-cm-note > a {
  color: var(--gc-primary-ink);
  font-weight: 600;
  text-decoration: none;
}

.gc-ix-date-sep span.gc-ix-cm-note > a:hover {
  text-decoration: underline;
}

.gc-ix-date-sep.gc-tk-cline:has( + .gc-tk-cline) {
  margin-bottom: 0 !important;
}

.gc-ix-date-sep.gc-tk-cline + .gc-tk-cline {
  margin-top: 4px !important;
}

.gc-ix-transfer {
  flex-direction: column;
  align-items: flex-end;
  margin: 10px 0;
  display: flex;
}

.gc-ix-transfer-foot {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  padding-inline-end: 4px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ix-transfer-card {
  background: var(--gc-surface);
  border: 1px solid var(--gc-border);
  border-radius: 18px;
  width: min(85%, 260px);
  padding: 10px 14px;
}

.gc-ix-transfer-title {
  color: var(--gc-text);
  font-size: .875rem;
  font-weight: 800;
  line-height: 1.75;
}

.gc-ix-transfer-title > i {
  color: var(--gc-text-secondary);
}

.gc-ix-transfer-line {
  color: var(--gc-text-secondary);
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-ix-fborder-rule {
  border-top: 1px solid var(--gc-border);
  margin: 6px 0;
}

.gc-ix-fborder-row {
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-ix-fborder-row > span:first-child {
  color: var(--gc-text-secondary);
  flex-shrink: 0;
}

.gc-ix-fborder-row > span:last-child {
  color: var(--gc-text-secondary);
  text-align: end;
  min-width: 0;
}

.gc-ix-fborder-row > span.gc-ix-fborder-amount {
  color: var(--gc-text);
  font-weight: 700;
}

.gc-ix-fborder-extra {
  color: var(--gc-text);
  white-space: pre-line;
  margin-top: 2px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-ix-fborder-note {
  color: var(--gc-text-secondary);
  margin-top: 4px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ix-story {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.gc-ix-story-lbl {
  opacity: .85;
  align-items: center;
  gap: 5px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: flex;
}

.gc-ix-story-lbl i {
  flex-shrink: 0;
  font-size: .9rem;
}

.gc-ix-story-media {
  aspect-ratio: 9 / 16;
  object-fit: cover;
  background: var(--gc-canvas);
  border-radius: 12px;
  width: 150px;
  max-width: 100%;
}

.gc-cu-body {
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.gc-cu-side {
  border-left: 1px solid var(--gc-hairline-hover);
  background: var(--gc-canvas);
  flex-direction: column;
  flex-shrink: 0;
  gap: 10px;
  width: 352px;
  min-width: 352px;
  padding: 14px 14px 22px;
  display: flex;
  overflow-y: auto;
}

.gc-cu-side.gc-cu-hidden {
  display: none;
}

.gc-cu-side-x {
  width: 26px;
  height: 26px;
  color: var(--gc-text-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .85rem;
  transition: all .15s;
  display: flex;
}

.gc-cu-side-x:hover {
  background: var(--gc-hairline);
  color: var(--gc-text);
}

.gc-cu-main {
  flex: 1;
  min-width: 0;
  padding: 24px 28px 40px;
  overflow-y: auto;
}

.gc-cu-side .gc-cu-ai {
  margin-bottom: 0;
  padding: 14px 15px;
}

.gc-cu-side .gc-cu-ai-h {
  flex-wrap: wrap;
}

.gc-cu-side .gc-cu-ai-t {
  font-size: .84rem;
  line-height: 1.6;
}

.gc-cu-side .gc-cu-ai-time {
  order: 3;
  width: 100%;
  margin-top: 3px;
  margin-left: 0;
}

.gc-cu-side .gc-cu-ai-row {
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 12px 13px;
}

.gc-cu-side .gc-cu-ai-go {
  flex: 1 0 100%;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-top: 2px;
  display: flex;
}

.gc-cu-kpis {
  grid-template-columns: repeat(auto-fit, minmax(190px, 240px));
  justify-content: start;
  gap: 11px;
  margin-bottom: 14px;
  display: grid;
}

.gc-cu-kpis.gc-cu-kpis-fill {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.gc-cu-kpi {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-lg);
  transition: all .18s var(--gc-ease);
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  display: flex;
}

.gc-cu-kpi:hover {
  border-color: var(--gc-primary);
  box-shadow: var(--gc-shadow-sm);
}

.gc-cu-kpi-ic {
  color: #fff;
  border-radius: 11px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 1rem;
  display: flex;
}

.gc-cu-kpi-v {
  color: var(--gc-text);
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.15;
}

.gc-cu-kpi-l {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cu-kpi-d {
  align-items: center;
  gap: 3px;
  margin-top: 5px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  display: inline-flex;
}

.gc-cu-kpi-d.up {
  color: var(--gc-success-ink);
}

.gc-cu-kpi-d.down {
  color: var(--gc-danger-ink);
}

.gc-cu-kpi-d.flat {
  color: var(--gc-text-secondary);
}

.gc-cu-ai {
  border-radius: var(--gc-radius-lg);
  background: linear-gradient(135deg, #7c5cff0f, #4e6af00a);
  border: 1px solid #7c5cff47;
  margin-bottom: 14px;
  padding: 15px 17px;
}

.gc-cu-ai-h {
  align-items: center;
  gap: 9px;
  margin-bottom: 3px;
  display: flex;
}

.gc-cu-ai-ic {
  color: #fff;
  background: linear-gradient(135deg, #7c5cff, #4e6af0);
  border-radius: 9px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: .9rem;
  display: flex;
}

.gc-cu-ai-t {
  color: var(--gc-text);
  font-size: .85rem;
  font-weight: 800;
}

.gc-cu-ai-time {
  color: var(--gc-text-muted);
  white-space: nowrap;
  margin-left: auto;
  font-size: .75rem;
  font-weight: 600;
}

.gc-cu-ai-d {
  color: var(--gc-text-secondary);
  margin-bottom: 12px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cu-ai-row {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  align-items: center;
  gap: 11px;
  margin-bottom: 7px;
  padding: 11px 13px;
  display: flex;
}

.gc-cu-ai-row:last-of-type {
  margin-bottom: 0;
}

.gc-cu-ai-row-ic {
  border-radius: 9px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: .85rem;
  display: flex;
}

.gc-cu-ai-row-t {
  color: var(--gc-text);
  font-size: .8rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-cu-ai-row-d {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cu-ai-why {
  color: var(--gc-primary-ink);
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: 3px;
  margin-top: 4px;
  padding: 0;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 700;
  display: inline-flex;
}

.gc-cu-ai-why-box {
  color: var(--gc-text-secondary);
  background: var(--gc-canvas);
  border: 1px dashed var(--gc-hairline-hover);
  border-radius: var(--gc-radius-sm);
  margin-top: 7px;
  padding: 8px 10px;
  font-size: .75rem;
  line-height: 1.75;
  display: none;
}

.gc-cu-ai-why-box.on {
  display: block;
}

.gc-cu-ai-go {
  border-radius: var(--gc-radius-full);
  border: 1.5px solid var(--gc-primary);
  background: var(--gc-surface);
  color: var(--gc-primary-ink);
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  padding: 6px 13px;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 700;
  transition: all .15s;
}

.gc-cu-ai-go:hover {
  background: var(--gc-primary);
  color: #fff;
}

.gc-cu-seg-h {
  align-items: center;
  gap: 8px;
  margin-bottom: 9px;
  display: flex;
}

.gc-cu-seg-t {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  align-items: center;
  gap: 5px;
  font-size: .75rem;
  font-weight: 800;
  display: flex;
}

.gc-cu-seg-t i {
  color: var(--gc-primary-ink);
  font-size: .85rem;
}

.gc-cu-seg-line {
  background: var(--gc-hairline-hover);
  flex: 1;
  height: 1px;
}

.gc-cu-segs {
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 16px;
  display: flex;
}

.gc-cu-seg {
  border-radius: var(--gc-radius-full);
  border: 1.5px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  cursor: pointer;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  transition: all .16s;
  display: inline-flex;
}

.gc-cu-seg:disabled {
  cursor: not-allowed;
  border-style: dashed;
}

.gc-cu-seg:hover:not(:disabled) {
  border-color: var(--gc-primary);
  color: var(--gc-primary-ink);
}

.gc-cu-seg.on {
  background: var(--gc-primary);
  border-color: var(--gc-primary-ink);
  color: #fff;
  box-shadow: 0 2px 7px #4e6af042;
}

.gc-cu-seg-n {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  color: var(--gc-text-muted);
  padding: 1px 6px;
  font-size: .66rem;
  font-weight: 800;
}

.gc-cu-seg.on .gc-cu-seg-n {
  color: #fff;
  background: #ffffff38;
}

.gc-cu-seg.ai {
  color: var(--gc-ai-ink);
  border-style: dashed;
  border-color: #7c5cff66;
}

.gc-cu-seg.ai.on {
  color: #fff;
  background: #7c5cff;
  border-style: solid;
  border-color: #6b4be0;
}

.gc-cu-seg-new {
  color: var(--gc-text-secondary);
  border-style: dashed;
}

.gc-cu-sort {
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  color: var(--gc-text);
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239CA3AF' d='M3 5l3 3 3-3'/%3E%3C/svg%3E");
  background-position: right 8px center;
  background-repeat: no-repeat;
  border-radius: 6px;
  outline: none;
  padding: 7px 28px 7px 10px;
  font-family: inherit;
  font-size: .78rem;
  line-height: 1.75;
}

.gc-cu-sort:focus {
  border-color: var(--gc-primary);
}

.gc-cu-tw {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-top: none;
  border-radius: 0 0 8px 8px;
  margin-bottom: 28px;
  overflow: hidden;
}

.gc-cu-scroll {
  overflow-x: auto;
}

.gc-cu-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 720px;
}

.gc-cu-table th {
  text-align: left;
  color: var(--gc-text-secondary);
  border-bottom: 1px solid var(--gc-hairline);
  white-space: nowrap;
  background: #f8f9fb;
  height: 42px;
  padding: 0 16px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

[data-theme="dark"] .gc-cu-table th {
  background: #1a1d30;
}

.gc-cu-table td {
  border-bottom: 1px solid var(--gc-hairline);
  vertical-align: middle;
  height: 64px;
  padding: 12px 16px;
}

.gc-cu-table tbody tr {
  cursor: pointer;
  transition: background .12s;
}

.gc-cu-table tbody tr:hover {
  background: #4e6af005;
}

.gc-cu-table tbody tr:last-child td {
  border-bottom: none;
}

.gc-cu-table tbody tr.sel {
  background: var(--gc-primary-bg);
}

.gc-cu-ck {
  border: 1.5px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  cursor: pointer;
  color: #0000;
  border-radius: 5px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 17px;
  height: 17px;
  font-size: .62rem;
  transition: all .15s;
  display: flex;
}

.gc-cu-ck.on {
  background: var(--gc-primary);
  border-color: var(--gc-primary);
  color: #fff;
}

.gc-cu-who {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.gc-cu-ava {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  position: relative;
}

.gc-cu-avac {
  border-radius: var(--gc-radius-full);
  color: #fff;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: .7rem;
  font-weight: 700;
  display: flex;
}

.gc-cu-name {
  color: var(--gc-text);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
  font-size: .84rem;
  font-weight: 600;
  line-height: 1.75;
  display: flex;
}

.gc-cu-sub {
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 5px;
  font-size: .78rem;
  line-height: 1.75;
  display: flex;
}

.gc-cu-tags {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.gc-cu-chs {
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}

img.gc-cu-ch-logo {
  object-fit: cover;
  width: 22px;
  height: 22px;
  box-shadow: 0 0 0 1.5px var(--gc-surface);
  border-radius: 50%;
  flex-shrink: 0;
}

.gc-cu-chs img.gc-cu-ch-logo + img.gc-cu-ch-logo {
  margin-inline-start: -5px;
}

.gc-cu-ch-none {
  color: var(--gc-text-secondary);
}

.gc-cu-ch-more {
  background: var(--gc-canvas);
  width: 22px;
  height: 22px;
  color: var(--gc-text-secondary);
  box-shadow: 0 0 0 1.5px var(--gc-surface);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-inline-start: -5px;
  font-size: .65rem;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

@media (min-width: 992px) {
  .gc-cu-table .gc-cu-td-ch {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.gc-cu-tag {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  color: var(--gc-text-secondary);
  white-space: nowrap;
  padding: 3px 10px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-cu-tag.vip {
  color: var(--gc-warning-ink);
  background: #ff9f431f;
  border-color: #ff9f434d;
}

.gc-cu-tag.risk {
  color: var(--gc-danger-ink);
  background: #ea54551a;
  border-color: #ea545547;
}

.gc-cu-tag.new {
  color: var(--gc-primary-ink);
  background: #4e6af01a;
  border-color: #4e6af047;
}

.gc-cu-tag.auto {
  color: var(--gc-ai-ink);
  background: #7c5cff0f;
  border-style: dashed;
  border-color: #7c5cff61;
}

.gc-cu-money {
  color: var(--gc-text);
  white-space: nowrap;
  font-size: .84rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-cu-money-s {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.75;
}

.gc-cu-when {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-size: .76rem;
  line-height: 1.75;
}

.gc-cu-when.cold {
  color: var(--gc-danger-ink);
  font-weight: 700;
}

.gc-cu-score {
  min-width: 110px;
}

.gc-cu-score-top {
  align-items: baseline;
  gap: 5px;
  display: flex;
}

.gc-cu-score-v {
  color: var(--gc-text);
  font-size: .88rem;
  font-weight: 700;
}

.gc-cu-score-u {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  font-weight: 500;
}

.gc-cu-score-bar {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  height: 5px;
  margin-top: 4px;
  overflow: hidden;
}

.gc-cu-score-f {
  border-radius: var(--gc-radius-full);
  height: 100%;
}

.gc-cu-score-f.hi {
  background: linear-gradient(90deg,var(--gc-success),#4ade80);
}

.gc-cu-score-f.mid {
  background: linear-gradient(90deg,var(--gc-warning),#ffb976);
}

.gc-cu-score-f.lo {
  background: linear-gradient(90deg,var(--gc-danger),#f58080);
}

.gc-cu-score-r {
  color: var(--gc-text-secondary);
  margin-top: 5px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cu-act {
  align-items: center;
  gap: 4px;
  display: flex;
}

.gc-cu-act-label {
  display: none;
}

.gc-cu-act button {
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  width: 32px;
  height: 32px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-size: .85rem;
  transition: all .15s;
  display: flex;
}

.gc-cu-act button:hover {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-ink);
  border-color: var(--gc-primary);
}

.gc-cu-bulk {
  z-index: 900;
  background: var(--gc-rail-ink);
  color: #fff;
  border-radius: var(--gc-radius-full);
  box-shadow: var(--gc-shadow-lg);
  opacity: 0;
  transition: all .22s var(--gc-ease);
  align-items: center;
  gap: 10px;
  padding: 9px 12px 9px 18px;
  display: none;
  position: fixed;
  bottom: 26px;
  left: 50%;
  transform: translateX(-50%)translateY(14px);
}

.gc-cu-bulk.on {
  opacity: 1;
  display: flex;
  transform: translateX(-50%)translateY(0);
}

.gc-cu-bulk-n {
  white-space: nowrap;
  font-size: .78rem;
  font-weight: 700;
}

.gc-cu-bulk-b {
  border-radius: var(--gc-radius-full);
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  background: #ffffff14;
  border: 1px solid #fff3;
  align-items: center;
  gap: 5px;
  padding: 7px 14px;
  font-family: inherit;
  font-size: .78rem;
  font-weight: 700;
  transition: all .15s;
  display: inline-flex;
}

.gc-cu-bulk-b:hover {
  background: #ffffff2e;
}

.gc-cu-bulk-b.go {
  background: var(--gc-primary);
  border-color: var(--gc-primary);
}

.gc-cu-bulk-x {
  color: #ffffff8c;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.gc-cu-bulk-x:hover {
  color: #fff;
}

.gc-cu-foot {
  background: var(--gc-canvas);
  border-top: 1px solid var(--gc-hairline);
  color: var(--gc-text-secondary);
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  font-size: .76rem;
  display: flex;
}

.gc-cu-foot-n {
  color: var(--gc-text-secondary);
  font-size: .76rem;
  line-height: 1.75;
}

.gc-cu-pgs {
  align-items: center;
  gap: 4px;
  display: flex;
}

.gc-cu-pg {
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  width: 30px;
  height: 30px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-family: inherit;
  font-size: .76rem;
  font-weight: 600;
  transition: all .15s;
  display: flex;
}

.gc-cu-pg:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary-ink);
}

.gc-cu-pg.on {
  background: var(--gc-primary);
  border-color: var(--gc-primary);
  color: #fff;
}

.gc-cu-seg:focus-visible, .gc-cu-sort:focus-visible, .gc-cu-ck:focus-visible, .gc-cu-act button:focus-visible, .gc-cu-pg:focus-visible, .gc-cu-ai-why:focus-visible, .gc-cu-ai-go:focus-visible, .gc-cu-side-x:focus-visible, .gc-cu-bulk-b:focus-visible, .gc-cu-bulk-x:focus-visible, .gc-cu-kpi:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
  box-shadow: var(--gc-focus-ring);
}

.gc-cu-ck {
  position: relative;
}

.gc-cu-ck:after {
  content: "";
  border-radius: 8px;
  position: absolute;
  inset: -5px;
}

.gc-cu-kpi-flat {
  cursor: default;
}

.gc-cu-kpi-flat:hover {
  border-color: var(--gc-hairline-hover);
  box-shadow: none;
}

button.gc-cu-kpi {
  text-align: left;
  cursor: pointer;
  font-family: inherit;
}

[data-theme="dark"] .gc-cu-seg-n {
  background: var(--gc-surface-hover);
}

@media (prefers-reduced-motion: reduce) {
  .gc-pa-pv-live-dot {
    animation: none;
  }

  .gc-cu-bulk {
    transition: none;
  }
}

@media (max-width: 1399.98px) {
  .gc-cu-side {
    width: 310px;
    min-width: 310px;
  }
}

@media (max-width: 1199.98px) {
  .gc-cu-main {
    padding: 20px 18px 34px;
  }
}

@media (max-width: 991.98px) {
  .gc-cu-body {
    flex-direction: column;
    overflow-y: auto;
  }

  .gc-cu-side {
    border-left: none;
    border-top: 1px solid var(--gc-hairline-hover);
    order: 2;
    width: 100%;
    min-width: 0;
    overflow: visible;
  }

  .gc-cu-main {
    padding: 16px 14px 30px;
    overflow: visible;
  }

  .gc-cu-bulk {
    flex-wrap: wrap;
    justify-content: center;
    width: auto;
    left: 14px;
    right: 14px;
    transform: none;
  }

  .gc-cu-bulk.on {
    transform: none;
  }

  .gc-cu-tw {
    background: none;
    border: none;
    overflow: visible;
  }

  .gc-cu-scroll {
    overflow-x: visible;
  }

  .gc-cu-table {
    min-width: 0;
    display: block;
  }

  .gc-cu-table thead {
    display: none;
  }

  .gc-cu-table tbody {
    flex-direction: column;
    gap: 10px;
    display: flex;
  }

  .gc-cu-table tbody tr {
    background: var(--gc-surface);
    border: 1px solid var(--gc-hairline);
    border-radius: var(--gc-radius-lg);
    grid-template-columns: auto 1fr;
    gap: 2px 10px;
    padding: 14px 15px;
    display: grid;
  }

  .gc-cu-table tbody tr:hover {
    background: var(--gc-surface);
  }

  .gc-cu-table tbody tr.sel {
    background: var(--gc-primary-bg);
    border-color: var(--gc-primary);
  }

  .gc-cu-table tbody tr:last-child td {
    border-bottom: none;
  }

  .gc-cu-table td {
    border-bottom: none;
    height: auto;
    padding: 0;
    display: block;
  }

  .gc-cu-table td[data-th="เลือก"] {
    grid-column: 1;
    align-self: start;
    padding-top: 9px;
  }

  .gc-cu-table td[data-th="ลูกค้า"] {
    grid-column: 2;
  }

  .gc-cu-table td:not([data-th="เลือก"]):not([data-th="ลูกค้า"]) {
    grid-column: 1 / -1;
    margin-top: 10px;
  }

  .gc-cu-table td[data-th]:not([data-th="เลือก"]):not([data-th="ลูกค้า"]):before {
    content: attr(data-th);
    color: var(--gc-text-secondary);
    margin-bottom: 3px;
    font-size: .72rem;
    font-weight: 700;
    display: block;
  }

  .gc-cu-table td:empty {
    display: none;
  }

  .gc-cu-score {
    min-width: 0;
  }

  .gc-cu-act {
    gap: 8px;
  }

  .gc-cu-act button {
    border-radius: var(--gc-radius-md);
    flex: 1;
    gap: 7px;
    width: auto;
    height: 44px;
    font-family: inherit;
    font-size: .8rem;
    font-weight: 600;
  }

  .gc-cu-act-label {
    display: inline;
  }

  .gc-cu-kpis, .gc-cu-kpis.gc-cu-kpis-fill {
    grid-template-columns: repeat(2, 1fr);
  }

  .gc-cu-foot {
    background: var(--gc-surface);
    border: 1px solid var(--gc-hairline);
    border-radius: var(--gc-radius-lg);
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
  }
}

.gc-ix-bubble.gc-ix-sp-wrap {
  padding: 8px !important;
}

.gc-ix-sp-col {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.gc-ix-sp-head {
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.7;
  display: flex;
}

.gc-ix-sp-head > i {
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 1rem;
}

.gc-ix-sp-sub {
  color: var(--gc-text-secondary);
  min-width: 0;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ix-bubble.gc-self .gc-ix-sp-sub {
  color: inherit;
}

.gc-ix-sp-code {
  font-family: var(--bs-font-monospace, monospace);
  letter-spacing: 0;
  word-break: break-all;
  margin-top: 4px;
  font-size: .8125rem;
  line-height: 1.7;
}

.gc-ix-sp-btns {
  flex-wrap: wrap;
  gap: 6px;
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.gc-ix-sp-btn {
  border-radius: var(--gc-radius-full);
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  cursor: default;
  max-width: 100%;
  padding: 5px 12px;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.7;
}

.gc-ix-sp-note {
  color: var(--gc-text-secondary);
  align-items: flex-start;
  gap: 5px;
  margin-top: 5px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-ix-sp-note > i {
  flex-shrink: 0;
  margin-top: 3px;
  font-size: .9rem;
}

.gc-ix-bubble.gc-self .gc-ix-sp-note {
  color: inherit;
}

.gc-ix-sp-type {
  font-family: var(--bs-font-monospace, monospace);
  opacity: .9;
  font-size: .72em;
}

.gc-ix-date-sep span.gc-ix-sp-line {
  text-align: left;
  align-items: flex-start;
  gap: 5px;
  max-width: min(92%, 560px);
  display: inline-flex;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-ix-date-sep span.gc-ix-sp-line > i {
  flex-shrink: 0;
  margin-top: 3px;
  font-size: .9rem;
}

.gc-ix-bubble.gc-ix-sp-solo {
  box-shadow: none !important;
  color: var(--gc-text) !important;
  background: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.gc-ix-bubble.gc-ix-sp-solo .gc-ix-sp-note {
  color: var(--gc-text-secondary) !important;
}

.gc-ix-oc.gc-ix-pc {
  width: 440px;
  max-width: 100%;
}

.gc-ix-oc.gc-ix-pc.gc-ix-pc-solo {
  width: 260px;
}

.gc-ix-pc-count {
  white-space: nowrap;
  margin-left: auto;
  font-size: .75rem;
  font-weight: 700;
}

.gc-ix-pc-strip {
  background: var(--gc-canvas);
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  gap: 8px;
  padding: 10px;
  display: flex;
  overflow-x: auto;
}

.gc-ix-pc-strip:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: -2px;
}

.gc-ix-pc-card {
  scroll-snap-align: start;
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-lg);
  background: var(--gc-surface);
  flex-direction: column;
  flex: 0 0 min(200px, 85%);
  display: flex;
  overflow: hidden;
}

.gc-ix-pc-solo .gc-ix-pc-card {
  flex-basis: 100%;
}

.gc-ix-pc-art {
  background: var(--gc-primary-bg);
  height: 104px;
  color: var(--gc-primary);
  justify-content: center;
  align-items: center;
  font-size: 2.2rem;
  display: flex;
  overflow: hidden;
}

.gc-ix-pc-art img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.gc-ix-pc-body {
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  padding: 8px 10px 10px;
  display: flex;
}

.gc-ix-pc-name {
  color: var(--gc-text);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
}

.gc-ix-pc-price {
  color: var(--gc-primary);
  font-size: .9375rem;
  font-weight: 800;
  line-height: 1.75;
}

.gc-ix-pc-skip {
  border-top: 1px solid var(--gc-hairline);
  background: var(--gc-warning-bg);
  padding: 6px 12px 8px;
}

.gc-ix-pc-skip-title {
  color: var(--gc-warning-ink);
  align-items: center;
  gap: 6px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  display: flex;
}

.gc-ix-pc-skip ul {
  color: var(--gc-text-secondary);
  margin: 0;
  padding-left: 18px;
  font-size: .75rem;
  line-height: 1.75;
}

@media (max-width: 575.98px) {
  .gc-ix-bubble-wrap:has(.gc-ix-sp-wrap) {
    max-width: 88% !important;
  }
}

.gc-link-meta {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .75rem;
  line-height: 1.75;
  display: block;
}

.gc-link-why {
  color: var(--gc-text-secondary);
  margin-top: 4px;
  font-size: .75rem;
  line-height: 1.75;
  display: block;
}

.gc-pick-item.gc-static {
  cursor: default;
}

.gc-pick-item.gc-static:hover {
  border-color: var(--gc-hairline-hover);
  border-style: dashed;
}

.gc-ix-sp-note .gc-ix-sp-type, .gc-ix-date-sep span.gc-ix-sp-type {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: .75rem !important;
}

.gc-qr-stats {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 16px;
  display: grid;
}

.gc-qr-kpi-icon {
  border-radius: var(--gc-radius-md);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-size: 1.15rem;
  display: inline-flex;
}

.gc-qr-kpi-value {
  font-size: 1.65rem;
  font-weight: 700;
  line-height: 1.4;
}

.gc-qr-cats {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  padding: 12px 0;
}

.gc-qr-cats-title {
  color: var(--gc-text-secondary);
  padding: 0 16px 8px;
  font-size: .75rem;
  font-weight: 600;
}

.gc-qr-cat {
  text-align: start;
  border: 0;
  width: 100%;
  color: var(--gc-text-secondary);
  cursor: pointer;
  transition: background var(--gc-duration-state) var(--gc-ease);
  background: none;
  border-inline-start: 3px solid #0000;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  font-size: .875rem;
  line-height: 1.8;
  display: flex;
}

.gc-qr-cat:hover {
  background: var(--gc-surface-hover);
}

.gc-qr-cat.gc-active {
  background: var(--gc-primary-bg);
  border-inline-start-color: var(--gc-primary);
  color: var(--gc-primary-on-tint);
  font-weight: 600;
}

.gc-qr-cat-count {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  border-radius: var(--gc-radius-full);
  margin-inline-start: auto;
  padding: 1px 8px;
  font-size: .75rem;
  font-weight: 700;
}

.gc-qr-cat.gc-active .gc-qr-cat-count {
  background: var(--gc-primary-bg-hover);
  color: var(--gc-primary-on-tint);
}

.gc-qr-catchips {
  scrollbar-width: none;
  gap: 6px;
  margin-bottom: 12px;
  padding: 2px;
  display: flex;
  overflow-x: auto;
}

.gc-qr-catchips::-webkit-scrollbar {
  display: none;
}

.gc-qr-catchip {
  white-space: nowrap;
  border-radius: var(--gc-radius-full);
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  cursor: pointer;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: .8125rem;
  display: inline-flex;
}

.gc-qr-catchip.gc-active {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
  color: var(--gc-primary-on-tint);
  font-weight: 600;
}

.gc-qr-card {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  height: 100%;
  transition: border-color var(--gc-duration-state) var(--gc-ease),box-shadow var(--gc-duration-state) var(--gc-ease);
  flex-direction: column;
  padding: 16px;
  display: flex;
}

.gc-qr-card.gc-selected {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-qr-foot {
  margin-top: auto;
  padding-top: 4px;
}

.gc-qr-shortcut {
  border-radius: var(--gc-radius-sm);
  background: var(--gc-primary-bg-hover);
  color: var(--gc-primary-on-tint);
  padding: 3px 10px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .8rem;
  font-weight: 600;
  display: inline-block;
}

.gc-qr-body {
  border-radius: var(--gc-radius-sm);
  background: var(--gc-surface-hover);
  border-inline-start: 3px solid var(--gc-hairline-hover);
  color: var(--gc-text);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 10px 0;
  padding: 10px 14px;
  font-size: .875rem;
  line-height: 1.8;
}

.gc-qr-tag {
  border-radius: var(--gc-radius-full);
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.8;
  display: inline-flex;
}

.gc-qr-var {
  background: var(--gc-warning-bg);
  color: var(--gc-warning-ink);
  border-radius: 4px;
  padding: 1px 5px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .8125rem;
}

.gc-qr-varbtn {
  cursor: pointer;
  line-height: inherit;
  vertical-align: baseline;
  border: 0;
}

.gc-qr-varbtn:hover:not(:disabled) {
  box-shadow: inset 0 0 0 1px;
}

.gc-qr-varbtn:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 1px;
}

.gc-qr-varbtn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

@media (hover: none) {
  .gc-qr-varbtn {
    margin-block: -3px;
    padding: 4px 8px;
  }
}

.gc-qr-bulkbar {
  border-radius: var(--gc-radius-md);
  background: var(--gc-primary-bg);
  border: 1px solid var(--gc-primary-bg-hover);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 8px 12px;
  display: flex;
}

.gc-qr-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  display: grid;
}

.gc-mock-shell {
  background: var(--gc-canvas);
  flex: 1;
  min-width: 0;
  height: 100dvh;
  padding: 24px 20px;
  overflow-y: auto;
}

.gc-mock-panel {
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  border-radius: 10px;
  width: 100%;
  max-width: 420px;
  overflow: hidden;
}

.gc-mock-cell {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  line-height: 1;
  display: flex;
}

.gc-mock-ava {
  background: var(--gc-surface-hover);
  width: 28px;
  height: 28px;
  color: var(--gc-text-secondary);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-mock-bubble {
  width: max-content;
}

.gc-mock-art {
  object-fit: contain;
  width: 130px;
  height: 130px;
  display: block;
}

.gc-mock-scene {
  border: 1px solid var(--gc-hairline);
  background: var(--gc-canvas);
  border-radius: 12px;
  flex-direction: column;
  gap: 12px;
  min-height: 560px;
  padding: 12px;
  display: flex;
}

.gc-mock-room {
  flex-direction: column;
  flex: auto;
  justify-content: flex-end;
  display: flex;
}

.gc-mock-composer {
  position: relative;
}

.gc-mock-inputrow {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  font-size: .875rem;
  line-height: 1.75;
  display: flex;
}

.gc-mock-drag-scene {
  border: 1px solid var(--gc-hairline);
  background: var(--gc-canvas);
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-end;
  height: 380px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gc-mock-drag-scene .gc-ix-input-area {
  border-radius: 0 0 12px 12px;
}

.gc-mock-guide {
  border-top: 2px dashed var(--gc-danger);
  pointer-events: none;
  height: 0;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
}

.gc-mock-copytext .gc-ix-grp-sender, .gc-mock-copytext .gc-ix-msg-time, .gc-mock-copytext .gc-ix-msg-avatar, .gc-mock-copytext .gc-ix-reactions {
  -webkit-user-select: none;
  user-select: none;
}

.gc-lb-btn.gc-mock-lb-on, .gc-lb-act.gc-mock-lb-on {
  background: var(--gc-primary) !important;
  border-color: var(--gc-primary) !important;
  color: #fff !important;
}

.gc-mock-clip {
  white-space: pre-wrap;
  background: var(--gc-surface);
  border: 1px dashed var(--gc-hairline);
  min-height: 3.5rem;
  color: var(--gc-text);
  border-radius: 8px;
  padding: 8px 12px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-qr-demo-phone .gc-qr-grid {
  grid-template-columns: 1fr;
}

@media (max-width: 991.98px) {
  .gc-qr-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575.98px) {
  .gc-qr-stats {
    grid-template-columns: 1fr;
  }
}

@media (hover: none) {
  .gc-qr-catchip {
    min-height: 44px;
  }

  .gc-qr-pick {
    min-width: 44px;
    min-height: 44px;
  }

  .gc-qr-foot .btn {
    min-height: 44px;
  }

  .gc-qr-foot .btn:has( > i:only-child) {
    min-width: 44px;
  }
}

.gc-qr-pick {
  justify-content: center;
  align-items: center;
  margin: 0;
  display: inline-flex;
}

@media (prefers-reduced-motion: reduce) {
  .gc-qr-card, .gc-qr-cat {
    transition: none;
  }
}

.gc-qr-table tbody tr {
  cursor: default;
}

.gc-qr-table tbody tr.gc-qr-row-off {
  background: var(--gc-canvas);
}

.gc-qr-table tbody tr.gc-qr-row-off.sel {
  background: var(--gc-primary-bg);
}

.gc-qr-title {
  color: var(--gc-text);
  text-decoration: none;
}

.gc-qr-title:hover {
  color: var(--gc-primary-ink);
  text-decoration: underline;
}

.gc-qr-sub {
  flex-wrap: wrap;
  gap: 2px 10px;
}

.gc-qr-chlogo {
  object-fit: contain;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.gc-qr-bodycell {
  -webkit-line-clamp: 3;
  line-clamp: 3;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  max-width: 48ch;
  display: -webkit-box;
  overflow: hidden;
}

.gc-qr-warn {
  color: var(--gc-warning-ink);
  font-weight: 600;
}

.gc-cu-act .gc-qr-actlink {
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  width: 32px;
  height: 32px;
  color: var(--gc-text-secondary);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-size: .85rem;
  text-decoration: none;
  transition: all .15s;
  display: flex;
}

.gc-cu-act .gc-qr-actlink:hover {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-ink);
  border-color: var(--gc-primary);
}

.gc-cu-act .gc-qr-actlink:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

@media (max-width: 991.98px) {
  .gc-cu-act .gc-qr-actlink {
    border-radius: var(--gc-radius-md);
    flex: 1;
    gap: 7px;
    width: auto;
    height: 44px;
    font-size: .8rem;
    font-weight: 600;
  }
}

.gc-qr-status {
  white-space: nowrap;
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 4px;
  padding: 2px 10px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.8;
  display: inline-flex;
}

.gc-qr-status.gc-on {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
}

.gc-qr-status i {
  font-size: .85rem;
}

.gc-qr-cat2 {
  white-space: nowrap;
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.gc-qr-catdot {
  --gc-qr-cat: var(--gc-primary);
  border-radius: var(--gc-radius-full);
  background: var(--gc-qr-cat);
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

@media (max-width: 991.98px) {
  .gc-qr-table.gc-cu-table td[data-th="ข้อความ"] {
    grid-column: 2;
    margin-top: 0;
  }

  .gc-qr-table.gc-cu-table td[data-th="ข้อความ"]:not([data-th="เลือก"]):before {
    content: none;
  }

  .gc-qr-bodycell {
    max-width: none;
  }
}

.gc-qr-kpis .gc-cu-kpi-d {
  align-items: flex-start;
}

.gc-qr-kpis .gc-cu-kpi-d > i {
  flex-shrink: 0;
  align-items: center;
  height: 1.3125rem;
  display: inline-flex;
}

.gc-qr-cardhead-ic {
  background: var(--gc-canvas);
  width: 38px;
  height: 38px;
  color: var(--gc-text-secondary);
  border-radius: 11px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 1.05rem;
  display: flex;
}

.form-control.gc-qr-bodybox {
  cursor: text;
  flex-direction: column;
  gap: 2px;
  height: auto;
  padding: 6px 8px 2px;
  display: flex;
}

.form-control.gc-qr-bodybox:focus-within {
  background-color: var(--input-focus-bg);
  border-color: var(--input-focus-border-color);
  box-shadow: 0 0 0 0 transparent,var(--input-focus-box-shadow);
}

.form-control.gc-qr-bodybox.is-invalid {
  background-image: none;
  padding-right: 8px;
}

.form-control.gc-qr-bodybox.gc-off {
  background-color: var(--input-disabled-bg);
  cursor: not-allowed;
}

.gc-qr-bodyta {
  resize: vertical;
  width: 100%;
  font-family: inherit;
  font-size: var(--input-font-size);
  color: var(--input-color);
  overflow-wrap: anywhere;
  background: none;
  border: 0;
  outline: 0;
  padding: 2px 6px;
  line-height: 1.75;
}

.gc-qr-bodyta::placeholder {
  color: var(--input-placeholder-color);
}

.gc-qr-bodyta:disabled {
  cursor: not-allowed;
}

.form-control.gc-qr-bodybox .gc-cp-tools {
  padding-inline-start: 2px;
}

.gc-qr-drop {
  cursor: pointer;
  text-align: center;
  border: 1.5px dashed var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  background: var(--gc-canvas);
  transition: border-color var(--gc-duration-state) var(--gc-ease),background var(--gc-duration-state) var(--gc-ease);
  padding: 26px 16px;
  display: block;
}

.gc-qr-drop:hover, .gc-qr-drop.gc-over {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-qr-drop:focus-within {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-qr-drop.gc-full {
  cursor: not-allowed;
  background: var(--gc-surface);
  border-style: solid;
}

.gc-qr-drop.gc-full:hover {
  border-color: var(--gc-hairline-hover);
  background: var(--gc-surface);
}

.gc-qr-drop > i {
  color: var(--gc-text-secondary);
  margin-bottom: 8px;
  font-size: 30px;
  display: block;
}

.gc-qr-thumbs {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}

.gc-qr-thumb {
  border: 1px solid var(--gc-hairline);
  background: var(--gc-canvas);
  border-radius: 10px;
  flex-shrink: 0;
  width: 88px;
  height: 88px;
  position: relative;
  overflow: hidden;
}

.gc-qr-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.gc-qr-thumb-n {
  border-radius: var(--gc-radius-full);
  color: #fff;
  background: #0000009e;
  padding: 0 6px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.6;
  position: absolute;
  bottom: 5px;
  left: 5px;
}

.gc-qr-thumb-x {
  border-radius: var(--gc-radius-full);
  color: #fff;
  cursor: pointer;
  background: #0000009e;
  border: none;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: .8rem;
  display: flex;
  position: absolute;
  top: 4px;
  right: 4px;
}

.gc-qr-thumb-x:hover {
  background: #000000d1;
}

.gc-qr-thumb-x:focus-visible {
  outline-offset: -4px;
  outline: 2px solid #fff;
}

.gc-qr-thumb-mv {
  gap: 2px;
  display: flex;
  position: absolute;
  bottom: 4px;
  right: 4px;
}

.gc-qr-thumb-mv button {
  color: #fff;
  cursor: pointer;
  background: #0000009e;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: .72rem;
  display: flex;
}

.gc-qr-thumb-mv button:disabled {
  opacity: .35;
  cursor: default;
}

@media (hover: hover) {
  .gc-qr-thumb-mv {
    opacity: 0;
    transition: opacity .15s var(--gc-ease);
  }

  .gc-qr-thumb:hover .gc-qr-thumb-mv, .gc-qr-thumb:focus-within .gc-qr-thumb-mv {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-qr-thumb-mv {
    transition: none;
  }
}

.gc-qr-thumb.gc-busy {
  color: var(--gc-text-secondary);
  justify-content: center;
  align-items: center;
  display: flex;
}

.gc-qr-chlist {
  max-height: 264px;
  overflow-y: auto;
}

.gc-qr-chdel {
  color: var(--gc-danger-ink);
}

.gc-qr-preview {
  background: var(--gc-primary-bg);
}

.card.gc-qr-preview {
  top: calc(var(--gc-page-head-h) + var(--spacer));
  position: sticky;
}

.gc-ar-btn.gc-qr-back {
  justify-content: center;
  padding: 8px 10px;
}

.gc-ar-btn.gc-qr-back i {
  font-size: 1rem;
}

@media (min-width: 992px) {
  .gc-qr-edtop {
    scroll-margin-top: calc(var(--gc-page-head-h) + var(--spacer));
  }
}

.gc-qr-pv {
  background: var(--gc-surface);
  border-radius: var(--gc-radius-lg);
  border: 1px solid var(--gc-hairline);
  overflow: hidden;
}

.gc-qr-pv-head {
  border-bottom: 1px solid var(--gc-hairline);
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  display: flex;
}

.gc-qr-pv-head > i {
  color: var(--gc-text-secondary);
}

.gc-qr-pv-shop {
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.6;
}

.gc-qr-pv-body {
  background: var(--gc-canvas);
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  min-height: 260px;
  padding: 16px 14px;
  display: flex;
}

.gc-qr-pv-empty {
  text-align: center;
  max-width: 30ch;
  margin: auto;
}

.gc-qr-pv-bubble {
  background: var(--gc-primary);
  color: #fff;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  border-radius: 16px 16px 4px;
  max-width: 85%;
  padding: 8px 12px;
  font-size: .84rem;
  line-height: 1.8;
}

.gc-qr-pv-imgs {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  max-width: 85%;
  display: flex;
}

.gc-qr-pv-imgs img {
  object-fit: cover;
  border: 1px solid var(--gc-hairline);
  border-radius: 12px;
  width: 96px;
  height: 96px;
}

.gc-qr-pv-bar {
  border-top: 1px solid var(--gc-hairline);
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  display: flex;
}

.gc-qr-pv-bar > i {
  color: var(--gc-text-secondary);
  font-size: 1.05rem;
}

.gc-qr-pv-input {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  flex: 1;
  padding: 4px 12px;
}

@media (max-width: 991.98px) {
  .card.gc-qr-preview {
    position: static;
  }
}

.gc-qr-viewseg {
  border-radius: var(--gc-radius-md);
  background: var(--gc-canvas);
  gap: 4px;
  padding: 3px;
  display: flex;
}

.gc-qr-viewbtn {
  border-radius: var(--gc-radius-sm);
  width: 34px;
  height: 30px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  transition: background .15s var(--gc-ease),color .15s var(--gc-ease);
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  font-size: 1.05rem;
  display: flex;
}

.gc-qr-viewbtn:hover {
  color: var(--gc-text);
}

.gc-qr-viewbtn.on {
  background: var(--gc-surface);
  color: var(--gc-primary);
  box-shadow: var(--gc-shadow-sm);
}

.gc-qr-cards {
  padding: 16px;
}

.gc-qr-cardgroup + .gc-qr-cardgroup {
  margin-top: 24px;
}

.gc-qr-cardgroup-h {
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.75;
  display: flex;
}

.gc-qr-cardgrid {
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  grid-auto-rows: 1fr;
  gap: 16px;
  display: grid;
}

.gc-qr-card {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  height: 100%;
  transition: border-color .15s var(--gc-ease),box-shadow .15s var(--gc-ease);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gc-qr-card:hover {
  border-color: var(--gc-hairline-hover);
  box-shadow: var(--gc-shadow-sm);
}

.gc-qr-card.sel {
  border-color: var(--gc-primary);
}

.gc-qr-card.off {
  background: var(--gc-canvas);
}

.gc-qr-card.off .gc-qr-card-img, .gc-qr-card.off .gc-qr-card-b {
  opacity: .65;
}

.gc-qr-card-pick {
  z-index: 1;
  position: absolute;
  inset-block-start: 10px;
  inset-inline-start: 10px;
}

.gc-qr-card-img {
  background: var(--gc-canvas);
  border-block-end: 1px solid var(--gc-hairline);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  height: 9rem;
  font-size: .78rem;
  display: flex;
  position: relative;
}

.gc-qr-card-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.gc-qr-card-n {
  border-radius: var(--gc-radius-full);
  color: #fff;
  background: #0000008c;
  padding: 1px 8px;
  font-size: .72rem;
  line-height: 1.75;
  position: absolute;
  inset-block-end: 8px;
  inset-inline-end: 8px;
}

.gc-qr-card-b {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  padding: 12px 14px;
  display: flex;
}

.gc-qr-card-t {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.gc-qr-card-body {
  color: var(--gc-text-secondary);
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  min-height: 5.25em;
  margin: 0;
  font-size: .82rem;
  line-height: 1.75;
  display: -webkit-box;
  overflow: hidden;
}

.gc-qr-card-f {
  border-block-start: 1px solid var(--gc-hairline);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 8px 10px 8px 14px;
  font-size: .78rem;
  display: flex;
}

.modal-content.gc-qr-cm-modal {
  --modal-border-radius: var(--gc-radius-lg);
  --modal-footer-bg: var(--gc-canvas);
  border-radius: var(--gc-radius-lg);
}

.gc-qr-cm-body {
  flex-direction: column;
  gap: 1.25rem;
  display: flex;
}

.gc-qr-cm-add, .gc-qr-cm-row {
  align-items: center;
  gap: .625rem;
  display: flex;
}

.gc-qr-cm-row.is-removing {
  opacity: .55;
}

.gc-qr-cm-grip {
  cursor: grab;
  flex-shrink: 0;
  margin-inline-end: -.25rem;
  display: inline-flex;
}

.gc-qr-cm-row.is-removing .gc-qr-cm-grip {
  cursor: default;
  visibility: hidden;
}

.gc-qr-cm-row.gc-dragging {
  opacity: .55;
}

.gc-qr-cm-row.gc-dragging .gc-qr-cm-grip {
  cursor: grabbing;
}

@media (hover: none), (max-width: 575.98px) {
  .gc-qr-cm-grip {
    display: none;
  }
}

.gc-qr-cm-name {
  flex: 8rem;
  min-width: 0;
}

.gc-qr-cm-row.is-removing .gc-qr-cm-name {
  text-decoration: line-through;
}

.gc-qr-cm-color {
  flex: 0 0 7.75rem;
  min-width: 0;
}

.gc-qr-cm-state {
  text-align: right;
  white-space: nowrap;
  flex: 0 0 6.5rem;
}

.gc-qr-cm-foot {
  flex-wrap: wrap;
  align-items: center;
  gap: .625rem;
  display: flex;
}

.gc-qr-cm-foot-n {
  text-align: start;
  flex: auto;
  min-width: 0;
  margin-inline-end: auto;
}

@media (max-width: 575.98px) {
  .gc-qr-cm-add, .gc-qr-cm-row {
    flex-wrap: wrap;
    row-gap: .625rem;
  }

  .gc-qr-cm-add > .form-control, .gc-qr-cm-name {
    flex: 100%;
  }

  .gc-qr-cm-add > .gc-qr-cm-color, .gc-qr-cm-row > .gc-qr-cm-color {
    flex: 0 auto;
    margin-inline-start: calc(8px + .625rem);
  }

  .gc-qr-cm-add > .btn {
    flex: auto;
  }

  .gc-qr-cm-state {
    text-align: start;
    flex: auto;
  }

  .gc-qr-cm-foot {
    flex-direction: column;
    align-items: stretch;
  }

  .gc-qr-cm-foot-n {
    margin-inline-end: 0;
  }

  .gc-qr-cm-foot > .gc-qr-cm-acts {
    gap: .625rem;
    display: flex;
  }

  .gc-qr-cm-foot > .gc-qr-cm-acts > .btn {
    flex: auto;
  }
}

.gc-ix-qr-tray {
  border-radius: var(--gc-radius-md);
  background: var(--gc-primary-bg);
  border: 1px solid var(--gc-primary-bg-hover);
  color: var(--gc-text);
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  padding: 6px 8px 6px 6px;
  font-size: .78rem;
  line-height: 1.75;
  display: flex;
}

.gc-ix-qr-tray-imgs {
  flex-shrink: 0;
  display: flex;
}

.gc-ix-qr-tray-imgs img {
  object-fit: cover;
  border: 2px solid var(--gc-surface);
  border-radius: 8px;
  width: 32px;
  height: 32px;
}

.gc-ix-qr-tray-imgs img + img {
  margin-left: -10px;
}

.gc-ix-qr-tray-t {
  flex: 1;
  min-width: 0;
}

.gc-ix-qr-tray-b {
  border-radius: var(--gc-radius-full);
  border: 1px solid var(--gc-primary);
  background: var(--gc-surface);
  color: var(--gc-primary-ink);
  cursor: pointer;
  flex-shrink: 0;
  padding: 4px 10px;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 600;
}

.gc-ix-qr-tray-b:hover:not(:disabled) {
  background: var(--gc-primary);
  color: #fff;
}

.gc-ix-qr-tray-b:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.gc-ix-qr-tray-b:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

@media (hover: none) {
  .gc-ix-qr-tray-b {
    min-height: 44px;
  }
}

@media (min-width: 576px) {
  .gc-qp .modal-content {
    height: 100%;
  }
}

.gc-qp .modal-content {
  --modal-border-radius: var(--gc-radius-xl);
  border-radius: var(--gc-radius-xl);
  --modal-bg: var(--gc-surface);
}

.modal-header.gc-qp-head {
  border-bottom-style: dashed;
}

.gc-qp {
  --gc-qp-chats: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 22'%3E%3Cpath fill='%23000' d='M14 .5h10.5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-5.8v-3a4.7 4.7 0 0 0-4.7-4.7H11v-.3a3 3 0 0 1 3-3Z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M3.5 5.5H14a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H7.2L3 20.8a.8.8 0 0 1-1.3-.6v-2.9A3 3 0 0 1 .5 14.5v-6a3 3 0 0 1 3-3ZM3.6 9H12a1.1 1.1 0 0 1 0 2.2H3.6A1.1 1.1 0 0 1 3.6 9ZM3.6 12.7H9a1.1 1.1 0 0 1 0 2.2H3.6a1.1 1.1 0 0 1 0-2.2Z'/%3E%3C/svg%3E");
}

.gc-qp-bolt {
  color: var(--gc-primary);
}

.gc-qr-tag.gc-qp-count {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-on-tint);
}

.gc-qp-ibtn {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
}

.gc-qp-tools {
  flex-shrink: 0;
}

.gc-qp-search {
  flex: 220px;
  min-width: 0;
}

.gc-qp-search .form-control {
  background: var(--gc-canvas);
  border-radius: var(--gc-radius-md);
  border-color: #0000;
  height: 40px;
}

.gc-qp-search .form-control:focus {
  background: var(--gc-canvas);
  border-color: var(--gc-primary);
}

.dropdown-menu.gc-qp-catmenu {
  min-width: 232px;
  max-height: min(360px, 50vh);
  overflow-y: auto;
}

.gc-qp-tools .btn, .gc-qp-htools .btn, .gc-ar-btn.gc-qp-add {
  min-height: 40px;
}

.btn.gc-qp-sq {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 1.05rem;
  display: inline-flex;
  position: relative;
}

@media (hover: none) {
  .gc-qp-tools .btn, .gc-qp-htools .btn, .gc-ar-btn.gc-qp-add {
    min-height: 44px;
  }

  .btn.gc-qp-sq {
    width: 44px;
    height: 44px;
  }
}

.modal-header.gc-qp-head {
  padding-top: 14px;
  padding-bottom: 14px;
}

.gc-qp-htools {
  flex-shrink: 0;
}

.btn.gc-qp-sq.gc-on, .btn.gc-qp-sq.gc-on:hover {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-on-tint);
  border-color: #0000;
}

.gc-qp-list {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.gc-qp-sec {
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.gc-qp-grid {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 14px;
  display: grid;
}

.card.gc-qp-card {
  --card-border-radius: var(--gc-radius-md);
  --card-inner-border-radius: calc(var(--gc-radius-md) - 1px);
  cursor: pointer;
  transition: border-color var(--gc-duration-state) var(--gc-ease),box-shadow var(--gc-duration-state) var(--gc-ease);
  overflow: hidden;
}

.card.gc-qp-card:hover {
  box-shadow: 0 0 0 1px var(--gc-primary),var(--gc-shadow-md);
}

.gc-qp .modal-content .card.gc-qp-card {
  --card-bg: var(--gc-surface);
}

@media (hover: hover) and (pointer: fine) {
  .card.gc-qp-card.gc-active {
    box-shadow: 0 0 0 1px var(--gc-primary);
  }

  .card.gc-qp-card.gc-active:hover {
    box-shadow: 0 0 0 1px var(--gc-primary),var(--gc-shadow-md);
  }
}

.card.gc-qp-card.gc-off {
  cursor: default;
}

.card.gc-qp-card.gc-off:hover {
  box-shadow: var(--card-box-shadow);
}

.gc-qp-card.gc-off .gc-qp-cover, .gc-qp-card.gc-off .gc-qp-title, .gc-qp-card.gc-off .gc-qp-text, .gc-qp-row.gc-off .gc-qp-thumb, .gc-qp-row.gc-off .gc-qp-title, .gc-qp-row.gc-off .gc-qp-text {
  opacity: .55;
}

.gc-qp-cover {
  background: var(--gc-canvas);
  border-bottom: 1px solid var(--gc-hairline);
  height: 128px;
  position: relative;
  overflow: hidden;
}

.gc-qp-cover img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.gc-qp-plain {
  color: var(--gc-text-secondary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-qp-plain i {
  font-size: 1.6rem;
}

.gc-qp-none .gc-qp-ic, .gc-qp-thumb .gc-qp-ic {
  background-color: var(--gc-text-muted);
  -webkit-mask: var(--gc-qp-chats) center/contain no-repeat;
  -webkit-mask: var(--gc-qp-chats) center/contain no-repeat;
  mask: var(--gc-qp-chats) center/contain no-repeat;
  display: block;
}

.gc-qp-none .gc-qp-ic {
  width: 3.125rem;
  height: 2.5rem;
}

.gc-qp-thumb .gc-qp-ic {
  width: 1.7rem;
  height: 1.36rem;
}

.gc-qp-fill, .gc-qp-wait {
  position: absolute;
  inset: 0;
}

.gc-qp-wait .placeholder {
  width: 100%;
  height: 100%;
  display: block;
}

.gc-qp-imgn {
  border-radius: var(--gc-radius-full);
  color: #fff;
  background: #111827b8;
  align-items: center;
  gap: 3px;
  padding: 0 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
  position: absolute;
  top: 8px;
  right: 8px;
}

.card-body.gc-qp-cbody {
  flex-direction: column;
  gap: 2px;
  padding: 12px 14px;
  display: flex;
}

.gc-qp-title, .gc-qp-text {
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  line-height: 1.75;
  display: -webkit-box;
  overflow: hidden;
}

.gc-qp-text {
  font-size: .8rem;
}

.gc-qp-cfoot {
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
  display: flex;
}

.gc-qp-used {
  color: var(--gc-text-secondary);
  min-width: 0;
  font-size: .75rem;
  line-height: 1.6;
}

.gc-qp-acts {
  flex-shrink: 0;
  align-items: center;
  gap: 2px;
  margin-left: auto;
  display: inline-flex;
}

.gc-qp-act {
  border-radius: var(--gc-radius-sm);
  width: 32px;
  height: 32px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  transition: background var(--gc-duration-state) var(--gc-ease),color var(--gc-duration-state) var(--gc-ease);
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 1.05rem;
  display: inline-flex;
}

.gc-qp-act:hover {
  background: var(--gc-canvas);
  color: var(--gc-primary-ink);
}

.gc-qp-act:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 1px;
}

@media (hover: none) {
  .gc-qp-act {
    width: 44px;
    height: 44px;
  }
}

.gc-qp-empty {
  text-align: center;
  padding: 40px 16px;
}

.gc-qp-empty-i {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  width: 52px;
  height: 52px;
  color: var(--gc-text-secondary);
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
  font-size: 1.4rem;
  display: inline-flex;
}

.gc-qp-empty-d {
  max-width: 44ch;
  margin: 0 auto 16px;
  line-height: 1.75;
}

@media (max-width: 575.98px) {
  .gc-qp .modal-header {
    padding: 6px 8px;
  }

  .gc-qp .modal-title {
    font-size: 1rem;
  }

  .gc-qp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .modal-body.gc-qp-body {
    padding: 12px 12px calc(12px + env(safe-area-inset-bottom));
  }
}

.gc-shop-tabs.gc-qp-view {
  border-radius: 10px;
  margin: 0;
}

.gc-shop-tab.gc-qp-vbtn {
  border-radius: 8px;
  flex: none;
  width: 34px;
  height: 34px;
  padding: 0;
}

.gc-shop-tab.gc-qp-vbtn i {
  font-size: 1rem;
}

@media (hover: none) {
  .gc-shop-tab.gc-qp-vbtn {
    width: 44px;
    height: 40px;
  }
}

.gc-qp-tw {
  border: 1px solid var(--gc-hairline);
  border-radius: 8px;
}

.table.gc-qp-table {
  vertical-align: middle;
  margin-bottom: 0;
}

.gc-qp-row {
  cursor: pointer;
}

.gc-qp-row:hover {
  background: var(--gc-canvas);
}

.gc-qp-row.gc-active {
  background: var(--gc-primary-bg);
  box-shadow: inset 3px 0 0 var(--gc-primary);
}

.gc-qp-thumb {
  background: var(--gc-canvas);
  width: 44px;
  height: 44px;
  color: var(--gc-text-secondary);
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.gc-qp-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.gc-qp-thumbn {
  color: #fff;
  background: #111827b8;
  border-start-start-radius: 6px;
  padding: 0 5px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.6;
  position: absolute;
  bottom: 0;
  right: 0;
}

.gc-qp-sub {
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin-top: 4px;
  display: flex;
}

.gc-qp-catpill {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  padding: 2px 10px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-qp-th-img {
  width: 68px;
}

.gc-qp-sortlist {
  gap: 8px;
}

.card.gc-qp-sortrow {
  cursor: grab;
  transition: box-shadow var(--gc-duration-state) var(--gc-ease);
}

.card.gc-qp-sortrow:hover {
  border-color: var(--gc-primary);
}

.card.gc-qp-sortrow.gc-dragging {
  opacity: .55;
  cursor: grabbing;
  box-shadow: var(--gc-shadow-md);
}

.card-body.gc-qp-sortbody, .gc-qp-sortbody {
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  display: flex;
}

.alert.gc-qp-note {
  border-radius: var(--gc-radius-sm);
  border: 0;
  flex-wrap: wrap;
  min-height: 38px;
  margin-bottom: 10px;
  padding: 6px 12px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-qp-notetext {
  flex: 12rem;
  min-width: 0;
}

.alert.gc-qp-note i {
  font-size: .95rem;
}

i.gc-qp-grip {
  color: var(--gc-text-secondary);
  flex-shrink: 0;
  font-size: 1.375rem;
}

.gc-qp-sortrow .gc-qp-thumb {
  border-radius: 8px;
  width: 35px;
  height: 35px;
}

.gc-qp-sortrow .gc-qp-thumb .gc-qp-ic {
  width: 1.575rem;
  height: 1.26rem;
}

.gc-qp-sortrow .gc-qp-thumb i {
  font-size: 1.15rem;
}

.gc-qp-sortname {
  flex: 1;
  min-width: 0;
}

.gc-qp-sortmeta {
  align-items: center;
  gap: 4px;
  min-width: 0;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
  overflow: hidden;
}

.gc-qp-sortcat {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-shrink: 0;
  max-width: 45%;
  overflow: hidden;
}

.gc-qp-sorttext {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.gc-qp-offtag {
  color: var(--gc-text-secondary);
}

.btn.gc-qp-movebtn {
  background: var(--gc-surface);
  border-color: var(--gc-hairline-hover);
  width: 32px;
  height: 32px;
  color: var(--gc-text-secondary);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

[data-theme="dark"] .btn.gc-qp-movebtn {
  background: var(--gc-surface-hover);
}

.btn.gc-qp-movebtn:hover:not(:disabled) {
  background: var(--gc-canvas);
  border-color: var(--gc-hairline-hover);
  color: var(--gc-primary-ink);
}

.btn.gc-qp-movebtn:disabled {
  background: var(--gc-surface);
  border-color: var(--gc-hairline-hover);
  color: var(--gc-text-muted);
}

[data-theme="dark"] .btn.gc-qp-movebtn:disabled {
  background: var(--gc-surface-hover);
}

.btn.gc-qp-movebtn i {
  font-size: .9375rem;
}

@media (hover: none) {
  .btn.gc-qp-movebtn {
    width: 44px;
    height: 44px;
  }

  .btn.gc-qp-movebtn i {
    font-size: 1.1rem;
  }
}

.gc-qp-sortstate {
  color: var(--gc-text-secondary);
  font-size: .8rem;
  line-height: 1.75;
}

.gc-qp-sortstate.gc-bad {
  color: var(--gc-danger-ink);
  font-weight: 600;
}

.gc-qp-okic {
  color: var(--gc-success-ink);
}

@media (prefers-reduced-motion: reduce) {
  .card.gc-qp-sortrow {
    transition: none;
  }
}

.modal-body.gc-qp-wait2 {
  color: var(--gc-text-secondary);
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 40px 16px;
  line-height: 1.75;
  display: flex;
}

.gc-qp-table .gc-qp-col-cat {
  width: 190px;
}

.gc-qp-table .gc-qp-col-act {
  width: 96px;
}

.gc-qp-table .gc-qp-col-sc {
  width: 128px;
}

.gc-qp-catpill.gc-qp-narrow, .gc-qp-text.gc-qp-narrow, .gc-qr-shortcut.gc-qp-narrow {
  display: none;
}

@media (max-width: 575.98px) {
  .gc-qp-table .gc-qp-col-sc, .gc-qp-table .gc-qp-col-cat, .gc-qp-table .gc-qp-col-body, .gc-qp-table thead {
    display: none;
  }

  .gc-qp-catpill.gc-qp-narrow {
    display: inline-flex;
  }

  .gc-qp-text.gc-qp-narrow {
    display: -webkit-box;
  }

  .gc-qr-shortcut.gc-qp-narrow {
    padding: 1px 7px;
    font-size: .72rem;
    display: inline-block;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card.gc-qp-card {
    transition: none;
  }
}

.gc-drv-folder.gc-drp-tile {
  cursor: pointer;
}

.gc-drv-folder.gc-drp-lock {
  cursor: not-allowed;
  opacity: .55;
}

.gc-drv-folder.gc-drp-lock:hover {
  border-color: var(--gc-hairline);
}

.gc-qp-table .gc-drp-col-ck {
  width: 44px;
  padding-right: 0;
}

.gc-qp-table .gc-drp-col-name {
  overflow-wrap: anywhere;
  min-width: 0;
}

.gc-qp-row.gc-off {
  cursor: not-allowed;
}

.gc-qp-row.gc-off:hover {
  background: none;
}

.gc-drp-fgrid {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 8px;
  display: grid;
}

.gc-drv-frow.gc-drp-frow {
  text-align: start;
  width: 100%;
  font: inherit;
  cursor: pointer;
  padding-right: 12px;
}

.gc-drv-frow.gc-drp-frow:hover .gc-drv-frow-n {
  color: var(--gc-primary-ink);
}

.gc-drv-frow.gc-drp-frow:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 1px;
}

.gc-drp-frow .gc-drp-frow-go {
  color: var(--gc-text-secondary);
  font-size: 1rem;
}

.gc-drp-crumbs .gc-drp-crumb {
  font: inherit;
  color: var(--gc-primary-ink);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

.gc-drp-crumbs .gc-drp-crumb:hover {
  text-decoration: underline;
}

@media (max-width: 575.98px) {
  .gc-drp-fgrid {
    grid-template-columns: 1fr;
  }
}

.form-control.gc-drp-rename {
  flex: 1;
  min-width: 0;
  line-height: 1.75;
}

.gc-drv-folder-h .gc-qp-acts {
  margin-left: 0;
}

.modal.gc-drp-modal {
  --modal-zindex: 1065;
}

.modal-backdrop.gc-drp-backdrop {
  --backdrop-zindex: 1060;
}

.modal-footer.gc-drp-foot {
  border-top-style: dashed;
  padding-top: 12px;
  padding-bottom: 12px;
}

.gc-drp-foot .btn {
  min-height: 40px;
}

@media (hover: none) {
  .gc-drp-foot .btn {
    min-height: 44px;
  }
}

@media (max-width: 575.98px) {
  .modal-footer.gc-drp-foot {
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
  }

  .gc-drp-foot .gc-meta {
    flex-basis: 100%;
  }
}

@media (hover: none) {
  .gc-qr-thumb {
    width: 104px;
    height: 104px;
  }

  .gc-qr-thumb-x {
    width: 36px;
    height: 36px;
  }

  .gc-qr-thumb-mv button {
    width: 32px;
    height: 32px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-qr-drop {
    transition: none;
  }
}

.gc-cp-view {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.gc-cp-head {
  background: var(--gc-surface);
  border-bottom: 1px solid var(--gc-hairline);
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  padding: 11px 24px;
  display: flex;
}

.gc-cp-head-b {
  border-radius: var(--gc-radius-md);
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  width: 32px;
  height: 32px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .15s;
  display: flex;
}

.gc-cp-head-b:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary-ink);
  background: var(--gc-primary-bg);
}

.gc-cp-head-t {
  color: var(--gc-text);
  font-size: .92rem;
  font-weight: 800;
  line-height: 1.75;
}

.gc-cp-head-a {
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
  display: flex;
}

.gc-cp-main {
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.gc-cp-left {
  border-right: 1px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  flex-shrink: 0;
  width: 290px;
  min-width: 290px;
  padding: 18px 16px 26px;
  overflow-y: auto;
}

.gc-cp-mid {
  background: var(--gc-canvas);
  flex: 1;
  min-width: 0;
  padding: 20px 24px 34px;
  overflow-y: auto;
}

.gc-cp-right {
  border-left: 1px solid var(--gc-hairline-hover);
  background: var(--gc-canvas);
  flex-shrink: 0;
  width: 340px;
  min-width: 340px;
  padding: 14px 14px 24px;
  overflow-y: auto;
}

.gc-cp-id {
  text-align: center;
  border-bottom: 1px solid var(--gc-hairline);
  padding-bottom: 15px;
}

.gc-cp-id-ava {
  border-radius: var(--gc-radius-full);
  color: #fff;
  width: 76px;
  height: 76px;
  box-shadow: var(--gc-shadow-md);
  justify-content: center;
  align-items: center;
  margin: 0 auto 10px;
  font-size: 1.4rem;
  font-weight: 800;
  display: flex;
  overflow: hidden;
}

.gc-cp-id-ava img {
  object-fit: cover;
  border-radius: var(--gc-radius-full);
  width: 100%;
  height: 100%;
}

.gc-cp-id-n {
  color: var(--gc-text);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.75;
}

.gc-cp-id-s {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cp-id-tags {
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  margin-top: 9px;
  display: flex;
}

.gc-cp-id-acts {
  justify-content: center;
  gap: 6px;
  margin-top: 12px;
  display: flex;
}

.gc-cp-sec {
  border-bottom: 1px solid var(--gc-hairline);
  padding: 14px 0;
}

.gc-cp-sec:last-child {
  border-bottom: none;
}

.gc-cp-sec-t {
  color: var(--gc-text-secondary);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 9px;
  font-size: .75rem;
  font-weight: 800;
  line-height: 1.75;
  display: flex;
}

.gc-cp-sec-t button {
  color: var(--gc-primary-ink);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 700;
}

.gc-cp-sec-t button:disabled {
  color: var(--gc-text-secondary);
  cursor: not-allowed;
}

.gc-cp-f {
  margin-bottom: 9px;
}

.gc-cp-f:last-child {
  margin-bottom: 0;
}

.gc-cp-f-l {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-cp-f-v {
  color: var(--gc-text);
  word-break: break-word;
  margin-top: 1px;
  font-size: .78rem;
  font-weight: 500;
  line-height: 1.75;
}

.gc-cp-f-v.gc-empty {
  color: var(--gc-text-secondary);
  font-style: italic;
}

.gc-cp-link {
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  background: var(--gc-canvas);
  align-items: center;
  gap: 9px;
  margin-bottom: 6px;
  padding: 8px 10px;
  display: flex;
}

.gc-cp-link:last-of-type {
  margin-bottom: 0;
}

.gc-cp-link-ic {
  color: #fff;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: .75rem;
  display: flex;
}

.gc-cp-link-n {
  color: var(--gc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.75;
  overflow: hidden;
}

.gc-cp-link-s {
  color: var(--gc-text-secondary);
  margin-top: 1px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cp-link-x {
  color: var(--gc-text-secondary);
  cursor: pointer;
  background: none;
  border: none;
  flex-shrink: 0;
  margin-left: auto;
  padding: 2px;
  font-size: .8rem;
}

.gc-cp-link-x:hover:not(:disabled) {
  color: var(--gc-danger-ink);
}

.gc-cp-link-x:disabled {
  cursor: not-allowed;
}

.gc-cp-merge {
  border-radius: var(--gc-radius-md);
  border: 1.5px dashed var(--gc-hairline-hover);
  width: 100%;
  color: var(--gc-text-secondary);
  cursor: pointer;
  background: none;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-top: 7px;
  padding: 8px;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  text-decoration: none;
  transition: all .15s;
  display: flex;
}

.gc-cp-merge:hover:not(:disabled) {
  border-color: var(--gc-primary);
  color: var(--gc-primary-ink);
  background: var(--gc-primary-bg);
}

.gc-cp-merge:disabled {
  cursor: not-allowed;
}

.gc-cp-consent {
  color: var(--gc-text-secondary);
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  align-items: flex-start;
  gap: 8px;
  padding: 9px 11px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-cp-consent i {
  color: var(--gc-success-ink);
  flex-shrink: 0;
  margin-top: 4px;
  font-size: .85rem;
}

.gc-cp-stats {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 9px;
  margin-bottom: 16px;
  display: grid;
}

.gc-cp-stat {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  padding: 12px 13px;
}

.gc-cp-stat-v {
  color: var(--gc-text);
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.75;
}

.gc-cp-stat-v.gc-none {
  color: var(--gc-text-secondary);
}

.gc-cp-stat-l {
  color: var(--gc-text-secondary);
  margin-top: 3px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cp-tabs {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  gap: 3px;
  margin-bottom: 16px;
  padding: 4px;
  display: flex;
  overflow-x: auto;
}

.gc-cp-tabs::-webkit-scrollbar {
  display: none;
}

.gc-cp-tab {
  border-radius: var(--gc-radius-md);
  min-width: 92px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  white-space: nowrap;
  transition: all .18s var(--gc-ease);
  background: none;
  border: none;
  flex: 1;
  padding: 9px 11px;
  font-family: inherit;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-cp-tab:hover {
  color: var(--gc-text);
}

.gc-cp-tab.gc-on {
  background: var(--gc-surface);
  color: var(--gc-text);
  box-shadow: var(--gc-shadow-sm);
  font-weight: 800;
}

.gc-cp-card {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-lg);
  margin-bottom: 12px;
  padding: 15px 17px;
}

.gc-cp-card:last-child {
  margin-bottom: 0;
}

.gc-cp-card-h {
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  display: flex;
}

.gc-cp-card-h > i {
  color: var(--gc-primary-ink);
}

.gc-cp-card-t {
  color: var(--gc-text);
  font-size: .84rem;
  font-weight: 800;
  line-height: 1.75;
}

.gc-cp-card-d {
  color: var(--gc-text-secondary);
  margin-bottom: 12px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cp-ai-ic {
  color: #fff;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: .8rem;
  display: flex;
}

.gc-cp-tl {
  padding-left: 26px;
  position: relative;
}

.gc-cp-tl:before {
  content: "";
  background: var(--gc-hairline-hover);
  width: 1.5px;
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 9px;
}

.gc-cp-tl-i {
  padding-bottom: 16px;
  position: relative;
}

.gc-cp-tl-i:last-child {
  padding-bottom: 0;
}

.gc-cp-tl-dot {
  background: var(--gc-surface);
  width: 20px;
  height: 20px;
  color: var(--gc-text-secondary);
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: .62rem;
  display: flex;
  position: absolute;
  top: 4px;
  left: -26px;
}

.gc-cp-tl-dot.gc-buy {
  color: var(--gc-success-ink);
  background: #28c76f1a;
  border-color: #28c76f59;
}

.gc-cp-tl-dot.gc-chat {
  color: var(--gc-primary-ink);
  background: #4e6af01a;
  border-color: #4e6af059;
}

.gc-cp-tl-dot.gc-ai {
  color: var(--gc-ai-ink);
  background: #7c5cff1a;
  border-color: #7c5cff59;
}

.gc-cp-tl-dot.gc-warn {
  color: var(--gc-warning-ink);
  background: #ff9f431f;
  border-color: #ff9f4359;
}

.gc-cp-tl-t {
  color: var(--gc-text);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-cp-tl-media {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
  display: flex;
}

.gc-cp-tl-img {
  border-radius: var(--gc-radius-md);
  border: 1px solid var(--gc-hairline);
  background: var(--gc-canvas);
  width: 88px;
  height: 88px;
  display: block;
  overflow: hidden;
}

.gc-cp-tl-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.gc-cp-tl-stk {
  object-fit: contain;
  width: 80px;
  height: 80px;
  display: block;
}

.gc-cp-tl-d {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cp-tl-m {
  color: var(--gc-text-secondary);
  margin-top: 4px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-cp-quote {
  color: var(--gc-text-secondary);
  background: var(--gc-canvas);
  border-left: 2px solid var(--gc-hairline-hover);
  border-radius: 0 var(--gc-radius-sm) var(--gc-radius-sm) 0;
  white-space: pre-wrap;
  word-break: break-word;
  margin-top: 6px;
  padding: 8px 11px;
  font-size: .75rem;
  font-style: italic;
  line-height: 1.75;
}

.gc-cp-ord {
  border-bottom: 1px solid var(--gc-hairline);
  align-items: center;
  gap: 12px;
  padding: 11px 0;
  display: flex;
}

.gc-cp-ord:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.gc-cp-ord-img {
  border-radius: var(--gc-radius-md);
  object-fit: cover;
  border: 1px solid var(--gc-hairline);
  flex-shrink: 0;
  width: 44px;
  height: 44px;
}

.gc-cp-ord-n {
  color: var(--gc-text);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-cp-ord-s {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cp-ord-p {
  color: var(--gc-text);
  white-space: nowrap;
  text-align: right;
  font-size: .8rem;
  font-weight: 800;
}

.gc-cp-note {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  margin-bottom: 8px;
  padding: 11px 13px;
}

.gc-cp-note:last-child {
  margin-bottom: 0;
}

.gc-cp-note-h {
  align-items: center;
  gap: 7px;
  margin-bottom: 5px;
  display: flex;
}

.gc-cp-note-who {
  color: var(--gc-text);
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-cp-note-when {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  margin-left: auto;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cp-note-b {
  color: var(--gc-text-secondary);
  white-space: pre-wrap;
  word-break: break-word;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cp-note-x {
  color: var(--gc-text-secondary);
  cursor: pointer;
  background: none;
  border: none;
  flex-shrink: 0;
  padding: 0 2px;
  font-size: .8rem;
}

.gc-cp-note-x:hover {
  color: var(--gc-danger-ink);
}

.gc-cp-ai {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-lg);
  margin-bottom: 11px;
  padding: 14px 15px;
}

.gc-cp-ai:last-child {
  margin-bottom: 0;
}

.gc-cp-ai.gc-lead {
  background: linear-gradient(135deg, #7c5cff0d, #0000);
  border-color: #7c5cff4d;
}

.gc-cp-ai-h {
  align-items: center;
  gap: 8px;
  margin-bottom: 9px;
  display: flex;
}

.gc-cp-ai-t {
  color: var(--gc-text);
  font-size: .79rem;
  font-weight: 800;
  line-height: 1.75;
}

.gc-cp-ai-body {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cp-ai-body b {
  color: var(--gc-text);
}

.gc-cp-gauge {
  align-items: center;
  gap: 13px;
  margin-bottom: 11px;
  display: flex;
}

.gc-cp-ring {
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 66px;
  height: 66px;
  display: flex;
  position: relative;
}

.gc-cp-ring:after {
  content: "";
  background: var(--gc-surface);
  border-radius: 50%;
  position: absolute;
  inset: 7px;
}

.gc-cp-ring-v {
  z-index: 1;
  color: var(--gc-text);
  font-size: .95rem;
  font-weight: 800;
  position: relative;
}

.gc-cp-gauge-t {
  color: var(--gc-text);
  font-size: .79rem;
  font-weight: 800;
  line-height: 1.75;
}

.gc-cp-gauge-d {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cp-fact {
  color: var(--gc-text-secondary);
  border-bottom: 1px dashed var(--gc-hairline);
  align-items: flex-start;
  gap: 8px;
  padding: 6px 0;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-cp-fact:last-child {
  border-bottom: none;
}

.gc-cp-fact i {
  flex-shrink: 0;
  margin-top: 5px;
  font-size: .8rem;
}

.gc-cp-fact.gc-up i {
  color: var(--gc-success-ink);
}

.gc-cp-fact.gc-down i {
  color: var(--gc-danger-ink);
}

.gc-cp-fact b {
  color: var(--gc-text);
}

.gc-cp-risk-bar {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  height: 7px;
  margin: 8px 0 5px;
  overflow: hidden;
}

.gc-cp-risk-f {
  border-radius: var(--gc-radius-full);
  background: linear-gradient(90deg,var(--gc-warning),var(--gc-danger));
  height: 100%;
}

.gc-cp-risk-l {
  color: var(--gc-text-secondary);
  justify-content: space-between;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: flex;
}

.gc-cp-rec {
  border-bottom: 1px solid var(--gc-hairline);
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  display: flex;
}

.gc-cp-rec:last-of-type {
  border-bottom: none;
}

.gc-cp-rec-img {
  border-radius: var(--gc-radius-md);
  object-fit: cover;
  border: 1px solid var(--gc-hairline);
  flex-shrink: 0;
  width: 38px;
  height: 38px;
}

.gc-cp-rec-n {
  color: var(--gc-text);
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-cp-rec-w {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cp-rec-p {
  color: var(--gc-text);
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 800;
}

.gc-cp-draft {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  color: var(--gc-text);
  white-space: pre-wrap;
  padding: 11px 12px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cp-draft-a {
  gap: 6px;
  margin-top: 9px;
  display: flex;
}

.gc-cp-draft-a .gc-ar-btn {
  flex: 1;
  justify-content: center;
  padding: 7px 13px;
  font-size: .75rem;
}

.gc-cp-when {
  gap: 4px;
  margin-top: 9px;
  display: flex;
}

.gc-cp-when-c {
  text-align: center;
  border-radius: var(--gc-radius-sm);
  border: 1px solid var(--gc-hairline);
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  flex: 1;
  padding: 7px 4px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-cp-when-c.gc-best {
  color: var(--gc-success-ink);
  background: #28c76f1a;
  border-color: #28c76f52;
}

.gc-cp-disc {
  color: var(--gc-text-secondary);
  text-align: center;
  padding: 4px 6px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cp-none {
  color: var(--gc-text-secondary);
  background: var(--gc-canvas);
  border: 1px dashed var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  align-items: flex-start;
  gap: 8px;
  padding: 11px 13px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-cp-none i {
  color: var(--gc-text-secondary);
  flex-shrink: 0;
  margin-top: 4px;
  font-size: .9rem;
}

.gc-cp-demo {
  color: var(--gc-warning-ink);
  border-radius: var(--gc-radius-md);
  background: #ff9f4317;
  border: 1px solid #ff9f434d;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 14px;
  padding: 9px 12px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-cp-demo i {
  flex-shrink: 0;
  margin-top: 4px;
  font-size: .9rem;
}

.gc-cp-demo a {
  color: inherit;
  font-weight: 800;
}

.gc-cp-edit {
  flex-direction: column;
  gap: 8px;
  margin-bottom: 9px;
  display: flex;
}

.gc-cp-edit .form-control {
  font-size: .78rem;
  line-height: 1.75;
}

.gc-cp-edit-a {
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.gc-cp-msg {
  color: var(--gc-text-secondary);
  margin-top: 6px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cp-msg.gc-bad {
  color: var(--gc-danger-ink);
}

.gc-cp-msg.gc-good {
  color: var(--gc-success-ink);
}

@media (max-width: 1399.98px) {
  .gc-cp-right {
    width: 310px;
    min-width: 310px;
  }
}

@media (max-width: 1199.98px) {
  .gc-cp-left {
    width: 250px;
    min-width: 250px;
  }
}

@media (max-width: 991.98px) {
  .gc-cp-main {
    flex-direction: column;
    overflow-y: auto;
  }

  .gc-cp-left, .gc-cp-right {
    border: none;
    border-bottom: 1px solid var(--gc-hairline-hover);
    width: 100%;
    min-width: 0;
    overflow: visible;
  }

  .gc-cp-mid {
    padding: 16px 14px 30px;
    overflow: visible;
  }
}

@media (hover: none) {
  .gc-cp-link-x, .gc-cp-note-x {
    min-width: 44px;
    min-height: 44px;
  }

  .gc-cp-tab {
    min-height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-cp-head-b, .gc-cp-merge, .gc-cp-tab {
    transition: none;
  }
}

.gc-pub-shell {
  background: var(--gc-canvas);
  flex: 1;
  min-width: 0;
  height: 100dvh;
  overflow-y: auto;
}

.gc-pub {
  max-width: 620px;
  color: var(--gc-text);
  margin: 0 auto;
  padding: 20px 16px 40px;
}

.gc-pub-top {
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 14px;
  display: flex;
}

.gc-pub-shop {
  align-items: center;
  gap: 9px;
  min-width: 0;
  display: flex;
}

.gc-pub-shop-logo {
  background: var(--gc-primary-bg);
  width: 34px;
  height: 34px;
  color: var(--gc-primary);
  border-radius: 9px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 1.05rem;
  display: flex;
  overflow: hidden;
}

.gc-pub-shop-logo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.gc-pub-shop-col {
  min-width: 0;
}

.gc-pub-shop-n {
  color: var(--gc-text);
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-pub-shop-s {
  color: var(--gc-text-muted);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-pub-demo {
  border-radius: var(--gc-radius-full);
  color: #e8890c;
  white-space: nowrap;
  background: #ff9f431f;
  border: 1px solid #ff9f434d;
  flex-shrink: 0;
  padding: 2px 9px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-pub-gal {
  background: var(--gc-surface-hover);
  border: 1px solid var(--gc-hairline);
  width: 100%;
  height: 220px;
  color: var(--gc-text-muted);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  font-size: 2.4rem;
  display: flex;
}

.gc-pub-gal:has(.gc-pub-photo) {
  overflow: hidden;
}

.gc-pub-photo {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.gc-pub-name {
  color: var(--gc-text);
  margin: 14px 0 4px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-pub-prices {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.gc-pub-price {
  color: var(--gc-primary);
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.75;
}

.gc-pub-was {
  color: var(--gc-text-muted);
  font-size: .875rem;
  line-height: 1.75;
  text-decoration: line-through;
}

.gc-pub-meta {
  color: var(--gc-text-muted);
  font-size: .8125rem;
  line-height: 1.85;
}

.gc-pub-txt {
  color: var(--gc-text);
  font-size: .8125rem;
  line-height: 1.85;
}

.gc-pub-pre {
  white-space: pre-wrap;
}

.gc-pub-hint {
  color: var(--gc-text-muted);
  margin-top: 6px;
  font-size: .75rem;
  line-height: 1.85;
}

.gc-pub-last {
  color: var(--gc-text-secondary);
  margin-top: 10px;
  font-size: .8125rem;
  line-height: 1.85;
}

.gc-pub-last b {
  color: var(--gc-text);
}

.gc-pub-hero-col {
  flex: 1;
  min-width: 0;
}

.gc-pub-hero-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.gc-pub-item-col {
  flex: 1;
  min-width: 0;
}

.gc-pub-back {
  border-radius: var(--gc-radius-lg);
  background: var(--gc-primary-bg);
  color: var(--gc-primary);
  align-items: flex-start;
  gap: 8px;
  margin-top: 18px;
  padding: 12px 14px;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.85;
  display: flex;
}

.gc-pub-back > i {
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 1rem;
}

.gc-pub-dead {
  text-align: center;
  color: var(--gc-text-muted);
  padding: 64px 12px;
}

.gc-pub-dead > i {
  margin-bottom: 12px;
  font-size: 2.4rem;
  display: block;
}

.gc-pub-dead-t {
  color: var(--gc-text);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.85;
}

.gc-pub-dead-s {
  margin-top: 4px;
  font-size: .8125rem;
  line-height: 1.85;
}

.gc-pub .gc-od-sec-t {
  letter-spacing: 0 !important;
  font-size: .75rem !important;
}

.gc-pub .gc-od-st {
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-pub .gc-od-when {
  font-size: .75rem !important;
  line-height: 1.85 !important;
}

.gc-pub .gc-od-item-n {
  font-size: .8125rem !important;
  line-height: 1.85 !important;
}

.gc-pub .gc-od-item-m {
  font-size: .75rem !important;
  line-height: 1.85 !important;
}

.gc-ix-oc-linkrow {
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 6px !important;
}

.gc-ix-oc-linkrow > i {
  color: var(--gc-text-muted) !important;
  flex-shrink: 0 !important;
  margin-top: 3px !important;
  font-size: .9rem !important;
}

.gc-ix-oc-linknote {
  min-width: 0 !important;
  color: var(--gc-text-muted) !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-ix-oc-linknote a {
  color: var(--gc-primary) !important;
  text-underline-offset: 2px !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

.gc-prev {
  max-width: 920px;
  color: var(--gc-text);
  margin: 0 auto;
}

.gc-prev-h1 {
  color: var(--gc-text);
  margin-bottom: 6px;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.75;
}

.gc-prev-h2 {
  color: var(--gc-text);
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.75;
  display: flex;
}

.gc-prev-n {
  background: var(--gc-primary);
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: .8125rem;
  font-weight: 800;
  display: flex;
}

.gc-prev-lead {
  color: var(--gc-text-secondary);
  margin: 0 0 14px;
  font-size: .8125rem;
  line-height: 1.85;
}

.gc-prev-sec {
  margin: 34px 0;
}

.gc-prev-room {
  margin-bottom: 18px;
}

.gc-prev-note {
  color: var(--gc-text-muted);
  margin-bottom: 6px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.85;
}

.gc-prev-thread {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  border-radius: 14px;
  padding: 12px;
}

.gc-prev-links {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: 14px;
  margin-bottom: 14px;
  padding: 12px 14px;
}

.gc-prev-links-h {
  color: var(--gc-text-muted);
  margin-bottom: 6px;
  font-size: .75rem;
  font-weight: 800;
  line-height: 1.85;
}

.gc-prev-link {
  border-bottom: 1px dashed var(--gc-hairline);
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  text-decoration: none;
  display: flex;
}

.gc-prev-link:last-child {
  border-bottom: none;
}

.gc-prev-link-t {
  min-width: 0;
  color: var(--gc-primary);
  flex: 1;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.85;
}

.gc-prev-link-s {
  color: var(--gc-text-muted);
  flex-shrink: 0;
  font-size: .75rem;
  line-height: 1.85;
}

.gc-prev-foot {
  color: var(--gc-text-muted);
  margin-top: 30px;
  font-size: .75rem;
  line-height: 1.85;
}

.gc-ar-kind {
  border-radius: var(--gc-radius-full);
  white-space: nowrap;
  vertical-align: middle;
  border: 1px solid #0000;
  align-items: center;
  gap: 4px;
  padding: 1px 8px;
  font-size: .75rem;
  font-weight: 700;
  display: inline-flex;
}

.gc-ar-kind.gc-inbox {
  color: var(--gc-primary-ink);
  background: #4e6af01f;
}

.gc-ar-kind.gc-comment {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  border-color: var(--gc-hairline);
}

.gc-ar-tabs-wrap {
  max-width: 460px;
}

.gc-ar-warn-inline {
  color: var(--gc-warning-ink);
  font-size: .75rem;
  font-weight: 600;
}

.gc-rb-tpl-ic.gc-tpl-blue {
  background: linear-gradient(135deg, #4e6af0, #6b83f5);
}

.gc-rb-tpl-ic.gc-tpl-orange {
  background: linear-gradient(135deg, #ff9f43, #ffb976);
}

.gc-rb-tpl-ic.gc-tpl-green {
  background: linear-gradient(135deg, #28c76f, #4ade80);
}

.gc-rb-tpl-ic.gc-tpl-gray {
  background: linear-gradient(135deg, #8a8fa3, #b0b5c3);
}

.gc-rb-tpl-ic.gc-tpl-purple {
  background: linear-gradient(135deg, #7c5cff, #9b85ff);
}

.gc-rb-thumb-img {
  width: 100%;
  max-width: 260px;
  display: block;
}

.gc-rb-pv-img img {
  width: 100%;
  display: block;
}

.gc-rb-ice-acct {
  align-items: center;
  gap: 8px;
  margin: 16px 0 8px;
  font-weight: 700;
  display: flex;
}

.gc-rb-ch-logo.gc-logo-img {
  background: none;
  overflow: hidden;
}

.gc-rb-ch-logo.gc-logo-img img {
  object-fit: contain;
  width: 26px;
  height: 26px;
}

.gc-rb-ch-n .gc-rb-ch-note {
  color: var(--gc-danger-ink);
  font-size: .75rem;
  font-weight: 600;
  display: block;
}

.gc-rb-tpl-tag.gc-inline {
  margin-left: 4px;
  position: static;
}

.gc-rb-qr-menu {
  min-width: 280px;
  max-height: 320px;
  overflow-y: auto;
}

.gc-rb-dry-note {
  color: var(--gc-text-secondary);
  margin-top: 4px;
  font-size: .75rem;
}

.gc-mt-9 {
  margin-top: 9px;
}

.gc-mb-12 {
  margin-bottom: 12px;
}

.gc-mt-24 {
  margin-top: 24px;
}

.gc-mt-26 {
  margin-top: 26px;
}

.gc-rb-select-narrow {
  max-width: 340px;
}

.gc-rb-bh-ic.gc-rb-bh-img {
  background: var(--gc-success);
}

.gc-rb-bh-ic.gc-rb-bh-text {
  background: var(--gc-primary);
}

.gc-rb-kw.gc-rb-kw-danger {
  background: var(--gc-danger-bg);
  color: var(--gc-danger-ink);
}

.gc-ar-stat-unit {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  font-weight: 500;
}

.gc-ar-stat-value.gc-ar-stat-warn {
  color: var(--gc-warning-ink);
}

.gc-ar-row.gc-ar-row-empty {
  text-align: center;
  padding: 32px 16px;
  display: block;
}

.gc-ar-empty-icon {
  --icon-font-size: 44px;
  font-size: 44px;
}

.gc-ar-empty-hint {
  max-width: 36ch;
}

.gc-cr-tip .gc-cr-tip-go {
  white-space: nowrap;
  align-self: center;
}

.gc-ix-msg.gc-bot-msg {
  margin-top: 18px !important;
}

.gc-bot-gap {
  height: 6px;
  display: block;
}

.gc-bot-edge {
  z-index: 2;
  position: absolute;
  top: -11px;
  right: 12px;
}

.gc-bot-edge.gc-open {
  z-index: 1070;
}

.gc-bot-edge-btn {
  border-radius: var(--gc-radius-full);
  border: 1px solid var(--gc-primary);
  background: var(--gc-surface);
  height: 22px;
  color: var(--gc-primary-on-tint);
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: var(--gc-shadow-xs);
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.gc-bot-edge-btn:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-bot-meta {
  color: var(--gc-text-secondary);
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin-top: 2px;
  padding: 0 4px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-bot-meta-wrap {
  align-items: center;
  display: inline-flex;
  position: relative;
}

.gc-bot-meta-btn {
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-underline-offset: 3px;
  background: none;
  border: 0;
  align-items: center;
  gap: 4px;
  padding: 0;
  font-weight: 700;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  display: inline-flex;
}

.gc-bot-meta-btn i {
  font-size: .875rem;
}

.popover.gc-bot-pop {
  --popover-bg: var(--gc-surface);
  --popover-header-bg: var(--gc-canvas);
  --popover-header-color: var(--gc-text);
  white-space: normal;
  text-align: left;
  width: 290px;
  max-width: calc(100vw - 40px);
  position: absolute;
  top: calc(100% + 8px);
  left: auto;
  right: -12px;
}

html[data-color-theme] .popover.gc-bot-pop {
  --popover-bg: var(--gc-surface);
}

.popover.gc-bot-pop.gc-up {
  top: auto;
  bottom: calc(100% + 8px);
}

html[data-color-theme="dark"] .gc-bot-pop .btn-close {
  filter: invert() grayscale() brightness(200%);
}

.popover.gc-bot-pop > .popover-arrow {
  position: absolute;
  left: auto;
  right: 40px;
}

.gc-bot-meta .popover.gc-bot-pop {
  left: 0;
  right: auto;
}

.gc-bot-meta .popover.gc-bot-pop > .popover-arrow {
  left: 24px;
  right: auto;
}

.gc-bot-pop-dl {
  grid-template-columns: auto 1fr;
  gap: 2px 12px;
  margin-bottom: 8px;
  font-size: .8125rem;
  line-height: 1.75;
  display: grid;
}

.gc-bot-pop-dl dt {
  color: var(--gc-text);
  white-space: nowrap;
  font-weight: 400;
}

.gc-bot-pop-dl dd {
  color: var(--gc-text);
  margin-bottom: 0;
  font-weight: 600;
}

.gc-bot-pop-link {
  color: var(--gc-primary-on-tint);
  font-size: .8125rem;
  font-weight: 600;
}

.gc-bot-pop-empty {
  color: var(--gc-text);
  margin-bottom: 8px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-ar-kind.gc-ar-state {
  font-family: inherit;
  line-height: 1.75;
}

.gc-ar-kind.gc-ar-state.gc-live {
  background: linear-gradient(var(--gc-success-bg),var(--gc-success-bg)),var(--gc-surface);
  color: var(--gc-success-ink);
}

.gc-ar-kind.gc-ar-state.gc-test {
  background: linear-gradient(var(--gc-warning-bg),var(--gc-warning-bg)),var(--gc-surface);
  color: var(--gc-warning-ink);
}

.gc-ar-kind.gc-ar-state.gc-warn {
  background: var(--gc-surface);
  color: var(--gc-warning-ink);
  border-color: var(--gc-warning-ink);
}

.gc-ar-kind.gc-ar-state.gc-off {
  color: var(--gc-text-secondary);
  border-color: var(--gc-hairline-hover);
  background: none;
}

button.gc-ar-kind.gc-ar-state {
  cursor: pointer;
}

button.gc-ar-kind.gc-ar-state:disabled {
  cursor: default;
}

.gc-ar-state-sub {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ar-col-status.gc-ar-state-col {
  gap: 10px;
  width: 232px;
}

@media (max-width: 767.98px) {
  .gc-ar-col-status.gc-ar-state-col {
    width: auto;
  }
}

.gc-rb-launch .gc-rb-choice {
  height: 100%;
  padding: 16px 18px;
}

.gc-rb-launch .gc-rb-choice-t {
  font-size: .9rem;
}

.gc-rb-launch .gc-rb-choice-t i {
  color: var(--gc-primary-on-tint);
}

.gc-rb-launch .gc-rb-choice-d {
  line-height: 1.75;
}

.gc-rb-launch .gc-rb-choice.sel .gc-rb-choice-d {
  color: var(--gc-text);
}

.gc-rb-testers .gc-rb-sum-row {
  grid-template-columns: auto 1fr auto;
  padding: 10px 15px;
}

.gc-rb-picker-sel .gc-rb-sum-row {
  grid-template-columns: auto 1fr;
  padding: 10px 15px;
}

.gc-rb-person-n {
  color: var(--gc-text);
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-rb-person-s {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-rb-help.gc-rb-help-aa {
  font-size: .75rem;
  line-height: 1.75;
}

.alert.gc-note-warn {
  --alert-color: var(--gc-text);
  --alert-border-color: var(--gc-warning-ink);
  background: linear-gradient(var(--gc-warning-bg),var(--gc-warning-bg)),var(--gc-surface);
  line-height: 1.75;
}

.alert.gc-note-warn > i {
  color: var(--gc-warning-ink);
}

.alert.gc-note-danger {
  --alert-color: var(--gc-text);
  --alert-border-color: var(--gc-danger-ink);
  background: linear-gradient(var(--gc-danger-bg),var(--gc-danger-bg)),var(--gc-surface);
  line-height: 1.75;
}

.alert.gc-note-danger > i {
  color: var(--gc-danger-ink);
}

.modal.gc-rb-picker-modal {
  --modal-zindex: 1310;
  --modal-bg: var(--gc-surface);
}

html[data-color-theme] .modal.gc-rb-picker-modal {
  --modal-bg: var(--gc-surface);
}

.modal-backdrop.gc-rb-picker-backdrop {
  --backdrop-zindex: 1305;
}

.gc-rb-pick-row {
  margin-bottom: 0;
}

.gc-rb-pick-time {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  margin-left: 8px;
  font-size: .75rem;
}

.gc-rb-pick-post {
  min-width: 0;
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 4px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-rb-pick-post span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.gc-rb-pick-empty-ic {
  font-size: 40px;
}

.gc-rb-pick-empty-t {
  max-width: 36ch;
  line-height: 1.75;
}

.gc-rb-step-tab-sep {
  background: var(--gc-hairline-hover);
  flex-shrink: 0;
  align-self: stretch;
  width: 1px;
  margin: 6px 2px;
}

.gc-rb-step .gc-rb-step-ic {
  font-size: 1rem;
}

.gc-cr-dry.gc-rh-list {
  margin-top: 0;
}

.gc-rh-row {
  border-left: 3px solid var(--gc-warning-ink);
  border-bottom: 1px solid var(--gc-hairline);
  padding: 12px 15px 12px 12px;
}

.gc-rh-row.gc-sent {
  border-left-color: var(--gc-success-ink);
}

.gc-rh-row.gc-fail {
  border-left-color: var(--gc-danger-ink);
}

.gc-rh-row.gc-rh-skel {
  border-left-color: var(--gc-hairline-hover);
}

.gc-rh-skel-box {
  height: 40px;
}

.gc-rh-top {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-rh-top b {
  color: var(--gc-text);
}

.gc-rh-logo {
  object-fit: contain;
  width: 16px;
  height: 16px;
}

.gc-rh-time {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  margin-left: auto;
  font-size: .75rem;
}

.gc-rh-text {
  color: var(--gc-text);
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-rh-text.gc-gone {
  color: var(--gc-text-secondary);
  font-style: italic;
}

.gc-rh-foot {
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px;
  margin-top: 6px;
  display: flex;
}

.gc-rh-reply {
  background: var(--gc-canvas);
  border-radius: var(--gc-radius-md);
  min-width: 0;
  color: var(--gc-text-secondary);
  flex: 260px;
  padding: 6px 10px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-rh-bot {
  -webkit-line-clamp: 2;
  color: var(--gc-text);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.gc-rh-row.gc-sent .gc-rh-bot i {
  color: var(--gc-success-ink);
}

.gc-rh-row.gc-fail .gc-rh-bot i, .gc-rh-prefix {
  color: var(--gc-danger-ink);
}

.gc-rh-empty-ic {
  font-size: 36px;
}

.gc-rh-empty-t {
  max-width: 44ch;
  line-height: 1.75;
}

.gc-ix-oc-seen {
  min-width: 0 !important;
  color: var(--gc-text-secondary) !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 10px !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
  display: flex !important;
}

.gc-ix-oc-seen > i {
  flex-shrink: 0 !important;
  font-size: .9rem !important;
}

.gc-ix-oc-seen.gc-on {
  color: var(--gc-success-ink) !important;
}

.gc-ix-oc-seen.gc-off {
  color: var(--gc-warning-ink) !important;
}

.gc-ix-bubble.gc-ix-hidden {
  color: var(--gc-text-secondary) !important;
  box-shadow: none !important;
  border: 1px dashed var(--gc-text-muted) !important;
  background: none !important;
  line-height: 1.75 !important;
}

.gc-ix-bubble.gc-ix-hidden > * {
  color: var(--gc-text-secondary) !important;
}

@media (hover: hover) {
  .gc-ix-bubble.gc-ix-hidden:hover {
    transform: none !important;
  }
}

.gc-ix-hide-quote {
  max-height: 9.5rem;
  line-height: 1.75;
  overflow-y: auto;
}

.gc-press-actions.gc-press-grid {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-flow: row;
}

.gc-ac {
  max-height: min(300px, 45vh);
  animation: gcAcIn .14s var(--gc-ease);
  line-height: 1.75;
  bottom: calc(100% + 8px);
  left: 0;
  right: 0;
  overflow-y: auto;
  --dropdown-bg: var(--gc-surface) !important;
  --dropdown-padding-y: 0 !important;
  --dropdown-item-padding-y: 6px !important;
  --dropdown-item-padding-x: 12px !important;
  --dropdown-header-padding-y: 6px !important;
  --dropdown-header-padding-x: 12px !important;
  --dropdown-header-color: var(--gc-text-secondary) !important;
  --dropdown-link-active-bg: var(--gc-primary-bg-hover) !important;
}

@keyframes gcAcIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-ac {
    animation: none;
  }
}

.gc-ac > .dropdown-header {
  z-index: 1;
  background: var(--dropdown-bg);
  border-bottom: 1px solid var(--dropdown-border-color);
  position: sticky;
  top: 0;
}

.gc-ac > .gc-ac-more {
  border-bottom: 0;
  border-top: 1px solid var(--dropdown-border-color);
  position: static;
}

.gc-ac .gc-men-row {
  align-items: center;
  gap: 10px;
  display: flex;
}

.gc-men-av {
  object-fit: cover;
  background: var(--gc-primary-bg);
  width: 28px;
  height: 28px;
  color: var(--gc-primary-ink);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

.gc-men-all {
  font-size: 1.1rem;
}

.gc-men-sec {
  color: var(--gc-text-secondary);
  padding: 6px 12px 0;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ac .gc-men-q {
  min-width: 0;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-ac .gc-ac-row {
  scroll-margin-block-start: 34px;
}

.gc-ac .dropdown-item.active {
  box-shadow: inset 3px 0 0 var(--gc-primary);
}

.gc-ac-title {
  font-size: .8125rem;
  font-weight: 600;
}

.gc-ac-key, .gc-ac-body {
  color: var(--gc-text-secondary);
  font-size: .78rem;
}

.gc-ac .dropdown-item.active .gc-ac-key, .gc-ac .dropdown-item.active .gc-ac-body {
  color: var(--gc-text);
}

.gc-ac mark {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-on-tint);
  border-radius: 3px;
  padding: 0;
  font-weight: 700;
}

[data-theme="dark"] .gc-ac mark {
  background: none;
}

.gc-ix-pick-btn {
  border-radius: 8px !important;
  flex: none !important;
  width: 30px !important;
  height: 30px !important;
  margin-inline-start: auto !important;
  font-size: .9rem !important;
}

.gc-ix-pick-bar {
  flex: auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.gc-ix-pick-all {
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  color: var(--gc-text);
  cursor: pointer;
  white-space: nowrap;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  padding: 4px 9px;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-ix-pick-all:hover:not(:disabled) {
  border-color: var(--gc-primary);
  color: var(--gc-primary-ink);
}

.gc-ix-pick-all:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.gc-ix-pick-all:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-ix-pick-all[aria-pressed="true"] .gc-cu-ck {
  background: var(--gc-primary);
  border-color: var(--gc-primary);
  color: #fff;
}

.gc-ix-pick-n {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-ix-pick-n.gc-full {
  color: var(--gc-danger-ink);
}

.gc-ix-pickable {
  cursor: pointer !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

.gc-ix-pick {
  margin-inline-end: 12px;
}

.gc-ix-pickable .gc-cu-ck, .gc-ix-pick-all .gc-cu-ck {
  border-color: var(--gc-text-secondary);
}

.gc-ix-picked {
  background: var(--gc-primary-bg) !important;
  border-left-color: var(--gc-primary) !important;
}

.gc-ix-picked .gc-cu-ck {
  background: var(--gc-primary);
  border-color: var(--gc-primary);
  color: #fff;
}

.gc-ix-pick-capped {
  opacity: .55 !important;
}

.gc-ix-pickable:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: -2px;
}

.gc-ix-bulk {
  background: var(--gc-rail-ink);
  color: #fff;
  box-shadow: var(--gc-shadow-lg);
  border-radius: 14px;
  flex-direction: column;
  flex: none;
  gap: 8px;
  margin: 8px 10px 10px;
  padding: 10px 12px;
  display: flex;
}

.gc-ix-bulk-top {
  align-items: center;
  gap: 8px;
  display: flex;
}

.gc-ix-bulk-n {
  white-space: nowrap;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-ix-bulk-x {
  color: #ffffffb8;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-inline-start: auto;
  display: flex;
}

.gc-ix-bulk-x:hover {
  color: #fff;
  background: #ffffff1f;
}

.gc-ix-bulk-acts {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.gc-ix-bulk-b {
  border-radius: var(--gc-radius-full);
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  min-width: 0;
  transition: background .15s var(--gc-ease);
  background: #ffffff14;
  border: 1px solid #fff3;
  flex: calc(50% - 3px);
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 7px 10px;
  font-family: inherit;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.75;
  display: inline-flex;
}

.gc-ix-bulk-b:hover:not(:disabled) {
  background: #ffffff2e;
}

.gc-ix-bulk-b.gc-go {
  background: var(--gc-primary);
  border-color: var(--gc-primary);
}

.gc-ix-bulk-b.gc-go:hover:not(:disabled) {
  box-shadow: 0 0 0 3px #4e6af061;
}

.gc-ix-bulk-b:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.gc-ix-bulk-b:focus-visible, .gc-ix-bulk-x:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #fff;
}

.gc-ix-bulk-spin {
  animation: .8s linear infinite gcSpin;
}

.gc-ix-bulk-hint {
  color: #ffffffb8;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ix-bulk-err {
  background: var(--gc-danger-bg);
  color: var(--gc-danger-ink);
  box-shadow: inset 3px 0 0 var(--gc-danger-ink);
  border-radius: 10px;
  flex: none;
  align-items: flex-start;
  gap: 7px;
  margin: 8px 10px 0;
  padding: 8px 11px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

[data-theme="dark"] .gc-ix-bulk-err {
  background: none;
}

.gc-ix-bulk-err i {
  flex-shrink: 0;
  margin-top: 5px;
}

.gc-ix-bulk-retry {
  white-space: nowrap;
  color: var(--gc-danger-ink);
  cursor: pointer;
  background: none;
  border: none;
  flex: none;
  margin-inline-start: auto;
  padding: 0;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  text-decoration: underline;
}

.gc-ix-bulk-retry:focus-visible {
  outline: 2px solid var(--gc-danger-ink);
  outline-offset: 2px;
}

.gc-ix-fail-mark {
  color: var(--gc-danger);
  cursor: default;
  background: none;
  border: 0;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: .875rem;
  line-height: 1;
  display: inline-flex;
}

.gc-ix-fail-mark:focus-visible {
  outline: 2px solid var(--gc-danger);
  outline-offset: 2px;
  border-radius: 50%;
}

.gc-ix-read-mark {
  color: inherit;
  cursor: default;
  background: none;
  border: 0;
  align-items: center;
  margin: 0;
  padding: 0;
  line-height: 1;
  display: inline-flex;
}

.gc-ix-read-mark:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
  border-radius: 4px;
}

.gc-ix-resend {
  color: var(--gc-text-secondary);
  cursor: pointer;
  transition: color var(--gc-duration-state) var(--gc-ease);
  background: none;
  border: 0;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: .875rem;
  line-height: 1;
  display: inline-flex;
}

.gc-ix-resend:hover {
  color: var(--gc-primary);
}

.gc-ix-resend:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
  border-radius: 4px;
}

.gc-ix-resend.gc-busy {
  cursor: default;
}

.gc-ix-resend-lbl {
  margin-inline-start: 3px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ix-send-spin {
  color: var(--gc-primary);
  --icon-font-size: .9375rem;
}

@media (prefers-reduced-motion: reduce) {
  .gc-ix-send-spin.gc-spin {
    animation: none;
  }
}

.gc-ix-resend.gc-busy .spinner-border {
  border-width: 2px;
  width: .875rem;
  height: .875rem;
}

.gc-cp-qr.gc-mode-open {
  overflow: hidden !important;
}

.gc-cp-mode-back {
  z-index: 5;
  border-radius: var(--gc-radius-lg);
  background: #0f11236b;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  position: absolute;
  inset: 0;
}

.gc-cp-mode-sheet {
  background: var(--gc-surface);
  border-radius: var(--gc-radius-lg);
  flex-direction: column;
  gap: 6px;
  width: 100%;
  max-width: 300px;
  padding: 12px;
  display: flex;
  box-shadow: 0 12px 34px #00000038;
}

.gc-cp-mode-head {
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 4px;
  display: flex;
}

.gc-cp-mode-col {
  text-align: left;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.gc-cp-mode-name {
  color: var(--gc-text);
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-cp-mode-sub {
  color: var(--gc-text-muted);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cp-mode-opt {
  border: 1px solid var(--gc-hairline-hover);
  width: 100%;
  color: var(--gc-text);
  cursor: pointer;
  font: inherit;
  background: none;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  transition: border-color .15s, background .15s;
  display: flex;
}

.gc-cp-mode-opt > i {
  color: var(--gc-primary);
  flex-shrink: 0;
  font-size: 1.1rem;
}

.gc-cp-mode-opt:hover:not(:disabled) {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-cp-mode-opt:disabled {
  cursor: not-allowed;
}

.gc-cp-mode-opt:disabled > i, .gc-cp-mode-opt:disabled .gc-cp-mode-label {
  opacity: .5;
}

.gc-cp-mode-label {
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-cp-mode-hint {
  color: var(--gc-text-muted);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-cp-mode-hint.gc-blocked {
  color: var(--gc-danger);
}

.gc-cp-mode-opt.gc-warn {
  border-color: var(--gc-warning);
}

.gc-cp-mode-hint.gc-warn {
  color: var(--gc-warning-ink);
  font-weight: 700;
}

.gc-cp-mode-err {
  color: var(--gc-danger);
  padding: 4px 2px 0;
  font-size: .75rem;
  line-height: 1.85;
}

.gc-ix-grp-count-mini {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: 2px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.6;
  display: inline-flex;
}

.gc-ix-grp-count-mini > .ph-users {
  font-size: .85rem;
}

.gc-ix-grp-sender {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 1px;
  padding: 0 4px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  overflow: hidden;
}

.gc-ix-msg-avatar.gc-ix-grp-anon {
  background: var(--gc-text-secondary) !important;
  font-size: .95rem !important;
}

.gc-ix-avatar .gc-ix-avatar-circle > .ph-users-three {
  font-size: 1.35em;
}

.gc-ix-hdr-grp {
  white-space: nowrap;
  align-items: center;
  gap: 3px;
  font-size: .75rem;
  line-height: 1.6;
  display: inline-flex;
}

.gc-ix-hdr-grp > .ph-users-three {
  font-size: .85rem;
}

.gc-ix-grp-note {
  color: var(--gc-text-secondary);
  align-items: flex-start;
  gap: 8px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-ix-grp-note + .gc-ix-grp-note {
  margin-top: 8px;
}

.gc-ix-grp-note > i {
  flex-shrink: 0;
  margin-top: .25rem;
  font-size: 1rem;
}

:root {
  --gc-qm-track: #00000014;
}

[data-theme="dark"] {
  --gc-qm-track: #ffffff1f;
}

.gc-ix-qm-wrap {
  flex-shrink: 0;
  align-items: center;
  display: flex;
  position: relative;
}

.gc-ix-qm {
  --gc-qm-fill: var(--gc-primary-ink);
  border-radius: var(--gc-radius-md);
  min-height: 34px;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 2px;
  margin-right: 2px;
  padding: 0 8px;
  display: inline-flex;
}

.gc-ix-qm:hover {
  background: var(--gc-primary-bg);
}

.gc-ix-qm:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-ix-qm-txt {
  white-space: nowrap;
  text-align: right;
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.6;
}

.gc-ix-qm-txt b {
  color: var(--gc-text);
  font-weight: 700;
}

.gc-ix-qm.gc-warn .gc-ix-qm-txt, .gc-ix-qm.gc-warn .gc-ix-qm-txt b {
  color: var(--gc-warning-ink);
}

.gc-ix-qm.gc-bad .gc-ix-qm-txt, .gc-ix-qm.gc-bad .gc-ix-qm-txt b {
  color: var(--gc-danger-ink);
}

.gc-ix-qm.gc-warn {
  --gc-qm-fill: var(--gc-warning-ink);
}

.gc-ix-qm.gc-bad {
  --gc-qm-fill: var(--gc-danger-ink);
}

.progress.gc-ix-qm-bar {
  --progress-height: 5px;
  --progress-bg: var(--gc-qm-track);
  --progress-border-radius: var(--gc-radius-full);
  --progress-box-shadow: none;
  --progress-bar-bg: var(--gc-qm-fill, var(--gc-primary-ink));
  gap: 1px;
  min-width: 88px;
}

.progress-bar.gc-ix-qm-cost {
  background-image: repeating-linear-gradient(135deg,transparent 0 2px,var(--gc-canvas) 2px 3px);
  min-width: 4px;
}

.gc-ix-qm-why {
  border-top: 1px solid var(--gc-hairline);
  color: var(--gc-danger-ink);
  justify-content: flex-end;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 2px 2px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-ix-qm-why > span {
  text-align: left;
}

.gc-ix-qm-why > i {
  flex-shrink: 0;
  margin-top: .2rem;
  font-size: .9rem;
}

.gc-ix-qm-link {
  font: inherit;
  color: var(--gc-primary-ink);
  text-underline-offset: 2px;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  text-decoration: underline;
}

.gc-ix-qm-at {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.popover.gc-bot-pop.gc-ix-qm-pop {
  right: -12px;
}

@media (max-width: 575.98px) {
  .gc-ix-qm {
    margin-right: 0;
    padding: 0 4px;
  }

  .gc-cp-tools:has( > .gc-ix-qm-wrap) > #ixExpandBtn {
    display: none !important;
  }
}

@media (max-width: 375.98px) {
  .gc-ix-qm-txt {
    white-space: normal;
    max-width: 62px;
  }

  .progress.gc-ix-qm-bar {
    min-width: 56px;
  }
}

.gc-ix-grp-count {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.6;
}

.gc-ix-grp-alert {
  line-height: 1.75;
  color: var(--gc-text) !important;
}

.gc-ix-grp-alert .fw-semibold, .gc-ix-grp-alert > i {
  color: var(--gc-warning-ink);
}

.gc-ix-grp-panel .gc-ix-info-label {
  line-height: 1.6;
  color: var(--gc-text-secondary) !important;
  font-size: .75rem !important;
}

.gc-ix-grp-panel .gc-ix-info-sec-title {
  line-height: 1.75;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--gc-text-secondary) !important;
  margin-bottom: 6px !important;
  font-size: .75rem !important;
}

.gc-ix-grp-mem-link {
  font: inherit;
  letter-spacing: 0;
  color: var(--gc-primary-ink);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 0;
  padding: 0;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-ix-grp-mem-link:hover {
  text-decoration: underline;
}

.gc-ix-grp-mem-link:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
  border-radius: 4px;
}

.gc-ix-grp-mem-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gc-ix-grp-stack {
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  padding: 4px 0 2px;
  display: flex;
}

.gc-ix-grp-stack:disabled {
  cursor: default;
}

.gc-ix-grp-stack:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
  border-radius: 999px;
}

.gc-ix-grp-stack-av, .gc-ix-grp-stack-n {
  border: 2px solid var(--gc-surface);
  object-fit: cover;
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: .7rem;
  font-weight: 600;
  display: inline-flex;
}

.gc-ix-grp-stack-av + .gc-ix-grp-stack-av, .gc-ix-grp-stack-av + .gc-ix-grp-stack-n {
  margin-inline-start: -8px;
}

.gc-ix-grp-stack-n {
  background: var(--gc-text-secondary);
  font-size: .8rem;
}

.gc-ix-grp-mem {
  align-items: center;
  gap: 10px;
  min-height: 44px;
  display: flex;
}

.gc-ix-grp-mem .gc-ix-msg-avatar {
  object-fit: cover;
  align-self: center !important;
  margin-right: 0 !important;
}

.gc-ix-msg.gc-ix-grp-row {
  align-items: flex-start !important;
}

.gc-ix-msg.gc-ix-grp-row > .gc-ix-msg-avatar {
  align-self: flex-start !important;
}

.gc-ix-grp-mem .gc-ix-msg-avatar:not(.gc-ix-grp-anon) {
  font-size: .75rem !important;
}

.gc-ix-grp-mem-name {
  min-width: 0;
  color: var(--gc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: auto;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.75;
  overflow: hidden;
}

.gc-ix-grp-mem-unknown .gc-ix-grp-mem-name {
  color: var(--gc-text-secondary);
}

.gc-ix-grp-mem-dm {
  flex-shrink: 0;
  margin-right: -8px;
  width: 44px !important;
  height: 44px !important;
}

.gc-ix-grp-mem-dm:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: -2px;
}

.gc-ix-grp-mem-err {
  margin-bottom: 6px;
}

.gc-ix-grp-mem-err > i {
  color: var(--gc-danger-ink);
}

.gc-ix-grp-mem-err .gc-ix-grp-mem-link {
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-ix-grp-mem-spin {
  border-width: 2px;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-top: .3rem;
}

.gc-ix-grp-mem-search {
  flex-shrink: 0;
  padding: 12px 18px 6px;
}

.gc-ix-grp-mem-search .gc-search-bar {
  cursor: text;
  width: auto !important;
  height: 40px !important;
}

.gc-ix-grp-mem-search .gc-search-bar input {
  min-width: 0;
  font-size: .8125rem !important;
}

.gc-ix-grp-mem-search .gc-search-bar input::placeholder {
  color: var(--gc-text-secondary) !important;
}

.gc-ix-grp-mem-scroll {
  flex: auto;
  min-height: 0;
  padding: 0 18px 14px;
  overflow-y: auto;
}

.gc-ix-grp-mem-status {
  color: var(--gc-text-secondary);
  padding: 4px 0;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ix-grp-mem-status:empty {
  padding: 0;
}

[data-theme="dark"] .gc-conn, [data-theme="dark"] .gc-conn a.text-white {
  color: var(--gc-rail-ink) !important;
}

.gc-ix-cnote-t-note {
  --gc-cnote-c: var(--gc-primary-ink);
  --gc-cnote-bg: var(--gc-primary-bg);
}

.gc-ix-cnote-t-follow {
  --gc-cnote-c: var(--gc-warning-ink);
  --gc-cnote-bg: var(--gc-warning-bg);
}

.gc-ix-cnote-t-info {
  --gc-cnote-c: var(--gc-success-ink);
  --gc-cnote-bg: var(--gc-success-bg);
}

.gc-ix-cnote-t-warn {
  --gc-cnote-c: var(--gc-danger-ink);
  --gc-cnote-bg: var(--gc-danger-bg);
}

.gc-ix-cnote-item.gc-ix-cnote-tint {
  background: var(--gc-cnote-bg);
  border-top: 0;
  border-radius: 10px;
  margin-bottom: 6px;
  padding: 8px 10px;
  display: block;
}

.gc-ix-cnote-tint .gc-ix-cnote-meta {
  flex-wrap: nowrap;
}

.gc-ix-cnote-kind {
  color: var(--gc-cnote-c);
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  font-weight: 700;
  display: inline-flex;
}

.gc-ix-cnote-by {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  min-width: 0;
  margin-inline-start: auto;
  display: inline-flex;
}

.gc-ix-cnote-foot {
  color: var(--gc-text-secondary);
  justify-content: flex-end;
  margin-top: 6px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-ix-cnote-foot .gc-ix-cnote-ic {
  flex-shrink: 0;
  font-size: .875rem;
}

.gc-ix-cnote-by .gc-ix-cnote-av {
  flex-shrink: 0;
  width: 18px !important;
  height: 18px !important;
  font-size: .75rem !important;
}

.gc-ix-cnote-private {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  align-items: center;
  gap: 4px;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.6;
  display: inline-flex;
}

.gc-ix-cnote-private-i {
  width: 24px;
  height: 24px;
  color: var(--gc-text-secondary);
  cursor: help;
  border-radius: var(--gc-radius-full);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.gc-ix-cnote-private-i > i {
  --icon-font-size: .9375rem;
}

.gc-ix-cnote-private-i:hover {
  color: var(--gc-text);
  background: var(--gc-canvas);
}

.gc-ix-cnote-private-i:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 1px;
}

.gc-ix-cnote-private > i {
  --icon-font-size: .875rem;
}

.gc-rp-sec-acts .gc-ix-cnote-add {
  --icon-font-size: 1rem;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

.gc-ix-cnote-private-bar {
  padding: 8px 18px 0;
  display: flex;
}

.gc-ix-cnote-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gc-ix-cnote-item {
  border-top: 1px solid var(--gc-hairline);
  align-items: stretch;
  gap: 10px;
  padding: 8px 0;
  display: flex;
}

.gc-ix-cnote-list > .gc-ix-cnote-item:first-child {
  border-top: 0;
}

.gc-ix-cnote-bar {
  background: var(--gc-cnote-c);
  border-radius: 3px;
  flex-shrink: 0;
  width: 3px;
}

.gc-ix-cnote-bar-ph {
  background: var(--gc-hairline-hover);
}

.gc-ix-cnote-main {
  flex: auto;
  min-width: 0;
}

.gc-ix-cnote-text {
  text-align: left;
  width: 100%;
  font: inherit;
  color: var(--gc-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  margin: 0;
  padding: 0;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.75;
  display: block;
  overflow: hidden;
}

.gc-ix-cnote-text:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--gc-text-muted);
  text-decoration-color: var(--gc-text-muted);
}

.gc-ix-cnote-text:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-ix-cnote-meta {
  min-width: 0;
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 4px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-ix-cnote-meta .gc-ix-cnote-ic {
  color: var(--gc-cnote-c);
  flex-shrink: 0;
  font-size: .875rem;
}

.gc-ix-cnote-who {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.gc-ix-cnote-item.gc-open .gc-ix-cnote-meta {
  flex-wrap: wrap;
}

.gc-ix-cnote-item.gc-open .gc-ix-cnote-who {
  white-space: normal;
}

.gc-ix-cnote-acts {
  flex-shrink: 0;
  align-items: center;
  margin-right: -6px;
  display: flex;
}

.gc-ix-cnote-item.gc-open .gc-ix-cnote-acts {
  align-self: flex-start;
}

.gc-ix-cnote-gap {
  flex-shrink: 0;
  width: 32px;
  display: inline-block;
}

.gc-ix-cnote-acts .gc-icon-btn {
  --icon-font-size: 1rem;
  width: 32px;
  height: 32px;
}

@media (pointer: coarse) {
  .gc-ix-cnote-acts .gc-icon-btn, .gc-rp-sec-acts .gc-ix-cnote-add {
    width: 44px;
    height: 44px;
  }
}

.gc-ix-cnote-acts .gc-ix-cnote-go {
  color: var(--gc-primary-ink);
}

.gc-ix-cnote-acts .gc-ix-cnote-go.gc-on {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-on-tint);
}

.gc-ix-cnote-acts .gc-ix-cnote-go[aria-disabled="true"] {
  color: var(--gc-text-muted);
  cursor: not-allowed;
  background: none;
}

.gc-ix-cnote-acts .gc-ix-cnote-del:hover {
  color: var(--gc-danger-ink);
  background: var(--gc-danger-bg);
}

.gc-ix-cnote-morerow {
  border-top: 1px solid var(--gc-hairline);
  padding-top: 6px;
}

.gc-ix-cnote-rich {
  color: var(--gc-text);
  overflow-wrap: anywhere;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-ix-cnote-rich p, .gc-ix-cnote-editor p {
  margin: 0 0 4px;
}

.gc-ix-cnote-rich ul, .gc-ix-cnote-rich ol, .gc-ix-cnote-editor ul, .gc-ix-cnote-editor ol {
  margin: 0 0 4px;
  padding-left: 1.25rem;
}

.gc-ix-cnote-rich a, .gc-ix-cnote-editor a {
  color: var(--gc-primary-ink);
  text-decoration: underline;
}

.gc-ix-cnote-rich strong, .gc-ix-cnote-editor strong {
  font-weight: 700;
}

.gc-ix-cnote-foot {
  align-items: center;
  gap: 12px;
  margin-top: 6px;
  display: flex;
}

.gc-ix-cnote-chip {
  color: var(--gc-cnote-c);
  border: 1px solid;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  margin-right: auto;
  padding: 0 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.6;
  display: inline-flex;
}

.gc-ix-cnote-src.gc-ix-reply-bar {
  margin: 6px 0 4px !important;
  padding: 5px 10px !important;
  animation: none !important;
}

.gc-ix-cnote-src .gc-ix-reply-bar-name {
  color: var(--gc-text-secondary) !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
}

.gc-ix-cnote-src .gc-ix-reply-bar-text {
  color: var(--gc-text) !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.popover.gc-ix-cnote-pop {
  --popover-bg: var(--gc-surface);
  --popover-header-bg: var(--gc-surface);
  --popover-header-color: var(--gc-text);
  --popover-max-width: 380px;
  --popover-body-padding-y: 12px;
  --popover-body-padding-x: 14px;
  width: 380px;
  box-shadow: var(--gc-shadow-lg);
  position: absolute;
}

html[data-color-theme] .popover.gc-ix-cnote-pop {
  --popover-bg: var(--gc-surface);
  --popover-header-bg: var(--gc-surface);
}

.gc-ix-cnote-pop .popover-header {
  border-bottom: 1px solid var(--gc-hairline);
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
}

.gc-ix-cnote-pop .popover-header > i {
  color: var(--gc-primary-ink);
  font-size: 1rem;
}

html[data-color-theme="dark"] .gc-ix-cnote-pop .btn-close {
  filter: invert() grayscale() brightness(200%);
}

.gc-ix-cnote-modal {
  --modal-width: 480px;
  --modal-bg: var(--gc-surface);
  --modal-header-padding: .75rem 14px;
  --modal-header-border-color: var(--gc-hairline);
  --modal-padding: 12px 14px;
}

.gc-ix-cnote-modal .modal-title {
  color: var(--gc-text);
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
}

.gc-ix-cnote-modal .modal-title > i {
  --icon-font-size: 1rem;
  color: var(--gc-primary-ink);
}

.gc-ix-cnote-types {
  border: 0;
  min-width: 0;
  margin: 8px 0 0;
  padding: 0;
}

.gc-ix-cnote-l {
  float: none;
  width: auto;
  color: var(--gc-text-secondary);
  margin: 0 0 4px;
  padding: 0;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.6;
}

.gc-ix-cnote-typerow {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.gc-ix-cnote-type {
  border: 1px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  min-height: 30px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.6;
  display: inline-flex;
}

.gc-ix-cnote-type > i:first-child {
  color: var(--gc-cnote-c);
  font-size: .875rem;
}

.gc-ix-cnote-type:hover {
  border-color: var(--gc-text-muted);
}

.gc-ix-cnote-types .btn-check:checked + .gc-ix-cnote-type, .gc-ix-cnote-filter .btn-check:checked + .gc-ix-cnote-type {
  border-color: var(--gc-cnote-c);
  box-shadow: inset 0 0 0 1px var(--gc-cnote-c);
  color: var(--gc-cnote-c);
}

.gc-ix-cnote-types .btn-check:focus-visible + .gc-ix-cnote-type, .gc-ix-cnote-filter .btn-check:focus-visible + .gc-ix-cnote-type {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-ix-cnote-type .gc-ix-cnote-tick {
  font-size: .8125rem;
}

.gc-ix-cnote-filter .gc-ix-cnote-t-note:first-of-type > i {
  display: none;
}

.gc-ix-cnote-filter {
  scrollbar-width: none;
  flex-shrink: 0;
  gap: 6px;
  padding: 10px 18px 8px;
  display: flex;
  overflow-x: auto;
}

.gc-ix-cnote-ed {
  border: 1px solid var(--gc-text-muted);
  border-radius: var(--gc-radius-md);
  background: var(--gc-surface);
  margin-top: 10px;
}

.gc-ix-cnote-ed:focus-within {
  border-color: var(--gc-primary);
  box-shadow: var(--gc-focus-ring);
}

.gc-ix-cnote-tb {
  border-bottom: 1px solid var(--gc-hairline);
  align-items: center;
  padding: 4px;
  display: flex;
}

.gc-ix-cnote-tb-g {
  border-right: 1px solid var(--gc-hairline);
  gap: 2px;
  margin-right: 4px;
  padding-right: 4px;
  display: flex;
}

.gc-ix-cnote-tb-g:last-child {
  border-right: 0;
}

.gc-ix-cnote-tb .btn {
  --btn-padding-x: 0;
  --btn-padding-y: 0;
  --btn-border-width: 0;
  --btn-color: var(--gc-text-secondary);
  --btn-hover-color: var(--gc-text);
  --btn-hover-bg: var(--gc-primary-bg);
  --btn-active-color: var(--gc-primary-on-tint);
  --btn-active-bg: var(--gc-primary-bg);
  border-radius: var(--gc-radius-sm);
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 1rem;
  display: inline-flex;
}

.gc-ix-cnote-editor {
  min-height: 84px;
  max-height: 200px;
  color: var(--gc-text);
  overflow-wrap: anywhere;
  outline: 0;
  padding: 8px 10px;
  font-size: .8125rem;
  line-height: 1.75;
  overflow-y: auto;
}

.gc-ix-cnote-linkrow {
  border-bottom: 1px solid var(--gc-hairline);
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  font-size: .75rem;
  display: flex;
}

.gc-ix-cnote-linkrow > i {
  color: var(--gc-text-secondary);
}

.gc-ix-cnote-linkin {
  border: 0;
  border-bottom: 1px solid var(--gc-primary);
  min-width: 0;
  font: inherit;
  color: var(--gc-text);
  background: none;
  outline: 0;
  flex: 1;
  padding: 2px 0;
  font-size: .8125rem;
  line-height: 1.6;
}

.gc-ix-grp-mem-link.gc-ix-cnote-muted {
  color: var(--gc-text-secondary);
}

.gc-ix-cnote-inline {
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  background: var(--gc-surface);
  margin-bottom: 10px;
  padding: 12px;
}

.gc-ix-cnote-inline-head {
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
  display: flex;
}

.gc-ix-cnote-inline-head > i {
  color: var(--gc-text-secondary);
  font-size: 1rem;
}

.gc-ix-cnote-inline-t {
  color: var(--gc-text);
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-ix-cnote-inline-x {
  --icon-font-size: .875rem;
  margin-inline-start: auto;
}

.gc-ix-cnote-err {
  margin-top: 8px;
}

.gc-ix-cnote-actions {
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  display: flex;
}

.gc-ix-cnote-actions .gc-ix-cnote-private {
  white-space: normal;
  margin-right: auto;
}

.gc-ix-cnote-actions .gc-ix-edit-save, .gc-ix-cnote-actions .gc-ix-edit-cancel {
  flex: none !important;
  padding: 6px 14px !important;
  font-size: .8125rem !important;
  line-height: 1.5 !important;
}

.gc-ix-cnote-actions .gc-ix-edit-save:disabled {
  opacity: .55;
  cursor: not-allowed !important;
}

.gc-ix-msg-time .gc-ix-cnote-mark {
  --icon-font-size: .875rem;
  border: 1px solid color-mix(in srgb,var(--gc-cnote-c) 40%,transparent);
  border-left: 3px solid var(--gc-cnote-c);
  background: var(--gc-surface);
  font: inherit;
  color: var(--gc-cnote-c);
  cursor: pointer;
  border-radius: 3px 6px 6px 3px;
  align-items: center;
  gap: 3px;
  margin-left: 6px;
  padding: 0 6px 0 4px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.6;
  display: inline-flex;
}

.gc-ix-msg-time .gc-ix-cnote-mark:hover {
  border-color: var(--gc-cnote-c);
}

.gc-ix-msg-time .gc-ix-cnote-mark:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-ix-cnote-hit {
  border-radius: var(--gc-radius-md);
  background: var(--gc-primary-bg);
  box-shadow: 0 0 0 6px var(--gc-primary-bg);
  animation: 2.4s ease-out forwards gc-cnote-hit;
}

.gc-ix-cnote-hit .gc-ix-msg-time {
  color: var(--gc-text) !important;
}

@keyframes gc-cnote-hit {
  0%, 65% {
    
  }

  100% {
    background: none;
    box-shadow: 0 0 0 6px #0000;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-ix-cnote-hit {
    animation: none;
  }
}

.gc-ix-cnote-sheet .offcanvas-header {
  border-bottom: 1px solid var(--gc-hairline);
  padding: 10px 16px;
}

.gc-ix-cnote-sheet .offcanvas-title {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.5;
}

.gc-ix-cnote-sheet .offcanvas-title > i {
  color: var(--gc-primary-ink);
}

.gc-ix-cnote-sheet .offcanvas-body {
  padding: 10px 16px 12px;
  overflow-y: auto;
}

.gc-ix-cnote-sheet .gc-ix-cnote-tb .btn {
  width: 40px;
  height: 40px;
}

.offcanvas.gc-ix-cnote-sheet {
  --offcanvas-height: auto;
  --offcanvas-bg: var(--gc-surface);
  bottom: var(--gc-cnote-kb, 0px);
  box-shadow: var(--gc-shadow-lg);
  max-height: calc(100dvh - var(--gc-cnote-kb, 0px) - 40px);
  padding-bottom: env(safe-area-inset-bottom);
  border-radius: 16px 16px 0 0;
  position: fixed;
}

html[data-color-theme="dark"] .gc-ix-cnote-sheet .btn-close {
  filter: invert() grayscale() brightness(200%);
}

.gc-ix-bubble-wrap > .popover.gc-ix-cnote-pop {
  white-space: normal;
  text-align: left;
  max-width: calc(100vw - 40px);
  top: calc(100% + 8px);
  left: 0;
  right: auto;
}

.gc-ix-bubble-wrap > .popover.gc-ix-cnote-pop.gc-self {
  left: auto;
  right: 0;
}

.gc-ix-bubble-wrap > .popover.gc-ix-cnote-pop.gc-up {
  top: auto;
  bottom: calc(100% + 8px);
}

.popover.gc-ix-cnote-pop > .popover-arrow {
  position: absolute;
  left: 36px;
}

.popover.gc-ix-cnote-pop.gc-self > .popover-arrow {
  left: auto;
  right: 36px;
}

.gc-ix-cnote-ic.gc-ix-cnote-ic-hidden {
  color: var(--gc-text-secondary);
}

.gc-ix-cnote-ph1 {
  height: .8rem;
  margin: .35rem 0;
}

.gc-ix-cnote-ph2 {
  width: 40%;
  height: .65rem;
  margin: .3rem 0 .2rem;
}

.gc-ix-cnote-editor[data-empty] > p:first-child:before {
  content: var(--gc-cnote-ph);
  float: left;
  pointer-events: none;
  height: 0;
  color: var(--gc-text-secondary);
}

.gc-ix-cnote-editor.gc-ix-cnote-loading {
  color: var(--gc-text-secondary);
}

.gc-ix-cnote-tbb-ph {
  height: 30px;
  display: block;
}

.gc-ix-cnote-scope {
  margin: 8px 0 4px;
}

.gc-ix-cnote-sheet {
  --gc-cnote-kb: 0px;
}

.gc-ix-cnote-ed {
  --gc-cnote-ph: "";
}

.gc-ix-cnote-pop {
  --gc-cnote-edmax: 200px;
}

.gc-ix-cnote-pop .gc-ix-cnote-editor {
  max-height: var(--gc-cnote-edmax);
  min-height: min(84px,var(--gc-cnote-edmax));
}

.popover.gc-ix-cnote-pop.gc-capped {
  overflow-y: auto;
}

.gc-ix-utabs {
  border-bottom: 1px solid var(--gc-hairline);
  scrollbar-width: none;
  align-items: stretch;
  gap: 14px;
  padding: 0 12px 0 16px;
  display: flex;
  overflow-x: auto;
}

.gc-ix-utabs::-webkit-scrollbar {
  display: none;
}

.gc-ix-utab {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  align-items: center;
  gap: 4px;
  padding: 10px 0;
  font-family: inherit;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.75;
  display: inline-flex;
}

.gc-ix-utab i {
  font-size: 1rem;
}

.gc-ix-utab:hover {
  color: var(--gc-text);
}

.gc-ix-utab.gc-on {
  color: var(--gc-primary-ink);
  border-bottom-color: var(--gc-primary);
  font-weight: 600;
}

.gc-ix-utab.gc-danger {
  color: var(--gc-danger-ink);
}

.gc-ix-utab-caret {
  font-size: .75rem !important;
}

.gc-ix-sla-row {
  border-bottom: 1px solid color-mix(in srgb, var(--gc-hairline) 55%, transparent);
  gap: 10px;
}

.gc-ix-sla-row .gc-ix-utab {
  padding: 7px 0;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-ix-sla-row .gc-ix-utab i {
  font-size: .9375rem;
}

.gc-ix-searchrow {
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  display: flex;
}

.gc-ix-search {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  height: 40px;
  padding: 0 14px;
  display: flex;
}

.gc-ix-search i {
  color: var(--gc-text-muted);
  flex-shrink: 0;
  font-size: 1rem;
}

.gc-ix-search input {
  min-width: 0;
  color: var(--gc-text);
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  font-family: inherit;
  font-size: .875rem;
  line-height: 1.75;
}

.gc-ix-search input::placeholder {
  color: var(--gc-text-muted);
}

.gc-ix-search input::-webkit-search-cancel-button {
  appearance: none;
  display: none;
}

.gc-ix-fbtn {
  border-radius: var(--gc-radius-md);
  background: var(--gc-surface);
  width: 38px;
  height: 38px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  border: 1.5px solid #0000;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 1.1rem;
  display: inline-flex;
}

.gc-ix-fbtn:hover {
  background: var(--gc-canvas);
}

.gc-ix-fbtn.gc-on {
  border-color: var(--gc-primary);
  color: var(--gc-primary-ink);
}

.gc-ix-fpanel {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  width: 300px;
  box-shadow: var(--gc-shadow-lg);
  overscroll-behavior: contain;
  max-height: min(70vh, 560px);
  padding: 16px 14px 16px 16px;
  overflow-y: auto;
}

.gc-ix-fpanel-head {
  color: var(--gc-text);
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.75;
  display: flex;
}

.gc-ix-fpanel-head i {
  font-size: 1.05rem;
}

.gc-ix-fpanel-done {
  border: 1px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  border-radius: var(--gc-radius-sm);
  color: var(--gc-text);
  cursor: pointer;
  margin-inline-start: auto;
  padding: 3px 14px;
  font-family: inherit;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-ix-fpanel-done:hover {
  background: var(--gc-canvas);
}

.gc-ix-fpanel-group + .gc-ix-fpanel-group {
  margin-top: 16px;
}

.gc-ix-fpanel-label {
  color: var(--gc-text-secondary);
  margin: 0 0 8px;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.75;
}

.gc-ix-fpanel-chips {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.gc-ix-fchip {
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-full);
  background: var(--gc-surface);
  min-height: 32px;
  color: var(--gc-text);
  cursor: pointer;
  white-space: nowrap;
  align-items: center;
  gap: 4px;
  padding: 0 14px;
  font-family: inherit;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.75;
  display: inline-flex;
}

.gc-ix-fchip:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary-ink);
}

.gc-ix-fchip i {
  font-size: .8rem;
  display: none;
}

.gc-ix-fchip.gc-on {
  background: var(--gc-primary);
  border-color: var(--gc-primary);
  color: #fff;
  font-weight: 600;
}

.gc-ix-fchip.gc-on i {
  display: inline;
}

.gc-ix-filters.gc-ix-filters-u {
  container-type: inline-size;
  padding: 0 var(--gc-ix-gutter) 0 0 !important;
  align-items: stretch !important;
  gap: 0 !important;
}

.gc-ix-filters-u .gc-ix-utabs {
  border-bottom: 0;
  flex: auto;
  gap: 10px;
  min-width: 0;
  padding-left: 12px;
  padding-right: 0;
}

.gc-ix-filters-u .gc-ix-utab {
  font-size: .8125rem;
}

@container (max-width: 259.98px) {
  .gc-ix-utab-label-wide {
    display: none;
  }
}

.gc-ix-filters-u .gc-ix-pick-btn {
  align-self: center;
}

.gc-ix-filters-u .gc-ix-pick-bar {
  padding: 8px 0 8px 12px;
}

.gc-ix-fpanel-float {
  z-index: 30;
  max-width: calc(100% - 24px);
  position: absolute;
}

@media (max-width: 767.98px) {
  .gc-ix-fpanel-float {
    width: auto;
    max-height: 70vh;
    right: 12px;
    left: 12px !important;
  }
}

.gc-ix-search-clear {
  color: var(--gc-text-muted);
  cursor: pointer;
  border-radius: var(--gc-radius-sm);
  background: none;
  border: 0;
  padding: 2px;
  font-size: .95rem;
  line-height: 1;
}

.gc-ix-search-clear:hover {
  color: var(--gc-text);
}

.gc-ix-seclabel {
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 4px;
  padding: 8px 16px 4px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-ix-fad-search {
  height: 34px;
  margin-bottom: 8px;
}

.gc-ix-fad-list {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.gc-ix-fad {
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  background: var(--gc-surface);
  text-align: start;
  cursor: pointer;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding: 8px 10px;
  font-family: inherit;
  display: flex;
}

.gc-ix-fad:hover {
  border-color: var(--gc-primary);
}

.gc-ix-fad.gc-on {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-ix-fad-ck {
  border: 1.5px solid var(--gc-hairline-hover);
  color: #0000;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-top: 3px;
  font-size: .65rem;
  display: flex;
}

.gc-ix-fad.gc-on .gc-ix-fad-ck, .gc-ix-fadl-row.gc-on .gc-ix-fad-ck {
  background: var(--gc-primary-ink);
  border-color: var(--gc-primary-ink);
  color: #fff;
}

.gc-ix-fad-body {
  flex: 1;
  min-width: 0;
}

.gc-ix-fad-t {
  color: var(--gc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  overflow: hidden;
}

.gc-ix-fad-s {
  color: var(--gc-text-secondary);
  overflow-wrap: anywhere;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ix-fad-empty {
  color: var(--gc-text-secondary);
  padding: 4px 2px;
  font-size: .8125rem;
  line-height: 1.85;
}

.gc-ix-fbtn {
  position: relative;
}

.gc-ix-fbtn-dot {
  background: var(--gc-primary);
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 2px var(--gc-surface);
  border-radius: 50%;
  position: absolute;
  top: 6px;
  right: 6px;
}

.gc-ix-fadl {
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.gc-ix-fadl-row {
  border: 0;
  border-top: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  text-align: start;
  cursor: pointer;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  font-family: inherit;
  display: flex;
}

.gc-ix-fadl-row:first-child {
  border-top: 0;
}

.gc-ix-fadl-row:hover {
  background: var(--gc-surface-hover);
}

.gc-ix-fadl-row.gc-on {
  background: var(--gc-primary-bg);
}

.gc-ix-fadl-id {
  color: var(--gc-text);
  font-variant-numeric: tabular-nums;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
  display: block;
}

.gc-ix-fadl-row.gc-on .gc-ix-fadl-id {
  color: var(--gc-primary-ink);
}

.gc-ix-fadl-t {
  color: var(--gc-text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  line-height: 1.75;
  display: block;
  overflow: hidden;
}

.gc-ix-fadl-n {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  min-width: 24px;
  color: var(--gc-text-secondary);
  text-align: center;
  flex-shrink: 0;
  padding: 0 7px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-ix-fadl-more {
  border: 0;
  border-top: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  width: 100%;
  color: var(--gc-primary-ink);
  cursor: pointer;
  padding: 6px 10px;
  font-family: inherit;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  display: block;
}

.gc-ix-fchip-id {
  font-variant-numeric: tabular-nums;
}

.gc-ix-follow-chip {
  border-radius: var(--gc-radius-sm);
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: 3px;
  padding: 2px 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-ix-follow-chip i {
  font-size: .8rem;
}

.gc-ix-act-strip {
  border-radius: var(--gc-radius-sm);
  border-left: 3px solid;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin-top: 6px;
  padding: 2px 8px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-ix-act-strip i {
  flex-shrink: 0;
  font-size: .9rem;
}

.gc-ix-act-strip b {
  white-space: nowrap;
  flex-shrink: 0;
  font-weight: 600;
}

.gc-ix-act-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--gc-text-secondary);
  flex: 1;
  overflow: hidden;
}

.gc-ix-act-more {
  flex-shrink: 0;
  font-weight: 600;
}

.gc-ix-act-late {
  background: var(--gc-danger-bg);
  border-color: var(--gc-danger);
  color: var(--gc-danger-ink);
}

.gc-ix-act-today {
  background: var(--gc-warning-bg);
  border-color: var(--gc-warning);
  color: var(--gc-warning-ink);
}

.gc-ix-new-chip {
  border-radius: var(--gc-radius-sm);
  background: var(--gc-primary-bg);
  color: var(--gc-primary-on-tint);
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: 3px;
  padding: 2px 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-ix-new-chip i {
  font-size: .8rem;
}

.gc-ix-name-skel {
  vertical-align: middle;
  background: var(--gc-text-muted);
  opacity: .38;
  border-radius: 4px;
  width: 118px;
  max-width: 100%;
  height: 11px;
  animation: 1.2s ease-in-out infinite gc-skel-pulse;
  display: inline-block;
}

.gc-ix-avatar-circle.gc-ix-avatar-skel {
  background: var(--gc-text-muted) !important;
  opacity: .38 !important;
  animation: 1.2s ease-in-out infinite gc-skel-pulse !important;
}

@media (prefers-reduced-motion: reduce) {
  .gc-ix-name-skel, .gc-ix-avatar-circle.gc-ix-avatar-skel {
    animation: none !important;
  }
}

.gc-lz-invite {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.gc-ix-kpi-row {
  background: var(--gc-canvas);
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 14px;
  padding: 6px 12px 6px 16px;
  display: flex;
}

.gc-ix-kpi {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  align-items: center;
  gap: 4px;
  font-size: .75rem;
  line-height: 1.75;
  display: inline-flex;
}

.gc-ix-kpi i {
  font-size: .875rem;
}

.gc-ix-kpi.gc-danger {
  color: var(--gc-danger-ink);
}

.gc-ix-kpi-v {
  color: var(--gc-text);
  font-weight: 700;
}

.gc-ix-kpi.gc-danger .gc-ix-kpi-v {
  color: inherit;
}

.gc-ix-kpi-sub {
  font-weight: 400;
}

.gc-ix-fpanel.gc-ix-fpanel-split {
  flex-direction: column;
  width: 340px;
  padding: 0;
  display: flex;
  overflow: hidden;
}

@media (max-width: 767.98px) {
  .gc-ix-fpanel.gc-ix-fpanel-split.gc-ix-fpanel-float {
    width: auto;
  }
}

.gc-ix-fpanel-top {
  border-bottom: 1px solid var(--gc-hairline);
  color: var(--gc-text);
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  padding: 10px 10px 10px 16px;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.75;
  display: flex;
}

.gc-ix-fpanel-top > i {
  font-size: 1.05rem;
}

.gc-ix-fpanel-top .gc-icon-btn {
  margin-inline-start: auto;
}

.gc-ix-fpanel-body {
  overscroll-behavior: contain;
  flex: auto;
  min-height: 0;
  padding: 14px 12px 16px 16px;
  overflow-y: auto;
}

.gc-ix-fpanel-foot {
  border-top: 1px solid var(--gc-hairline);
  background: var(--gc-canvas);
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  display: flex;
}

.gc-ix-fpanel-foot-end {
  align-items: center;
  gap: 8px;
  margin-inline-start: auto;
  display: flex;
}

.gc-ix-fpanel-clear {
  color: var(--gc-primary-ink);
  text-underline-offset: 3px;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-family: inherit;
  font-size: .875rem;
  line-height: 1.75;
  text-decoration: underline;
}

.gc-ix-fpanel-clear:hover {
  color: var(--gc-text);
}

.gc-ix-fbtn.gc-count {
  background: var(--gc-primary);
  border-color: var(--gc-primary);
  color: #fff;
  gap: 4px;
  width: auto;
  padding: 0 10px;
}

.gc-ix-fbtn.gc-count:hover {
  background: var(--gc-primary-ink);
  border-color: var(--gc-primary-ink);
}

.gc-ix-fpanel-split .btn.btn-primary {
  --btn-bg: var(--gc-primary);
  --btn-border-color: var(--gc-primary);
  --btn-hover-bg: var(--gc-primary-ink);
  --btn-hover-border-color: var(--gc-primary-ink);
  --btn-active-bg: var(--gc-primary-ink);
  --btn-active-border-color: var(--gc-primary-ink);
  --btn-disabled-bg: var(--gc-primary);
  --btn-disabled-border-color: var(--gc-primary);
}

.gc-ix-fbtn-n {
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
}

.tooltip.gc-tip-list .tooltip-inner {
  white-space: pre-line;
  text-align: start;
  max-width: 260px;
}

.gc-ix-shop-ava {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  position: relative;
}

.gc-ix-shop-ava-img {
  object-fit: cover;
  background: var(--gc-surface);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  inset: 0;
}

.gc-ix-shop-ava-txt {
  background: var(--gc-surface-hover);
  width: 28px;
  height: 28px;
  color: var(--gc-text-secondary);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.gc-ix-shop-ava-badge {
  object-fit: cover;
  border: 1.5px solid var(--gc-surface);
  border-radius: 50%;
  width: 13px;
  height: 13px;
  position: absolute;
  bottom: -3px;
  right: -3px;
}

.gc-rp-sub {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.6;
}

.gc-rp-fields {
  padding: 0 18px 10px;
}

.gc-rp-row {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0 8px;
  min-height: 34px;
  padding: 5px 0;
  display: flex;
  position: relative;
}

.gc-rp-row + .gc-rp-row {
  border-top: 1px solid var(--gc-hairline);
}

.gc-rp-label {
  color: var(--gc-text-secondary);
  flex: 0 0 68px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-rp-v {
  min-width: 0;
  color: var(--gc-text);
  overflow-wrap: anywhere;
  flex: 150px;
  padding-inline-end: 26px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-rp-v a {
  color: var(--gc-primary-ink);
  text-decoration: none;
}

.gc-rp-v a:hover {
  text-decoration: underline;
}

.gc-rp-pen {
  top: 4px;
  border-radius: var(--gc-radius-sm);
  width: 26px;
  height: 26px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  opacity: 0;
  transition: opacity .15s var(--gc-ease);
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  font-size: .8rem;
  display: inline-flex;
  position: absolute;
  inset-inline-end: 0;
}

.gc-rp-row:hover > .gc-rp-pen, .gc-rp-row:focus-within > .gc-rp-pen, .gc-rp-pen:focus-visible {
  opacity: 1;
}

.gc-rp-pen:hover {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-on-tint);
}

.gc-rp-pen:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 1px;
}

.gc-rp-fields.gc-rp-compact {
  padding: 4px 14px 8px;
}

.gc-ix-info-profile + .gc-rp-fields.gc-rp-compact {
  padding-bottom: 16px;
}

.gc-rp-compact .gc-rp-row {
  min-height: 30px;
  padding: 3px 0;
}

.gc-rp-compact .gc-rp-row + .gc-rp-row {
  border-top: 0;
}

.gc-rp-compact .gc-rp-v {
  flex-basis: 0;
}

.gc-rp-label.gc-rp-label-ic {
  height: 28px;
  color: var(--gc-text-secondary);
  flex: 0 0 20px;
  align-items: center;
  font-size: 1rem;
  line-height: 1;
  display: flex;
}

.gc-rp-compact .gc-rp-v {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 28px;
  display: flex;
}

.gc-rp-compact .gc-rp-v > .gc-rp-tags {
  align-self: stretch;
}

.gc-rp-tags {
  min-width: 0;
  display: block;
}

.gc-ix-edit-tags.gc-rp-tags-one {
  flex-wrap: nowrap !important;
}

.gc-rp-tags-meas {
  visibility: hidden;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: -10000px;
}

.gc-rp-tags .gc-ix-tag-add {
  justify-content: center;
  min-width: 28px;
}

.gc-rp-less {
  width: 100%;
  color: var(--gc-text-secondary);
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  padding: 0;
  font-family: inherit;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-rp-less:before, .gc-rp-less:after {
  content: "";
  border-top: 1px solid var(--gc-hairline);
  flex: 1;
}

.gc-rp-less:hover {
  color: var(--gc-primary-ink);
}

.gc-rp-less:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-rp-sec-link {
  white-space: nowrap;
  --icon-font-size: .875rem;
  align-items: center;
  gap: 4px;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.75;
  display: inline-flex;
}

button.gc-rp-sec-link {
  color: var(--gc-primary);
  background: none;
  border: 0;
  padding: 0;
}

button.gc-rp-sec-link:disabled {
  color: var(--gc-text-secondary);
  cursor: not-allowed;
}

.gc-rp-sec-link + .gc-rp-sec-link {
  margin-inline-start: 10px;
}

@media (hover: none) {
  .gc-rp-pen {
    opacity: 1;
  }
}

@media (pointer: coarse) {
  .gc-rp-pen {
    width: 40px;
    height: 40px;
    top: -2px;
  }
}

.gc-rp-add {
  font: inherit;
  color: var(--gc-primary-ink);
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 3px;
  padding: 0;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-rp-add:hover {
  text-decoration: underline;
}

.gc-rp-add > i {
  font-size: .8em;
}

.gc-rp-add:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
  border-radius: 4px;
}

.gc-rp-add-blk {
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  display: inline-flex;
}

.gc-rp-src {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.6;
  display: block;
}

.gc-rp-src > i {
  vertical-align: -2px;
  margin-inline-end: 2px;
  font-size: .85rem;
}

.gc-rp-who {
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.gc-ix-avatar-circle.gc-rp-who-av {
  width: 24px !important;
  height: 24px !important;
  font-size: .75rem !important;
}

.gc-rp-menu .gc-rp-who-av {
  width: 26px !important;
  height: 26px !important;
  font-size: .75rem !important;
}

.gc-rp-seclink {
  padding-top: 8px;
}

.gc-rp-seclink a {
  color: var(--gc-primary-ink);
  font-weight: 600;
  text-decoration: none;
}

.gc-rp-seclink a:hover {
  text-decoration: underline;
}

.gc-rp-menu-wrap {
  position: relative;
}

.gc-rp-menu {
  inset-inline-end: 0;
  z-index: 5;
  min-width: 196px;
  max-height: 280px;
  box-shadow: var(--gc-shadow-md);
  position: absolute;
  top: calc(100% - 2px);
  overflow-y: auto;
}

.gc-rp-menu .dropdown-item {
  align-items: center;
  gap: 8px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-rp-menu .dropdown-item > .ph-check {
  color: var(--gc-primary-ink);
  margin-inline-start: auto;
}

.gc-rp-ro {
  color: var(--gc-warning-ink);
  background: var(--gc-warning-bg);
  border-radius: var(--gc-radius-full);
  white-space: nowrap;
  align-items: center;
  gap: 4px;
  padding: 1px 10px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.6;
  display: inline-flex;
}

.gc-rp-ro > i {
  font-size: .85rem;
}

.gc-rp-sec {
  border-top: 1px solid var(--gc-hairline);
}

.gc-rp-sec-head {
  align-items: center;
  gap: 2px;
  padding-inline-end: 12px;
  display: flex;
}

.gc-rp-sec-head > .gc-rp-sec-btn {
  flex: 1;
  min-width: 0;
}

.gc-rp-sec-acts {
  flex-shrink: 0;
  align-items: center;
  gap: 2px;
  display: flex;
}

.gc-rp-sec-btn {
  width: 100%;
  font: inherit;
  color: var(--gc-text);
  text-align: start;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  display: flex;
}

.gc-rp-sec-btn:hover .gc-rp-sec-t {
  text-decoration: underline;
}

.gc-rp-sec-btn:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: -2px;
}

.gc-rp-sec-btn .gc-rp-caret {
  color: var(--gc-text-secondary);
  transition: transform .15s var(--gc-ease);
  flex-shrink: 0;
  font-size: .7rem;
}

.gc-rp-sec.gc-open .gc-rp-caret {
  transform: rotate(90deg);
}

.gc-rp-sec-btn .gc-rp-sec-ic {
  color: var(--gc-text-secondary);
  flex-shrink: 0;
  font-size: 1rem;
}

.gc-rp-sec-t {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.gc-rp-sec-n {
  color: var(--gc-text-secondary);
  flex-shrink: 0;
  margin-inline-start: -4px;
  font-weight: 500;
}

.gc-rp-sec-body {
  padding: 0 18px 14px;
}

.gc-rp-empty {
  color: var(--gc-text-secondary);
  font-size: .8125rem;
  line-height: 1.75;
}

div.gc-rp-empty {
  text-align: center;
  padding: 10px 0 2px;
}

.gc-rp-hint {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
  display: block;
}

.gc-rp-edit {
  flex: 150px;
  min-width: 0;
}

.gc-rp-input {
  font-size: .8125rem !important;
  line-height: 1.75 !important;
}

.gc-ix-edit-save.gc-rp-ok, .gc-ix-edit-cancel.gc-rp-no {
  flex: none !important;
  padding: 5px 14px !important;
  font-size: .75rem !important;
  line-height: 1.6 !important;
}

.gc-rp-btns {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  display: flex;
}

.gc-rp-kbd {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.6;
}

.gc-rp-err {
  color: var(--gc-danger-ink);
  margin-top: 4px;
  font-size: .75rem;
  line-height: 1.6;
}

.gc-rp-warn {
  color: var(--gc-warning-ink);
  margin-top: 6px;
  font-size: .75rem;
  line-height: 1.6;
}

.gc-rp-err > i, .gc-rp-warn > i {
  vertical-align: -2px;
  font-size: .9rem;
}

.gc-rp-state {
  text-align: center;
  padding: 40px 24px;
}

.gc-rp-state > i {
  color: var(--gc-text-muted);
  font-size: 1.6rem;
}

.gc-rp-state-t {
  color: var(--gc-text-secondary);
  margin: 6px 0 12px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-rp-cnote {
  padding: 8px 0;
}

.gc-rp-cnote + .gc-rp-cnote {
  border-top: 1px solid var(--gc-hairline);
}

.gc-rp-cnote p {
  color: var(--gc-text);
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  margin: 0;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-rp-cnote-meta {
  color: var(--gc-text-secondary);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: .75rem;
  line-height: 1.6;
  display: flex;
}

.gc-rp-ev {
  color: var(--gc-text);
  overflow-wrap: anywhere;
  padding: 6px 0;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-rp-ev + .gc-rp-ev {
  border-top: 1px solid var(--gc-hairline);
}

.gc-rp-ev-meta {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.6;
}

.gc-rp-ev-who {
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  display: flex;
}

.gc-rp-ev-who > span {
  min-width: 0;
}

.gc-rp-ev-old {
  color: var(--gc-text-secondary);
  text-decoration: line-through;
}

.gc-rp-grp {
  color: inherit;
  align-items: center;
  gap: 8px;
  padding: 7px 0;
  text-decoration: none;
  display: flex;
}

.gc-rp-grp + .gc-rp-grp {
  border-top: 1px solid var(--gc-hairline);
}

.gc-rp-grp:hover .gc-rp-grp-nm {
  text-decoration: underline;
}

.gc-rp-grp:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
  border-radius: 6px;
}

.gc-ix-avatar-circle.gc-rp-grp-av {
  width: 28px !important;
  height: 28px !important;
  font-size: .7rem !important;
}

.gc-rp-grp-av > i {
  font-size: .95rem;
}

.gc-rp-grp-nm {
  min-width: 0;
  color: var(--gc-text);
  flex: auto;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-rp-grp-unk {
  color: var(--gc-text-secondary);
}

.gc-rp-grp-when {
  color: var(--gc-text-secondary);
  flex: none;
  font-size: .75rem;
  line-height: 1.6;
}

.gc-rp-sortwrap {
  position: relative;
}

.gc-rp-sort-right {
  margin-inline-start: auto;
}

.gc-ix-cnote-private-bar {
  align-items: center;
  gap: 8px;
  padding-bottom: 4px;
}

.gc-rp-sort {
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-full);
  min-height: 26px;
  font: inherit;
  color: var(--gc-text-secondary);
  cursor: pointer;
  background: none;
  align-items: center;
  gap: 3px;
  padding: 0 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.6;
  display: inline-flex;
}

.gc-rp-sort:hover {
  border-color: var(--gc-text-muted);
  color: var(--gc-text);
}

.gc-rp-sort:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-rp-sort > i:first-child {
  flex-shrink: 0;
  font-size: .85rem;
}

.gc-rp-sort > i:last-child {
  flex-shrink: 0;
  font-size: .7rem;
}

.gc-rp-sort-menu {
  inset-inline-start: 0;
  z-index: 6;
  min-width: 172px;
  box-shadow: var(--gc-shadow-md);
  position: absolute;
  top: calc(100% + 4px);
}

.gc-rp-sort-menu .dropdown-item {
  align-items: center;
  gap: 8px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-rp-sort-menu .dropdown-item > .ph-check {
  color: var(--gc-primary-ink);
  margin-inline-start: auto;
}

.gc-rp-note-txt {
  overflow-wrap: anywhere;
  margin: 0;
}

.gc-rp-note > .gc-ix-cnote-main > .gc-ix-cnote-meta {
  margin-top: 2px;
}

.gc-rp-note-acts {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.gc-rp-note-acts .gc-icon-btn {
  --icon-font-size: 1rem;
  width: 32px;
  height: 32px;
}

.gc-rp-note-acts .gc-ix-cnote-go {
  color: var(--gc-primary-ink);
}

.gc-rp-note-acts .gc-ix-cnote-go[aria-disabled="true"] {
  color: var(--gc-text-muted);
  cursor: not-allowed;
  background: none;
}

.gc-rp-note-acts .gc-ix-cnote-del:hover {
  color: var(--gc-danger-ink);
  background: var(--gc-danger-bg);
}

.gc-rp-note-float {
  position: relative;
}

.gc-rp-note-fl {
  top: 4px;
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-sm);
  box-shadow: var(--gc-shadow-md);
  opacity: 0;
  transition: opacity .15s var(--gc-ease);
  display: flex;
  position: absolute;
  inset-inline-end: 0;
}

.gc-rp-note-float:hover .gc-rp-note-fl, .gc-rp-note-float:focus-within .gc-rp-note-fl {
  opacity: 1;
}

@media (hover: none) {
  .gc-rp-note-fl {
    opacity: 1;
    box-shadow: none;
    border: 0;
    align-self: flex-start;
    margin-inline-start: auto;
    position: static;
  }
}

@media (pointer: coarse) {
  .gc-rp-note-acts .gc-icon-btn {
    width: 40px;
    height: 40px;
  }
}

.gc-rp-sec-body > .gc-ix-info-sec {
  border-top: 0 !important;
  padding: 0 !important;
}

:root {
  --gc-bc-track: #00000014;
  --gc-bc-line-bg: #9cb3d4;
  --gc-bc-line-head: #fff;
  --gc-bc-line-ink: #1a1d2e;
  --gc-bc-line-bubble: #fff;
  --gc-bc-line-frame: #1a1d2e;
  --gc-bc-line-pill: #1a1d2e9e;
}

[data-theme="dark"] {
  --gc-bc-track: #ffffff1f;
  --gc-bc-line-bg: #22252e;
  --gc-bc-line-head: #16181d;
  --gc-bc-line-ink: #e4e6f0;
  --gc-bc-line-bubble: #34373f;
  --gc-bc-line-frame: #000;
  --gc-bc-line-pill: #ffffff24;
}

.gc-bc-logo {
  object-fit: contain;
  border-radius: 5px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.gc-bc-logo.gc-lg {
  border-radius: 50%;
  width: 28px;
  height: 28px;
}

.gc-bc-logo.gc-inline {
  vertical-align: -3px;
  width: 16px;
  height: 16px;
}

.list-group-item.gc-bc-row {
  cursor: pointer;
  padding: 12px 16px;
  line-height: 1.75;
}

.list-group-item.gc-bc-row.gc-off {
  cursor: default;
}

.form-check-input.gc-bc-check {
  margin-top: .3rem;
}

.gc-bc-row-name {
  color: var(--gc-text);
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.75;
  display: block;
}

.gc-bc-row-sub {
  color: var(--gc-text-secondary);
  align-items: flex-start;
  gap: 4px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-bc-row-sub > i {
  flex-shrink: 0;
  margin-top: .3rem;
}

.gc-bc-row-meta {
  white-space: nowrap;
  color: var(--gc-text-secondary);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-bc-grp-ic {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  width: 32px;
  height: 32px;
  color: var(--gc-text-secondary);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  display: flex;
}

.gc-bc-grp-ic.gc-sm {
  width: 26px;
  height: 26px;
  font-size: .875rem;
}

.gc-bc-row.gc-off .gc-bc-grp-ic {
  color: var(--gc-text-muted);
}

.gc-bc .gc-ix-tag {
  color: var(--gc-primary-on-tint) !important;
}

.gc-bc-help {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-bc-inline {
  align-items: flex-start;
  gap: 6px;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  display: flex;
}

.gc-bc-inline.gc-warn, .gc-bc-warn {
  color: var(--gc-warning-ink);
}

.gc-bc-inline.gc-bad {
  color: var(--gc-danger-ink);
}

.gc-bc-inline > i {
  flex-shrink: 0;
  margin-top: .3rem;
}

.gc-bc-bad {
  color: var(--gc-danger-ink) !important;
}

.gc-pick-empty.gc-bc-empty {
  background: var(--gc-canvas);
  border-radius: var(--gc-radius-lg);
  color: var(--gc-text-secondary);
  padding: 22px 16px;
}

.gc-pick-empty.gc-bc-empty > i {
  opacity: 1;
  color: var(--gc-text-muted);
}

.gc-bc-empty-hint {
  max-width: 52ch;
  line-height: 1.75;
}

.gc-bc-steps {
  max-width: 60ch;
  color: var(--gc-text);
  margin: 8px auto 14px;
  padding-left: 1.25rem;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-bc-dl {
  grid-template-columns: 1fr auto;
  gap: 2px 12px;
  margin: 0 0 12px;
  font-size: .875rem;
  line-height: 1.75;
  display: grid;
}

.gc-bc-dl.gc-bc-dl-wide {
  grid-template-columns: auto 1fr;
  column-gap: 16px;
}

.gc-bc-dl dt {
  color: var(--gc-text-secondary);
  font-weight: 400;
}

.gc-bc-dl dd {
  color: var(--gc-text);
  text-align: right;
  font-variant-numeric: tabular-nums;
  margin: 0;
  font-weight: 600;
}

.gc-bc-dl .gc-bc-dl-total {
  border-top: 1px solid var(--gc-hairline-hover);
  color: var(--gc-text);
  margin-top: 4px;
  padding-top: 8px;
  font-size: 1rem;
  font-weight: 700;
}

.gc-bc-q {
  border-top: 1px solid var(--gc-hairline-hover);
  padding: 10px 0 12px;
  font-size: .875rem;
  line-height: 1.75;
}

.gc-bc-q-k {
  color: var(--gc-text-secondary);
}

.progress.gc-bc-quota {
  --progress-height: 8px;
  --progress-bg: var(--gc-bc-track);
  --progress-border-radius: var(--gc-radius-full);
  --progress-box-shadow: none;
  gap: 2px;
  margin: 6px 0 4px;
}

.progress-bar.gc-bc-q-used {
  background: var(--gc-text-muted);
}

.progress-bar.gc-bc-q-cost {
  background: var(--gc-primary-ink);
}

.progress.gc-bc-quota.gc-bad .progress-bar.gc-bc-q-cost {
  background: var(--gc-danger-ink);
}

.alert.gc-bc-alert {
  margin: 0 0 12px;
  padding: 10px 12px;
  font-size: .8125rem;
}

.gc-bc .gc-rb-bh-n, .gc-bc .gc-rb-count, .gc-bc .gc-rb-palette-t, .gc-bc .gc-rb-pal span {
  font-size: .75rem;
}

.gc-bc .gc-rb-pv-t {
  letter-spacing: 0;
  font-size: .75rem;
}

.gc-bc .gc-rb-choice-d, .gc-bc .gc-rb-area {
  line-height: 1.75;
}

.gc-bc .gc-rb-choice.sel .gc-rb-choice-d {
  color: var(--gc-text);
}

.gc-bc .gc-rb-bh-btn:disabled, .gc-bc .gc-rb-pal:disabled {
  opacity: .35;
  cursor: default;
}

.gc-bc .gc-rb-thumb img {
  max-height: 220px;
}

.gc-bc .gc-rb-bh-ic.gc-rb-bh-sticker {
  background: #0b7285;
}

.gc-bc-cf .modal-body {
  font-size: .875rem;
  line-height: 1.75;
}

.gc-hide-explainer .modal-body {
  font-size: .875rem !important;
  line-height: 1.85 !important;
}

.gc-hide-explainer .gc-hide-ic {
  color: var(--gc-text-secondary) !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
  font-size: 1.25rem !important;
}

.gc-bc-cf-sec {
  border-bottom: 1px solid var(--gc-hairline-hover);
  padding: 12px 0;
}

.gc-bc-cf-sec:first-child {
  padding-top: 0;
}

.gc-bc-cf-sec:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.gc-bc-cf-k {
  color: var(--gc-text-secondary);
  margin-bottom: 4px;
  font-size: .75rem;
  font-weight: 600;
}

.gc-bc-cf-list {
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  max-height: 132px;
  margin-top: 6px;
  overflow-y: auto;
}

.gc-bc-cf-list .list-group-item {
  background: none;
  padding: 8px 12px;
}

.gc-bc-cf-total {
  border-top: 1px dashed var(--gc-hairline-hover);
  margin-top: 8px;
  padding-top: 8px;
  font-weight: 600;
}

.gc-bc-cf .alert {
  margin: 10px 0 0;
}

@media (max-width: 575.98px) {
  .modal-footer.gc-bc-cf-foot {
    padding-bottom: calc(12px + env(safe-area-inset-bottom));
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .modal-footer.gc-bc-cf-foot .btn {
    width: 100%;
    margin: 0;
  }
}

.gc-bc-mbar {
  z-index: 4;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  background: var(--gc-surface);
  border-top: 1px solid var(--gc-hairline-hover);
  box-shadow: var(--gc-shadow-md);
  align-items: center;
  gap: 12px;
  display: flex;
  position: sticky;
  bottom: 0;
}

.gc-bc-mbar-n {
  color: var(--gc-text);
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.5;
}

.gc-bc-mbar-s {
  color: var(--gc-text-secondary);
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  font-size: .75rem;
  line-height: 1.75;
  display: -webkit-box;
  overflow: hidden;
}

.gc-bc-mbar .btn {
  flex-shrink: 0;
}

.gc-bc-3 > .gc-rb-choice {
  flex: 1 1 0;
  min-width: 0;
}

.gc-bc-st {
  border-radius: var(--gc-radius-full);
  white-space: nowrap;
  border: 1px solid #0000;
  align-items: center;
  gap: 4px;
  padding: 1px 10px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-bc-st i {
  font-size: .875rem;
}

.gc-bc-st.gc-sched {
  background: linear-gradient(var(--gc-primary-bg),var(--gc-primary-bg)),var(--gc-surface);
  color: var(--gc-primary-on-tint);
}

.gc-bc-st.gc-sending {
  background: var(--gc-surface);
  border-color: var(--gc-info-ink);
  color: var(--gc-info-ink);
}

.gc-bc-st.gc-sent {
  background: linear-gradient(var(--gc-success-bg),var(--gc-success-bg)),var(--gc-surface);
  color: var(--gc-success-ink);
}

.gc-bc-st.gc-partial {
  background: linear-gradient(var(--gc-warning-bg),var(--gc-warning-bg)),var(--gc-surface);
  color: var(--gc-warning-ink);
}

.gc-bc-st.gc-failed {
  background: var(--gc-surface);
  border-color: var(--gc-danger-ink);
  color: var(--gc-danger-ink);
}

.gc-bc-st.gc-cancelled {
  border-color: var(--gc-hairline-hover);
  color: var(--gc-text-secondary);
  background: none;
}

.gc-cu-bar.gc-bc-tabbar {
  padding-top: 0;
  padding-bottom: 0;
}

.nav-tabs.gc-bc-tabs .nav-link {
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 600;
  line-height: 1.75;
}

.gc-cu-seg-n.gc-bc-tabn {
  color: var(--gc-text-secondary);
  font-size: .75rem;
}

.gc-tlib-side {
  --gc-head-h: 52px;
  flex: 0 0 220px;
  width: 220px;
  overflow: hidden;
}

.gc-tlib-side-m {
  --gc-head-h: 52px;
  overflow: hidden;
}

:is(.gc-tlib-side, .gc-tlib-side-m) .gc-fp {
  height: auto;
}

.gc-tlib-side-m .gc-fp .form-check {
  padding-top: 6px;
  padding-bottom: 6px;
  display: block;
}

.gc-cu-table.gc-tlib-table {
  min-width: 0;
}

.gc-cu-table.gc-tlib-table th {
  padding: 0 10px;
}

.gc-cu-table.gc-tlib-table td {
  height: 52px;
  padding: 6px 10px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-cu-table.gc-tlib-table .gc-tlib-ic {
  text-align: center;
  width: 36px;
  color: var(--gc-text-secondary);
  padding-left: 4px;
  padding-right: 4px;
  font-size: 1.0625rem;
  line-height: 1;
}

.gc-cu-table.gc-tlib-table .gc-tlib-ic > *, .gc-cu-table.gc-tlib-table .gc-tlib-ic i, .gc-cu-table.gc-tlib-table .gc-tlib-ic img {
  vertical-align: middle;
}

.gc-cu-table.gc-tlib-table .gc-tlib-ic.gc-tlib-meta {
  white-space: nowrap;
  width: 64px;
}

.gc-tlib-frac {
  vertical-align: middle;
  margin-left: 4px;
  font-size: .75rem;
  font-weight: 700;
}

.gc-cu-table.gc-tlib-table :is(th, td):first-child {
  padding-left: 16px;
}

.gc-cu-table.gc-tlib-table .gc-tlib-name {
  white-space: nowrap;
}

.gc-cu-table.gc-tlib-table .gc-tlib-body {
  width: 100%;
  max-width: 0;
  color: var(--gc-text);
}

.gc-tlib-logo {
  object-fit: contain;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.gc-tlib-pill {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  color: var(--gc-text);
  white-space: nowrap;
  align-items: center;
  padding: 1px 10px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-tlib-count {
  color: var(--gc-primary-ink);
  font-variant-numeric: tabular-nums;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}

.gc-cu-table.gc-bc-table tbody tr {
  cursor: default;
}

.gc-bc-thumbs {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.gc-bc-thumb {
  border-radius: var(--gc-radius-md);
  object-fit: cover;
  background: var(--gc-canvas);
  width: 40px;
  height: 40px;
}

.gc-bc-thumb.gc-stk {
  object-fit: contain;
  background: none;
}

.gc-bc-snip-t {
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  color: var(--gc-text);
  -webkit-box-orient: vertical;
  max-width: 44ch;
  font-size: .84rem;
  font-weight: 600;
  line-height: 1.75;
  text-decoration: none;
  display: -webkit-box;
  overflow: hidden;
}

.gc-bc-snip-t:hover {
  color: var(--gc-primary-on-tint);
  text-decoration: underline;
}

.gc-bc-oa {
  color: var(--gc-text);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  font-size: .8125rem;
  line-height: 1.75;
  display: inline-flex;
}

.gc-bc-to {
  color: var(--gc-text);
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-bc-num {
  color: var(--gc-text);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.6;
  display: block;
}

.gc-bc-num.gc-none {
  color: var(--gc-text-secondary);
  font-weight: 600;
}

.gc-bc-rate {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.6;
  display: block;
}

.gc-bc-who {
  color: var(--gc-text);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  font-size: .8125rem;
  line-height: 1.75;
  display: inline-flex;
}

.gc-bc-who-ava {
  background: var(--gc-canvas);
  width: 24px;
  height: 24px;
  color: var(--gc-text-secondary);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  font-weight: 700;
  display: inline-flex;
}

.gc-bc-more {
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  width: 32px;
  height: 32px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.gc-bc-more:hover, .gc-bc-more:focus-visible {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-on-tint);
  border-color: var(--gc-primary);
}

.dropdown-menu.gc-bc-menu-open {
  position: absolute;
  top: calc(100% + 4px);
  left: auto;
  right: 0;
}

.gc-bc-menu-td .dropdown {
  position: relative;
}

.dropdown-item.gc-bc-danger-item {
  color: var(--gc-danger-ink);
}

.gc-bc-lt {
  white-space: nowrap;
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 4px;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
  position: relative;
}

.gc-bc-tipbtn {
  width: 24px;
  height: 24px;
  color: var(--gc-text-secondary);
  cursor: help;
  background: none;
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.gc-bc-tipbtn:hover, .gc-bc-tipbtn:focus-visible {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-on-tint);
}

.tooltip.gc-bc-tip {
  white-space: normal;
  text-align: left;
  z-index: 5;
  width: 260px;
  display: block;
  position: absolute;
  top: calc(100% + 4px);
  right: -8px;
}

.tooltip.gc-bc-tip .tooltip-inner {
  text-align: left;
  width: 100%;
  max-width: none;
  font-size: .75rem;
  line-height: 1.75;
  display: block;
}

.tooltip.gc-bc-tip .tooltip-arrow {
  display: block;
  position: absolute;
  top: 0;
  right: 12px;
}

@media (min-width: 992px) {
  .gc-cu-table.gc-bc-hist {
    table-layout: fixed;
    width: 100%;
    min-width: 0;
  }

  .gc-cu-table.gc-bc-hist th, .gc-cu-table.gc-bc-hist td {
    padding-left: 10px;
    padding-right: 10px;
  }

  .gc-cu-table.gc-bc-hist th {
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .gc-cu-table.gc-bc-hist .gc-bc-who {
    width: 100%;
    display: flex;
  }

  .gc-cu-table.gc-bc-hist .gc-bc-who-name {
    flex: auto;
    min-width: 0;
  }

  .gc-cu-table.gc-bc-hist .gc-bc-oa {
    width: 100%;
    display: flex;
  }

  .gc-cu-table.gc-bc-hist .gc-bc-oa-name {
    flex: auto;
    min-width: 0;
  }

  .gc-cu-table.gc-bc-hist .gc-cu-when {
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
  }

  .gc-cu-table.gc-bc-hist .gc-bc-lt {
    white-space: normal;
  }
}

@media (max-width: 991.98px) {
  .gc-cu-table.gc-bc-table tbody tr {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .gc-cu-table.gc-bc-table td[data-th] {
    grid-column: auto;
    margin-top: 10px;
  }

  .gc-cu-table.gc-bc-table td[data-th="เนื้อหา"] {
    grid-column: 1 / -1;
    margin-top: 0;
  }

  .gc-bc .gc-cu-table.gc-bc-table tbody td[data-th="เนื้อหา"]:before {
    content: none;
  }

  .gc-cu-table.gc-bc-table td[data-th]:not([data-th="เนื้อหา"]):before {
    font-size: .75rem;
  }

  .gc-cu-table.gc-bc-table td[data-th="สถานะ"], .gc-cu-table.gc-bc-table td[data-th="เวลาส่ง"], .gc-cu-table.gc-bc-table td[data-th="ส่งเมื่อ"] {
    grid-column: span 1;
  }

  .gc-cu-table.gc-bc-table td[data-th="ส่งโดย"], .gc-cu-table.gc-bc-table td[data-th="สร้างโดย"] {
    grid-column: span 2;
  }

  .gc-cu-table.gc-bc-table td[data-th="จัดการ"] {
    margin: 0;
    position: absolute;
    top: 10px;
    right: 10px;
  }

  .gc-bc .gc-cu-table.gc-bc-table tbody td[data-th="จัดการ"]:before {
    content: none;
  }

  .gc-cu-table.gc-bc-table tbody tr {
    position: relative;
  }

  .gc-cu-table.gc-bc-table td.text-lg-end {
    text-align: left;
  }

  .gc-bc-snip-t {
    max-width: none;
    padding-right: 36px;
  }
}

.gc-bc-dmeta {
  color: var(--gc-text-secondary);
  margin-bottom: 14px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-bc-dot {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.gc-bc-dot:before {
  content: "·";
  margin-right: 2px;
}

.gc-cu-kpis.gc-bc-kpis {
  grid-template-columns: repeat(auto-fit, minmax(200px, 260px));
  margin-bottom: 6px;
}

.gc-bc-kpi-send {
  background: linear-gradient(135deg, #4e6af0, #6b83f5);
}

.gc-bc-kpi-open {
  background: linear-gradient(135deg, #177a44, #239b57);
}

.gc-bc-kpi-click {
  background: linear-gradient(135deg, #b45309, #cc6a10);
}

.gc-bc-kpis .gc-bc-lt {
  color: var(--gc-text);
  font-size: 1rem;
  font-weight: 800;
}

.gc-bc-kpis .tooltip.gc-bc-tip {
  left: 0;
  right: auto;
}

.gc-bc-kpis .tooltip.gc-bc-tip .tooltip-arrow {
  left: 80px;
  right: auto;
}

.gc-bc-statnote {
  color: var(--gc-text-secondary);
  margin-bottom: 16px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-bc-statnote > div {
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.gc-bc-statnote i {
  margin-top: .3rem;
}

.table.gc-bc-gtable {
  --table-bg: transparent;
  margin: 0;
  font-size: .8125rem;
  line-height: 1.75;
}

.table.gc-bc-gtable th {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 600;
}

.table.gc-bc-gtable td {
  vertical-align: top;
}

.gc-bc-res {
  white-space: nowrap;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  display: inline-flex;
}

.gc-bc-res.gc-ok {
  color: var(--gc-success-ink);
}

.gc-bc-res.gc-fail {
  color: var(--gc-danger-ink);
}

.gc-bc-res.gc-skip {
  color: var(--gc-text-secondary);
}

.gc-bc-res-td {
  min-width: 150px;
}

.gc-bc-dcontent .gc-bc-line {
  height: 560px;
}

.alert.gc-bc-sending, .alert.gc-bc-sched {
  --alert-color: var(--gc-text);
  --alert-border-color: var(--gc-primary);
  background: linear-gradient(var(--gc-primary-bg),var(--gc-primary-bg)),var(--gc-surface);
  line-height: 1.75;
}

.alert.gc-bc-sending > i, .alert.gc-bc-sched > i {
  color: var(--gc-primary-on-tint);
}

.gc-bc-warnic {
  color: var(--gc-warning-ink);
}

@media (max-width: 991.98px) {
  .gc-bc-dcontent .gc-bc-line {
    height: 480px;
  }

  .gc-cu-kpis.gc-bc-kpis {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 575.98px) {
  .gc-cu-kpis.gc-bc-kpis {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .gc-bc-kpis .gc-cu-kpi {
    align-items: center;
    padding: 10px 14px;
  }

  .table.gc-bc-gtable thead {
    display: none;
  }

  .table.gc-bc-gtable tr {
    border-bottom: 1px solid var(--gc-hairline);
    grid-template-columns: auto 1fr;
    column-gap: 12px;
    padding: 10px 0;
    display: grid;
  }

  .table.gc-bc-gtable td {
    border: 0;
    padding: 0;
    display: block;
  }

  .table.gc-bc-gtable td:first-child {
    grid-column: 1 / -1;
    margin-bottom: 4px;
  }

  .table.gc-bc-gtable td.text-end {
    padding-left: 34px;
    text-align: left !important;
  }

  .gc-bc-res-td {
    min-width: 0;
  }
}

.gc-bc-line {
  border: 8px solid var(--gc-bc-line-frame);
  background: var(--gc-bc-line-bg);
  width: 100%;
  max-width: 360px;
  min-height: 0;
  box-shadow: var(--gc-shadow-md);
  border-radius: 32px;
  flex-direction: column;
  margin: 0 auto;
  display: flex;
  overflow: hidden;
}

[data-theme="dark"] .gc-bc-line {
  outline: 1px solid var(--gc-hairline-hover);
}

.gc-bc-line-head {
  background: var(--gc-bc-line-head);
  color: var(--gc-bc-line-ink);
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  display: flex;
}

.gc-bc-line-head > i {
  flex-shrink: 0;
  font-size: 1.15rem;
}

.gc-bc-line-name {
  flex: 1;
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.5;
}

.gc-bc-line-body {
  background: var(--gc-bc-line-bg);
  flex-direction: column;
  flex: auto;
  min-height: 0;
  padding: 14px 12px 18px;
  display: flex;
  overflow-y: auto;
}

.gc-bc-line-row {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.gc-bc-line-ava {
  object-fit: cover;
  background: var(--gc-surface);
  border-radius: 50%;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
}

.gc-bc-line-stack {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  max-width: calc(100% - 42px);
  display: flex;
}

.gc-bc-line-who {
  color: var(--gc-bc-line-ink);
  max-width: 100%;
  margin-bottom: -2px;
  font-size: .75rem;
  line-height: 1.6;
}

.gc-bc-line-bubble {
  background: var(--gc-bc-line-bubble);
  max-width: 100%;
  color: var(--gc-bc-line-ink);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  border-radius: 18px;
  padding: 8px 12px;
  font-size: .875rem;
  line-height: 1.75;
}

.gc-bc-line-img {
  border-radius: 16px;
  flex-shrink: 0;
  width: 200px;
  max-width: 100%;
  overflow: hidden;
}

.gc-bc-line-img img {
  width: 100%;
  height: auto;
  display: block;
}

.gc-bc-line-sticker {
  flex-shrink: 0;
  width: 120px;
  max-width: 60%;
}

.gc-bc-line-sticker img {
  width: 100%;
  height: auto;
  display: block;
}

.gc-bc-line-time {
  color: var(--gc-bc-line-ink);
  margin-top: -2px;
  font-size: .75rem;
  line-height: 1.6;
}

.gc-bc-line-empty {
  border-radius: var(--gc-radius-full);
  background: var(--gc-bc-line-pill);
  color: #fff;
  margin: auto;
  padding: 4px 14px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-bc-line-body.gc-bc-line-mini {
  border-radius: var(--gc-radius-md);
  flex: none;
  max-height: 150px;
}

.gc-bc-pvcol {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

@media (min-width: 992px) {
  .gc-bc-pvcol {
    top: calc(var(--gc-page-head-h) + 20px);
    height: calc(100vh - var(--gc-page-head-h) - 40px);
    position: sticky;
  }

  .gc-bc-pvcol > .gc-bc-line {
    flex: 1 1 0;
  }
}

.gc-bc-pvcol > .gc-rb-pv-t {
  flex-shrink: 0;
}

.gc-bc-mini {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  flex-shrink: 0;
  padding: 10px 14px 12px;
  font-size: .875rem;
  line-height: 1.75;
}

.gc-bc-mini-n {
  color: var(--gc-text);
  font-size: 1rem;
  font-weight: 700;
}

.gc-bc-mini .progress.gc-bc-quota {
  margin: 6px 0 0;
}

.gc-bc-mini .gc-bc-inline {
  margin-top: 4px;
  font-size: .75rem;
}

.gc-bc-sendbar {
  z-index: 3;
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-lg);
  box-shadow: var(--gc-shadow-lg);
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 6px 20px;
  padding: 12px 16px;
  font-size: .875rem;
  line-height: 1.75;
  position: sticky;
  bottom: 16px;
}

.gc-bc-sb-n {
  flex-shrink: 0;
  min-width: 150px;
}

.gc-bc-sb-q .progress.gc-bc-quota {
  margin: 6px 0 2px;
}

.gc-bc-sb-note {
  border-top: 1px solid var(--gc-hairline);
  flex-basis: 100%;
  padding-top: 6px;
}

.gc-bc-sb-note .gc-bc-inline {
  font-size: .8125rem;
}

.gc-bc-form {
  padding-bottom: 110px;
}

@media (min-width: 992px) {
  .gc-bc-form {
    padding-bottom: 190px;
  }
}

.offcanvas.gc-bc-oc {
  --offcanvas-height: 86vh;
}

.gc-bc-oc .offcanvas-body {
  min-height: 0;
  padding-top: 0;
  display: flex;
}

.gc-bc-oc .gc-bc-line {
  flex: 1;
  max-width: none;
}

.card .gc-drv-sq {
  aspect-ratio: 1;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.gc-drv-thumb.gc-img {
  background: var(--gc-primary-bg);
  color: var(--gc-primary);
}

.gc-drv-thumb.gc-vid {
  background: var(--gc-pink-bg);
  color: var(--gc-pink-ink);
}

.gc-drv-thumb.gc-pdf {
  background: var(--gc-danger-bg);
  color: var(--gc-danger-on-tint);
}

.gc-drv-ic {
  border-radius: var(--gc-radius-md);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 1.375rem;
  display: inline-flex;
}

.gc-drv-ic.gc-img {
  background: var(--gc-primary-bg);
  color: var(--gc-primary);
}

.gc-drv-ic.gc-vid {
  background: var(--gc-pink-bg);
  color: var(--gc-pink-ink);
}

.gc-drv-ic.gc-pdf {
  background: var(--gc-danger-bg);
  color: var(--gc-danger-ink);
}

.gc-drv-name, .gc-drv-meta {
  line-height: 1.6;
}

.card-img-actions .gc-drv-pick {
  z-index: 2;
  opacity: 0;
  width: 1.125rem;
  height: 1.125rem;
  box-shadow: 0 0 0 2px var(--card-bg);
  pointer-events: none;
  margin: 0;
  position: absolute;
  top: .5rem;
  left: .5rem;
}

@media (hover: hover) {
  .gc-drv-tile:hover .gc-drv-pick {
    opacity: 1;
    pointer-events: auto;
  }
}

.card-img-actions .gc-drv-pick:focus-visible, .card-img-actions .gc-drv-pick:checked, .gc-drv-selecting .card-img-actions .gc-drv-pick {
  opacity: 1;
  pointer-events: auto;
}

.gc-drv-tile:has(.gc-drv-pick:checked) .card-img {
  outline: 3px solid var(--gc-primary);
  outline-offset: -3px;
}

.gc-drv-frombadge {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 1rem);
  overflow: hidden;
}

.gc-drv-selecting .card-img-actions-overlay {
  display: none;
}

.gc-drv-selecting .card-img-actions {
  cursor: pointer;
}

.card-img-actions .gc-drv-more {
  z-index: 2;
  position: absolute;
  top: .25rem;
  right: .25rem;
}

@media (hover: hover) {
  .card-img-actions .gc-drv-more {
    opacity: 0;
    pointer-events: none;
  }

  .gc-drv-tile:hover .gc-drv-more, .card-img-actions .gc-drv-more:focus-within {
    opacity: 1;
    pointer-events: auto;
  }

  .card-img-actions .gc-drv-more:has(.show) {
    opacity: 1;
    pointer-events: auto;
  }
}

.card-img-actions .gc-drv-more:has(.show) {
  z-index: 6;
}

.gc-drv-selecting .gc-drv-more {
  display: none;
}

.gc-page-head .breadcrumb-item.active {
  color: rgba(var(--body-color-rgb),.75);
}

.dropzone.gc-drv-empty {
  --dz-min-height: 14rem;
  cursor: pointer;
}

.dropzone.gc-drv-empty:disabled {
  cursor: not-allowed;
}

.gc-drv-search {
  min-width: 12rem;
  max-width: 26rem;
}

.progress.gc-drv-upbar {
  --progress-height: .375rem;
}

@media (min-width: 1600px) {
  .row > .gc-drv-tilecol {
    flex: none;
    width: 12.5%;
  }
}

@media (min-width: 2000px) {
  .row > .gc-drv-tilecol {
    width: 10%;
  }
}

.gc-drv-quota .progress {
  --progress-height: .5rem;
}

.gc-drv-quota.gc-warn .progress-bar {
  background-color: var(--gc-warning-ink);
}

.gc-drv-quota.gc-full .progress-bar {
  background-color: var(--gc-danger-ink);
}

.gc-drv-quota.gc-warn .gc-drv-quota-st {
  color: var(--gc-warning-ink);
}

.gc-drv-quota.gc-full .gc-drv-quota-st, .gc-drv-danger, .dropdown-menu .gc-drv-danger.dropdown-item, .dropdown-menu .gc-drv-danger.dropdown-item:hover, .dropdown-menu .gc-drv-danger.dropdown-item:focus {
  color: var(--gc-danger-on-tint);
}

.card .btn.gc-drv-danger {
  --btn-color: var(--gc-danger-on-tint);
  --btn-hover-color: var(--gc-danger-on-tint);
  --btn-active-color: var(--gc-danger-on-tint);
}

.gc-drv-folder {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  height: 100%;
  padding: 0 6px 6px;
  transition: border-color .16s;
}

.gc-drv-folder:hover {
  border-color: var(--gc-primary);
}

.gc-drv-folder.sel {
  outline: 2px solid var(--gc-primary);
  outline-offset: -1px;
}

.gc-drv-folder-h {
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 0 0 6px;
  display: flex;
}

.gc-drv-folder-h > i {
  color: var(--gc-text-secondary);
  font-size: 1.25rem;
}

.gc-drv-folder-h .form-check-input {
  --form-check-input-width: 1.125rem;
}

.gc-drv-folder-n {
  min-width: 0;
  color: var(--gc-text);
  flex: 1;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  text-decoration: none;
}

.gc-drv-folder-n:hover {
  color: var(--gc-primary-ink);
}

.gc-drv-folder-m {
  color: var(--gc-text-secondary);
  padding: 4px 4px 0;
  font-size: .75rem;
  line-height: 1.75;
  display: block;
}

.gc-drv-frow {
  background: var(--gc-canvas);
  border-radius: var(--gc-radius-lg);
  border: 1px solid #0000;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 8px 6px 8px 14px;
  transition: border-color .16s, background-color .16s;
  display: flex;
}

.gc-drv-frow:hover {
  border-color: var(--gc-primary);
}

.gc-drv-frow.sel {
  outline: 2px solid var(--gc-primary);
  outline-offset: -1px;
  background: var(--gc-primary-bg);
}

.gc-drv-frow .gc-drv-frow-ic {
  color: var(--gc-text);
  font-size: 1.375rem;
}

.gc-drv-frow .form-check-input {
  --form-check-input-width: 1.125rem;
}

.gc-drv-frow-top {
  z-index: 2;
}

.gc-drv-frow-t {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  text-decoration: none;
  display: flex;
}

.gc-drv-frow-n {
  color: var(--gc-text);
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-drv-frow-t:hover .gc-drv-frow-n {
  color: var(--gc-primary-ink);
}

.gc-drv-frow-m {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-drv-folder-n:is(button) {
  cursor: pointer;
}

.gc-drv-file-b {
  aspect-ratio: 4 / 3;
  background: var(--gc-surface);
  border-radius: var(--gc-radius-md);
  position: relative;
  overflow: hidden;
}

.gc-drv-file-b .gc-drv-sq {
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.gc-drv-file-b .card-img-actions-overlay {
  border-radius: 0;
}

.gc-drv-folder.gc-drv-tile:has(.gc-drv-pick:checked) {
  outline: 2px solid var(--gc-primary);
  outline-offset: -1px;
}

.gc-drv-folder.gc-drv-tile:has(.gc-drv-pick:checked) .card-img {
  outline: 0;
}

.gc-drv-chip {
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 1px 8px;
  font-size: .75rem;
  line-height: 1.6;
  display: inline-flex;
}

.gc-drv-chip.gc-warn {
  background: var(--gc-warning-bg);
  color: var(--gc-warning-ink);
}

.gc-drv-chip.gc-ok {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
}

[data-theme="dark"] .gc-drv-chip.gc-ok {
  color: #4ade80;
}

.nav-pills.gc-drv-kinds {
  --nav-pills-link-active-bg: var(--gc-primary-ink);
}

[data-theme="dark"] .nav-pills.gc-drv-kinds {
  --nav-pills-link-active-bg: #3b54d4;
}

.gc-drv-chip.gc-muted {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
}

.gc-drv-crumb {
  max-width: 24ch;
}

.gc-cu-bar.gc-drv-bar {
  border: 0;
  border-bottom: 1px solid var(--gc-hairline);
  border-radius: var(--card-inner-border-radius) var(--card-inner-border-radius) 0 0;
}

a.gc-cu-seg {
  text-decoration: none;
}

.gc-drv-crumbs .breadcrumb-item.active {
  color: rgba(var(--body-color-rgb),.75);
}

.gc-drv-tthumb {
  object-fit: cover;
  border-radius: 8px;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
}

.btn.gc-drv-danger-btn {
  --btn-bg: #ce1819;
  --btn-border-color: #ce1819;
  --btn-hover-bg: #a81314;
  --btn-hover-border-color: #a81314;
  --btn-active-bg: #a81314;
  --btn-active-border-color: #a81314;
  --btn-disabled-bg: #ce1819;
  --btn-disabled-border-color: #ce1819;
}

.gc-ix-rp-overlay {
  display: none;
}

@media (max-width: 1199.98px) {
  .gc-ix-info-panel:not(.gc-ix-live) {
    display: none !important;
  }

  .gc-ix-info-panel.gc-ix-live {
    z-index: 41;
    padding-bottom: env(safe-area-inset-bottom);
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    box-shadow: -4px 0 24px #00000059;
    width: min(var(--gc-info-w),calc(100vw - 48px)) !important;
    max-width: none !important;
    height: 100dvh !important;
  }

  .gc-ix-rp-overlay {
    z-index: 40;
    background: #00000073;
    border: 0;
    padding: 0;
    display: block;
    position: fixed;
    inset: 0;
  }
}

.btn.gc-asg-tip {
  --btn-color: var(--gc-text-secondary);
  --btn-hover-color: var(--gc-primary-ink);
  --btn-active-color: var(--gc-primary-ink);
  vertical-align: middle;
  min-width: 24px;
  min-height: 24px;
  line-height: 1;
}

.tooltip.gc-asg-tipbox {
  --tooltip-max-width: min(340px,calc(100vw - 32px));
}

.gc-asg-ok {
  color: var(--gc-success-ink);
}

.gc-asg-num {
  max-width: 220px;
}

.gc-asg-dur {
  max-width: 240px;
}

.gc-asg-dur .form-select {
  max-width: 110px;
}

.gc-asg-time {
  flex: none;
  width: 120px;
}

.gc-asg-slot {
  width: 130px;
}

.gc-asg-who {
  width: auto;
  max-width: min(320px, 100%);
}

.gc-asg-day {
  flex-shrink: 0;
  width: 88px;
}

.gc-asg-name {
  min-width: 160px;
}

.gc-asg-stat {
  min-width: 96px;
}

.gc-asg-pick {
  max-height: 14rem;
  overflow-y: auto;
}

i.gc-asg-empty-ic {
  font-size: 2.5rem;
}

.gc-asg-empty-t {
  max-width: 52ch;
  line-height: 1.75;
}

.gc-asg-step {
  --gc-asg-lvl: 0;
  margin-inline-start: calc(var(--gc-asg-lvl) * 1.25rem);
}

@media (max-width: 767.98px) {
  .gc-asg-step {
    margin-inline-start: calc(var(--gc-asg-lvl) * .5rem);
  }
}

.card.gc-asg-step-end {
  border-style: dashed;
}

.list-group-item.gc-asg-rule-def {
  background: var(--gc-canvas);
}

.gc-tm-empty-hint {
  max-width: 52ch;
  line-height: 1.75;
}

.gc-tm-sum {
  color: var(--gc-text-secondary);
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-tm-table {
  line-height: 1.75;
}

.gc-tm-table td {
  vertical-align: top;
}

.gc-tm-who {
  min-width: 180px;
}

.gc-tm-name {
  min-width: 0;
  font-weight: 600;
}

.gc-tm-sub {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.75;
}

.gc-tm-full {
  color: var(--gc-danger-ink);
}

.gc-tm-snip {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 36ch;
  display: -webkit-box;
  overflow: hidden;
}

.gc-tm-tag {
  border-radius: var(--gc-radius-full);
  border: 1px solid var(--gc-hairline-hover);
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 4px;
  max-width: 100%;
  padding: 1px 8px;
  font-size: .75rem;
  line-height: 1.75;
  display: inline-flex;
}

.gc-tm-tag > i {
  color: var(--gc-text-muted);
}

.gc-tm-tag[data-t="ok"] > i {
  color: var(--gc-success-ink);
}

.gc-tm-tag[data-t="warn"] > i {
  color: var(--gc-warning-ink);
}

.gc-tm-tag[data-t="bad"] > i {
  color: var(--gc-danger-ink);
}

.gc-tm-tag[data-t="info"] > i {
  color: var(--gc-primary-ink);
}

.gc-tm-tag .gc-tm-x {
  margin-left: 4px;
  padding: 4px;
  font-size: .5rem;
}

.gc-tm-json summary {
  color: var(--gc-text-secondary);
  cursor: pointer;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-tm-json pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-width: 40ch;
  font-size: .75rem;
}

@media (max-width: 767.98px) {
  .gc-tm-table thead {
    display: none;
  }

  .gc-tm-table, .gc-tm-table tbody, .gc-tm-table tr, .gc-tm-table td {
    width: 100%;
    display: block;
  }

  .gc-tm-table tr {
    border-bottom: 1px solid var(--gc-hairline-hover);
    padding: 8px 0;
  }

  .gc-tm-table td {
    border: 0;
    padding: 3px 16px;
  }

  .gc-tm-table td[data-label]:before {
    content: attr(data-label);
    color: var(--gc-text-secondary);
    font-size: .75rem;
    line-height: 1.75;
    display: block;
  }

  .gc-tm-table td.gc-tm-acts {
    white-space: normal;
    padding-top: 6px;
  }

  .gc-tm-table td.gc-tm-acts > * {
    margin-bottom: 4px;
  }

  .gc-tm-snip {
    max-width: none;
  }
}

.gc-as-away {
  padding: 4px 14px 10px;
}

.gc-as-lbl {
  color: var(--gc-text-secondary);
  margin-bottom: 4px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-as-duty {
  color: var(--gc-text);
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 2px 14px 10px;
  font-size: .8rem;
  line-height: 1.75;
  display: flex;
}

.gc-as-pending {
  color: var(--gc-warning-ink);
}

.gc-as-load {
  color: var(--gc-text);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 6px 14px 2px;
  font-size: .8rem;
  line-height: 1.75;
  display: flex;
}

.gc-as-switchrow {
  padding: 2px 14px 8px;
  font-size: .8rem;
  line-height: 1.75;
}

.gc-as-msg {
  border-radius: var(--gc-radius-md);
  background: var(--gc-surface-hover);
  color: var(--gc-text);
  overflow-wrap: anywhere;
  margin: 4px 14px 10px;
  padding: 6px 10px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-as-msg.gc-bad {
  background: var(--gc-danger-bg);
  color: var(--gc-danger-ink);
}

.toast-container.gc-as-stack {
  top: calc(16px + env(safe-area-inset-top));
  right: calc(16px + env(safe-area-inset-right));
  position: fixed;
}

@media (max-width: 767.98px) {
  .toast-container.gc-as-stack {
    top: auto;
    left: calc(8px + env(safe-area-inset-left));
    right: calc(8px + env(safe-area-inset-right));
    bottom: calc(8px + env(safe-area-inset-bottom));
    width: auto;
  }

  .toast-container.gc-as-stack .toast {
    width: 100%;
  }
}

.toast.gc-as-toast {
  line-height: 1.75;
}

.gc-as-name {
  color: var(--gc-text);
  overflow-wrap: anywhere;
  font-weight: 600;
}

.gc-as-why {
  color: var(--gc-text-secondary);
  overflow-wrap: anywhere;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-as-err {
  color: var(--gc-danger-ink);
  overflow-wrap: anywhere;
  margin-top: 4px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-as-clock {
  font-variant-numeric: tabular-nums;
  border: 1px solid var(--gc-hairline-hover);
  color: var(--gc-text);
  font-size: .75rem;
}

.toast .badge.gc-as-clock {
  color: var(--gc-text);
  background: var(--gc-surface);
}

.toast.gc-as-urgent .toast-header {
  background: var(--gc-danger-strong);
  color: #fff;
  border-color: var(--gc-danger-strong);
}

.toast.gc-as-urgent .gc-as-clock {
  color: var(--gc-danger-ink);
  background: #fff;
  border-color: #fff;
}

@media (prefers-reduced-motion: no-preference) {
  .toast.gc-as-toast {
    animation: gcToastIn .18s var(--gc-ease);
  }
}

.gc-as-lead {
  color: var(--gc-text-secondary);
  font-size: .875rem;
  line-height: 1.75;
}

.gc-as-shop {
  color: var(--gc-text-secondary);
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
}

.list-group-item.gc-as-held {
  line-height: 1.75;
}

.gc-as-ch {
  color: var(--gc-text-secondary);
  font-size: 1rem;
}

.gc-as-meta {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-as-wait {
  background: var(--gc-warning-bg);
  color: var(--gc-warning-ink);
  font-size: .75rem;
  font-weight: 600;
}

.modal .badge.gc-as-wait {
  background: var(--gc-warning-bg);
  color: var(--gc-warning-ink);
}

.gc-as-last {
  color: var(--gc-text-secondary);
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  font-size: .8125rem;
  line-height: 1.75;
  display: -webkit-box;
  overflow: hidden;
}

.gc-ix-lock {
  display: contents;
}

.gc-ix-header-actions .gc-ix-lock > * {
  flex-shrink: 0 !important;
}

.gc-ix-header-actions .gc-ix-lock[inert] .gc-icon-btn {
  opacity: .4;
}

.gc-ain-wrap {
  border-bottom: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  flex-shrink: 0;
  padding: 8px 20px;
}

.gc-ain-bar {
  border-radius: var(--gc-radius-md);
  border: 1px solid var(--gc-hairline);
  background: var(--gc-canvas);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  padding: 9px 12px;
  display: flex;
}

.gc-ain-bar.gc-ain-primary {
  background: var(--gc-primary-bg);
  border-color: #0000;
}

.gc-ain-bar.gc-ain-success {
  background: var(--gc-success-bg);
  border-color: #0000;
}

.gc-ain-bar.gc-ain-warning {
  background: var(--gc-warning-bg);
  border-color: #0000;
}

.gc-ain-ic {
  background: var(--gc-surface);
  width: 32px;
  height: 32px;
  color: var(--gc-text-secondary);
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  display: flex;
}

.gc-ain-primary .gc-ain-ic {
  color: var(--gc-primary-ink);
}

.gc-ain-success .gc-ain-ic {
  color: var(--gc-success-ink);
}

.gc-ain-warning .gc-ain-ic {
  color: var(--gc-warning-ink);
}

.gc-ain-body {
  flex: 200px;
  min-width: 0;
}

.gc-ain-bar.gc-ain-lock {
  text-align: center;
  border-radius: var(--gc-radius-lg);
  justify-content: center;
  gap: 6px 14px;
  min-height: calc(65px + 1.47rem);
  padding: 6px 16px;
}

.gc-ain-lock .gc-ain-body {
  flex: 0 auto;
}

.gc-ain-lock .gc-ain-acts {
  margin-left: 0;
}

@media (max-width: 480px) {
  .gc-ain-bar.gc-ain-lock {
    min-height: calc(63px + 1.47rem);
  }
}

.gc-ain-t {
  color: var(--gc-text);
  overflow-wrap: anywhere;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.6;
}

.gc-ain-s {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.6;
}

.gc-ain-clock {
  color: var(--gc-text-secondary);
  font-variant-numeric: tabular-nums;
  align-items: center;
  gap: 4px;
  margin-top: 2px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.6;
  display: inline-flex;
}

.gc-ain-clock.gc-ain-urgent {
  border-radius: var(--gc-radius-full);
  background: var(--gc-surface);
  color: var(--gc-danger-ink);
  padding: 0 8px;
  font-weight: 700;
  box-shadow: inset 0 0 0 1px;
}

.gc-ain-acts {
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 6px;
  margin-left: auto;
  display: flex;
}

.gc-ain-bar .btn.gc-ain-btn {
  white-space: nowrap;
}

.gc-ain-wrap .gc-ain-err {
  margin-top: 6px;
}

@media (max-width: 575.98px) {
  .gc-ain-wrap {
    padding: 6px 12px;
  }
}

@media (max-width: 991.98px) {
  .gc-ain-bar.gc-ain-success {
    flex-wrap: nowrap;
    gap: 8px;
    padding: 6px 8px 6px 10px;
  }

  .gc-ain-bar.gc-ain-success .gc-ain-ic {
    border-radius: 7px;
    width: 24px;
    height: 24px;
    font-size: .875rem;
  }

  .gc-ain-bar.gc-ain-success .gc-ain-body {
    flex: 1 1 0;
    align-items: center;
    gap: 6px;
    min-width: 0;
    display: flex;
  }

  .gc-ain-bar.gc-ain-success .gc-ain-t {
    white-space: nowrap;
    flex-shrink: 0;
  }

  .gc-ain-bar.gc-ain-success .gc-ain-s {
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
  }

  .gc-ain-bar.gc-ain-success .gc-ain-clock {
    flex-shrink: 0;
    margin-top: 0;
  }

  .gc-ain-bar.gc-ain-success .btn.gc-ain-btn {
    min-height: 36px;
  }
}

.gc-ain-next {
  padding: 0 16px 10px;
}

.gc-ain-next .gc-ain-next-msg {
  text-align: center;
  margin-top: 4px;
}

@media (max-width: 991.98px) {
  .gc-ain-next {
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom));
    z-index: 30;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    padding: 0;
    display: flex;
    position: fixed;
  }

  .gc-ain-next .btn {
    background: var(--gc-primary);
    border-color: var(--gc-primary);
    color: #fff;
    height: 56px;
    box-shadow: var(--gc-shadow-lg);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 1.5rem;
    display: flex;
    width: 56px !important;
  }

  .gc-ain-next .btn i {
    margin: 0 !important;
  }

  .gc-ain-next .gc-ain-next-txt {
    display: none;
  }

  .gc-ain-next .gc-ain-next-msg {
    background: var(--gc-surface);
    max-width: 260px;
    box-shadow: var(--gc-shadow-md);
    text-align: end;
    border-radius: 10px;
    margin: 0;
    padding: 6px 10px;
  }
}

.gc-ain-menu {
  min-width: 220px;
  max-width: 300px;
  max-height: min(60vh, 420px);
  overflow-y: auto;
}

.gc-ain-menu .dropdown-item {
  white-space: normal;
  line-height: 1.6;
}

.gc-ain-menu .dropdown-item.gc-ain-mi {
  align-items: center;
  display: flex;
}

.gc-ain-pick {
  max-height: min(40vh, 320px);
  overflow-y: auto;
}

.gc-ain-pick .list-group-item.gc-ain-opt {
  cursor: pointer;
  align-items: center;
  gap: 10px;
  line-height: 1.6;
  display: flex;
}

.gc-ain-pick .list-group-item.gc-ain-opt.disabled {
  cursor: not-allowed;
}

.gc-ain-pick .gc-ain-opt .form-check-input {
  flex-shrink: 0;
  margin: 0;
}

.gc-ain-opt-nm {
  flex: 1;
  min-width: 0;
}

.gc-ain-opt-load, .gc-ain-opt-why {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-size: .75rem;
  line-height: 1.6;
}

.gc-ain-note {
  line-height: 1.75;
}

.gc-ain-now {
  color: var(--gc-success-ink);
  font-weight: 600;
}

.gc-ain-credits {
  color: var(--gc-text-secondary);
  margin: 4px 0 0;
  padding: 0;
  font-size: .75rem;
  line-height: 1.6;
  list-style: none;
}

.gc-ain-credits li {
  justify-content: space-between;
  gap: 8px;
  display: flex;
}

.gc-ain-form {
  border-radius: var(--gc-radius-md);
  background: var(--gc-canvas);
  margin-top: 8px;
  padding: 10px;
}

.gc-ain-form .gc-ain-lbl {
  color: var(--gc-text);
  margin-bottom: 2px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.6;
}

.gc-ain-form .gc-ain-pct {
  flex-shrink: 0;
  width: 96px;
}

.gc-bs-kpi-count {
  background: linear-gradient(135deg, #6c4de6, #8062f0);
}

.gc-bs-intro {
  line-height: 1.75;
}

.gc-cu-bar.gc-bs-bar {
  border-radius: var(--gc-radius-lg);
  margin-bottom: 16px;
}

.gc-bs-chart-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.gc-bs-legend {
  color: var(--gc-text-secondary);
  flex-wrap: wrap;
  gap: 12px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-bs-legend-item {
  white-space: nowrap;
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.gc-bs-legend-dot {
  background: var(--gc-primary-ink);
  border-radius: 50%;
  flex-shrink: 0;
  width: 9px;
  height: 9px;
  display: inline-block;
}

.gc-bs-legend-dot.gc-open {
  background: var(--gc-success-ink);
}

.gc-bs-legend-dot.gc-none {
  background: var(--gc-surface);
  border: 1.5px dashed var(--gc-text-muted);
}

.gc-bs-chart-scroll {
  overflow-x: auto;
}

.gc-bs-chart-svg {
  display: block;
}

.gc-bs-chart-scroll .gc-bs-chart-svg {
  width: 100%;
  min-width: 760px;
  height: auto;
}

.badge.gc-bs-live {
  line-height: 1.6;
}

.gc-bc-why {
  color: var(--gc-text-secondary);
  white-space: normal;
  text-align: left;
  margin-top: 2px;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.75;
  display: block;
}

.gc-bs-why-rank {
  line-height: 1.75;
}

@media (min-width: 992px) {
  .gc-bc-why {
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
}

.gc-bs-pt {
  cursor: default;
  outline: none;
}

.gc-bs-hit {
  fill: #0000;
}

.gc-bs-pt:focus-visible .gc-bs-hit {
  stroke: var(--gc-primary-ink);
  stroke-width: 1.5px;
}

.gc-bs-rank {
  background: var(--gc-canvas);
  width: 26px;
  height: 26px;
  color: var(--gc-text-secondary);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .8125rem;
  font-weight: 700;
  display: inline-flex;
}

.gc-bs-rank.gc-top {
  background: linear-gradient(var(--gc-primary-bg),var(--gc-primary-bg)),var(--gc-surface);
  color: var(--gc-primary-on-tint);
}

.gc-bs-unranked {
  color: var(--gc-text-secondary);
  cursor: help;
  font-size: .75rem;
  font-weight: 600;
}

.gc-bs-rank-th {
  width: 56px;
}

.gc-bs-content-th {
  min-width: 260px;
}

.gc-cu-table.gc-bs-table tbody tr {
  cursor: default;
}

.gc-bs-ph-select {
  border-radius: 6px;
  width: 140px;
  height: 36px;
  display: inline-block;
}

.gc-bs-ph-chart {
  border-radius: 8px;
  height: 212px;
  display: block;
}

.gc-bs-ph-ic {
  border-radius: 11px;
  width: 36px;
  height: 36px;
  display: block;
}

.gc-bs-ph-rank {
  border-radius: 50%;
  width: 26px;
  height: 26px;
  display: inline-block;
}

@media (pointer: coarse) {
  .gc-bs-bar .gc-cu-sort {
    min-height: 44px;
  }

  .gc-bs .gc-bc-tipbtn {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 991.98px) {
  .gc-bs .gc-cu-table.gc-bs-table tbody tr {
    grid-template-columns: repeat(3, 1fr);
    position: relative;
  }

  .gc-bs .gc-cu-table.gc-bs-table td[data-th] {
    grid-column: auto;
    margin-top: 10px;
  }

  .gc-bs .gc-cu-table.gc-bs-table td[data-th="เนื้อหา"] {
    grid-column: 1 / -1;
    margin-top: 0;
    padding-right: 40px;
  }

  .gc-bs .gc-cu-table.gc-bs-table td[data-th="เนื้อหา"]:before, .gc-bs .gc-cu-table.gc-bs-table td[data-th="อันดับ"]:before {
    content: none;
  }

  .gc-bs .gc-cu-table.gc-bs-table td[data-th="อันดับ"] {
    margin: 0;
    position: absolute;
    top: 14px;
    right: 14px;
  }

  .gc-bs .gc-cu-table.gc-bs-table td.text-lg-end {
    text-align: left;
  }
}

:root, [data-theme="dark"] {
  --gc-rm-accent: #6741d9;
  --gc-rm-overlay: #1a1d2ed1;
  --gc-rm-edge: #1a1d2e8c;
  --gc-rm-edge-light: #ffffffe6;
  --gc-rm-chip-ink: #1a1d2e;
  --gc-rm-unset: #8a4b00;
  --gc-rm-err: #b3261e;
  --gc-rm-sel: #3b54d438;
  --gc-rm-hover: #ffffff1f;
}

.gc-bc .gc-rb-bh-ic.gc-rb-bh-rich {
  background: var(--gc-rm-accent);
}

.gc-bc .gc-rb-drop-d, .gc-bc .gc-rb-pv-note {
  font-size: .75rem;
  line-height: 1.75;
}

.gc-bc .gc-rb-drop-t {
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-rm-tpls {
  grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
  gap: 8px;
  display: grid;
}

.gc-rm-tpl {
  border-radius: var(--gc-radius-md);
  border: 1.5px solid var(--gc-hairline);
  background: var(--gc-canvas);
  cursor: pointer;
  color: var(--gc-text);
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 10px 6px;
  font-family: inherit;
  display: flex;
}

.gc-rm-tpl:hover {
  border-color: var(--gc-primary);
}

.gc-rm-tpl[aria-checked="true"] {
  border-color: var(--gc-primary-ink);
  background: linear-gradient(var(--gc-primary-bg),var(--gc-primary-bg)),var(--gc-surface);
}

.gc-rm-tpl:focus-visible, .gc-rm-cell:focus-visible {
  outline: 2px solid var(--gc-primary-ink);
  outline-offset: 2px;
}

.gc-rm-tpl-t {
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-rm-tpl-d {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-rm-fig {
  aspect-ratio: 1;
  border-radius: var(--gc-radius-sm);
  background: var(--gc-text-secondary);
  gap: 2px;
  width: 48px;
  padding: 2px;
  display: grid;
}

.gc-rm-fig.gc-banner {
  aspect-ratio: 1040 / 585;
}

.gc-rm-fig > span {
  background: var(--gc-surface);
}

.gc-rm-fig.gc-sm {
  width: 28px;
}

.gc-rm-sum {
  color: var(--gc-text);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-rm-sum .gc-rm-acts {
  gap: 6px;
  margin-left: auto;
  display: flex;
}

.gc-rm-sum .gc-ar-btn {
  padding: 3px 10px;
  font-size: .75rem;
}

.gc-rm-stage {
  border-radius: var(--gc-radius-md);
  background: var(--gc-canvas);
  width: 100%;
  max-width: 360px;
  position: relative;
  overflow: hidden;
}

.gc-rm-stage > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.gc-rm-grid {
  display: grid;
  position: absolute;
  inset: 0;
}

.gc-rm-ghost {
  opacity: .55;
}

.gc-rm-cell {
  cursor: pointer;
  box-shadow: inset 0 0 0 1px var(--gc-rm-edge),inset 0 0 0 3px var(--gc-rm-edge-light);
  background: none;
  border: 0;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px;
  font-family: inherit;
  display: flex;
  position: relative;
}

div.gc-rm-cell {
  cursor: default;
  padding: 5px;
}

.gc-rm-cell:hover {
  background: var(--gc-rm-hover);
}

.gc-rm-cell.show {
  background: var(--gc-rm-sel);
  box-shadow: inset 0 0 0 1px var(--gc-rm-edge),inset 0 0 0 4px var(--gc-primary-ink);
}

.gc-rm-tag {
  border-radius: var(--gc-radius-full);
  background: var(--gc-rm-overlay);
  color: #fff;
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  padding: 2px 10px 2px 3px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-rm-tag b {
  width: 22px;
  height: 22px;
  color: var(--gc-rm-chip-ink);
  background: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  display: inline-flex;
}

.gc-rm-tag.gc-only {
  padding: 2px;
}

.gc-rm-tag.gc-unset {
  background: var(--gc-rm-unset);
}

.gc-rm-tag.gc-err {
  background: var(--gc-rm-err);
}

.gc-rm-tag i {
  font-size: .875rem;
}

.gc-rb-drop.gc-rm-drop {
  background: var(--gc-surface);
  width: 78%;
}

.gc-rb-drop.gc-rm-drop:hover {
  background: var(--gc-primary-bg);
}

.gc-rb-drop.gc-rm-busy, .gc-rb-drop.gc-rm-busy:hover {
  cursor: default;
  border-color: var(--gc-hairline);
  background: var(--gc-canvas);
}

.gc-rm-pop {
  width: 320px;
  max-width: calc(100vw - 32px);
}

.gc-rm-pop h6 {
  font-size: .875rem;
  line-height: 1.75;
}

.gc-rm-pop .gc-rm-nav {
  gap: 4px;
  display: flex;
}

.gc-rm-pop .form-check-label {
  padding-left: .375rem;
}

.gc-rm-pop-arrow {
  width: 14px;
  height: 14px;
  position: absolute;
}

.gc-rm-pop-arrow:before {
  content: "";
  background: var(--dropdown-bg);
  border: 1px solid var(--gc-hairline-hover);
  position: absolute;
  inset: 0;
  transform: rotate(45deg);
}

.gc-rm-pop[data-popper-placement^="right"] .gc-rm-pop-arrow {
  left: -8px;
}

.gc-rm-pop[data-popper-placement^="right"] .gc-rm-pop-arrow:before {
  border-top: 0;
  border-right: 0;
}

.gc-rm-pop[data-popper-placement^="left"] .gc-rm-pop-arrow {
  right: -8px;
}

.gc-rm-pop[data-popper-placement^="left"] .gc-rm-pop-arrow:before {
  border-bottom: 0;
  border-left: 0;
}

.gc-rm-pop[data-popper-placement^="bottom"] .gc-rm-pop-arrow {
  top: -8px;
}

.gc-rm-pop[data-popper-placement^="bottom"] .gc-rm-pop-arrow:before {
  border-bottom: 0;
  border-right: 0;
}

.gc-rm-pop[data-popper-placement^="top"] .gc-rm-pop-arrow {
  bottom: -8px;
}

.gc-rm-pop[data-popper-placement^="top"] .gc-rm-pop-arrow:before {
  border-top: 0;
  border-left: 0;
}

.gc-rm-hint {
  color: var(--gc-text-secondary);
  margin-top: 6px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-rm-letter {
  background: var(--gc-text);
  width: 26px;
  height: 26px;
  color: var(--gc-surface);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .8125rem;
  font-weight: 700;
  display: inline-flex;
}

.gc-rm-err {
  color: var(--gc-danger-ink);
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-rb-input.gc-bad, .gc-rb-area.gc-bad {
  border-color: var(--gc-danger-ink);
}

@media (max-width: 575.98px) {
  .gc-rm-sum .gc-rm-acts {
    margin-left: 0;
  }
}

.gc-bc-line-rm {
  border-radius: var(--gc-radius-md);
  outline: none;
  flex-shrink: 0;
  width: 240px;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.gc-bc-line-rm > img {
  background: var(--gc-canvas);
  width: 100%;
  height: auto;
  display: block;
}

.gc-bc-line-rm .gc-rm-grid {
  opacity: 0;
  transition: opacity .15s;
}

.gc-bc-line-rm:hover .gc-rm-grid, .gc-bc-line-rm:focus-visible .gc-rm-grid {
  opacity: 1;
}

.gc-bc-line-rm:focus-visible {
  box-shadow: 0 0 0 3px var(--gc-primary-ink);
}

.gc-bc-rm-notif {
  border-radius: var(--gc-radius-lg);
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  box-shadow: var(--gc-shadow-xs);
  flex-shrink: 0;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  display: flex;
}

.gc-bc-rm-notif img {
  border-radius: var(--gc-radius-sm);
  flex-shrink: 0;
  width: 30px;
  height: 30px;
}

.gc-bc-rm-notif-t {
  color: var(--gc-text);
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.6;
}

.gc-bc-rm-notif-d {
  color: var(--gc-text);
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  font-size: .8125rem;
  line-height: 1.75;
  display: -webkit-box;
  overflow: hidden;
}

.gc-bc-thumb-rm {
  display: inline-block;
  position: relative;
}

.gc-bc-thumb-rm > i {
  border-radius: var(--gc-radius-sm);
  background: var(--gc-rm-accent);
  color: #fff;
  width: 18px;
  height: 18px;
  box-shadow: 0 0 0 2px var(--gc-surface);
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  display: flex;
  position: absolute;
  bottom: -4px;
  right: -4px;
}

.gc-rep-tabs {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  gap: 3px;
  margin-bottom: 16px;
  padding: 4px;
  display: flex;
  overflow-x: auto;
}

.gc-rep-tabs::-webkit-scrollbar {
  display: none;
}

.gc-rep-tab {
  border-radius: var(--gc-radius-md);
  min-width: 120px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  white-space: nowrap;
  transition: all .18s var(--gc-ease);
  background: none;
  border: none;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: .8rem;
  font-weight: 700;
  line-height: 1.75;
  display: inline-flex;
}

.gc-rep-tab:hover {
  color: var(--gc-text);
}

.gc-rep-tab.gc-on {
  background: var(--gc-surface);
  color: var(--gc-text);
  box-shadow: var(--gc-shadow-sm);
  font-weight: 800;
}

.gc-rep-who {
  white-space: nowrap;
  align-items: center;
  gap: 7px;
  min-width: 0;
  display: inline-flex;
}

.gc-rep-who-a {
  background: var(--gc-primary);
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: .6875rem;
  font-weight: 800;
  display: flex;
}

.gc-rep-who-a.gc-bot {
  background: var(--gc-ai);
}

.gc-rep-who-a i {
  font-size: .75rem;
}

.gc-rep-who-n {
  color: var(--gc-text);
  text-overflow: ellipsis;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.75;
  overflow: hidden;
}

.gc-rep-who-big .gc-rep-who-a {
  width: 30px;
  height: 30px;
  font-size: .75rem;
}

.gc-rep-who-big .gc-rep-who-n {
  font-size: .82rem;
  font-weight: 700;
}

.gc-rep-who-role {
  margin-top: 0;
  padding-inline-start: 37px;
}

.gc-rep-time {
  color: var(--gc-text);
  white-space: nowrap;
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-rep-time.gc-rep-fast {
  color: var(--gc-success-ink);
}

.gc-rep-time.gc-rep-slow {
  color: var(--gc-danger-ink);
}

.gc-rep-sub {
  color: var(--gc-text-secondary);
  margin-top: 1px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-rep-none {
  color: var(--gc-warning-ink);
  white-space: nowrap;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-rep-kpi-note {
  color: var(--gc-text-secondary);
  margin-top: 5px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-rep-kpis {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.gc-rep-kpis .gc-cu-kpi-d {
  align-items: flex-start;
}

.gc-rep-kpis .gc-cu-kpi-d i {
  margin-top: 5px;
}

@media (max-width: 991.98px) {
  .gc-rep-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.gc-rep-kpi-wait {
  border-style: dashed;
}

.gc-rep-kpi-wait .gc-cu-kpi-ic {
  opacity: .55;
}

.gc-rep-out {
  border-radius: var(--gc-radius-full);
  white-space: nowrap;
  border: 1px solid var(--gc-hairline);
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  display: inline-flex;
}

.gc-rep-out i {
  font-size: .85rem;
}

.gc-rep-out.gc-open {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-ink);
  border-color: #4e6af04d;
}

.gc-rep-out.gc-risk {
  background: var(--gc-danger-bg);
  color: var(--gc-danger-ink);
  border-color: #ea54554d;
}

[data-theme="dark"] .gc-rep-out.gc-open, [data-theme="dark"] .gc-rep-out.gc-risk {
  background: none;
}

.gc-rep-nostar {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-rep-ava-ch {
  border: 1.5px solid var(--gc-surface);
  background: var(--gc-surface);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  bottom: -2px;
  right: -2px;
  overflow: hidden;
  box-shadow: 0 1px 2px #0000001a;
}

.gc-rep-ava-ch img {
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: block;
}

.gc-rep-act {
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  display: flex;
}

.gc-rep-act a, .gc-rep-act .gc-off {
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-sm);
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  white-space: nowrap;
  transition: all .15s var(--gc-ease);
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  text-decoration: none;
  display: inline-flex;
}

.gc-rep-act a:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary-ink);
  background: var(--gc-primary-bg);
}

.gc-rep-act a i, .gc-rep-act .gc-off i {
  font-size: .9rem;
}

.gc-rep-act .gc-only {
  padding: 5px 8px;
}

.gc-rep-act .gc-off {
  cursor: not-allowed;
  opacity: .5;
}

.gc-rep-bar {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  min-width: 80px;
  max-width: 140px;
  height: 6px;
  margin-top: 5px;
  overflow: hidden;
}

.gc-rep-bar-f {
  border-radius: var(--gc-radius-full);
  background: var(--gc-primary);
  height: 100%;
}

.gc-rep-bar-f.gc-good {
  background: var(--gc-success);
}

.gc-rep-bar-f.gc-warn {
  background: var(--gc-warning);
}

.gc-rep-tw-top {
  border-top: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
}

@media (min-width: 992px) {
  .gc-rep-tw .gc-cu-table {
    min-width: 1040px;
  }

  .gc-rep-tw-top .gc-cu-table {
    min-width: 900px;
  }

  .gc-rep-tw .gc-cu-scroll {
    background: linear-gradient(to right,var(--gc-surface) 30%,transparent),
			linear-gradient(to right,transparent,var(--gc-surface) 70%) 100% 0,
			radial-gradient(farthest-side at 0 50%,#0f172a1a,transparent),
			radial-gradient(farthest-side at 100% 50%,#0f172a1a,transparent) 100% 0;
    background-repeat: no-repeat;
    background-size: 40px 100%, 40px 100%, 13px 100%, 13px 100%;
    background-attachment: local, local, scroll, scroll;
  }
}

.gc-rep-sidet[aria-pressed="true"] {
  border-color: var(--gc-primary);
  color: var(--gc-primary-ink);
  background: var(--gc-primary-bg);
}

.gc-rep-sidet i {
  font-size: 1rem;
}

.gc-rep-rule {
  gap: 5px;
  margin-inline-start: auto;
  line-height: 1.75;
}

.gc-rep-rule i {
  cursor: help;
  flex-shrink: 0;
  font-size: .9rem;
}

.gc-rep-rule select:disabled {
  cursor: not-allowed;
  opacity: .6;
}

.gc-rep-empty {
  text-align: center;
  color: var(--gc-text-secondary);
  padding: 28px 16px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-rep-tip {
  border-radius: var(--gc-radius-lg);
  background: var(--gc-warning-bg);
  color: var(--gc-text);
  gap: 11px;
  margin-top: 14px;
  padding: 13px 15px;
  display: flex;
}

.gc-rep-tip > i {
  color: var(--gc-warning-ink);
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 1.15rem;
}

.gc-rep-tip-t {
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-rep-tip-d {
  font-size: .78rem;
  line-height: 1.75;
}

.gc-rep-ic-danger {
  background: var(--gc-danger-bg);
  color: var(--gc-danger-ink);
}

.gc-rep-ic-warn {
  background: var(--gc-warning-bg);
  color: var(--gc-warning-ink);
}

.gc-rep-ic-good {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
}

.gc-rep-ic-muted {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
}

.gc-rep-ai-wait {
  border-style: dashed;
}

.gc-rep-hero-wait {
  border-left-color: var(--gc-warning);
}

.gc-rep-set .gc-pa-hero-d {
  font-size: .75rem;
  line-height: 1.75;
}

.gc-rep-hero-wait .gc-cr-sw:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.gc-rep-set {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.gc-rep-set-l {
  flex: 1;
  min-width: 300px;
}

.gc-rep-set-r {
  flex-shrink: 0;
  width: 300px;
}

@media (max-width: 767.98px) {
  .gc-rep-set-r {
    width: 100%;
  }
}

.gc-rep-fmt {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 9px;
  display: grid;
}

.gc-rep-fmt-c {
  border: 1.5px solid var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  background: var(--gc-surface);
  cursor: pointer;
  text-align: center;
  transition: all .17s var(--gc-ease);
  padding: 12px;
  font-family: inherit;
}

.gc-rep-fmt-c:hover {
  border-color: var(--gc-primary);
}

.gc-rep-fmt-c.gc-on {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-rep-fmt-e {
  margin-bottom: 6px;
  font-size: 1.2rem;
  line-height: 1;
}

.gc-rep-fmt-n {
  color: var(--gc-text);
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.75;
}

.gc-rep-fmt-d {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-rep-pv {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-lg);
  box-shadow: var(--gc-shadow-md);
  overflow: hidden;
}

.gc-rep-pv-h {
  border-bottom: 1px solid var(--gc-hairline-hover);
  background: linear-gradient(180deg,var(--gc-primary-bg),transparent);
  align-items: center;
  gap: 8px;
  padding: 11px 13px;
  display: flex;
}

.gc-rep-pv-b {
  background: var(--gc-canvas);
  background-image: radial-gradient(var(--gc-hairline-hover) 1px,transparent 1px);
  background-size: 15px 15px;
  padding: 14px 13px;
}

.gc-rep-pv-card {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  box-shadow: var(--gc-bubble-shadow);
  border-radius: 15px 15px 15px 4px;
  padding: 13px;
}

.gc-rep-pv-q {
  color: var(--gc-text);
  margin-bottom: 11px;
  font-size: .79rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-rep-pv-scale {
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
  display: flex;
}

.gc-rep-pv-s {
  border-radius: var(--gc-radius-md);
  border: 1.5px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  width: 38px;
  height: 38px;
  color: var(--gc-text);
  justify-content: center;
  align-items: center;
  font-size: 1.05rem;
  display: flex;
}

.gc-rep-pv-note {
  color: var(--gc-text-secondary);
  text-align: center;
  margin-top: 10px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-rep-feed {
  border-bottom: 1px solid var(--gc-hairline);
  gap: 10px;
  padding: 11px 0;
  display: flex;
}

.gc-rep-feed:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.gc-rep-feed-s {
  flex-shrink: 0;
  font-size: 1.05rem;
  line-height: 1.4;
}

.gc-rep-feed-t {
  color: var(--gc-text);
  font-size: .78rem;
  line-height: 1.75;
}

.gc-rep-feed-m {
  color: var(--gc-text-secondary);
  margin-top: 1px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-rep-tab:focus-visible, .gc-rep-act a:focus-visible, .gc-rep-fmt-c:focus-visible, .gc-rep-sidet:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-nav-pending {
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s var(--gc-ease);
  background: #ffffff1f;
  position: absolute;
  inset: 0;
}

.gc-nav-pending.gc-on {
  opacity: 1;
  animation: 1s ease-in-out infinite gc-nav-pending-pulse;
}

@keyframes gc-nav-pending-pulse {
  0%, 100% {
    opacity: .4;
  }

  50% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-nav-pending.gc-on {
    opacity: .7;
    animation: none;
  }
}

.gc-ix-bcast {
  justify-content: flex-end;
}

.gc-ix-bcast-link {
  color: var(--gc-primary-on-tint);
  text-underline-offset: 3px;
  align-items: center;
  gap: 4px;
  font-weight: 700;
  text-decoration: underline;
  display: inline-flex;
}

.gc-ix-bcast-link:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-ix-adb {
  background: var(--gc-surface);
  border-bottom: 1px solid var(--gc-hairline);
  padding: 8px 20px;
}

.gc-ix-adb-row {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.gc-ix-adb-media {
  border-radius: 8px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: block;
  position: relative;
  overflow: hidden;
}

.gc-ix-adb-media-btn {
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

.gc-ix-adb-media-btn:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-ix-adb-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.gc-ix-adb-media .gc-img-dead {
  gap: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  display: flex;
}

.gc-ix-adb-media .gc-img-dead span {
  display: none;
}

.gc-ix-adb-play {
  color: #fff;
  background: #0009;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  position: absolute;
  bottom: 2px;
  right: 2px;
}

.gc-ix-adb-play i {
  font-size: .625rem;
  line-height: 1;
}

.gc-ix-adb-body {
  flex: 1;
  min-width: 0;
}

.gc-ix-adb-head {
  color: var(--gc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
  overflow: hidden;
}

.gc-ix-adb-line {
  align-items: baseline;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.gc-ix-adb-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--gc-text-secondary);
  font-size: .8125rem;
  line-height: 1.75;
  overflow: hidden;
}

.gc-ix-adb-link {
  color: var(--gc-primary-on-tint);
  flex-shrink: 0;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  text-decoration: none;
}

.gc-ix-adb-link:hover {
  text-underline-offset: 3px;
  text-decoration: underline;
}

.gc-ix-adb-link:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-ix-adb-x {
  cursor: pointer;
  color: var(--gc-text-secondary);
  background: none;
  border: 0;
  flex-shrink: 0;
  align-items: center;
  margin-inline-start: 4px;
  padding: 6px;
  display: flex;
}

.gc-ix-adb-x:hover {
  color: var(--gc-text);
}

.gc-ix-adb-x i {
  font-size: 1rem;
  line-height: 1;
}

.gc-ix-adb-player {
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 8px;
  width: 100%;
  max-height: 220px;
  margin-bottom: 8px;
  position: relative;
  overflow: hidden;
}

.gc-ix-adb-player iframe {
  border: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.gc-ix-adb-player-x {
  color: #fff;
  cursor: pointer;
  background: #0000008c;
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
  position: absolute;
  top: 6px;
  right: 6px;
}

.gc-ix-title-prev {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-basis: 100%;
  font-size: .75rem;
  line-height: 1.75;
  overflow: hidden;
}

.gc-ix-title-edit:hover {
  color: var(--gc-primary);
}

.gc-ix-title-view {
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.gc-ix-title-edit {
  color: var(--gc-text-muted);
  cursor: pointer;
  background: none;
  border: 0;
  flex-shrink: 0;
  align-items: center;
  padding: 0;
  line-height: 1;
  display: inline-flex;
}

.gc-ix-title-edit:hover, .gc-ix-title-edit:focus-visible {
  color: var(--gc-primary);
}

.gc-ix-title-edit i {
  font-size: .95rem;
}

.gc-ix-title-form {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.gc-ix-title-input {
  flex: 9rem;
  min-width: 0;
  max-width: 18rem;
  font-size: .875rem;
  line-height: 1.75;
}

.gc-ix-title-save {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.gc-ix-title-hint {
  color: var(--gc-text-secondary);
  flex-basis: 100%;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ix-info-profile-body .gc-ix-title-view {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.gc-ix-info-profile-body .gc-ix-title-form {
  justify-content: flex-start;
}

.gc-ix-filewrap {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.gc-ix-file-card {
  align-items: flex-start !important;
}

.gc-ix-file-meta {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.gc-ix-file-card .gc-ix-file-nm {
  -webkit-line-clamp: 2 !important;
  word-break: break-all !important;
  -webkit-box-orient: vertical !important;
  line-height: 1.75 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

.gc-ix-file-card .gc-ix-file-sz {
  opacity: .75 !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-ix-file-dl {
  color: var(--gc-primary);
  align-self: flex-start;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  text-decoration: none;
}

.gc-ix-file-dl:hover {
  text-decoration: underline;
}

.gc-ix-img-save {
  gap: 14px;
  margin-top: 4px;
  display: flex;
}

.gc-ix-img-save .gc-ix-file-dl {
  cursor: pointer;
  color: var(--gc-text);
  background: none;
  border: 0;
  padding: 0;
  font-family: inherit;
  font-weight: 400;
}

.gc-ix-bubble-wrap:has( > .gc-ix-bubble-hug > .gc-ix-bubble.gc-other .gc-ix-img-save) > .gc-ix-msg-time {
  padding-inline-start: 14px !important;
}

.gc-ix-img-save .gc-ix-file-dl:disabled {
  opacity: .6;
  cursor: progress;
}

.gc-ix-file-gone {
  color: var(--gc-text-muted);
  font-weight: 400;
}

.gc-ix-att-wait {
  border-radius: var(--gc-radius-lg);
  background: var(--gc-canvas);
  min-height: 64px;
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-ix-att-wait-ic {
  --icon-font-size: 1.25rem;
  color: var(--gc-text-secondary);
  animation: 1.4s ease-in-out infinite gc-att-wait;
  display: inline-flex;
}

@keyframes gc-att-wait {
  0%, 100% {
    opacity: .4;
  }

  50% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-ix-att-wait-ic {
    opacity: .7;
    animation: none;
  }
}

.gc-ix-bubble.gc-self .gc-ix-att-wait {
  color: #fff;
  background: #ffffff2e;
}

.gc-ix-bubble.gc-self .gc-ix-att-wait-ic, .gc-ix-bubble.gc-self .gc-ix-file-dl {
  color: #fff;
}

.gc-ix-bubble.gc-other .gc-ix-file-card {
  background: #0000000d !important;
}

.gc-ix-bubble.gc-other .gc-ix-file-card:hover {
  background: #00000014 !important;
}

.gc-file {
  min-width: 0;
  max-width: 312px;
  color: inherit;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  display: flex;
}

a.gc-file:hover, a.gc-file:focus {
  color: inherit;
  text-decoration: none;
}

a.gc-file:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 4px;
  border-radius: var(--gc-radius-sm);
}

.gc-ix-bubble.gc-self a.gc-file:focus-visible {
  outline-color: #fff;
}

.gc-file-tile {
  --icon-font-size: 1.75rem;
  border: 1px solid var(--gc-hairline);
  background: var(--gc-canvas);
  width: 56px;
  height: 56px;
  color: var(--gc-text-secondary);
  border-radius: 14px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gc-file-tile.gc-t-xls {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
}

.gc-file-tile.gc-t-pdf {
  background: var(--gc-danger-bg);
  color: var(--gc-danger-ink);
}

.gc-file-tile.gc-t-doc {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-ink);
}

.gc-file-tile.gc-t-zip {
  background: var(--gc-warning-bg);
  color: var(--gc-warning-ink);
}

.gc-file-tile.gc-dead {
  opacity: .55;
}

.gc-file-meta {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.gc-file-nm {
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.75;
  display: -webkit-box;
  overflow: hidden;
}

.gc-file-sub {
  color: var(--gc-text-secondary);
  text-wrap: pretty;
  font-size: .875rem;
  line-height: 1.75;
}

.gc-ix-bubble.gc-self .gc-file-tile {
  color: #fff;
  background: #ffffff2e;
  border-color: #ffffff47;
}

.gc-ix-bubble.gc-self .gc-file-sub {
  color: #fff;
}

.gc-cp-tray-size {
  color: var(--gc-text-muted);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-rp-dim {
  color: var(--gc-text-secondary);
}

.gc-ix-fc {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  margin: 0 .75rem .5rem;
  overflow: hidden;
}

.gc-ix-fc-head {
  color: var(--gc-text-secondary);
  align-items: center;
  gap: .5rem;
  min-width: 0;
  padding: .3125rem .625rem 0;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-ix-fc.gc-is-mini .gc-ix-fc-head {
  padding: .25rem .625rem;
}

.gc-ix-fc-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  min-width: 0;
  overflow: hidden;
}

.gc-ix-fc-mini-nm {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--gc-text);
  flex: auto;
  font-weight: 500;
  overflow: hidden;
}

.gc-ix-fc-mini-pr {
  color: var(--gc-primary);
  font-variant-numeric: tabular-nums;
  flex: none;
  font-weight: 700;
}

.gc-ix-fc-fold {
  color: var(--gc-text-secondary);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  align-items: center;
  gap: .1875rem;
  padding: 0 .125rem;
  font-family: inherit;
  font-size: .75rem;
  line-height: 1.75;
  display: inline-flex;
}

.gc-ix-fc-fold:hover {
  color: var(--gc-text);
}

.gc-ix-fc-row {
  align-items: center;
  gap: .625rem;
  min-width: 0;
  padding: .25rem .625rem .5rem;
  display: flex;
}

.gc-ix-fc-img {
  border-radius: var(--gc-radius-sm);
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  width: 40px;
  height: 40px;
  color: var(--gc-text-muted);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}

.gc-ix-fc-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.gc-ix-fc-col {
  flex-direction: column;
  flex: auto;
  min-width: 0;
  display: flex;
}

.gc-ix-fc-nm {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--gc-text);
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.75;
  overflow: hidden;
}

.gc-ix-fc-pr {
  color: var(--gc-primary);
  font-variant-numeric: tabular-nums;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-ix-fc-b {
  border: 1px solid var(--gc-primary);
  border-radius: var(--gc-radius-sm);
  color: var(--gc-primary);
  cursor: pointer;
  background: none;
  flex: none;
  padding: .1875rem .875rem;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-ix-fc-b:hover {
  background: var(--gc-primary-bg-hover);
}

.gc-ix-fc-err {
  color: var(--gc-danger);
  flex: none;
  font-size: .875rem;
  display: inline-flex;
}

.gc-ix-rec-back {
  z-index: 1055;
  background: #0006;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: fixed;
  inset: 0;
}

.gc-ix-rec {
  background: var(--gc-surface);
  border-radius: var(--gc-radius-lg);
  width: 100%;
  max-width: 28.75rem;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 .75rem 2rem #0000002e;
}

.gc-ix-rec-h {
  border-bottom: 1px solid var(--gc-hairline);
  grid-template-columns: 1fr auto;
  gap: .25rem .5rem;
  padding: .875rem 1.125rem .625rem;
  display: grid;
}

.gc-ix-rec-t {
  color: var(--gc-text);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-ix-rec-s {
  color: var(--gc-text-secondary);
  grid-column: 1 / -1;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ix-rec-x {
  border-radius: var(--gc-radius-sm);
  width: 28px;
  height: 28px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-size: 1rem;
}

.gc-ix-rec-x:hover {
  background: var(--gc-surface-hover);
  color: var(--gc-text);
}

.gc-ix-rec-b {
  flex-direction: column;
  gap: .875rem;
  padding: .875rem 1.125rem;
  display: flex;
}

.gc-ix-rec-item {
  background: var(--gc-canvas);
  border-radius: var(--gc-radius-md);
  align-items: flex-start;
  gap: .75rem;
  padding: .625rem;
  display: flex;
}

.gc-ix-rec-img {
  border-radius: var(--gc-radius-sm);
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  width: 56px;
  height: 56px;
  color: var(--gc-text-muted);
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  display: inline-flex;
  overflow: hidden;
}

.gc-ix-rec-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.gc-ix-rec-col {
  flex-direction: column;
  flex: auto;
  gap: .125rem;
  min-width: 0;
  display: flex;
}

.gc-ix-rec-nm {
  color: var(--gc-text);
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.75;
}

.gc-ix-rec-pr {
  color: var(--gc-primary);
  font-variant-numeric: tabular-nums;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-ix-rec-tier {
  flex-direction: column;
  gap: .375rem;
  display: flex;
}

.gc-ix-rec-tier-h {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ix-rec-chips {
  flex-wrap: wrap;
  gap: .375rem;
  display: flex;
}

.gc-ix-rec-chip {
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-sm);
  background: var(--gc-surface);
  color: var(--gc-text);
  cursor: pointer;
  padding: .1875rem .75rem;
  font-family: inherit;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ix-rec-chip:hover:not(:disabled) {
  border-color: var(--gc-primary);
}

.gc-ix-rec-chip[aria-pressed="true"] {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg-hover);
  color: var(--gc-primary);
  font-weight: 600;
}

.gc-ix-rec-chip:disabled {
  opacity: .45;
  cursor: not-allowed;
  text-decoration: line-through;
}

.gc-ix-rec-meta {
  color: var(--gc-text-secondary);
  margin-top: -.5rem;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ix-rec-note {
  flex-direction: column;
  gap: .375rem;
  display: flex;
}

.gc-ix-rec-note input {
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-sm);
  background: var(--gc-surface);
  width: 100%;
  color: var(--gc-text);
  padding: .375rem .625rem;
  font-family: inherit;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-ix-rec-note input:focus {
  outline: 2px solid var(--gc-primary);
  outline-offset: -1px;
  border-color: #0000;
}

.gc-ix-rec-f {
  border-top: 1px solid var(--gc-hairline);
  align-items: center;
  gap: .625rem;
  padding: .75rem 1.125rem;
  display: flex;
}

.gc-ix-rec-hint {
  color: var(--gc-text-secondary);
  flex: auto;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ix-rec-cancel {
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-sm);
  background: var(--gc-surface);
  color: var(--gc-text);
  cursor: pointer;
  padding: .3125rem 1rem;
  font-family: inherit;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-ix-rec-cancel:hover {
  background: var(--gc-surface-hover);
}

.gc-ix-rec-go {
  border-radius: var(--gc-radius-sm);
  background: var(--gc-primary);
  color: #fff;
  cursor: pointer;
  border: 0;
  padding: .3125rem 1.25rem;
  font-family: inherit;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-ix-rec-go:hover:not(:disabled) {
  filter: brightness(1.06);
}

.gc-ix-rec-go:disabled {
  opacity: .6;
  cursor: progress;
}

.gc-lz-var {
  color: var(--gc-text-secondary);
}

.gc-lz-sku {
  font-family: var(--bs-font-monospace, ui-monospace,monospace);
  font-size: .6875rem;
}

.gc-lz-out {
  color: var(--gc-danger-ink);
  font-weight: 600;
}

.gc-lz-send {
  border-radius: var(--gc-radius-sm);
  background: var(--gc-primary);
  color: #fff;
  cursor: pointer;
  border: 0;
  flex: none;
  align-self: center;
  padding: .1875rem .75rem;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-lz-send:hover:not(:disabled) {
  filter: brightness(1.06);
}

.gc-lz-send:disabled {
  background: var(--gc-surface-hover);
  color: var(--gc-text-secondary);
  cursor: not-allowed;
}

.gc-ix-fc-card {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  min-width: 0;
  max-width: 20rem;
  overflow: hidden;
}

.gc-ix-fc-head {
  border-bottom: 1px solid var(--gc-hairline);
  color: var(--gc-text);
  align-items: flex-start;
  gap: .375rem;
  padding: .625rem .75rem;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  display: flex;
}

.gc-ix-fc-head i {
  color: var(--gc-primary);
  flex: none;
  margin-top: .1875rem;
  font-size: 1rem;
}

.gc-ix-fc-shop {
  background: var(--gc-canvas);
  border-radius: var(--gc-radius-sm);
  align-items: center;
  gap: .625rem;
  min-width: 0;
  margin: .625rem;
  padding: .5rem;
  display: flex;
}

.gc-ix-fc-shop-logo {
  border-radius: var(--gc-radius-sm);
  object-fit: contain;
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  flex: none;
  width: 40px;
  height: 40px;
}

.gc-ix-fc-shop-logo.gc-is-empty {
  color: var(--gc-text-muted);
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  display: inline-flex;
}

.gc-ix-fc-shop-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--gc-text);
  flex: auto;
  font-size: .8125rem;
  line-height: 1.75;
  overflow: hidden;
}

#view-inbox {
  --gc-ch-rail-w: 0px;
  --gc-fp-w: 220px;
  --gc-fs-w: 56px;
  --gc-head-h: 64px;
  --gc-dur-panel: .22s;
  --gc-dur-fade: .11s;
  --gc-ease-panel: cubic-bezier(.2,.8,.2,1);
}

#view-inbox .gc-ix-top-tabs.gc-ix-top-tabs-wide {
  background: var(--gc-surface);
  border-bottom: 1px solid var(--gc-hairline) !important;
  min-height: 44px !important;
  padding: 0 16px !important;
}

.gc-fpcol {
  width: var(--gc-fp-w);
  background: var(--gc-surface);
  height: 100%;
  box-shadow: inset -1px 0 0 var(--gc-hairline);
  flex: none;
  position: relative;
  overflow: hidden;
}

.gc-fpcol.gc-fp-strip {
  width: var(--gc-fs-w);
}

.gc-fpcol-panel, .gc-fpcol-strip {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.gc-fpcol-panel {
  width: calc(var(--gc-fp-w) - 1px);
}

.gc-fpcol-strip {
  width: var(--gc-fs-w);
}

.gc-fpcol.gc-fp-strip .gc-fpcol-panel, .gc-fpcol:not(.gc-fp-strip) .gc-fpcol-strip {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.gc-fpcol.gc-fp-strip .gc-fpcol-panel {
  transform: translateX(-8px);
}

.gc-fpcol.gc-fp-anim {
  transition: width var(--gc-dur-panel) var(--gc-ease-panel) 0s;
}

.gc-fpcol.gc-fp-anim.gc-fp-strip {
  transition-delay: var(--gc-dur-fade);
}

.gc-fpcol.gc-fp-anim .gc-fpcol-panel {
  transition: opacity var(--gc-dur-fade) linear calc(var(--gc-dur-panel) * .6),transform var(--gc-dur-fade) var(--gc-ease-panel) calc(var(--gc-dur-panel) * .6),visibility 0s;
}

.gc-fpcol.gc-fp-anim.gc-fp-strip .gc-fpcol-panel {
  transition: opacity var(--gc-dur-fade) linear 0s,transform var(--gc-dur-fade) var(--gc-ease-panel) 0s,visibility 0s linear var(--gc-dur-fade);
}

.gc-fpcol.gc-fp-anim .gc-fpcol-strip {
  transition: opacity var(--gc-dur-fade) linear 0s,visibility 0s linear var(--gc-dur-fade);
}

.gc-fpcol.gc-fp-anim.gc-fp-strip .gc-fpcol-strip {
  transition: opacity var(--gc-dur-fade) linear calc(var(--gc-dur-fade) + var(--gc-dur-panel) * .6),visibility 0s;
}

@media (prefers-reduced-motion: reduce) {
  .gc-fpcol, .gc-fpcol * {
    transition: none !important;
  }
}

.gc-fp {
  --sidebar-section-padding-x: 1rem;
  --sidebar-section-padding-y: .5rem;
  background: var(--gc-surface);
  flex-direction: column;
  height: 100%;
  min-height: 0;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-fp-head {
  height: var(--gc-head-h);
  border-bottom: 1px solid var(--gc-hairline);
  flex-shrink: 0;
  padding: 0 8px 0 16px;
}

.gc-fp-head h5 {
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-fp-head .gc-ix-linkish {
  font-size: .75rem;
  text-decoration: none;
}

.gc-fp-head .btn-icon {
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  display: inline-flex;
}

.gc-fp-body {
  overscroll-behavior: contain;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

@media (pointer: fine) {
  .gc-app :is(.gc-fp-body, .gc-ix-chat-list, .gc-ix-messages, .gc-ix-info-panel)::-webkit-scrollbar {
    width: 12px;
  }

  .gc-app :is(.gc-fp-body, .gc-ix-chat-list, .gc-ix-messages, .gc-ix-info-panel)::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    border: 2px solid #0000;
    border-radius: 12px;
  }
}

.gc-fp-err {
  border-radius: var(--gc-radius-sm);
  color: var(--gc-text);
  background: #ea54551a;
  margin: 8px 12px 0;
  padding: 6px 10px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-fp .sidebar-section-header {
  cursor: pointer;
  gap: 6px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-fp .sidebar-section-header:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: -2px;
}

.gc-fp .sidebar-section-header .fw-semibold {
  color: var(--gc-text);
}

.gc-fp .sidebar-section-header .collapsible-indicator {
  color: var(--gc-text-secondary);
  transition: transform .15s;
}

.gc-fp .sidebar-section-header.collapsed .collapsible-indicator {
  transform: rotate(-90deg);
}

.gc-fp .sidebar-section-body {
  padding-top: 6px;
  padding-bottom: 10px;
}

.gc-fp .form-check {
  --form-check-padding-start: 1.75rem;
  margin-bottom: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

.gc-fp .form-check-label {
  color: var(--gc-text);
  cursor: pointer;
  gap: 6px;
  min-width: 0;
  line-height: 1.75;
}

.gc-fp .form-check-input {
  margin-top: .2rem;
}

.gc-fp .form-check-input:checked, .gc-fp .form-check-input:indeterminate {
  background-color: var(--gc-primary-ink);
  border-color: var(--gc-primary-ink);
}

.gc-fp .form-control {
  min-height: 32px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-fp-lbl {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.gc-fp-n {
  color: var(--gc-text-secondary);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  margin-inline-start: auto;
  padding-inline-start: 6px;
  font-size: .75rem;
}

.gc-fp-on {
  border-radius: var(--gc-radius-full);
  background: var(--gc-primary-ink);
  color: #fff;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: .6875rem;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.gc-fp-logo {
  border-radius: var(--gc-radius-sm);
  object-fit: cover;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.gc-fp-ava {
  border-radius: 50%;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  overflow: hidden;
}

.gc-fp-ava img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.gc-fp-ava-none {
  color: var(--gc-text-secondary);
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 1.125rem;
  display: inline-flex;
}

.gc-fp .gc-fp-agent {
  flex-shrink: 0 !important;
}

.gc-fp-ch {
  align-items: center;
  gap: 2px;
  display: flex;
}

.gc-fp-ch .form-check {
  flex: 1;
  min-width: 0;
}

.gc-fp-exp {
  border-radius: var(--gc-radius-sm);
  width: 26px;
  height: 26px;
  color: var(--gc-text-secondary);
  background: none;
  border: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.gc-fp-exp:hover {
  background: var(--gc-canvas);
  color: var(--gc-text);
}

.gc-fp-exp-sp {
  flex-shrink: 0;
  width: 26px;
}

.gc-fp-pages {
  border-inline-start: 1px solid var(--gc-hairline-hover);
  margin: 0 0 4px .55rem;
  padding-inline-start: 1.5rem;
}

.gc-fp-idle .gc-fp-logo {
  opacity: .5;
}

.gc-fp-idle .form-check-label {
  color: var(--gc-text-secondary);
}

.gc-fp-more {
  color: var(--gc-primary-on-tint);
  background: none;
  border: 0;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  padding: 0;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-fp-more:disabled {
  color: var(--gc-text-secondary);
  cursor: default;
}

.gc-fp-hint {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-fp-ad {
  font-variant-numeric: tabular-nums;
}

.gc-fp-vrow {
  align-items: center;
  gap: 2px;
  margin: 0 -8px;
  display: flex;
}

.gc-fp-view {
  border-radius: var(--gc-radius-sm);
  text-align: start;
  color: var(--gc-text);
  background: none;
  border: 0;
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 3px 8px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-fp-view:hover {
  background: var(--gc-surface-hover);
}

.gc-fp-view.gc-on {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-ink);
  font-weight: 600;
}

.gc-fp-view i {
  color: var(--gc-text-secondary);
  flex-shrink: 0;
  font-size: 1rem;
}

.gc-fp-view.gc-on i {
  color: inherit;
}

.gc-fp {
  --gc-fp-star: #b98000;
}

[data-theme="dark"] .gc-fp {
  --gc-fp-star: #f5b400;
}

.gc-fp-view i.gc-fp-star, .gc-fp-view.gc-on i.gc-fp-star {
  color: var(--gc-fp-star);
}

.gc-fp-vform {
  gap: 4px;
  margin-top: 6px;
  display: flex;
}

.gc-fp-savebar {
  background: var(--gc-surface);
  border-top: 1px solid var(--gc-hairline);
  flex-shrink: 0;
  justify-content: center;
  padding: 10px 12px;
  animation: .18s cubic-bezier(.2, .8, .2, 1) gc-fp-rise;
  display: flex;
  box-shadow: 0 -6px 16px #0000000f;
}

.gc-fp-savebar .gc-fp-vform {
  width: 100%;
  margin-top: 0;
}

.gc-fp-savebar .gc-fp-savebtn {
  box-shadow: var(--gc-shadow-md);
  font-size: .8125rem;
  line-height: 1.75;
}

@keyframes gc-fp-rise {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-fp-savebar {
    animation: none;
  }
}

.gc-fp-vform .form-control {
  min-width: 0;
}

.gc-fs {
  width: var(--gc-fs-w);
  flex-direction: column;
  align-items: center;
  gap: 4px;
  height: 100%;
  padding: 12px 0;
  display: flex;
}

.gc-fs-btn {
  border-radius: var(--gc-radius-md);
  width: 40px;
  height: 40px;
  color: var(--gc-text-secondary);
  background: none;
  border: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 1.125rem;
  display: flex;
  position: relative;
}

.gc-fs-btn:hover {
  background: var(--gc-canvas);
  color: var(--gc-text);
}

.gc-fs-btn.gc-on {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-ink);
}

.gc-fs-btn img {
  border-radius: var(--gc-radius-sm);
  width: 28px;
  height: 28px;
}

.gc-fs-btn.gc-idle img {
  opacity: .5;
}

.gc-fs-btn.gc-on img {
  box-shadow: 0 0 0 2px var(--gc-surface),0 0 0 4px var(--gc-primary);
}

.gc-fs-n {
  border-radius: var(--gc-radius-full);
  background: var(--gc-primary-ink);
  color: #fff;
  justify-content: center;
  align-items: center;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  display: flex;
  position: absolute;
  top: 1px;
  right: 1px;
}

.gc-fs-sep {
  background: var(--gc-hairline-hover);
  width: 24px;
  height: 1px;
  margin: 4px 0;
}

.gc-fx-row {
  border-bottom: 1px solid var(--gc-hairline);
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  display: flex;
}

.gc-fx {
  border-radius: var(--gc-radius-sm);
  background: var(--gc-primary-bg);
  color: var(--gc-primary-ink);
  white-space: nowrap;
  align-items: center;
  gap: 2px;
  max-width: 100%;
  padding: 0 2px 0 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-fx span {
  text-overflow: ellipsis;
  overflow: hidden;
}

.gc-fx img {
  border-radius: 4px;
  width: 14px;
  height: 14px;
  margin-inline-end: 3px;
}

.gc-fx-x {
  width: 22px;
  height: 22px;
  color: inherit;
  background: none;
  border: 0;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: .8rem;
  display: inline-flex;
}

.gc-fx-x:hover {
  background: #4e6af024;
}

@media (min-width: 992px) {
  #view-inbox .gc-ix-sidebar .gc-ix-searchrow {
    height: var(--gc-head-h);
    border-bottom: 1px solid var(--gc-hairline);
    flex-shrink: 0;
    gap: 6px;
    padding: 0 12px;
  }

  #view-inbox .gc-ix-chat-header {
    height: var(--gc-head-h) !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  #view-inbox .gc-ix-sidebar .gc-ix-search {
    gap: 6px;
    height: 32px;
    padding: 0 10px;
  }

  #view-inbox .gc-ix-sidebar .gc-ix-search input {
    font-size: .8125rem;
  }
}

.gc-ix-sort .gc-icon-btn {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  font-size: 1.125rem;
}

.gc-ix-sort .gc-icon-btn.gc-on {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-ink);
}

.gc-ix-sort .gc-ix-sort-menu, .gc-fp-vrow .gc-ix-sort-menu {
  --dropdown-min-width: 10rem;
  --dropdown-padding-y: .25rem;
  --dropdown-item-padding-x: .75rem;
  --dropdown-item-padding-y: .25rem;
  --dropdown-divider-margin-y: .25rem;
  box-shadow: var(--gc-shadow-md);
}

.gc-ix-sort-menu .dropdown-item > i:first-child {
  font-size: 1rem;
}

.gc-ix-sort-menu .dropdown-item {
  align-items: center;
  gap: 8px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-ix-sort-menu .dropdown-item > .ph-check {
  color: var(--gc-primary-ink);
  margin-inline-start: auto;
}

.gc-fp-off {
  --offcanvas-width: min(360px,calc(100vw - 44px));
  --offcanvas-bg: var(--gc-surface);
  --offcanvas-color: var(--gc-text);
  color: var(--gc-text);
}

.gc-fp-off .offcanvas-header {
  padding-top: calc(var(--offcanvas-padding-y) + env(safe-area-inset-top));
  padding-left: calc(var(--offcanvas-padding-x) + env(safe-area-inset-left));
}

.gc-fp-off .offcanvas-title {
  font-size: 1rem;
  line-height: 1.75;
}

.gc-fp-off .offcanvas-body {
  min-height: 0;
  padding: 0;
}

.gc-fp-off .gc-fp {
  height: auto;
}

.gc-fp-off .gc-fp-body {
  overflow: visible;
}

.gc-fp-off .gc-fp .form-check {
  padding-top: 6px;
  padding-bottom: 6px;
}

.gc-fp-off .gc-fp .form-check-label {
  flex: auto;
}

.gc-mob-foot {
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  background: var(--gc-surface);
  gap: 8px;
  display: flex;
}

.gc-mob-foot .btn {
  min-height: 44px;
  font-size: .875rem;
  line-height: 1.75;
}

@media (max-width: 991.98px) {
  .gc-fpcol {
    display: none;
  }

  #view-inbox.gc-ix-room-open .gc-ix-top-tabs-wide {
    display: none !important;
  }
}

.gc-rcm-lift {
  z-index: 1090;
  pointer-events: none;
  background: var(--gc-surface);
  border-radius: var(--gc-radius-lg);
  box-shadow: var(--gc-shadow-lg);
  animation: .14s ease-out gc-press-in;
  position: fixed;
  overflow: hidden;
}

.gc-rcm-lift > .gc-ix-chat-item {
  border: 0 !important;
}

.gc-press-sheet.gc-rcm-sheet {
  bottom: calc(12px + env(safe-area-inset-bottom));
  overscroll-behavior: contain;
  max-height: 70dvh;
  padding-bottom: 8px;
  overflow-y: auto;
}

.gc-rcm-sheet.gc-rcm-busy {
  opacity: .75;
}

.gc-rcm-grip {
  border-radius: var(--gc-radius-full);
  background: var(--gc-hairline-hover);
  width: 36px;
  height: 4px;
  margin: 8px auto 4px;
}

.gc-rcm-sheet-body {
  color: var(--gc-text);
  border-top: 1px solid var(--gc-hairline);
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-press-action.gc-on {
  color: var(--gc-primary-ink);
}

.gc-rcm-sheet .gc-press-actions.gc-press-grid {
  grid-template-columns: repeat(5, 1fr);
}

@media (hover: none) {
  .gc-ix-chat-list .gc-ix-chat-item {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-rcm-lift {
    animation: none;
  }
}

.gc-ix-main.gc-ix-find-on {
  position: relative !important;
}

.gc-ix-find-on .gc-ix-pin-bar, .gc-ix-find-on .gc-ix-input-area {
  display: none !important;
}

.gc-ix-main.gc-ix-find-on .gc-ix-messages {
  padding-bottom: 64px !important;
}

.gc-ix-find {
  flex-shrink: 0;
}

.gc-ix-find-head.gc-ix-chat-header {
  gap: 8px;
}

.gc-ix-find-box {
  background: var(--gc-canvas);
  border-radius: var(--gc-radius-md);
  min-width: 0;
  color: var(--gc-text-secondary);
  cursor: text;
  flex: 1;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 6px 12px;
  display: flex;
}

.gc-ix-find-box:focus-within {
  outline: 2px solid var(--gc-primary);
  outline-offset: -2px;
}

.gc-ix-find-box input {
  min-width: 0;
  color: var(--gc-text);
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  padding: 0;
  font-size: .875rem;
  line-height: 1.75;
}

.gc-ix-find-box input::placeholder {
  color: var(--gc-text-secondary);
}

.gc-ix-find-clear {
  color: var(--gc-text-secondary);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-size: 1rem;
  display: flex;
}

.gc-ix-find-panel {
  z-index: 20;
  background: var(--gc-surface);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
}

.gc-ix-find-sum {
  color: var(--gc-text);
  padding: 12px 16px 4px;
  font-size: .875rem;
  font-weight: 800;
  line-height: 1.75;
}

.gc-ix-find-row.list-group-item {
  text-align: start;
  background: none;
  border: 0;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 16px;
  display: flex;
}

.gc-ix-find-main {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.gc-ix-find-top {
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.gc-ix-find-who {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--gc-text);
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
  overflow: hidden;
}

.gc-ix-find-when {
  color: var(--gc-text-secondary);
  flex-shrink: 0;
  margin-inline-start: auto;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ix-find-text {
  color: var(--gc-text-secondary);
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  font-size: .8125rem;
  line-height: 1.75;
  display: -webkit-box;
  overflow: hidden;
}

.gc-ix-find-hit {
  color: var(--gc-primary-on-tint);
  font-weight: 700;
}

.gc-ix-find-empty {
  text-align: center;
  color: var(--gc-text-secondary);
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 48px 24px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-ix-find-empty > i {
  margin-bottom: 4px;
  font-size: 1.65rem;
}

.gc-ix-find-empty > b {
  color: var(--gc-text);
}

.gc-ix-find-empty > .gc-ix-find-err-ic {
  color: var(--gc-danger-ink);
}

.gc-ix-find-more {
  text-align: center;
  color: var(--gc-text-secondary);
  padding: 8px 16px 16px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ix-find-nav {
  z-index: 20;
  padding: 6px 12px calc(6px + env(safe-area-inset-bottom));
  background: var(--gc-surface);
  border-top: 1px solid var(--gc-hairline);
  align-items: center;
  gap: 4px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.gc-ix-find-nav .gc-icon-btn:disabled {
  opacity: .35;
  cursor: default;
}

.gc-ix-find-pos {
  color: var(--gc-text-secondary);
  margin-inline-start: 4px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ix-find-list {
  align-items: center;
  gap: 6px;
  font-size: .8125rem;
  line-height: 1.75;
  display: inline-flex;
}

::highlight(gc-find) {
  background-color: var(--gc-warning);
  color: #000;
}

.gc-of {
  background: var(--gc-surface);
  border-radius: var(--gc-radius-lg);
  box-shadow: var(--gc-shadow-sm);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.gc-of-top {
  border-bottom: 1px solid var(--gc-border);
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  display: flex;
}

.gc-of-top-t {
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-of-top-s {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-of-body {
  align-items: flex-start;
  display: flex;
}

.gc-of-main {
  border-inline-end: 1px solid var(--gc-border);
  flex: 1;
  min-width: 0;
  padding: 4px 18px 18px;
}

.gc-of-side {
  flex: none;
  width: 296px;
  padding: 16px 18px 18px;
}

.gc-of-h {
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 8px;
  padding: 16px 0 8px;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
  display: flex;
}

.gc-of-req {
  color: var(--gc-danger-ink);
  font-weight: 700;
}

.gc-of-row {
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.gc-of-f {
  flex: 1;
  min-width: 150px;
}

.gc-of-f .form-label {
  color: var(--gc-text-secondary);
  margin-bottom: 3px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-of-f .form-control, .gc-of-f .form-select {
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-of-chk {
  --form-check-padding-start: calc(1.1rem + 7px);
  margin-top: 2px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-of-paste {
  background: var(--gc-canvas);
  border: 1px dashed var(--gc-border);
  border-radius: var(--gc-radius-md);
  padding: 10px 12px;
}

.gc-of-paste-t {
  align-items: center;
  gap: 6px;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
  display: flex;
}

.gc-of-paste-d {
  color: var(--gc-text-secondary);
  margin-bottom: 8px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-of-item {
  border-bottom: 1px solid var(--gc-border);
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0;
  display: flex;
}

.gc-of-item:last-of-type {
  border-bottom: 0;
}

.gc-of-item-img {
  border-radius: var(--gc-radius-md);
  background: var(--gc-canvas);
  width: 44px;
  height: 44px;
  color: var(--gc-text-secondary);
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 1.1rem;
  display: flex;
}

.gc-of-item-n {
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-of-item-m {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-of-item-p {
  text-align: end;
  flex: none;
  width: 74px;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-of-qty {
  flex: none;
  align-items: center;
  display: flex;
}

.gc-of-qty button {
  border: 1px solid var(--gc-border);
  background: var(--gc-surface);
  width: 26px;
  height: 26px;
  color: var(--gc-text);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  font-family: inherit;
  display: flex;
}

.gc-of-qty button:first-child {
  border-radius: var(--gc-radius-md) 0 0 var(--gc-radius-md);
}

.gc-of-qty button:last-child {
  border-radius: 0 var(--gc-radius-md) var(--gc-radius-md) 0;
}

.gc-of-qty input {
  text-align: center;
  border: 1px solid var(--gc-border);
  background: var(--gc-surface);
  width: 38px;
  height: 26px;
  color: var(--gc-text);
  border-inline: 0;
  font-family: inherit;
  font-size: .8125rem;
}

.gc-of-stk {
  border-radius: var(--gc-radius-full);
  align-items: center;
  gap: 4px;
  margin-top: 3px;
  padding: 0 7px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-of-stk.gc-ok {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
}

.gc-of-stk.gc-low {
  background: var(--gc-warning-bg);
  color: var(--gc-warning-ink);
}

.gc-of-stk.gc-none {
  background: var(--gc-danger-bg);
  color: var(--gc-danger-ink);
}

.gc-of-stk.gc-unknown {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  border: 1px dashed var(--gc-border);
}

.gc-of-warn {
  border-radius: var(--gc-radius-md);
  align-items: flex-start;
  gap: 8px;
  margin-top: 9px;
  padding: 9px 11px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-of-warn.gc-warn {
  background: var(--gc-warning-bg);
  color: var(--gc-warning-ink);
}

.gc-of-warn.gc-bad {
  background: var(--gc-danger-bg);
  color: var(--gc-danger-ink);
}

.gc-of-warn.gc-info {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
}

.gc-of-warn > .ph {
  flex: none;
  margin-top: 2px;
  font-size: 1rem;
}

.gc-of-warn-a {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
  display: flex;
}

.gc-of-hint {
  color: var(--gc-text-secondary);
  margin-top: 3px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-of-cust {
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  background: var(--gc-canvas);
  margin-top: 8px;
  padding: 8px 10px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-of-cust.gc-on {
  background: var(--gc-surface);
  border-color: var(--gc-primary);
  align-items: center;
  gap: 8px;
  display: flex;
}

.gc-of-cust.gc-on > i {
  color: var(--gc-primary);
  flex: none;
  font-size: 1rem;
}

.gc-of-cust-h {
  color: var(--gc-text);
  margin-bottom: 4px;
  font-weight: 700;
}

.gc-of-cust-row {
  border-top: 1px solid var(--gc-hairline);
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 0;
  display: flex;
}

.gc-of-cust-row:first-of-type {
  border-top: 0;
}

.gc-of-cust-row .btn {
  white-space: nowrap;
  flex: none;
}

.gc-of-cust-t {
  min-width: 0;
  color: var(--gc-text);
  flex: 1;
}

.gc-of-cust-m {
  color: var(--gc-text-secondary);
}

.gc-of-err {
  color: var(--gc-danger-ink);
  margin-top: 3px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-of-money, .form-control.gc-of-money {
  text-align: end;
  flex: none;
  width: 104px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-of-bar {
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-of-bar-wait {
  background: var(--gc-surface-hover);
  color: var(--gc-text-secondary);
}

.gc-of-bar-err {
  background: var(--gc-danger-bg);
  color: var(--gc-danger-ink);
}

.gc-of-sug-wrap {
  position: relative;
}

.gc-of-sug {
  z-index: 5;
  inset-inline: 0;
  background: var(--gc-surface);
  border: 1px solid var(--gc-border);
  border-radius: var(--gc-radius-md);
  max-height: 220px;
  box-shadow: var(--gc-shadow-lg);
  margin: 2px 0 0;
  padding: 4px;
  list-style: none;
  position: absolute;
  top: 100%;
  overflow-y: auto;
}

.gc-of-sug-i {
  text-align: start;
  cursor: pointer;
  border-radius: var(--gc-radius-sm);
  width: 100%;
  color: var(--gc-text);
  background: none;
  border: 0;
  padding: 6px 8px;
  font-family: inherit;
  font-size: .8125rem;
  line-height: 1.75;
  display: block;
}

.gc-of-sug-i:hover, .gc-of-sug-i:focus-visible, .gc-of-sug-i.gc-on {
  background: var(--gc-surface-hover);
}

.gc-of-sug-i b {
  color: var(--gc-primary-ink);
  font-weight: 700;
}

.gc-of-sug.gc-of-sug-none {
  color: var(--gc-text-secondary);
  padding: 8px 10px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ofs .gc-of-row > .gc-of-sug-wrap:nth-child(odd) .gc-of-sug {
  width: calc(200% + 10px);
  inset-inline: 0 auto;
}

.gc-ofs .gc-of-row > .gc-of-sug-wrap:nth-child(2n) .gc-of-sug {
  width: calc(200% + 10px);
  inset-inline: auto 0;
}

.gc-of-isel {
  position: relative;
}

.form-select.gc-of-isel-btn {
  text-align: start;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  display: flex;
}

.gc-of-isel-t {
  overflow-wrap: anywhere;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  line-height: 1.75;
  display: flex;
}

.gc-of-isel-ph {
  color: var(--gc-text-secondary);
}

.gc-of-isel-img {
  background: var(--gc-canvas);
  width: 24px;
  height: 24px;
  color: var(--gc-text-secondary);
  border-radius: 6px;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  display: inline-flex;
  overflow: hidden;
}

.gc-of-isel-img img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.gc-ofs .gc-of-isel-btn .gc-of-isel-img {
  width: 20px;
  height: 20px;
  font-size: .9rem;
}

.gc-of-isel-menu {
  inset-inline: 0;
  z-index: 6;
  max-height: 280px;
  margin-top: 2px;
  position: absolute;
  top: 100%;
  overflow-y: auto;
}

.gc-of-isel-i {
  white-space: normal;
  align-items: center;
  gap: 10px;
  font-size: .8125rem;
  display: flex;
}

.gc-of-isel-sub {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
  display: block;
}

.gc-of-isel-i.active .gc-of-isel-sub {
  color: inherit;
}

.gc-of-warn-a button {
  color: inherit;
  border-radius: var(--gc-radius-full);
  cursor: pointer;
  background: none;
  border: 1px solid;
  padding: 0 10px;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-of-sum-h {
  color: var(--gc-text-secondary);
  margin-bottom: 6px;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-of-line {
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  padding: 4px 0;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-of-line-k {
  color: var(--gc-text-secondary);
}

.gc-of-line-v {
  color: var(--gc-text);
  text-align: end;
  font-weight: 700;
}

.gc-of-line.gc-sum {
  border-top: 1px solid var(--gc-border);
  margin-top: 4px;
  padding-top: 8px;
  font-size: .875rem;
}

.gc-of-src {
  color: var(--gc-text-secondary);
  align-items: flex-start;
  gap: 4px;
  margin-top: 8px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-of-src > .ph {
  flex: none;
  margin-top: 3px;
}

@media (max-width: 767.98px) {
  .gc-of-body {
    flex-direction: column;
  }

  .gc-of-main {
    border-inline-end: 0;
    border-bottom: 1px solid var(--gc-border);
    width: 100%;
    padding: 4px 14px 14px;
  }

  .gc-of-side {
    background: var(--gc-surface);
    width: 100%;
    padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
    position: sticky;
    bottom: 0;
    box-shadow: 0 -4px 12px #0000000f;
  }
}

.gc-of-narrow .gc-of-row {
  flex-direction: column;
  gap: 0;
  margin-bottom: 0;
}

.gc-of-narrow .gc-of-f {
  width: 100%;
  min-width: 0;
  margin-bottom: 10px;
}

.gc-of-narrow .gc-of-main {
  border-inline-end: 0;
  padding: 0 14px 14px;
}

.gc-of-narrow .gc-of-item-p {
  width: auto;
}

.gc-ofp-step {
  border-top: 1px solid var(--gc-hairline);
}

.gc-ofp-step:first-child {
  border-top: 0;
}

.gc-ofp-step-btn {
  width: 100%;
  color: var(--gc-text);
  text-align: start;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 8px;
  padding: 11px 14px;
  font-family: inherit;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
  display: flex;
}

.gc-ofp-step-n {
  background: var(--gc-canvas);
  width: 20px;
  height: 20px;
  color: var(--gc-text-secondary);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: .6875rem;
  font-weight: 700;
  display: inline-flex;
}

.gc-ofp-step.gc-done .gc-ofp-step-n {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
}

.gc-ofp-step.gc-now .gc-ofp-step-n {
  background: var(--gc-primary);
  color: #fff;
}

.gc-ofp-step-s {
  color: var(--gc-text-secondary);
  text-align: end;
  margin-inline-start: auto;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.75;
}

.gc-ofp-foot {
  background: var(--gc-surface);
  border-top: 1px solid var(--gc-border);
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  flex-direction: column;
  gap: 8px;
  display: flex;
  position: sticky;
  bottom: 0;
}

.gc-ofp-foot-sum {
  justify-content: space-between;
  align-items: baseline;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.75;
  display: flex;
}

.gc-ofp-foot .btn {
  min-height: 44px;
  font-weight: 600;
}

.gc-ofp-frame {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: 12px;
  flex-direction: column;
  width: 340px;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.gc-ofp-frame.gc-phone {
  width: 390px;
  height: 720px;
}

.gc-ofp-frame-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.gc-ofp-head {
  border-bottom: 1px solid var(--gc-hairline);
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  display: flex;
}

.gc-ofp-head-t {
  flex: 1;
  min-width: 0;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-ofd {
  background: var(--gc-surface);
  width: 420px;
  max-width: 100%;
  box-shadow: var(--gc-shadow-lg);
  border-radius: 14px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.gc-ofd-bar {
  background: var(--gc-primary);
  color: #fff;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  display: flex;
}

.gc-ofd-bar-t {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.75;
  overflow: hidden;
}

.gc-ofd-bar-s {
  opacity: .85;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ofd-bar-b {
  color: #fff;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 1rem;
  display: inline-flex;
}

.gc-ofd-bar-b:hover {
  background: #ffffff2e;
}

.gc-ofd-body {
  background: var(--gc-canvas);
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.gc-ofd-grp {
  background: var(--gc-surface);
  margin-bottom: 8px;
  padding: 14px;
}

.gc-ofd-grp > .gc-of-f, .gc-ofd-grp > .gc-of-chk, .gc-ofd-grp > .gc-ofd-seg {
  margin-bottom: 10px;
}

.gc-ofd-grp > :last-child, .gc-ofd-grp:last-child {
  margin-bottom: 0;
}

.gc-ofd-grp-h {
  align-items: center;
  gap: 7px;
  margin-bottom: 10px;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.75;
  display: flex;
}

.gc-ofd-grp-h > .ph {
  color: var(--gc-primary);
  font-size: 1.05rem;
}

.gc-ofd-lbl {
  align-items: baseline;
  gap: 4px;
  margin-bottom: 4px;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  display: flex;
}

.gc-ofd-side {
  color: var(--gc-text-secondary);
  margin-inline-start: auto;
  font-weight: 400;
}

.gc-ofd-seg {
  border: 1px solid var(--gc-border);
  border-radius: 10px;
  display: flex;
  overflow: hidden;
}

.gc-ofd-seg button {
  background: var(--gc-surface);
  min-height: 44px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  border: 0;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-family: inherit;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-ofd-seg button.gc-on {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-ink);
  font-weight: 700;
}

.gc-ofd-item {
  border-top: 1px solid var(--gc-hairline);
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0;
  display: flex;
}

.gc-ofd-item:first-of-type {
  border-top: 0;
}

.gc-ofd-item-box {
  background: var(--gc-canvas);
  width: 56px;
  height: 56px;
  color: var(--gc-text-secondary);
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 1.3rem;
  display: flex;
}

.gc-ofd-item-a {
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.gc-ofd-item-b {
  flex: 1;
  min-width: 0;
}

.gc-ofd-item-t {
  overflow-wrap: anywhere;
  flex: 1;
  min-width: 0;
}

.gc-ofd-item-box img {
  object-fit: cover;
  border-radius: inherit;
  width: 100%;
  height: 100%;
}

.gc-ofd-foot {
  border-top: 1px solid var(--gc-border);
  background: var(--gc-surface);
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
}

.gc-ofd-total {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 4px 0 8px;
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.75;
  display: flex;
}

.gc-ofd-foot .btn {
  min-height: 46px;
  font-weight: 700;
}

.gc-ofd-break {
  border-top: 1px dashed var(--gc-border);
  margin-bottom: 4px;
  padding-top: 8px;
}

.gc-ofd-foot .gc-of-warn {
  margin: 0 0 8px;
}

.gc-ofd.gc-min .gc-ofd-body, .gc-ofd.gc-min .gc-ofd-foot {
  display: none;
}

.gc-ofd.gc-phone {
  border-radius: 0;
  width: 390px;
  height: 720px;
}

.gc-ofpk {
  background: var(--gc-surface);
  width: 860px;
  max-width: 100%;
  box-shadow: var(--gc-shadow-lg);
  border-radius: 12px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.gc-ofpk-bar {
  background: var(--gc-rail-ink);
  color: #fff;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  display: flex;
}

.gc-ofpk-bar-t {
  flex: 1;
  min-width: 0;
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-ofpk-sub {
  border-bottom: 1px solid var(--gc-hairline);
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 7px;
  padding: 10px 16px;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  display: flex;
}

.gc-ofpk-body {
  background: var(--gc-canvas);
  flex: 1;
  min-height: 0;
  padding: 14px 16px;
  overflow-y: auto;
}

.gc-ofpk-card {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: 10px;
  overflow: hidden;
}

.gc-ofpk-tabs {
  border-bottom: 1px solid var(--gc-hairline);
  flex-wrap: wrap;
  gap: 4px;
  padding: 10px 12px;
  display: flex;
}

.gc-ofpk-tab {
  cursor: pointer;
  color: var(--gc-text-secondary);
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  font-family: inherit;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-ofpk-tab.gc-on {
  color: var(--gc-primary-ink);
  border-bottom-color: var(--gc-primary);
}

.gc-ofpk-n {
  text-align: center;
  background: var(--gc-canvas);
  min-width: 24px;
  color: var(--gc-text-secondary);
  border-radius: 6px;
  padding: 0 6px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-ofpk-tab.gc-on .gc-ofpk-n {
  background: var(--gc-primary);
  color: #fff;
}

.gc-ofpk-tbl {
  border-collapse: collapse;
  width: 100%;
  font-size: .8125rem;
}

.gc-ofpk-tbl th {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  text-align: start;
  white-space: nowrap;
  padding: 9px 12px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-ofpk-tbl td {
  border-top: 1px solid var(--gc-hairline);
  vertical-align: middle;
  padding: 10px 12px;
  line-height: 1.75;
}

.gc-ofpk-tbl tr.gc-sel td {
  background: var(--gc-primary-bg);
}

.gc-ofpk-tbl tr.gc-kid td {
  background: var(--gc-canvas);
}

.gc-ofpk-thumb {
  background: var(--gc-canvas);
  width: 34px;
  height: 34px;
  color: var(--gc-text-secondary);
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.gc-ofpk-num {
  text-align: end;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.gc-ofpk-foot {
  border-top: 1px solid var(--gc-hairline);
  justify-content: center;
  gap: 10px;
  padding: 12px 16px;
  display: flex;
}

.gc-ofpk-foot .btn {
  min-height: 42px;
  font-weight: 600;
}

.gc-ofs {
  background: var(--gc-canvas);
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.gc-ofs-head {
  background: var(--gc-surface);
  border-bottom: 1px solid var(--gc-hairline);
  flex: none;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  display: flex;
}

.gc-ofs-head-t {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.75;
  overflow: hidden;
}

.gc-ofs-head-s {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ofs-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.gc-ix-info-panel.gc-ix-of-open {
  overflow-y: clip !important;
}

.gc-ix-of-open .gc-ofs-body {
  overscroll-behavior: contain;
}

.gc-ofs-head {
  min-height: 64px;
  padding: 12px 12px 12px 20px;
}

.gc-ofs-head-t {
  white-space: normal;
  flex-direction: column;
  display: flex;
}

.gc-ofs-head-m {
  color: var(--gc-text);
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-ofs .gc-ofd-grp {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: 12px;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 10px;
  padding: 16px;
  display: flex;
}

.gc-ofs .gc-ofd-grp > * {
  margin: 0;
}

.gc-ofs .gc-ofd-grp > .gc-of-row {
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 10px;
  display: grid;
}

.gc-ofs .gc-of-row > .gc-of-f {
  min-width: 0;
}

.gc-ofs .gc-ofd-grp-h {
  align-items: center;
  gap: 8px;
  min-height: 28px;
  margin: 0;
  display: flex;
}

.gc-ofd-ico {
  width: 28px;
  height: 28px;
  color: var(--gc-primary-ink);
  background: color-mix(in srgb,var(--gc-primary) 12%,transparent);
  border-radius: 9px;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 1.05rem;
  display: inline-flex;
}

.gc-ofd-grp-t {
  color: var(--gc-text);
  margin: 0;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-ofs .gc-ofd-lbl {
  color: var(--gc-text-secondary);
  margin-bottom: 3px;
  font-size: .8125rem;
  font-weight: 600;
}

.gc-ofs .form-control, .gc-ofs .form-select {
  border-radius: 6px;
  min-height: 0;
  padding: 6px 10px;
  font-size: .78rem;
  line-height: 1.75;
}

.gc-ofs .form-select {
  padding-inline-end: 2rem;
}

.gc-ofs textarea.form-control {
  padding-top: 6px;
  padding-bottom: 6px;
}

.gc-ofs .gc-of-f .form-control, .gc-ofs .gc-of-f .form-select {
  font-size: .78rem;
}

.gc-of-ico {
  position: relative;
}

.gc-of-ico > i {
  inset-inline-start: 10px;
  color: var(--gc-text-secondary);
  pointer-events: none;
  font-size: 1.05rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.gc-ofs .gc-of-ico > .form-control {
  padding-inline-start: 30px;
}

.gc-ofs .gc-of-ico > .form-control[readonly], .gc-ofs input[type="date"].form-control {
  font-size: .78rem;
}

.gc-of-ico > .form-control[readonly] {
  background: var(--gc-canvas);
}

.gc-of-paste2 {
  border: 1.5px dashed var(--gc-border);
  background: var(--gc-canvas);
  border-radius: 12px;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  display: flex;
}

.gc-of-bill {
  border: 1px solid #0000;
  border-radius: 10px;
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.gc-of-bill.gc-on {
  border-color: var(--gc-border);
  padding: 10px 12px;
}

.gc-of-bill .gc-of-row {
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 10px;
  margin: 0;
  display: grid;
}

.gc-of-bill > .gc-of-chk, .gc-of-bill .gc-of-warn {
  margin: 0;
}

.gc-of-bill-h {
  border-top: 1px dashed var(--gc-hairline-hover);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding-top: 6px;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
  display: flex;
}

.gc-of-bill-h .btn {
  font-size: .75rem;
}

.gc-of-count {
  color: var(--gc-text-secondary);
  text-align: end;
  font-variant-numeric: tabular-nums;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-of-switch {
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  padding-inline-start: 0;
  display: flex;
}

.gc-of-switch .form-check-input {
  float: none;
  flex: none;
  width: 2.6em;
  height: 1.45em;
  margin: 3px 0 0;
}

.gc-of-switch-t {
  font-size: .9375rem;
  font-weight: 500;
  line-height: 1.75;
  display: block;
}

.gc-of-switch-s {
  color: var(--gc-text-secondary);
  font-size: .8125rem;
  line-height: 1.75;
  display: block;
}

.gc-of-sub {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.gc-of-sub > .gc-of-row {
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 10px;
  margin: 0;
  display: grid;
}

.gc-of-search {
  position: relative;
}

.gc-of-search > i {
  inset-inline-start: 10px;
  color: var(--gc-text-secondary);
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.gc-ofs .gc-of-search > .form-control {
  padding-inline-start: 30px;
}

.gc-of-psug-wrap {
  position: relative;
}

.gc-of-psug {
  inset-inline: 0;
  z-index: 7;
  background: var(--gc-surface);
  border: 1px solid var(--gc-border);
  max-height: 360px;
  box-shadow: var(--gc-shadow-lg);
  border-radius: 12px;
  padding: 4px;
  position: absolute;
  top: calc(100% + 4px);
  overflow-y: auto;
}

.gc-of-psug-i {
  text-align: start;
  width: 100%;
  color: var(--gc-text);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 8px;
  font-family: inherit;
  display: flex;
}

.gc-of-psug-i:hover, .gc-of-psug-i.gc-on {
  background: var(--gc-surface-hover);
}

.gc-of-psug-i.gc-off {
  opacity: .55;
  cursor: not-allowed;
}

.gc-of-psug-img {
  background: var(--gc-canvas);
  width: 44px;
  height: 44px;
  color: var(--gc-text-secondary);
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  display: inline-flex;
  overflow: hidden;
}

.gc-of-psug-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.gc-of-psug-t {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.gc-of-psug-n {
  overflow-wrap: anywhere;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-of-psug-m {
  color: var(--gc-text-secondary);
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-of-psug-msg {
  color: var(--gc-text-secondary);
  padding: 10px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-of-psug-msg.gc-bad {
  color: var(--gc-danger-ink);
}

.gc-of-psug-more {
  border: 0;
  border-top: 1px solid var(--gc-hairline);
  width: 100%;
  color: var(--gc-primary-ink);
  cursor: pointer;
  text-align: start;
  background: none;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  padding: 8px;
  font-family: inherit;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-of-psug-more:hover {
  background: var(--gc-surface-hover);
}

.gc-of-slip {
  border: 1px solid var(--gc-border);
  background: var(--gc-surface);
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 12px 10px;
  display: flex;
  position: relative;
}

.gc-of-slip-img {
  cursor: zoom-in;
  background: none;
  border: 0;
  border-radius: 8px;
  padding: 0;
  display: block;
  overflow: hidden;
}

.gc-of-slip-img:disabled {
  cursor: default;
}

.gc-of-slip-img img {
  object-fit: contain;
  max-width: 100%;
  max-height: 180px;
  display: block;
  box-shadow: 0 1px 4px #0000001f;
}

.gc-of-slip.gc-busy .gc-of-slip-img img {
  opacity: .45;
}

.gc-of-slip-busy {
  color: var(--gc-text);
  justify-content: center;
  align-items: center;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  display: flex;
  position: absolute;
  inset: 0;
}

.gc-of-slip-name {
  max-width: 100%;
  color: var(--gc-text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  line-height: 1.75;
  overflow: hidden;
}

.gc-of-slip-del {
  inset-inline-start: 6px;
  position: absolute;
  bottom: 6px;
}

.gc-of-slip-drop {
  text-align: center;
  border: 1.5px dashed var(--gc-border);
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  cursor: pointer;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  margin: 0;
  padding: 18px 12px;
  display: flex;
}

.gc-of-slip-drop:hover {
  border-color: var(--gc-primary);
  color: var(--gc-primary-ink);
}

.gc-of-slip-drop > i {
  font-size: 1.5rem;
}

.gc-of-slip-drop > b {
  color: var(--gc-text);
  font-size: .875rem;
  line-height: 1.75;
}

.gc-of-slip-drop > span {
  font-size: .75rem;
  line-height: 1.75;
}

.gc-dt {
  position: relative;
}

.gc-dt-btn {
  text-align: start;
  cursor: pointer;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.gc-ofs .gc-of-ico > .gc-dt-btn {
  padding-inline-end: 36px;
}

.gc-dt-ph {
  color: var(--gc-text-secondary);
}

.gc-dt-clear {
  inset-inline-end: 6px;
  width: 28px;
  height: 28px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.gc-dt-clear:hover {
  background: var(--gc-surface-hover);
}

.dropdown-menu.gc-dt-pop {
  top: calc(100% + 4px);
  z-index: 8;
  width: 300px;
  max-width: calc(100vw - 32px);
  box-shadow: var(--gc-shadow-lg);
  border-radius: 12px;
  padding: 12px;
  position: absolute;
  inset-inline-start: 0;
}

.gc-of-row > .gc-dt:nth-child(2) .gc-dt-pop {
  inset-inline: auto 0;
}

.gc-dt-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
}

.gc-dt-title {
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-dt-grid {
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  display: grid;
}

.gc-dt-dow {
  text-align: center;
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 2;
}

.gc-dt-day {
  height: 36px;
  color: var(--gc-text);
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  font-family: inherit;
  font-size: .875rem;
}

.gc-dt-day:hover {
  background: var(--gc-surface-hover);
}

.gc-dt-day.gc-other {
  color: var(--gc-text-secondary);
}

.gc-dt-day.gc-off {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  cursor: not-allowed;
  text-decoration: line-through;
}

.gc-dt-day.gc-today {
  box-shadow: inset 0 0 0 1.5px var(--gc-primary);
}

.gc-dt-day.gc-on {
  background: var(--gc-primary);
  color: #fff;
}

.gc-dt-time {
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  display: flex;
}

.gc-dt-time .form-select {
  font-variant-numeric: tabular-nums;
  width: 76px;
  min-height: 36px;
}

.gc-dt-foot {
  border-top: 1px solid var(--gc-hairline);
  justify-content: flex-end;
  gap: 8px;
  margin-top: 12px;
  padding-top: 10px;
  display: flex;
}

.gc-of-empty {
  text-align: center;
  border: 1px dashed var(--gc-border);
  color: var(--gc-text-secondary);
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 20px 12px;
  font-size: .875rem;
  line-height: 1.75;
  display: flex;
}

.gc-of-empty > i {
  font-size: 1.75rem;
}

.gc-of-lines {
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.gc-of-lnx {
  border-top: 1px solid var(--gc-hairline);
  flex-direction: column;
  gap: 8px;
  padding: 10px 0;
  display: flex;
}

.gc-of-lnx-top {
  align-items: center;
  gap: 12px;
  display: flex;
}

.gc-of-sumtxt {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: var(--gc-text);
  border-radius: 8px;
  max-height: 260px;
  margin: 0;
  padding: 10px 12px;
  font-size: .8125rem;
  line-height: 1.75;
  overflow: auto;
}

.gc-of-lnx-edit {
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px 10px;
  display: flex;
}

.gc-of-lnx-f {
  color: var(--gc-text-secondary);
  flex-direction: column;
  gap: 2px;
  margin: 0;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-of-lnx-disc {
  align-items: center;
  gap: 4px;
  display: flex;
}

.gc-of-lnx-edit .gc-of-money-w {
  width: 88px;
}

.gc-of-lnx-disc .gc-of-money-w {
  width: 72px;
}

.gc-of-lnx-edit .gc-of-money-w .form-control.gc-of-money {
  font-variant-numeric: tabular-nums;
  width: 100%;
  padding-block: 3px;
}

.gc-of-lnx-edit .gc-of-money-pre + .form-control.gc-of-money {
  padding-inline-start: 24px;
}

.gc-of-lnx-disc .btn-group .btn {
  min-width: 30px;
  padding-block: 3px;
}

.gc-of-lnx:first-child {
  border-top: 0;
  padding-top: 0;
}

.gc-of-lnx-img {
  background: var(--gc-canvas);
  width: 44px;
  height: 44px;
  color: var(--gc-text-secondary);
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}

.gc-of-lnx-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.gc-of-lnx-t {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.gc-of-lnx-n {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.75;
  overflow: hidden;
}

.gc-of-lnx-m {
  color: var(--gc-text-secondary);
  font-variant-numeric: tabular-nums;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-of-lnx-p {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-of-sep {
  background: var(--gc-hairline);
  height: 1px;
}

.gc-ofs .gc-of-line {
  align-items: center;
  padding: 0;
  font-size: .875rem;
}

.gc-ofs .gc-of-line-v {
  font-variant-numeric: tabular-nums;
}

.gc-of-money-w {
  flex: none;
  width: 120px;
  position: relative;
}

.gc-of-money-pre {
  inset-inline-start: 10px;
  color: var(--gc-text-secondary);
  pointer-events: none;
  font-size: .78rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.gc-ofs .gc-of-money-w .form-control.gc-of-money {
  font-variant-numeric: tabular-nums;
  width: 100%;
  padding-inline-start: 24px;
}

.gc-of-grand {
  background: var(--gc-primary-bg);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.75;
  display: flex;
}

.gc-of-grand-v {
  color: var(--gc-primary-ink);
  font-variant-numeric: tabular-nums;
  font-size: 1.375rem;
  font-weight: 700;
}

.gc-of-miss {
  color: var(--gc-text-secondary);
  padding: 0 4px 4px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-ofs .gc-ofd-foot {
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  box-shadow: 0 -4px 12px #0000000a;
}

.gc-ofd-foot-r {
  align-items: center;
  gap: 8px;
  display: flex;
}

.gc-ofd-foot-sum {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.gc-ofd-foot-k {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ofd-foot-v {
  font-variant-numeric: tabular-nums;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-ofs .gc-ofd-foot .btn {
  white-space: nowrap;
  border-radius: 12px;
  min-height: 48px;
  font-weight: 600;
}

.gc-pk-wrap {
  z-index: 1060;
  justify-content: flex-end;
  display: flex;
  position: fixed;
  inset: 0;
}

.gc-pk-back {
  background: #0f141c73;
  animation: .24s both gc-pk-fade;
  position: absolute;
  inset: 0;
}

.gc-pk {
  background: var(--gc-canvas);
  width: min(720px, 100vw);
  height: 100dvh;
  padding-bottom: env(safe-area-inset-bottom);
  flex-direction: column;
  animation: .26s cubic-bezier(.2, .8, .2, 1) both gc-pk-in;
  display: flex;
  position: relative;
  box-shadow: -8px 0 32px #0000002e;
}

.gc-pk-wrap.gc-out .gc-pk {
  animation: .24s cubic-bezier(.2, .8, .2, 1) both gc-pk-out;
}

.gc-pk-wrap.gc-out .gc-pk-back {
  animation: .24s reverse both gc-pk-fade;
}

@keyframes gc-pk-in {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes gc-pk-out {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(100%);
  }
}

@keyframes gc-pk-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-pk, .gc-pk-back, .gc-pk-wrap.gc-out .gc-pk, .gc-pk-wrap.gc-out .gc-pk-back {
    animation: none;
  }
}

.gc-pk-head {
  background: var(--gc-surface);
  border-bottom: 1px solid var(--gc-hairline);
  padding: 14px 16px 14px 24px;
  padding-top: calc(14px + env(safe-area-inset-top));
  align-items: center;
  gap: 12px;
  display: flex;
}

.gc-pk-head-t {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.gc-pk-head-t h2 {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-pk-head-t span {
  color: var(--gc-text-secondary);
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-pk-head .gc-icon-btn {
  width: 44px;
  height: 44px;
}

.gc-pk-tools {
  background: var(--gc-surface);
  border-bottom: 1px solid var(--gc-hairline);
  flex-direction: column;
  gap: 12px;
  padding: 16px 24px;
  display: flex;
}

.gc-pk-tools .form-control {
  border-radius: 10px;
  min-height: 44px;
  padding-inline-start: 38px;
  font-size: .9375rem;
}

.gc-pk-tabs {
  scrollbar-width: none;
  gap: 8px;
  display: flex;
  overflow-x: auto;
}

.gc-pk-tab {
  white-space: nowrap;
  border: 1px solid var(--gc-border);
  background: var(--gc-surface);
  height: 36px;
  color: var(--gc-text);
  cursor: pointer;
  border-radius: 9999px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-family: inherit;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.75;
  display: inline-flex;
}

.gc-pk-tab.gc-on {
  background: var(--gc-primary);
  border-color: var(--gc-primary);
  color: #fff;
}

.gc-pk-num {
  background: var(--gc-canvas);
  min-width: 22px;
  color: var(--gc-text-secondary);
  text-align: center;
  font-variant-numeric: tabular-nums;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-pk-tab.gc-on .gc-pk-num {
  color: #fff;
  background: #ffffff38;
}

.gc-pk-body {
  overscroll-behavior: contain;
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-height: 0;
  padding: 16px 24px;
  display: flex;
  overflow-y: auto;
}

.gc-pk-body > * {
  flex: none;
}

.gc-pk-skel {
  pointer-events: none;
}

.gc-pk-sk {
  background: linear-gradient(90deg,var(--gc-canvas) 25%,var(--gc-hairline-hover) 50%,var(--gc-canvas) 75%);
  background-size: 200% 100%;
  border-radius: 6px;
  animation: 1.4s ease-in-out infinite gc-pk-shimmer;
  display: block;
}

.gc-pk-sk.gc-pk-img {
  border-radius: 10px;
}

.gc-pk-sk-chk {
  border-radius: 5px;
  flex: none;
  width: 20px;
  height: 20px;
}

.gc-pk-sk-line {
  height: 12px;
  margin: 6px 0;
}

.gc-pk-sk-sm {
  height: 10px;
  margin-top: 2px;
}

.gc-pk-sk-chip {
  border-radius: 6px;
  width: 76px;
  height: 18px;
  margin-top: 6px;
}

.gc-pk-sk-price {
  flex: none;
  width: 72px;
  height: 14px;
}

@keyframes gc-pk-shimmer {
  from {
    background-position: 100% 0;
  }

  to {
    background-position: -100% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-pk-sk {
    animation: none;
  }
}

.gc-odc-list {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.gc-odc {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: 12px;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  display: flex;
}

.gc-odc-top {
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.gc-odc-img {
  object-fit: cover;
  background: var(--gc-canvas);
  border-radius: 10px;
  flex: none;
  width: 44px;
  height: 44px;
}

.gc-odc-img-empty {
  color: var(--gc-text-secondary);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.gc-odc-main {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.gc-odc-r1 {
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.gc-odc-no {
  min-width: 0;
  color: var(--gc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  flex: 1;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.75;
  overflow: hidden;
}

a.gc-odc-no:hover {
  color: var(--gc-primary-ink);
}

.gc-odc-total {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-odc-r2 {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  display: flex;
}

.gc-odc-when {
  color: var(--gc-text-secondary);
  font-variant-numeric: tabular-nums;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-odc-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8125rem;
  line-height: 1.75;
  overflow: hidden;
}

.gc-odc-meta {
  color: var(--gc-text-secondary);
  flex-wrap: wrap;
  gap: 4px 8px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-odc-foot {
  border-top: 1px solid var(--gc-hairline);
  align-items: center;
  gap: 8px;
  padding-top: 6px;
  display: flex;
}

.gc-odc-ship {
  min-width: 0;
  color: var(--gc-text-secondary);
  flex: 1;
  align-items: center;
  gap: 6px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-odc-ship-t {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.gc-odc-track {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-pk-card {
  background: var(--gc-surface);
  border: 1.5px solid var(--gc-hairline-hover);
  text-align: start;
  width: 100%;
  color: inherit;
  border-radius: 12px;
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  font-family: inherit;
  display: flex;
}

.gc-pk-card.gc-on {
  border-color: var(--gc-primary);
}

.gc-pk-card.gc-off {
  opacity: .62;
}

.gc-pk-chk {
  flex: none;
  width: 20px;
  height: 20px;
  margin: 0;
}

.gc-pk-img {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}

.gc-pk-img-64 {
  width: 64px;
  height: 64px;
  font-size: 1.5rem;
}

.gc-pk-img-40 {
  width: 40px;
  height: 40px;
  font-size: 1.1rem;
}

.gc-pk-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.gc-pk-t {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.gc-pk-n {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.75;
  overflow: hidden;
}

.gc-pk-m {
  max-width: 100%;
  color: var(--gc-text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8125rem;
  line-height: 1.75;
  overflow: hidden;
}

.gc-pk-stk {
  border-radius: 6px;
  margin-top: 4px;
  padding: 0 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-pk-stk.gc-ok {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
}

.gc-pk-stk.gc-bad {
  background: var(--gc-danger-bg);
  color: var(--gc-danger-ink);
}

.gc-pk-stk.gc-unknown {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  border: 1px dashed var(--gc-border);
}

.gc-pk-r {
  flex-direction: column;
  flex: none;
  align-items: flex-end;
  gap: 8px;
  display: flex;
}

.gc-pk-p {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-pk-qty button {
  width: 32px;
  height: 32px;
}

.gc-pk-qty input {
  width: 44px;
  height: 32px;
}

.gc-pk-grp {
  background: var(--gc-surface);
  border: 1.5px solid var(--gc-hairline-hover);
  border-radius: 12px;
  flex-direction: column;
  gap: 0;
  display: flex;
  overflow: hidden;
}

.gc-pk-grp.gc-on {
  border-color: var(--gc-primary);
}

.gc-pk-grp > .gc-pk-card {
  border: 0;
  border-radius: 0;
}

.gc-pk-parent {
  cursor: pointer;
}

.gc-pk-caret {
  color: var(--gc-text-secondary);
  text-align: center;
  flex: none;
  width: 20px;
  font-size: 1.1rem;
}

.gc-pk-kid {
  background: var(--gc-canvas);
  padding-inline-start: 52px;
  border-top: 1px solid var(--gc-hairline) !important;
}

.gc-pk-kid.gc-on {
  box-shadow: inset 3px 0 0 var(--gc-primary);
}

.gc-pk-kidmsg {
  padding: 8px 16px 8px 52px;
}

.gc-pk-foot {
  background: var(--gc-surface);
  border-top: 1px solid var(--gc-hairline);
  align-items: center;
  gap: 10px;
  padding: 14px 24px;
  display: flex;
  box-shadow: 0 -4px 12px #0000000a;
}

.gc-pk-foot-sum {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.gc-pk-foot-k {
  color: var(--gc-text-secondary);
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-pk-foot-v {
  font-variant-numeric: tabular-nums;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-pk-foot .btn {
  white-space: nowrap;
  border-radius: 12px;
  min-height: 48px;
  font-weight: 600;
}

@media (max-width: 575.98px) {
  .gc-pk-head {
    padding-inline-start: 16px;
  }

  .gc-pk-tools, .gc-pk-body, .gc-pk-foot {
    padding-inline: 16px;
  }

  .gc-pk-card {
    gap: 10px;
    padding: 10px 12px;
  }

  .gc-pk-img-64 {
    width: 52px;
    height: 52px;
  }

  .gc-pk-kid {
    padding-inline-start: 40px;
  }

  .gc-pk-foot {
    flex-wrap: wrap;
  }

  .gc-pk-foot-sum {
    flex-basis: 100%;
  }

  .gc-pk-foot .btn {
    flex: 1;
  }
}

.gc-ofpk-chips {
  background: var(--gc-surface);
  border-bottom: 1px solid var(--gc-hairline);
  gap: 6px;
  padding: 10px 12px;
  display: flex;
  overflow-x: auto;
}

.gc-ofpk-chip {
  white-space: nowrap;
  border: 1px solid var(--gc-border);
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  cursor: pointer;
  border-radius: 9999px;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-ofpk-chip.gc-on {
  background: var(--gc-primary);
  border-color: var(--gc-primary);
  color: #fff;
}

.gc-ofpk-chip .gc-ofpk-n {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
}

.gc-ofpk-chip.gc-on .gc-ofpk-n {
  color: #fff;
  background: #ffffff3d;
}

.gc-ofpk-row {
  background: var(--gc-surface);
  border: 0;
  border-top: 1px solid var(--gc-hairline);
  text-align: start;
  width: 100%;
  color: inherit;
  cursor: pointer;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  font-family: inherit;
  display: flex;
}

.gc-ofpk-row:disabled {
  cursor: not-allowed;
  color: var(--gc-text-secondary);
}

.gc-ofpk-row > i {
  flex: none;
  line-height: 1.75;
}

.gc-ofpk-row-t {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.gc-ofpk-row-t .gc-ofpk-row-n {
  overflow-wrap: anywhere;
}

.gc-ofpk-row .gc-of-stk {
  white-space: nowrap;
  flex: none;
}

.gc-ofpk-row.gc-kid {
  background: var(--gc-canvas);
  padding-inline-start: 34px;
}

.gc-ofpk-row-n {
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-ofpk-row-m {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ofpk-row-p {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-ofs-wide {
  border: 1px solid var(--gc-border);
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  cursor: pointer;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 1rem;
  display: inline-flex;
}

.gc-pos-cmd {
  background: var(--gc-surface);
  border-bottom: 1px solid var(--gc-hairline);
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  display: flex;
}

.gc-pos-cmd input {
  border: 2px solid var(--gc-primary);
  background: var(--gc-surface);
  min-width: 0;
  min-height: 44px;
  color: var(--gc-text);
  border-radius: 10px;
  flex: 1;
  padding: 0 12px;
  font-family: inherit;
  font-size: .9375rem;
  line-height: 1.75;
}

.gc-pos-cmd input::placeholder {
  color: var(--gc-text-secondary);
  font-size: .8125rem;
}

.gc-pos-kbd {
  border: 1px solid var(--gc-border);
  color: var(--gc-text-secondary);
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 1px 6px;
  font-size: .6875rem;
  font-weight: 700;
  line-height: 1.75;
  display: inline-flex;
}

.gc-pos-tiles {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 12px;
  display: grid;
}

.gc-pos-tile {
  border: 1px solid var(--gc-border);
  background: var(--gc-surface);
  cursor: pointer;
  text-align: center;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-height: 86px;
  padding: 8px 6px;
  font-family: inherit;
  display: flex;
}

.gc-pos-tile-n {
  color: var(--gc-text);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
}

.gc-pos-tile-p {
  color: var(--gc-primary-ink);
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-pos-tile.gc-on {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-pos-pad {
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  padding: 10px 12px;
  display: grid;
}

.gc-pos-pad button {
  border: 1px solid var(--gc-border);
  background: var(--gc-surface);
  min-height: 48px;
  color: var(--gc-text);
  cursor: pointer;
  border-radius: 10px;
  font-family: inherit;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-pos-pad button.gc-act {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  font-size: .875rem;
}

.gc-pos-grid {
  background: var(--gc-surface);
}

.gc-pos-grid-h, .gc-pos-grid-r {
  border-top: 1px solid var(--gc-hairline);
  grid-template-columns: 1fr 54px 76px 30px;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  display: grid;
}

.gc-pos-grid-h {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  border-top: 0;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-pos-grid-r input {
  border: 1px solid var(--gc-border);
  background: var(--gc-surface);
  width: 100%;
  min-height: 36px;
  color: var(--gc-text);
  border-radius: 8px;
  padding: 0 8px;
  font-family: inherit;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-pos-grid-r input.gc-num {
  text-align: end;
}

.gc-pos-grid-r.gc-new input {
  color: var(--gc-text-secondary);
  border-style: dashed;
}

.gc-pos-chip {
  border: 1px solid var(--gc-border);
  background: var(--gc-surface);
  cursor: pointer;
  color: var(--gc-text);
  border-radius: 9999px;
  align-items: center;
  gap: 6px;
  margin: 0 6px 6px 0;
  padding: 6px 10px;
  font-family: inherit;
  font-size: .75rem;
  line-height: 1.75;
  display: inline-flex;
}

.gc-pos-chip.gc-on {
  border-color: var(--gc-success-ink);
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
  font-weight: 600;
}

.gc-pos-chip.gc-ask {
  border-style: dashed;
  border-color: var(--gc-warning-ink);
  background: var(--gc-warning-bg);
  color: var(--gc-warning-ink);
}

.gc-pos-sticky {
  z-index: 2;
  background: var(--gc-primary);
  color: #fff;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.75;
  display: flex;
  position: sticky;
  top: 0;
}

.gc-pos-fold {
  border-top: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
}

.gc-pos-fold-b {
  width: 100%;
  color: var(--gc-text);
  cursor: pointer;
  text-align: start;
  background: none;
  border: 0;
  align-items: center;
  gap: 8px;
  padding: 11px 12px;
  font-family: inherit;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  display: flex;
}

.gc-pos-fold-s {
  color: var(--gc-text-secondary);
  margin-inline-start: auto;
  font-size: .75rem;
  font-weight: 400;
}

.gc-posx-strip {
  background: var(--gc-surface);
  border-bottom: 1px solid var(--gc-hairline);
  scrollbar-width: thin;
  gap: 8px;
  padding: 10px 12px;
  display: flex;
  overflow-x: auto;
}

.gc-posx-mini {
  border: 1px solid var(--gc-border);
  background: var(--gc-surface);
  cursor: pointer;
  text-align: center;
  border-radius: 10px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 2px;
  width: 96px;
  min-height: 64px;
  padding: 6px;
  font-family: inherit;
  display: flex;
}

.gc-posx-mini-n {
  color: var(--gc-text);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
}

.gc-posx-mini-p {
  color: var(--gc-primary-ink);
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-posx-more {
  border: 1px dashed var(--gc-border);
  width: 54px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  background: none;
  border-radius: 10px;
  flex: none;
  font-family: inherit;
  font-size: .6875rem;
  line-height: 1.6;
}

.gc-posx-res {
  background: var(--gc-surface);
  border-bottom: 1px solid var(--gc-hairline);
}

.gc-posx-res-h {
  color: var(--gc-text-secondary);
  padding: 8px 12px 2px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-posx-hit {
  text-align: start;
  cursor: pointer;
  border: 0;
  border-top: 1px solid var(--gc-hairline);
  background: none;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 12px;
  font-family: inherit;
  display: flex;
}

.gc-posx-hit.gc-on {
  background: var(--gc-primary-bg);
}

.gc-posx-hit-n {
  color: var(--gc-text);
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-posx-hit-m {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ix-slip-links {
  flex-wrap: wrap;
  gap: 4px 12px;
  margin-top: 2px;
  display: flex;
}

.gc-ix-slip-link {
  color: var(--gc-primary-ink);
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 4px;
  padding: 2px 0;
  font-family: inherit;
  font-size: .75rem;
  line-height: 1.75;
  display: inline-flex;
}

.gc-ix-slip-link:hover {
  text-decoration: underline;
}

.gc-ix-slip-link:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
  border-radius: 4px;
}

.tokenfield.gc-of-tags {
  --tf-input-padding-y: .375rem;
  --tf-input-padding-x: .625rem;
  --tf-input-font-size: .78rem;
  --tf-input-line-height: 1.75;
  --tf-border-color: var(--gc-border);
  --tf-border-radius: 6px;
  --tf-tag-bg: var(--gc-canvas);
  --tf-tag-hover-bg: var(--gc-primary-bg);
  --tf-tag-hover-color: var(--gc-primary-ink);
  cursor: text;
  min-height: 35.8px;
}

.gc-of-tags .tokenfield-set-item {
  align-items: center;
  gap: 4px;
  line-height: 1.75;
  display: inline-flex;
}

.gc-of-tags .tokenfield-input {
  min-width: 80px;
  font-family: inherit;
  font-size: .78rem;
  line-height: 1.75;
}

.gc-of-tag-x {
  background: none;
  border: 0;
  padding: 0;
  font-size: .75rem;
  line-height: 1;
}

.gc-of-tag-dot {
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
  margin-inline-end: 6px;
  display: inline-block;
}

.gc-of-tags .tokenfield-suggest-item {
  align-items: center;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-of-tags-stale .tokenfield-suggest-item {
  opacity: .5;
  pointer-events: none;
}

.gc-of-tag-msg {
  color: var(--gc-text-secondary);
  padding: 6px 16px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-of-slipread {
  flex-direction: column;
  gap: 6px;
  margin-top: 6px;
  display: flex;
}

.gc-of-slipread-dl {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  border-radius: 8px;
  grid-template-columns: auto 1fr;
  gap: 2px 12px;
  margin: 0;
  padding: 8px 12px;
  font-size: .8125rem;
  line-height: 1.75;
  display: grid;
}

.gc-of-slipread-dl dt {
  color: var(--gc-text-secondary);
  font-weight: 500;
}

.gc-of-slipread-dl dd {
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
  margin: 0;
}

.gc-odc-link {
  color: var(--gc-primary-ink);
  align-items: center;
  gap: 4px;
  font-size: .75rem;
  line-height: 1.75;
  display: inline-flex;
}

.gc-ofs .gc-ofd-foot {
  position: relative;
}

.gc-of-calcline {
  inset-inline: 0;
  opacity: 0;
  pointer-events: none;
  height: 2px;
  transition: opacity .15s;
  position: absolute;
  top: -1px;
  overflow: hidden;
}

.gc-of-calcline:before {
  content: "";
  background: var(--gc-primary);
  border-radius: 2px;
  width: 35%;
  animation: 1.1s ease-in-out infinite gcCalcSlide;
  position: absolute;
  inset-block: 0;
}

@keyframes gcCalcSlide {
  from {
    inset-inline-start: -35%;
  }

  to {
    inset-inline-start: 100%;
  }
}

.gc-ofd-foot.gc-of-calcing .gc-of-calcline {
  opacity: 1;
  transition-delay: .2s;
}

.gc-of-grand-v, .gc-ofd-foot-v, .gc-ofs .gc-of-line-v {
  transition: opacity .15s;
}

.gc-of-calcing .gc-of-grand-v, .gc-of-calcing .gc-ofd-foot-v, .gc-of-calcing .gc-of-line-v {
  opacity: .45;
  transition-delay: .2s;
}

@media (prefers-reduced-motion: reduce) {
  .gc-of-calcline:before {
    opacity: .6;
    width: 100%;
    animation: none;
    inset-inline-start: 0;
  }
}

.gc-okm-page {
  max-width: 1440px;
  margin: 0 auto;
}

.gc-okm-h1 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-okm-lead {
  color: var(--gc-text-secondary);
  margin: 0 0 16px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-okm-grid {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 24px;
  display: flex;
}

.gc-okm-grid figure {
  width: 440px;
  max-width: 100%;
  margin: 0;
}

.gc-okm-grid figcaption {
  color: var(--gc-text-secondary);
  min-height: 3.5em;
  margin-bottom: 8px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-okm-frame {
  border: 1px solid var(--gc-border);
  background: var(--gc-canvas);
  border-radius: 12px;
  height: 720px;
  overflow: hidden;
}

.gc-okm-no {
  font-variant-numeric: tabular-nums;
  align-items: center;
  gap: 2px;
  font-weight: 700;
  line-height: 1.75;
  display: inline-flex;
}

.gc-okm-no a:first-child {
  color: var(--gc-primary-ink);
  text-decoration: none;
}

.gc-okm-no .gc-icon-btn {
  width: 28px;
  height: 28px;
  font-size: .95rem;
}

.gc-okm-no-big {
  font-size: 1.25rem;
}

.gc-ofs .gc-okm-hero {
  text-align: center;
  align-items: center;
  gap: 6px;
  padding-block: 24px 20px;
}

.gc-okm-check {
  background: var(--gc-success-bg);
  width: 56px;
  height: 56px;
  color: var(--gc-success-ink);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 1.75rem;
  display: inline-flex;
}

.gc-okm-hero-t {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-okm-hero-s {
  color: var(--gc-text-secondary);
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-okm-rcpt {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.gc-okm-rrow {
  font-variant-numeric: tabular-nums;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-okm-rtotal {
  border-top: 1px dashed var(--gc-border);
  margin-top: 2px;
  padding-top: 6px;
  font-size: .9375rem;
  font-weight: 700;
}

.gc-okm-det summary {
  cursor: pointer;
  align-items: center;
  gap: 8px;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.75;
  list-style: none;
  display: flex;
}

.gc-okm-det summary::-webkit-details-marker {
  display: none;
}

.gc-okm-banner {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  padding: 10px 14px;
  font-size: .875rem;
  line-height: 1.75;
  display: flex;
}

.gc-okm-banner > i {
  font-size: 1.5rem;
}

.gc-okm-banner .gc-okm-no a:first-child, .gc-okm-banner .gc-icon-btn {
  color: inherit;
}

.gc-okm-banner-thin {
  padding: 8px 14px;
}

.gc-okm-banner-thin > i {
  font-size: 1.125rem;
}

.gc-okm-chat {
  background: var(--gc-canvas);
  border-radius: 12px;
  justify-content: flex-end;
  padding: 12px;
  display: flex;
}

.gc-ix-bubble.gc-okm-bubble {
  max-width: 85%;
  white-space: pre-wrap !important;
  font-size: .8125rem !important;
}

.gc-okm-link {
  overflow-wrap: anywhere;
  text-decoration: underline;
}

.gc-okm-opt {
  cursor: pointer;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  font-size: .875rem;
  line-height: 1.75;
  display: flex;
}

.gc-okm-opt-s {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  display: block;
}

.gc-okm-card {
  margin-bottom: 8px;
}

.gc-okm-tag {
  border-radius: var(--gc-radius-full);
  background: var(--gc-primary-bg);
  color: var(--gc-primary-ink);
  align-items: center;
  padding: 0 8px;
  display: inline-flex;
}

.gc-okm-steps {
  flex-direction: column;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.gc-okm-steps li {
  gap: 12px;
  display: flex;
}

.gc-okm-step-n {
  background: var(--gc-primary);
  color: #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: .8125rem;
  font-weight: 700;
  display: inline-flex;
}

.gc-okm-step-wait .gc-okm-step-n {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  border: 1px solid var(--gc-border);
}

.gc-okm-step-b {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.gc-okm-step-t {
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-okm-step-s {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-of-ok-banner {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  padding: 10px 14px;
  font-size: .875rem;
  line-height: 1.75;
  display: flex;
}

.gc-of-ok-banner > i {
  flex: none;
  font-size: 1.5rem;
}

.gc-of-ok-main {
  flex: 1;
  min-width: 0;
}

.gc-of-ok-t {
  font-weight: 600;
}

.gc-of-ok-no {
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
  align-items: center;
  gap: 2px;
  font-weight: 700;
  display: flex;
}

.gc-of-ok-no .gc-icon-btn {
  width: 28px;
  height: 28px;
  color: inherit;
  font-size: .95rem;
}

.gc-of-ok-new {
  color: var(--gc-success-ink);
  flex: none;
  align-self: flex-start;
}

.gc-of-ok-chat {
  background: var(--gc-canvas);
  border-radius: 12px;
  justify-content: flex-end;
  padding: 12px;
  display: flex;
}

.gc-ix-bubble.gc-of-ok-bubble {
  overflow-wrap: anywhere;
  max-width: 88%;
  white-space: pre-wrap !important;
  font-size: .8125rem !important;
}

.gc-of-ok-opt {
  cursor: pointer;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  font-size: .875rem;
  line-height: 1.75;
  display: flex;
}

.gc-of-ok-opt-s {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  display: block;
}

.gc-pk-card:not(.gc-off):not(.gc-pk-skel) {
  cursor: pointer;
}

.gc-of-lnx-clamp {
  flex-basis: 100%;
}

.gc-of-skel .gc-ofd-grp-t {
  color: var(--gc-text-secondary);
}

.gc-of-skel-row {
  gap: 10px;
  display: flex;
}

.gc-of-skel-f {
  flex-direction: column;
  flex-grow: 1;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.gc-of-skel-lbl {
  width: 38%;
  height: 11px;
  margin-top: 2px;
}

.gc-of-skel-box {
  border-radius: 6px;
  height: 35.8px;
}

.gc-of-skel-sum {
  width: 84px;
  height: 20px;
  margin-top: 4px;
}

@media (max-width: 767.98px) {
  .gc-ix-info-panel.gc-ix-live.gc-ix-of-open {
    box-shadow: none;
    padding-top: env(safe-area-inset-top);
    width: 100vw !important;
  }
}

.gc-ofs .gc-of-row.gc-of-row-area {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gc-ofs .gc-of-paste2:not(.gc-open), .gc-dt-back {
  display: none;
}

@media (max-width: 767.98px) {
  .gc-ofs .gc-dt .dropdown-menu.gc-dt-pop, .gc-ofs .gc-of-row > .gc-dt:nth-child(2) .dropdown-menu.gc-dt-pop {
    top: auto;
    inset-inline: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom));
    z-index: 1062;
    width: auto;
    max-width: none;
    max-height: calc(100dvh - 24px);
    position: fixed;
    overflow-y: auto;
    box-shadow: 0 -8px 32px #00000047;
  }

  .gc-ofs .gc-dt-back {
    z-index: 1061;
    background: #0006;
    display: block;
    position: fixed;
    inset: 0;
  }

  .gc-pk-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    display: grid;
    overflow: visible;
  }

  .gc-pk-tab {
    border-radius: 10px;
    gap: 6px;
    height: auto;
    min-height: 40px;
    padding: 0 10px;
    line-height: 1.75;
  }

  .gc-pk-tab .gc-pk-num {
    margin-inline-start: auto;
  }

  .gc-ofs .gc-of-psug {
    max-height: min(360px, 45dvh);
  }

  .gc-ofs .gc-rp-sec-link, .gc-ofs .gc-of-cust .btn-link {
    align-items: center;
    min-height: 40px;
    padding-inline: 6px;
    display: inline-flex;
  }
}

.gc-pk-tab > i {
  flex: none;
  font-size: 1rem;
}

.gc-ofd-sumbtn {
  text-align: start;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  margin: 0;
  padding: 0;
  font-family: inherit;
}

.gc-ofd-sumbtn:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-ofd-sumbtn .gc-ofd-foot-k {
  white-space: nowrap;
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.gc-ofd-sumbtn .gc-ofd-foot-k > i {
  color: var(--gc-primary-ink);
  font-size: .875rem;
}

.gc-ofd-sumbtn:hover .gc-ofd-foot-k {
  color: var(--gc-primary-ink);
}

.gc-ofd-sum {
  overscroll-behavior: contain;
  border-bottom: 1px dashed var(--gc-border);
  flex-direction: column;
  gap: 8px;
  max-height: min(50dvh, 420px);
  margin-bottom: 12px;
  padding: 2px 2px 12px;
  animation: .18s ease-out gcSumIn;
  display: flex;
  overflow-y: auto;
}

@keyframes gcSumIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-ofd-sum {
    animation: none;
  }
}

.gc-ofs {
  background: var(--gc-surface);
}

.gc-ofs-head {
  padding: var(--spacer);
  border-bottom: 1px solid var(--border-color);
  min-height: 0;
  box-shadow: none;
}

.gc-ofs-head-m {
  align-items: center;
  gap: 8px;
  font-size: 1rem;
  font-weight: 600;
  display: inline-flex;
}

.gc-ofs-head-m > i {
  color: var(--gc-text-secondary);
  font-size: 1.125rem;
}

.gc-ofs-head .gc-icon-btn {
  width: 36px;
  height: 36px;
}

.gc-ofs-body {
  padding: 0;
}

.gc-ofs .gc-ofd-grp {
  border: 0;
  border-top: 1px solid var(--gc-hairline);
  padding: 16px var(--spacer);
  box-shadow: none;
  border-radius: 0;
  margin: 0;
}

.gc-ofs .gc-ofs-body > .gc-ofd-grp:first-child, .gc-ofs .gc-ofs-body > span + .gc-ofd-grp {
  border-top: 0;
}

.gc-ofs .gc-ofd-ico {
  width: auto;
  height: auto;
  color: var(--gc-text-secondary);
  background: none;
  border-radius: 0;
  font-size: 1rem;
}

.gc-ofs .gc-ofd-grp-t {
  font-size: .875rem;
  font-weight: 600;
}

.gc-ofs .gc-of-miss {
  margin: 0 var(--spacer) 16px;
}

.gc-ofs .form-control, .gc-ofs .form-select {
  border: 1.5px solid var(--gc-hairline);
  border-radius: var(--gc-radius-sm);
  background-color: var(--gc-surface);
  padding: 7px 10px;
  font-size: .78rem;
}

.gc-ofs .form-control:focus, .gc-ofs .form-select:focus {
  border-color: var(--gc-primary);
  box-shadow: none;
}

.gc-ofs .gc-of-ico > .form-control, .gc-ofs .gc-of-search > .form-control {
  padding-inline-start: 30px;
}

.gc-ofs .gc-of-money-w .form-control.gc-of-money {
  padding-inline-start: 24px;
}

.tokenfield.gc-of-tags {
  --tf-border-width: 1.5px;
  --tf-border-color: var(--gc-hairline);
  --tf-border-radius: var(--gc-radius-sm);
}

.gc-ofs .gc-ofd-foot {
  padding: 12px var(--spacer) calc(var(--spacer) + env(safe-area-inset-bottom));
  box-shadow: none;
  border-top: 1px solid var(--border-color);
}

.gc-ofd-foot-r {
  margin-bottom: 12px;
}

.gc-ofd-sumbtn {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  flex-direction: row !important;
}

.gc-ofd-foot-btns {
  gap: 8px;
  display: flex;
}

.gc-ofd-foot-btns .gc-ix-edit-save, .gc-ofd-foot-btns .gc-ix-edit-cancel {
  min-height: 40px;
  line-height: 1.75;
}

.gc-ofd-foot-btns .gc-ix-edit-save:disabled, .gc-ofd-foot-btns .gc-ix-edit-cancel:disabled {
  opacity: .55;
  cursor: not-allowed !important;
}

.gc-ofs .gc-of-ico > .gc-dt-btn {
  white-space: nowrap;
  padding-inline-end: 10px;
}

.gc-ofs .gc-of-ico:has( > .gc-dt-clear) > .gc-dt-btn {
  padding-inline-end: 34px;
}

.gc-ofs .gc-of-miss {
  border-radius: var(--gc-radius-sm);
  background: var(--gc-danger-bg);
  color: var(--gc-danger-ink);
  border: 1px solid color-mix(in srgb,var(--gc-danger-ink) 25%,transparent);
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  font-weight: 500;
  display: flex;
}

.gc-ofs .gc-of-miss > i {
  flex: none;
  margin-top: 3px;
  font-size: 1rem;
}

[data-theme="dark"] .gc-ofs .gc-of-miss {
  color: #f27273;
}

.gc-ofs .gc-of-miss.gc-of-miss-go {
  text-align: start;
  cursor: pointer;
  align-items: center;
  width: 100%;
  margin: 0 0 10px;
  font-family: inherit;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-of-miss-t {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.gc-of-miss-a {
  text-underline-offset: 3px;
  flex: none;
  font-weight: 600;
  text-decoration: underline;
}

.gc-ofs .gc-of-miss.gc-of-miss-go > i {
  margin-top: 0;
}

.gc-of-payoff {
  color: var(--gc-warning-ink);
  font-weight: 500;
}

.gc-of-leave-t {
  color: var(--gc-danger-ink);
  align-items: flex-start;
  gap: 6px;
  margin-bottom: 10px;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.75;
  display: flex;
}

.gc-of-leave-t > i {
  flex: none;
  margin-top: 3px;
  font-size: 1rem;
}

.gc-ofd-foot-btns .gc-ix-edit-cancel.gc-of-leave-go {
  color: var(--gc-danger-ink) !important;
  border-color: color-mix(in srgb,var(--gc-danger-ink) 45%,transparent) !important;
}

.gc-ofd-foot-btns .gc-ix-edit-cancel.gc-of-leave-go:hover {
  border-color: var(--gc-danger-ink) !important;
}

[data-theme="dark"] .gc-of-leave-t, [data-theme="dark"] .gc-ofd-foot-btns .gc-ix-edit-cancel.gc-of-leave-go {
  color: #f27273 !important;
}

.gc-of-paste-hot {
  position: relative;
}

.gc-of-paste-hot:after {
  content: "";
  top: 8px;
  background: var(--gc-danger);
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 2px var(--gc-surface);
  border-radius: 50%;
  position: absolute;
  inset-inline-end: 0;
}

.gc-of-clip {
  border: 1.5px solid var(--gc-primary);
  border-radius: var(--gc-radius-sm);
  background: var(--gc-primary-bg);
  width: 100%;
  color: var(--gc-text);
  text-align: start;
  cursor: pointer;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  font-family: inherit;
  display: flex;
}

.gc-of-clip:hover {
  background: color-mix(in srgb,var(--gc-primary) 12%,transparent);
}

.gc-of-clip > i {
  color: var(--gc-primary-ink);
  flex: none;
  font-size: 1.25rem;
}

.gc-of-clip-t {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.gc-of-clip-k {
  color: var(--gc-primary-ink);
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-of-clip-v {
  color: var(--gc-text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  line-height: 1.75;
  overflow: hidden;
}

.gc-ofs .gc-of-cust.gc-on {
  background: var(--gc-primary-bg);
  border: 1px solid color-mix(in srgb,var(--gc-primary) 30%,transparent);
  border-radius: var(--gc-radius-sm);
  gap: 10px;
  margin: 0;
  padding: 10px 12px;
}

.gc-of-cust-av {
  color: #fff;
  background: #3b54d4;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: .8125rem;
  font-weight: 700;
  display: inline-flex;
}

.gc-of-cust.gc-on .gc-of-cust-t {
  flex-direction: column;
  min-width: 0;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-of-cust-n {
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.gc-of-cust-n > b {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.gc-of-cust-tag {
  border-radius: var(--gc-radius-full);
  background: var(--gc-surface);
  color: var(--gc-primary-ink);
  flex: none;
  padding: 0 6px;
  font-size: .75rem;
  font-weight: 600;
}

.gc-of-cust.gc-on .gc-of-cust-m {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  overflow: hidden;
}

.gc-of-cust-x {
  white-space: nowrap;
  flex: none;
  font-size: .75rem;
}

.gc-of-paste-acts {
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.gc-of-paste-acts .btn {
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  line-height: 1.75;
  display: inline-flex;
}

.btn.gc-of-paste-clip {
  --btn-color: var(--gc-primary-ink);
  --btn-hover-color: var(--gc-primary-ink);
  padding-inline: 0;
  text-decoration: none;
}

.btn.gc-of-paste-clip:hover {
  text-decoration: underline;
}

.gc-okm-grid figure:has(.gc-ofm-frame) {
  width: 340px;
}

.gc-okm-frame.gc-ofm-frame {
  height: 600px;
}

.gc-ofm-h2 {
  margin: 24px 0 12px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-ofm-more {
  border: 1.5px solid var(--gc-hairline);
  border-radius: var(--gc-radius-sm);
  background: var(--gc-surface);
  width: 100%;
  color: var(--gc-text);
  text-align: start;
  cursor: pointer;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  font-family: inherit;
  display: flex;
}

.gc-ofm-more:hover {
  border-color: var(--gc-text-secondary);
}

.gc-ofm-more-t {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-ofm-more-t > span {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.gc-ofm-more-b {
  margin-top: 10px;
}

.gc-ofm-more-b > .gc-of-f, .gc-ofm-more-b > .gc-of-row {
  margin-bottom: 10px;
}

.gc-ofm-ln-hit {
  min-width: 0;
  color: inherit;
  text-align: start;
  cursor: pointer;
  background: none;
  border: 0;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0;
  font-family: inherit;
  display: flex;
}

.gc-ofm-tag {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
  border-radius: 6px;
  margin-inline-start: 6px;
  padding: 0 6px;
  font-size: .75rem;
  display: inline-block;
}

.gc-ofm-ln-b {
  border-radius: var(--gc-radius-sm);
  background: var(--gc-canvas);
  flex-direction: column;
  gap: 8px;
  padding: 8px 10px;
  display: flex;
}

.gc-of-lnx.gc-ofm-on .gc-of-lnx-n {
  white-space: normal;
}

.gc-of-set {
  border: 1.5px solid var(--gc-hairline);
  border-radius: var(--gc-radius-sm);
  margin: 0;
  padding: 0;
  list-style: none;
}

.gc-of-set > li + li {
  border-top: 1px solid var(--gc-hairline);
}

.gc-of-set-r {
  width: 100%;
  min-height: 40px;
  color: var(--gc-text);
  text-align: start;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  font-family: inherit;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-of-set-r:disabled {
  cursor: default;
  color: var(--gc-text);
}

.gc-of-set-k {
  flex: none;
}

.gc-of-set-v {
  text-align: end;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  font-weight: 500;
  overflow: hidden;
}

.gc-of-set-v.gc-empty {
  color: var(--gc-text-secondary);
  font-weight: 400;
}

.gc-of-set-v.gc-bad {
  color: var(--gc-danger-ink);
}

[data-theme="dark"] .gc-of-set-v.gc-bad {
  color: #f27273;
}

.gc-of-set-r > i {
  color: var(--gc-text-secondary);
}

.gc-of-set-b {
  padding: 0 10px 10px;
}

.gc-of-set-b > .gc-of-f {
  margin: 0;
}

.gc-of-lnx-act {
  align-items: center;
  gap: 12px;
  padding-inline-start: 56px;
  display: flex;
}

.gc-of-lnx-off {
  color: var(--gc-success-ink);
}

.gc-of-set-b .gc-ofd-lbl {
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  width: 1px !important;
  height: 1px !important;
  position: absolute !important;
  overflow: hidden !important;
}

@media (max-width: 767.98px) {
  .gc-of-set-r {
    min-height: 44px;
  }
}

.gc-of-lnx-act .btn-link {
  position: relative;
}

.gc-of-lnx-act .btn-link:after {
  content: "";
  position: absolute;
  inset: -10px -8px;
}

.gc-ofs .gc-ofs-body > .gc-of-ok-banner {
  margin: 12px var(--spacer) 8px;
}

.gc-ofs .gc-ofs-body > .gc-of-warn, .gc-ofs .gc-ofs-body > .gc-of-hint {
  margin-inline: var(--spacer);
}

@media (max-width: 359.98px) {
  .gc-pk-tab > i {
    display: none;
  }
}

.gc-oks-wide {
  width: 100%;
  min-height: 44px;
  line-height: 1.75;
  flex: none !important;
}

.gc-oks-sub {
  justify-content: space-between;
  margin-top: 4px;
  display: flex;
}

.gc-oks-sub .btn-link {
  padding-inline: 4px;
}

.gc-ix-bubble.gc-oks-clamp {
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}

.gc-okm-frame.gc-ofm-frame.gc-oks-tall {
  height: 700px;
}

.gc-of-ok-banner.gc-of-ok-slim {
  padding-block: 6px;
}

.gc-of-ok-col {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.gc-of-ok-rc {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.gc-of-ok-rr {
  font-variant-numeric: tabular-nums;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-of-ok-rr > span:last-child {
  flex: none;
}

.gc-of-ok-rn {
  overflow-wrap: anywhere;
  min-width: 0;
}

.gc-of-ok-mute {
  color: var(--gc-text-secondary);
}

.gc-of-ok-tot {
  border-top: 1px dashed var(--gc-border);
  margin-top: 4px;
  padding-top: 6px;
  font-size: .9375rem;
  font-weight: 700;
}

.gc-of-ok-pill {
  white-space: nowrap;
  border-radius: 9999px;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-of-ok-pill.gc-due {
  background: var(--gc-warning-bg);
  color: var(--gc-warning-ink);
}

.gc-of-ok-pill.gc-paid {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
}

.gc-of-ok-fold {
  width: 100%;
  min-height: 44px;
  color: var(--gc-text);
  text-align: start;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 10px;
  padding: 0;
  font-family: inherit;
  display: flex;
}

.gc-of-ok-fold > i:first-child {
  color: var(--gc-text-secondary);
  font-size: 1.125rem;
}

.gc-of-ok-fold-t {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  font-size: .875rem;
  line-height: 1.75;
  display: flex;
}

.gc-of-ok-fold-t > span {
  color: var(--gc-text-secondary);
  font-size: .75rem;
}

.gc-ars-tiles {
  grid-template-columns: repeat(auto-fill, minmax(max(min(180px, 50% - 8px), 16.6667% - 13.3333px), 1fr));
  gap: 16px;
  display: grid;
}

.gc-ars-tile {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  color: var(--gc-text);
  border-radius: 14px;
  flex-direction: column;
  text-decoration: none;
  transition: transform .25s, box-shadow .25s, border-color .25s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 3px #0f11230f;
}

a.gc-ars-tile:hover {
  border-color: var(--gc-primary);
  color: var(--gc-text);
  animation: 2.4s ease-in-out .25s infinite gc-ars-float;
  transform: translateY(-6px);
  box-shadow: 0 16px 30px #4e6af02e;
}

a.gc-ars-tile:hover .gc-ars-tile-n {
  color: var(--gc-primary-ink);
}

a.gc-ars-tile:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

@keyframes gc-ars-float {
  0%, 100% {
    transform: translateY(-6px);
  }

  50% {
    transform: translateY(-11px);
  }
}

@media (prefers-reduced-motion: reduce) {
  a.gc-ars-tile:hover {
    animation: none;
    transform: none;
  }
}

.gc-ars-tile-art {
  aspect-ratio: 1;
  background: var(--gc-primary-bg);
  position: relative;
}

.gc-ars-tile-art img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity .25s;
  display: block;
}

.gc-ars-tile-dim .gc-ars-tile-art img {
  opacity: .55;
}

a.gc-ars-tile-dim:hover .gc-ars-tile-art img {
  opacity: 1;
}

.gc-ars-tile-badge {
  pointer-events: none;
  background: var(--gc-primary-ink);
  color: #fff;
  border-radius: 999px;
  padding: 4px 12px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.5;
  position: absolute;
  top: 10px;
  left: 10px;
}

.gc-ars-tile-n {
  border-top: 1px solid var(--gc-hairline);
  text-align: center;
  text-wrap: balance;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 10px 12px;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.75;
  display: flex;
}

.gc-ars-tile-off {
  cursor: default;
}

.gc-ars-shop-link {
  color: var(--gc-primary-ink);
  white-space: nowrap;
  background: none;
  border: 0;
  align-self: center;
  align-items: center;
  gap: 6px;
  padding: 0;
  font-size: .8125rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.gc-ars-shop-link:hover {
  color: var(--gc-primary-ink);
  text-decoration: underline;
}

.gc-ars-shop-link i {
  font-size: 15px;
}

.offcanvas.gc-shop-oc {
  --offcanvas-width: 420px;
  max-width: 100%;
}

.gc-shop-sub {
  color: var(--gc-text-secondary);
  margin-top: 2px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-shop-card {
  border: 1px solid var(--gc-hairline);
  border-radius: 12px;
  padding: 14px 16px;
}

.gc-shop-l {
  font-size: .875rem;
  font-weight: 600;
  display: block;
}

.gc-shop-d {
  color: var(--gc-text-secondary);
  margin-top: 4px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-shop-card .form-control.gc-shop-num {
  text-align: right;
  width: 88px;
  height: 40px;
  font-weight: 600;
}

.gc-ars-edit {
  flex-direction: column;
  flex: auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow-y: auto;
}

.gc-ars-edit-head {
  padding: 20px 28px 12px;
}

.gc-ars-edit .gc-rb-body {
  align-items: flex-start;
  overflow: visible;
}

.gc-ars-edit .gc-rb-pane {
  padding-top: 0;
  overflow: visible;
}

.gc-ars-edit .gc-rb-pane-inner .card {
  margin-bottom: 16px;
}

.gc-ars-edit .gc-rb-preview {
  background: none;
  border-left: none;
  max-height: calc(100dvh - 140px);
  position: sticky;
  top: 0;
}

.gc-ars-edit .gc-rb-foot {
  z-index: 5;
  padding-bottom: max(12px,env(safe-area-inset-bottom));
  margin-top: auto;
  position: sticky;
  bottom: 0;
}

@media (max-width: 991.98px) {
  .gc-ars-edit .gc-rb-preview {
    height: auto;
    max-height: none;
    position: static;
  }

  .gc-ars-edit-head {
    padding: 14px 14px 8px;
  }
}

.gc-ars-search {
  max-width: 220px;
}

.gc-ars-time {
  width: 120px;
}

.gc-ars-date {
  max-width: 170px;
}

.gc-ars-menu-act {
  max-width: 200px;
}

.gc-ars-menu-n {
  background: var(--gc-primary-bg);
  width: 28px;
  height: 28px;
  color: var(--gc-primary-ink);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .8125rem;
  font-weight: 700;
  display: flex;
}

.gc-ars-q {
  border-bottom: 1px solid var(--gc-hairline);
  padding: 14px 0;
}

.gc-ars-q:first-child {
  padding-top: 0;
}

.gc-ars-reason {
  color: var(--gc-text-secondary);
  margin: 4px 0 8px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ars-change {
  margin-top: 6px;
}

.gc-ars-change summary {
  cursor: pointer;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-ars-diff {
  padding-left: 12px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-rb-phone-ava.gc-ars-ava {
  background: none;
  overflow: hidden;
}

.gc-rb-phone-ava.gc-ars-ava img {
  object-fit: contain;
  width: 28px;
  height: 28px;
}

.gc-ars-topic-ic {
  background: var(--gc-primary-bg);
  width: 40px;
  height: 40px;
  color: var(--gc-primary);
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gc-ars-topic-ic i {
  font-size: 1.25rem;
}

.gc-ars-edit .card.gc-ars-test {
  border: 1.5px solid var(--gc-warning);
}

.gc-ars-emoji {
  width: 320px;
  max-height: 360px;
  overflow: auto;
}

.gc-ars-layout {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 24px;
  padding: 0 28px 40px;
  display: flex;
}

.gc-ars-col {
  flex: 520px;
  min-width: 0;
}

.gc-ars-step {
  grid-template-columns: 28px minmax(0, 1fr);
  column-gap: 14px;
  display: grid;
}

.gc-ars-step-rail {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.gc-ars-step-n {
  background: var(--gc-primary-bg);
  width: 28px;
  height: 28px;
  color: var(--gc-primary-ink);
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: .8125rem;
  font-weight: 700;
  display: flex;
}

.gc-ars-step-line {
  background: var(--gc-hairline-hover);
  flex: 1;
  width: 2px;
  margin: 6px 0;
}

.gc-ars-sec {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: 14px;
  min-width: 0;
  margin-bottom: 14px;
  padding: 18px 20px;
}

.gc-ars-sec-t {
  margin: 0 0 14px;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-ars-lbl {
  margin-bottom: 6px;
  font-size: .8125rem;
  font-weight: 600;
  display: block;
}

.gc-ars-accs {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.gc-ars-acc {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  height: 30px;
  color: var(--gc-text);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 0 6px 0 10px;
  font-size: .8125rem;
  display: inline-flex;
}

.gc-ars-acc img {
  object-fit: contain;
  flex: none;
  width: 16px;
  height: 16px;
}

.gc-ars-acc-n {
  text-overflow: ellipsis;
  overflow: hidden;
}

.gc-ars-acc button {
  width: 20px;
  height: 20px;
  color: var(--gc-text-secondary);
  background: none;
  border: 0;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gc-ars-acc button:hover {
  background: var(--gc-hairline);
  color: var(--gc-text);
}

.gc-ars-acc button i {
  font-size: 11px;
}

.gc-ars-acc-add {
  border: 1.5px dashed var(--gc-hairline-hover);
  height: 30px;
  color: var(--gc-primary-ink);
  white-space: nowrap;
  background: none;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

.gc-ars-acc-add i {
  font-size: 13px;
}

.gc-ars-inline {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.gc-ars-inline .form-select {
  width: auto;
  max-width: 100%;
  font-weight: 600;
}

.gc-ars-inline .form-control.gc-ars-days {
  text-align: right;
  width: 84px;
  font-weight: 600;
}

.gc-ars-kinds {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
  display: grid;
}

.gc-ars-kindc {
  border: 1.5px solid var(--gc-hairline-hover);
  border-radius: 12px;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 12px 14px;
  display: flex;
  position: relative;
}

.gc-ars-kindc .form-check-input {
  flex: none;
  margin: 4px 0 0;
}

.gc-ars-kindc.gc-on {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-ars-kindc.gc-off {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  cursor: not-allowed;
}

.gc-ars-kind-soon {
  position: absolute;
  top: 8px;
  right: 8px;
}

.gc-ars-more summary {
  cursor: pointer;
  color: var(--gc-primary-ink);
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-ars-edit .card.gc-ars-test {
  margin-left: 42px;
}

.gc-arl-bar {
  flex-wrap: wrap;
  align-items: stretch;
  gap: 10px;
  margin-bottom: 12px;
  display: flex;
}

.gc-arl-bar > .btn {
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  display: inline-flex;
}

.gc-arl-warn {
  border: 1px solid var(--gc-hairline);
  background: var(--gc-warning-bg);
  min-width: 260px;
  min-height: 40px;
  color: var(--gc-warning-ink);
  text-align: left;
  border-radius: 12px;
  flex: 1;
  align-items: center;
  gap: 9px;
  padding: 8px 14px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-arl-warn b {
  font-weight: 600;
}

.gc-arl-miss {
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  border-radius: 12px;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
  padding: 12px 14px;
  display: flex;
}

.gc-arl {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: 14px;
  overflow: hidden;
}

.gc-arl-head, .gc-arl-row {
  border-bottom: 1px solid var(--gc-hairline);
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.6fr) 170px 150px 40px;
  align-items: center;
  gap: 14px;
  padding: 10px 18px;
  display: grid;
}

.gc-arl-head {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  font-weight: 600;
}

.gc-arl-row {
  padding: 14px 18px;
}

.gc-arl-row:last-child {
  border-bottom: 0;
}

.gc-arl-row:hover {
  background: var(--gc-canvas);
}

.gc-arl-n {
  color: var(--gc-text);
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
}

.gc-arl-n:hover {
  color: var(--gc-primary-ink);
}

.gc-arl-pv {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 2px;
  font-size: .75rem;
  overflow: hidden;
}

.gc-arl-chs {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.gc-arl-ch {
  background: var(--gc-canvas);
  height: 24px;
  color: var(--gc-text-secondary);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 0 9px;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
}

.gc-arl-ch img {
  object-fit: contain;
  width: 14px;
  height: 14px;
}

.gc-arl-confirm {
  min-width: 180px;
}

:is(.gc-ar-main, .gc-ars-edit, .gc-shop-oc) .gc-rb-sec-help, :is(.gc-ar-main, .gc-ars-edit, .gc-shop-oc) .gc-rb-help {
  font-size: .75rem;
  line-height: 1.75;
}

:is(.gc-ar-main, .gc-ars-edit, .gc-shop-oc) .gc-rb-var {
  font-size: .75rem;
}

:is(.gc-ar-main, .gc-ars-edit, .gc-shop-oc) .gc-rb-kw {
  color: var(--gc-primary-ink);
  font-size: .75rem;
}

:is(.gc-ar-main, .gc-ars-edit, .gc-shop-oc) .gc-rb-ch-note {
  line-height: 1.75;
}

:is(.gc-ar-main, .gc-ars-edit) .gc-rb-pv-t {
  letter-spacing: 0;
  font-size: .75rem;
}

.gc-ar-main .gc-ar-table-head {
  letter-spacing: 0;
  color: var(--gc-text-secondary);
  font-size: .75rem;
}

:is(.gc-ar-main, .gc-ars-edit) .gc-ar-link {
  font-size: .8125rem;
}

.gc-ars-edit .gc-rb-pv-note {
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ars-edit :is(.gc-rb-pv-cust, .gc-rb-pv-bot), :is(.gc-ar-main, .gc-ars-edit, .gc-shop-oc) .gc-wrap:not(h1, h2, h3, h4, h5, h6), :is(.gc-ar-main, .gc-ars-edit, .gc-shop-oc) .alert {
  line-height: 1.75;
}

:is(.gc-ar-main, .gc-ars-edit) .breadcrumb-item.active {
  color: var(--gc-text-secondary);
}

.gc-ars-edit .gc-ar-header-actions .btn-success {
  background: var(--gc-success-ink);
  border-color: var(--gc-success-ink);
}

:is(.gc-ar-main, .gc-ars-edit, .gc-shop-oc) :is(.gc-rb-kw, .gc-ars-acc) button {
  position: relative;
}

:is(.gc-ar-main, .gc-ars-edit, .gc-shop-oc) :is(.gc-rb-kw, .gc-ars-acc) button:after {
  content: "";
  position: absolute;
  inset: -8px;
}

.gc-ars-shop-link {
  min-height: 36px;
}

.gc-arl-freq {
  color: var(--gc-text-secondary);
  font-size: .8125rem;
  line-height: 1.75;
}

@media (max-width: 767.98px) {
  .gc-arl-head {
    display: none;
  }

  .gc-arl-row {
    grid-template-columns: minmax(0, 1fr) auto 40px;
  }

  .gc-arl-row > .gc-arl-chs, .gc-arl-row > .gc-arl-freq, .gc-arl-row > :first-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 991.98px) {
  .gc-ars-edit .card.gc-ars-test {
    margin-left: 0;
  }
}

.gc-ars-savebar {
  z-index: 5;
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: 14px;
  align-items: center;
  gap: 10px;
  margin: 16px 0 0 42px;
  padding: 10px 12px 10px 16px;
  display: flex;
  position: sticky;
  bottom: 16px;
  box-shadow: 0 10px 30px #0f112324;
}

.gc-ars-savebar-t {
  min-width: 0;
  color: var(--gc-text-secondary);
  flex: 1;
  font-size: .8125rem;
}

.gc-ars-aside {
  flex-direction: column;
  flex: 340px;
  align-self: flex-start;
  align-items: center;
  gap: 12px;
  min-width: 300px;
  max-width: 400px;
  display: flex;
  position: sticky;
  top: 16px;
}

.gc-ars-phone {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: 28px;
  flex-direction: column;
  width: 100%;
  max-width: 360px;
  height: min(620px, 100dvh - 200px);
  min-height: 420px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 10px 30px #0f11231f, 0 2px 6px #0f11230f;
}

.gc-ars-phone-h {
  border-bottom: 1px solid var(--gc-hairline);
  align-items: center;
  gap: 10px;
  padding: 14px 14px 12px;
  display: flex;
}

.gc-ars-phone-h > .ph-arrow-left {
  color: var(--gc-text-secondary);
  font-size: 18px;
}

.gc-ars-phone-ava {
  background: var(--gc-canvas);
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: flex;
  overflow: hidden;
}

.gc-ars-phone-ava img {
  object-fit: cover;
  width: 34px;
  height: 34px;
}

.gc-ars-phone-n {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .875rem;
  font-weight: 600;
  overflow: hidden;
}

.gc-ars-phone-s {
  color: var(--gc-text-secondary);
  font-size: .75rem;
}

.gc-ars-phone-b {
  background: var(--gc-canvas);
  flex-direction: column;
  flex: 1;
  gap: 8px;
  padding: 14px;
  display: flex;
  overflow: auto;
}

.gc-ars-b-row {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.gc-ars-b-row.gc-in {
  align-items: flex-end;
}

.gc-ars-b {
  white-space: pre-line;
  word-break: break-word;
  background: var(--gc-surface);
  max-width: 88%;
  color: var(--gc-text);
  border: 1px solid var(--gc-hairline);
  border-radius: 18px 18px 18px 4px;
  padding: 9px 13px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-ars-b-row.gc-in .gc-ars-b {
  background: var(--gc-primary);
  color: #fff;
  border-color: var(--gc-primary);
  border-radius: 18px 18px 4px;
}

.gc-ars-b-img {
  border-radius: 14px;
  max-width: 70%;
  margin-bottom: 4px;
  overflow: hidden;
}

.gc-ars-b-img img {
  width: 100%;
  display: block;
}

.gc-ars-b-note {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  color: var(--gc-text-secondary);
  border-radius: 12px;
  align-items: flex-start;
  gap: 6px;
  max-width: 88%;
  margin-top: 4px;
  padding: 6px 11px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-ars-b-note i {
  flex: none;
  margin-top: 3px;
  font-size: 13px;
}

.gc-ars-phone-nums {
  border-top: 1px solid var(--gc-hairline);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 8px 12px 0;
  display: flex;
}

.gc-ars-phone-nums > span {
  color: var(--gc-text-secondary);
  font-size: .75rem;
}

.gc-ars-num {
  border: 1.5px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  width: 30px;
  height: 30px;
  color: var(--gc-text);
  border-radius: 999px;
  font-size: .8125rem;
  font-weight: 700;
}

.gc-ars-phone-in {
  border-top: 1px solid var(--gc-hairline);
  gap: 7px;
  padding: 10px 12px;
  display: flex;
}

.gc-ars-phone-in input {
  min-width: 0;
  height: 38px;
  color: var(--gc-text);
  background: var(--gc-canvas);
  border: 0;
  border-radius: 19px;
  outline: none;
  flex: 1;
  padding: 0 14px;
  font-size: .8125rem;
}

.gc-ars-phone-in input:focus-visible {
  box-shadow: 0 0 0 2px var(--gc-primary);
}

.gc-ars-phone-in button {
  width: 38px;
  height: 38px;
  color: var(--gc-primary-ink);
  background: none;
  border: 0;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gc-ars-phone-in button i {
  font-size: 18px;
}

.gc-ars-pills {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
}

.gc-ars-pills.gc-ars-switches {
  gap: 14px;
}

.gc-ars-pills > span {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  font-weight: 600;
}

.gc-ars-pill {
  border: 1.5px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  height: 30px;
  color: var(--gc-text-secondary);
  white-space: nowrap;
  border-radius: 999px;
  padding: 0 12px;
  font-size: .75rem;
  font-weight: 600;
}

.gc-ars-pill.gc-on {
  border-color: var(--gc-text);
  background: var(--gc-text);
  color: var(--gc-surface);
}

.gc-ars-aside-note {
  max-width: 360px;
  color: var(--gc-text-secondary);
  text-align: center;
  font-size: .75rem;
  line-height: 1.75;
}

@media (max-width: 991.98px) {
  .gc-ars-layout {
    padding: 0 14px 24px;
  }

  .gc-ars-aside {
    max-width: none;
    position: static;
  }

  .gc-ars-savebar {
    margin-left: 0;
  }
}

.datepicker-dropdown.gc-dp {
  top: calc(100% + 4px);
  left: 0;
  right: 0;
}

.gc-dp .datepicker-picker {
  display: block;
}

.gc-dp .datepicker-grid {
  width: 100%;
}

.gc-dp-input {
  cursor: pointer;
}

.gc-lvs {
  --gc-lvv-w: min(360px,calc((100dvh - 72px - 64px - 24px) * 9 / 16));
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  line-height: 1.75;
  display: flex;
}

.gc-lvs[data-vid="narrow"] {
  --gc-lvv-w: 220px;
}

.gc-lvs-grid {
  flex-direction: column;
  gap: .75rem;
  padding: .75rem;
  display: flex;
}

.gc-lvx-alerts:empty {
  display: none;
}

@media (min-width: 992px) {
  .gc-lvs-grid {
    flex: 1;
    grid-template: "sa ti"
                   "le fe" minmax(0, 1fr)
                   / 320px minmax(0, 1fr);
    min-height: 0;
    display: grid;
  }

  .gc-lvs-grid:has( > .gc-lvx-alerts:not(:empty)) {
    grid-template-rows: auto auto minmax(0, 1fr);
    grid-template-areas: "al al"
                         "sa ti"
                         "le fe";
  }

  .gc-lvs-grid:has( > .gc-lvv) {
    grid-template-columns: 320px minmax(0,1fr) var(--gc-lvv-w);
    grid-template-areas: "sa ti vi"
                         "le fe vi";
  }

  .gc-lvs-grid:has( > .gc-lvv):has( > .gc-lvx-alerts:not(:empty)) {
    grid-template-areas: "al al al"
                         "sa ti vi"
                         "le fe vi";
  }

  .gc-lvx-alerts {
    grid-area: al;
  }

  .gc-lvs-sa {
    grid-area: sa;
  }

  .gc-lvs-ti {
    grid-area: ti;
    min-width: 0;
  }

  .gc-lvs-le {
    grid-area: le;
    min-height: 0;
  }

  .gc-lvs-fe {
    grid-area: fe;
    min-height: 0;
  }

  .gc-lvv {
    grid-area: vi;
  }
}

@media (max-width: 1439.98px) {
  .gc-lvs[data-vid="auto"] {
    --gc-lvv-w: 220px;
  }
}

.gc-lvx-alerts {
  gap: .75rem;
  display: flex;
}

.gc-lvx-alert {
  border-radius: var(--gc-radius-md);
  background: linear-gradient(var(--gc-lvx-tint),var(--gc-lvx-tint)),var(--gc-surface);
  min-width: 0;
  min-height: 44px;
  color: var(--gc-text);
  box-shadow: inset 3px 0 0 var(--gc-lvx-ink);
  flex: auto;
  align-items: center;
  gap: .625rem;
  padding: .375rem .5rem .375rem .875rem;
  line-height: 1.75;
  display: flex;
}

.gc-lvx-alert > i {
  color: var(--gc-lvx-ink);
  font-size: 1.25rem;
}

.gc-lvx-alert .fw-semibold {
  color: var(--gc-lvx-ink);
}

.gc-lvx-alert.is-danger {
  --gc-lvx-ink: var(--gc-danger-on-tint);
  --gc-lvx-tint: var(--gc-danger-bg);
}

.gc-lvx-alert.is-warn {
  --gc-lvx-ink: var(--gc-warning-on-tint);
  --gc-lvx-tint: var(--gc-warning-bg);
}

.gc-lvx-alert.is-info {
  --gc-lvx-ink: var(--gc-text-secondary);
  --gc-lvx-tint: transparent;
}

.gc-lvx-alert .gc-ac-b {
  white-space: nowrap;
  flex-shrink: 0;
  min-height: 32px;
  text-decoration: none;
}

.gc-lvq-num {
  font-variant-numeric: tabular-nums;
}

.gc-lvs :is(.gc-lvx-sales, .gc-lvq) .card-header {
  --card-cap-padding-y: .375rem;
  --card-cap-padding-x: .875rem;
  min-height: 40px;
}

.gc-lvs .gc-lvx-sales .card-header h6 {
  min-width: 0;
}

.gc-lvs .gc-lvx-sales .card-body {
  --card-spacer-y: .625rem;
  --card-spacer-x: .875rem;
}

.gc-lvs .gc-lvx-baht {
  color: var(--gc-text);
  white-space: nowrap;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.1;
}

.gc-lvs .gc-lvx-ladder {
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin: .625rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.gc-lvs .gc-lvx-ladder > li {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.gc-lvs .gc-lvx-ml {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  white-space: nowrap;
  align-self: flex-start;
  padding: 0 8px;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-lvs .gc-lvx-ml > i {
  margin-inline-end: 2px;
}

.gc-lvs .gc-lvx-seg {
  border-radius: var(--gc-radius-full);
  height: 8px;
  display: block;
  overflow: hidden;
}

.gc-lvs .gc-lvx-seg > i {
  border-radius: inherit;
  height: 100%;
  display: block;
}

.gc-lvs .gc-lvx-cross {
  border-radius: var(--gc-radius-full);
  white-space: nowrap;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  display: inline-flex;
}

.gc-lvs .gc-lvx-info {
  border-radius: var(--gc-radius-full);
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  display: inline-flex;
}

.gc-lvs .gc-lvx-mom {
  border-radius: var(--gc-radius-md);
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: .375rem;
  padding: 0 .5rem;
  font-size: .75rem;
  line-height: 1.75;
  display: inline-flex;
}

.gc-lvs .gc-lvx-mom > i {
  font-size: 1.125rem;
}

.gc-lvs .gc-lvx-mom b {
  font-size: .875rem;
  font-weight: 700;
}

.gc-lvs .gc-lvx-next {
  white-space: nowrap;
  font-size: .9375rem;
  line-height: 1.75;
}

.gc-lvs .gc-lvx-next b {
  font-weight: 700;
}

.gc-lvs .gc-lvx-stats {
  flex-wrap: wrap;
  gap: .875rem;
  margin-top: .25rem;
  padding-top: .375rem;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-lvs .gc-lvx-stats b {
  font-weight: 600;
}

[data-theme] .gc-golive.gc-lvs .card.gc-lvs2 {
  --card-box-shadow: inset 0 4px 0 var(--gc-primary),var(--gc-shadow-xs);
}

.gc-lvs .gc-lvs2 .gc-lvx-info {
  color: var(--gc-text-secondary);
}

.gc-lvs .gc-lvs2 .gc-lvx-ladder > .is-done .gc-lvx-ml {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
}

.gc-lvs .gc-lvs2 .gc-lvx-ladder > .is-next .gc-lvx-ml {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-on-tint-2);
  box-shadow: inset 0 0 0 1px var(--gc-primary);
  font-weight: 700;
}

.gc-lvs .gc-lvs2 .gc-lvx-seg {
  background: var(--gc-hairline-hover);
}

.gc-lvs .gc-lvs2 .gc-lvx-seg > i {
  background: var(--gc-primary-on-tint);
}

.gc-lvs .gc-lvs2 .gc-lvx-ladder > .is-done .gc-lvx-seg > i {
  background: var(--gc-success-ink);
}

.gc-lvs .gc-lvs2 :is(.gc-lvx-next, .gc-lvx-stats) {
  color: var(--gc-text-secondary);
}

.gc-lvs .gc-lvs2 :is(.gc-lvx-next, .gc-lvx-stats) b {
  color: var(--gc-text);
}

.gc-lvs .gc-lvs2 .gc-lvx-stats {
  border-top: 1px solid var(--gc-hairline);
}

.gc-lvs .gc-lvs2 .gc-lvx-mom {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
}

.gc-lvs .gc-lvs2 .gc-lvx-mom.is-flat {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
}

.gc-lvs .gc-lvs2 .gc-lvx-cross {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
}

[data-theme] .gc-golive.gc-lvs .card.gc-lvs2.is-crossed {
  --card-bg: var(--gc-success-bg);
  --card-border-color: transparent;
  --card-box-shadow: inset 0 4px 0 var(--gc-success-ink),var(--gc-shadow-xs);
}

.gc-lvs .gc-lvs2.is-crossed :is(.gc-lvx-cross, .gc-lvx-mom, .gc-lvx-ml), .gc-lvs .gc-lvs2.is-crossed .gc-lvx-ladder > li > .gc-lvx-ml {
  background: var(--gc-surface);
}

.gc-lvs .gc-lvs2.is-crossed :is(.gc-lvx-next, .gc-lvx-stats) {
  color: var(--gc-text);
}

.gc-lvs .gc-lvs2 .gc-lvx-ladder > .is-crossed .gc-lvx-ml {
  color: var(--gc-success-ink);
}

@media (max-width: 991.98px) {
  .gc-lvs .gc-lvx-sales .gc-lvx-baht {
    font-size: 1.75rem;
  }
}

@media (min-width: 1440px) {
  .gc-lvs .gc-lvs2 .card-body {
    flex-direction: column;
    justify-content: space-evenly;
    display: flex;
  }
}

.gc-lvs {
  --gc-lvq-band-open: var(--gc-rail-ink);
  --gc-lvq-band-off: var(--gc-text-secondary);
  --gc-lvq-on-solid: #fff;
}

[data-theme="dark"] .gc-lvs {
  --gc-lvq-band-open: #262a40;
  --gc-lvq-band-off: #646b79;
}

.gc-lvc-ph {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.gc-lvc-ph > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.gc-lvc-ph.is-prod {
  --icon-font-size: 1.375rem;
  border-radius: var(--gc-radius-md);
  background: var(--gc-primary-bg);
  color: var(--gc-primary-on-tint-2);
  box-shadow: inset 0 0 0 1px var(--gc-hairline);
}

.gc-lvc-ph.is-prod > img {
  border-radius: inherit;
}

.gc-lvs .gc-lvq {
  --gc-lvq-w: 12rem;
  --gc-lvq-fill: var(--gc-primary-on-tint);
  --gc-lvq-empty: var(--gc-hairline-hover);
}

.gc-lvs .gc-lvq .is-near {
  --gc-lvq-fill: var(--gc-warning-ink);
}

.gc-lvs .gc-lvq .is-full {
  --gc-lvq-fill: var(--gc-danger-on-tint);
}

.gc-lvq-count {
  border-radius: var(--gc-radius-full);
  background: var(--gc-primary-bg);
  color: var(--gc-primary-on-tint-2);
  white-space: nowrap;
  padding: 0 8px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-lvq-wrap {
  position: relative;
}

.gc-lvq-rail {
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  display: flex;
  overflow-x: auto;
}

.gc-lvs .gc-lvq-tile {
  flex: 0 0 var(--gc-lvq-w);
  scroll-snap-align: start;
  min-width: 0;
  transition: background var(--gc-duration-state) var(--gc-ease);
  flex-direction: column;
  padding: .625rem .625rem .5rem;
  display: flex;
  position: relative;
}

.gc-lvs .gc-lvq-tile:hover {
  background: var(--gc-surface-hover);
}

.gc-lvs .gc-lvq-tile.is-on {
  box-shadow: inset 0 0 0 2px var(--gc-primary);
}

.gc-lvs .gc-lvq-hit {
  width: 100%;
  color: inherit;
  text-align: start;
  border-radius: var(--gc-radius-md);
  background: none;
  border: 0;
  flex-direction: column;
  gap: .25rem;
  padding: 0;
  line-height: 1.75;
  display: flex;
}

.gc-lvs .gc-lvq-hit:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-lvq-photo {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.gc-lvq-photo > .gc-lvq-pic {
  --icon-font-size: 2.5rem;
  aspect-ratio: 1;
  border-radius: var(--gc-radius-md) var(--gc-radius-md) 0 0;
  width: 100%;
  box-shadow: none;
}

.gc-lvq-code {
  top: .375rem;
  border-radius: var(--gc-radius-sm);
  background: color-mix(in srgb,var(--gc-rail-ink) 90%,transparent);
  color: var(--gc-lvq-on-solid);
  padding: 0 .5rem;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.75;
  position: absolute;
  inset-inline-start: .375rem;
}

.gc-lvq-band {
  border-radius: 0 0 var(--gc-radius-md) var(--gc-radius-md);
  min-height: 2.625rem;
  color: var(--gc-lvq-on-solid);
  white-space: nowrap;
  background: var(--gc-lvq-band-open);
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  column-gap: .25rem;
  padding: .25rem .5rem;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-lvq-band b {
  font-size: 1rem;
  font-weight: 700;
}

.gc-lvq-band .gc-lvq-big {
  font-size: 1.75rem;
  line-height: 1.2;
}

.gc-lvq-band.is-full {
  background: var(--gc-avatar-red);
  column-gap: .5rem;
}

.gc-lvq-band.is-full > b:first-child {
  font-size: 1.25rem;
  line-height: 1.5;
}

.gc-lvq-band.is-near {
  background: var(--gc-avatar-orange);
}

.gc-lvq-band.is-off {
  background: var(--gc-lvq-band-off);
}

.gc-lvs .gc-lvq-name {
  color: var(--gc-text-secondary-on-tint);
  margin-top: .125rem;
  font-size: .75rem;
  line-height: 1.75;
  display: block;
}

.gc-lvq-seats {
  gap: 3px;
  width: 100%;
  height: 4px;
  margin-top: .125rem;
  display: flex;
}

.gc-lvq-seats > i {
  border-radius: var(--gc-radius-full);
  background: var(--gc-lvq-empty);
  flex: 1 1 0;
  min-width: 2px;
}

.gc-lvq-seats > i.on {
  background: var(--gc-lvq-fill);
}

.gc-lvq-seats.gc-lvq-bar {
  background: var(--gc-lvq-empty);
  border-radius: var(--gc-radius-full);
}

.gc-lvq-seats.gc-lvq-bar > i.on {
  flex-grow: 0;
}

.gc-lvq-foot {
  justify-content: space-between;
  align-items: center;
  gap: .25rem;
  min-height: 28px;
  margin-top: .25rem;
  display: flex;
}

.gc-lvq-qv {
  white-space: nowrap;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-lvq-qv .gc-lvq-num {
  font-size: .875rem;
  font-weight: 700;
}

.gc-lvq-sub {
  color: var(--gc-text-secondary-on-tint);
}

.gc-lvq-wrap.can-r .gc-lvq-rail {
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 56px), #0000);
  mask-image: linear-gradient(to right, #000 calc(100% - 56px), #0000);
}

.gc-lvq-wrap.can-l.can-r .gc-lvq-rail {
  -webkit-mask-image: linear-gradient(to right, #0000, #000 56px calc(100% - 56px), #0000);
  mask-image: linear-gradient(to right, #0000, #000 56px calc(100% - 56px), #0000);
}

.gc-lvq-wrap.can-l:not(.can-r) .gc-lvq-rail {
  -webkit-mask-image: linear-gradient(to right, #0000, #000 56px);
  mask-image: linear-gradient(to right, #0000, #000 56px);
}

.gc-lvq-nav {
  top: calc(var(--gc-lvq-w) * .33);
  z-index: 2;
  border-radius: var(--gc-radius-full);
  border: 1px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  width: 36px;
  height: 36px;
  color: var(--gc-text);
  box-shadow: var(--gc-shadow-md);
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 1.125rem;
  display: none;
  position: absolute;
}

.gc-lvq-nav:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-lvq-nav.is-prev {
  inset-inline-start: .375rem;
}

.gc-lvq-nav.is-next {
  inset-inline-end: .375rem;
}

@media (min-width: 992px) {
  .gc-lvq-wrap.can-l .gc-lvq-nav.is-prev, .gc-lvq-wrap.can-r .gc-lvq-nav.is-next {
    display: inline-flex;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gc-lvq-rail {
    scroll-behavior: auto;
  }
}

@media (max-width: 1439.98px) {
  .gc-lvs .gc-lvq {
    --gc-lvq-w: 9.5rem;
  }

  .gc-lvq-photo > .gc-lvq-pic {
    border-radius: var(--gc-radius-md);
  }

  .gc-lvq-band {
    inset-inline: 0;
    position: absolute;
    bottom: 0;
  }

  .gc-lvq-band .gc-lvq-big {
    font-size: 1.5rem;
  }

  .gc-lvq-band.is-full > b:first-child {
    font-size: 1.125rem;
  }
}

[data-theme] .gc-golive.gc-lvs .gc-lvq-manage {
  --btn-padding-y: 0;
  --btn-padding-x: .625rem;
  --btn-font-size: .75rem;
  --btn-font-weight: 600;
  --btn-border-radius: var(--gc-radius-full);
  --btn-line-height: 1.75;
  white-space: nowrap;
  align-items: center;
  height: 28px;
  display: inline-flex;
}

.gc-lvs .gc-lvq-menu {
  --dropdown-min-width: 15.5rem;
  --dropdown-padding-y: .375rem;
  --dropdown-item-padding-y: .25rem;
  --dropdown-item-padding-x: .75rem;
  --dropdown-font-size: .8125rem;
  width: 15.5rem;
  max-width: calc(100vw - 1rem);
}

.gc-lvs .gc-lvq-menu:has(form) {
  width: 20rem;
}

@media (min-width: 992px) {
  .gc-lvs .gc-lvq-menu {
    overscroll-behavior: contain;
    max-height: calc(100dvh - 1rem);
    overflow-y: auto;
  }
}

.gc-lvs .gc-lvq-menu .dropdown-divider {
  margin-block: .375rem;
}

.gc-lvs .gc-lvq-menu .dropdown-item {
  align-items: center;
  gap: .5rem;
  line-height: 1.75;
  display: flex;
}

.gc-lvs .gc-lvq-menu .dropdown-item > i {
  font-size: 1rem;
}

.gc-lvq-wrap:has(.gc-lvq-menu.show) .gc-lvq-rail {
  -webkit-mask-image: none;
  mask-image: none;
}

.gc-lvs .gc-lvq-tile:has(.gc-lvq-confirm) {
  box-shadow: inset 0 0 0 2px var(--gc-primary);
}

.gc-lvq-mhead {
  align-items: center;
  gap: .5rem;
  padding: .125rem .75rem;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-lvq-mhead > .gc-lvc-ph {
  --icon-font-size: 1rem;
  width: 32px;
  height: 32px;
}

.gc-lvq-mhead > .gc-ix-tag {
  flex-shrink: 0;
}

.gc-lvq-mname {
  min-width: 0;
  color: var(--gc-text);
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-lvq-mrow {
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  padding: .125rem .75rem;
  display: flex;
}

.gc-lvq-mlab {
  min-width: 0;
  color: var(--gc-text);
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-lvq-mlab > .gc-lvq-sub {
  font-size: .75rem;
  font-weight: 400;
}

.gc-lvq-ctl {
  flex-shrink: 0;
  align-items: center;
  gap: .25rem;
  display: flex;
}

@media (min-width: 992px) {
  [data-theme] .gc-golive.gc-lvs .gc-lvq-menu .btn.gc-lvq-step {
    --btn-padding-x: 0;
    --btn-padding-y: 0;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    font-size: .875rem;
    display: inline-flex;
  }
}

.gc-lvq-mrow .gc-lvq-qv {
  text-align: center;
  font-variant-numeric: tabular-nums;
  min-width: 2.25rem;
}

.gc-lvq-qv.is-pend {
  color: var(--gc-primary-on-tint);
  background: var(--gc-primary-bg);
  border-radius: var(--gc-radius-full);
  padding: 0 .5rem;
}

.gc-lvq-menu [aria-disabled="true"] {
  opacity: .55;
  cursor: not-allowed;
}

.gc-lvq-confirm {
  border-radius: var(--gc-radius-md);
  background: var(--gc-warning-bg);
  color: var(--gc-text);
  margin: .375rem .75rem 0;
  padding: .375rem .625rem;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-lvq-why {
  color: var(--gc-text-secondary);
  padding: 0 .75rem .25rem 2.25rem;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-lvs .gc-lvq-menu .gc-lvq-danger:hover:not([aria-disabled="true"]) {
  color: var(--gc-danger-on-tint);
}

.gc-lvq-form {
  width: 22rem;
  max-width: calc(100vw - 1rem);
}

.gc-lvq-field {
  color: var(--gc-text-secondary);
  flex-direction: column;
  gap: .125rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: flex;
}

.gc-lvq-field > .form-control {
  color: var(--gc-text);
  font-weight: 400;
}

.gc-lvq-w-code {
  flex-shrink: 0;
  width: 5.5rem;
}

.gc-lvq-w-quota {
  flex-shrink: 0;
  width: 5rem;
}

.gc-lvq-hint {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-lvq-hint.is-err {
  color: var(--gc-danger-on-tint);
}

.gc-lvi-slot {
  width: 56px;
  height: 56px;
}

.gc-lvi-row {
  width: 40px;
  height: 40px;
}

.gc-lvi-btn {
  white-space: nowrap;
}

.gc-lvi-btn:has(input:focus-visible) {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

@media (max-width: 991.98px) {
  .gc-lvi-btn {
    align-items: center;
    min-height: 44px;
    display: inline-flex;
  }
}

.gc-golive .list-group-item:hover .gc-lcf-field, .gc-golive .list-group-item:hover .gc-lvq-hint:not(.is-err) {
  color: var(--gc-text-secondary-on-tint);
}

.gc-lvs .gc-lvq-add {
  height: 28px;
  color: var(--gc-primary-on-tint);
  background: var(--gc-primary-bg);
  white-space: nowrap;
  border-color: #0000;
  font-weight: 600;
}

.gc-lvs .gc-lvq-add:hover:not(:disabled) {
  background: var(--gc-primary-bg-hover);
}

@media (max-width: 991.98px) {
  [data-theme] .gc-golive.gc-lvs .gc-lvq-manage, .gc-lvs .gc-lvq-add {
    height: 44px;
  }

  [data-theme] .gc-golive.gc-lvs .gc-lvq-menu .btn.gc-lvq-step {
    --btn-padding-x: 0;
    --btn-padding-y: 0;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    display: inline-flex;
  }

  .gc-lvs .gc-lvq-menu .dropdown-item {
    min-height: 44px;
  }
}

.gc-golive .gc-icon-btn {
  flex-shrink: 0;
  text-decoration: none;
}

.gc-lvv {
  border-radius: var(--gc-radius-lg);
  background: var(--gc-rail-ink);
  flex-direction: column;
  gap: .5rem;
  min-height: 0;
  padding: .5rem;
  display: flex;
}

.gc-lvv-frame {
  border-radius: var(--gc-radius-md);
  background: #0b0d1a;
  flex: 1;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

.gc-lvv-live {
  top: .5rem;
  border-radius: var(--gc-radius-sm);
  background: var(--gc-avatar-red);
  color: #fff;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  display: inline-flex;
  position: absolute;
  inset-inline-start: .5rem;
}

.gc-lvv-btns {
  top: .5rem;
  flex-direction: column;
  gap: .25rem;
  display: flex;
  position: absolute;
  inset-inline-end: .5rem;
}

.gc-lvv-b {
  border-radius: var(--gc-radius-md);
  color: #fff;
  cursor: pointer;
  background: #0f112399;
  border: 1px solid #ffffff3d;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 1rem;
  text-decoration: none;
  display: inline-flex;
}

.gc-lvv-b:hover {
  color: #fff;
  background: #0f1123cc;
}

.gc-lvv-b[aria-pressed="true"] {
  background: var(--gc-avatar-indigo);
  border-color: #0000;
}

.gc-lvv-b.gc-lvv-b-text {
  width: auto;
  padding-inline: .625rem;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-lvv-note {
  color: #ffffffc7;
  align-items: center;
  gap: .25rem;
  margin: 0;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-lvv-msg {
  text-align: center;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .25rem;
  padding: 1rem;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
  position: absolute;
  inset: 0;
}

.gc-lvv-msg > i {
  color: #ffffffb8;
  font-size: 2rem;
}

.gc-lvv-msg > span {
  color: #ffffffc7;
  margin-bottom: .5rem;
}

.gc-lvs .gc-cfm-ring {
  border-radius: var(--gc-radius-md);
  box-shadow: inset 0 0 0 1px var(--gc-primary-on-tint);
  pointer-events: none;
  opacity: 0;
  z-index: 2;
  position: absolute;
  inset: 0;
}

.gc-lvs .gc-cfm-flash {
  border-radius: var(--gc-radius-md);
  background: var(--gc-primary);
  pointer-events: none;
  opacity: 0;
  z-index: 2;
  position: absolute;
  inset: 0;
}

.gc-lvs .gc-lvx-sales > .gc-cfm-flash {
  border-radius: inherit;
}

.gc-lvs .gc-cfm-flash.is-danger {
  background: var(--gc-avatar-red);
}

.gc-lvs .gc-cfm-chip {
  --gc-cfm-band: 2.75rem;
  left: 50%;
  bottom: calc(var(--gc-cfm-band) + .25rem);
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  will-change: transform,opacity;
  position: absolute;
  transform: translateX(-50%);
}

.gc-lvs .gc-cfm-chip-in {
  border-radius: var(--gc-radius-full);
  background: var(--gc-avatar-indigo);
  color: #fff;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  align-items: center;
  gap: .25rem;
  padding: 0 .625rem;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.75;
  display: inline-flex;
  box-shadow: 0 2px 8px #0b0d1a38;
}

.gc-lvs .gc-cfm-chip.is-res .gc-cfm-chip-in {
  background: var(--gc-lvq-band-off);
}

.gc-lvs .gc-cfm-chip.is-out .gc-cfm-chip-in {
  background: var(--gc-avatar-red);
}

.gc-lvs .gc-cfm-edges {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-self: center;
  gap: .25rem;
  min-width: 0;
  height: 1.42188rem;
  display: flex;
  overflow: hidden;
}

.gc-lvs .gc-cfm-chip.is-edge {
  position: static;
  transform: none;
}

.gc-lvs .gc-cfm-chip.is-edge .gc-cfm-chip-in {
  box-shadow: none;
  padding: 0 .5rem;
  font-size: .8125rem;
}

.gc-lvs .gc-lvs-fe .list-group-item {
  font-size: .9375rem;
  line-height: 1.75;
}

.gc-lvs .gc-lvf-row {
  grid-template-columns: 3.75rem 32px minmax(0, 1fr) auto 164px;
  align-items: center;
  column-gap: .5rem;
  display: grid;
}

.gc-lvs .gc-lvf-row > time {
  font-size: .8125rem;
}

.gc-lvc-ph.gc-lvf-av {
  width: 32px;
  height: 32px;
  font-size: .75rem;
}

.gc-lvs [role="row"]:hover time, .gc-lvs [role="row"]:hover .text-muted, .gc-lvs [role="row"]:focus-within time, .gc-lvs [role="row"]:focus-within .text-muted, .gc-lvs [role="row"].gc-lvx-new time, .gc-lvs [role="row"].gc-lvx-new .text-muted, .gc-lvs [role="row"].bg-warning time, .gc-lvs [role="row"].bg-warning .text-muted {
  color: var(--gc-text-secondary-on-tint) !important;
}

.gc-lvs .list-group-item[aria-selected="true"] {
  box-shadow: inset 3px 0 0 var(--gc-primary);
}

.gc-lvs .list-group-item.gc-lvx-new {
  box-shadow: inset 3px 0 0 var(--gc-primary);
  background-color: var(--gc-primary-bg);
}

@media (prefers-reduced-motion: no-preference) {
  .gc-lvs .gc-lvs-fe .list-group-item {
    transition: background-color var(--gc-duration-state) var(--gc-ease),box-shadow var(--gc-duration-state) var(--gc-ease);
  }
}

.list-group-item .gc-lvs-acts {
  visibility: hidden;
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  box-shadow: var(--gc-shadow-sm);
  border-radius: 999px;
  gap: 1px;
  padding: 1px;
  display: flex;
}

.gc-lvs-acts .gc-lvs-act-danger:hover:not(:disabled) {
  color: var(--danger);
}

.list-group-item:hover .gc-lvs-acts, .list-group-item:focus-within .gc-lvs-acts, .list-group-item[aria-selected="true"] .gc-lvs-acts {
  visibility: visible;
}

@container gc-lvfe (max-width: 839.98px) {
  .gc-lvx-keys {
    display: none;
  }
}

.gc-lvx-cap {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  align-items: center;
  gap: .25rem;
  font-size: .75rem;
  line-height: 1.75;
  display: inline-flex;
}

.gc-lvx-cap.is-full {
  color: var(--gc-warning-ink);
  font-weight: 600;
}

@container gc-lvfe (max-width: 1099.98px) {
  .gc-lvs-fe .card-header:has(.gc-lvx-cap) .gc-lvx-keys {
    display: none;
  }
}

.gc-lvx-cap .gc-lvx-cap-s {
  display: none;
}

@container gc-lvfe (min-width: 600px) and (max-width: 899.98px) {
  .gc-lvx-cap .gc-lvx-cap-l {
    display: none;
  }

  .gc-lvx-cap .gc-lvx-cap-s {
    display: inline;
  }
}

@container gc-lvfe (max-width: 599.98px) {
  .gc-lvs-fe .card-header:has(.gc-lvx-cap) {
    flex-wrap: wrap;
    row-gap: 0;
  }

  .gc-lvs-fe .card-header:has(.gc-lvx-cap) > .nav {
    flex: 100%;
  }

  .gc-lvs-fe .card-header:has(.gc-lvx-cap) .gc-lvx-cap {
    padding-block: .25rem;
  }
}

.gc-lvx-keys {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-lvs.gc-golive .gc-lvx-keys kbd {
  font: inherit;
  color: var(--gc-text);
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-sm);
  box-shadow: none;
  margin-inline: .125rem;
  padding: 0 .3125rem;
  font-weight: 600;
}

.gc-lvs [role="row"] {
  cursor: pointer;
  flex-shrink: 0;
}

.gc-lvs [role="row"]:not(:hover):not(:focus-within):not([aria-selected="true"]) {
  content-visibility: auto;
  contain-intrinsic-size: auto 45px;
}

.gc-lvs .nav-tabs {
  --nav-link-padding-x: .75rem;
}

.gc-lvs .card-header-tabs {
  flex-wrap: nowrap;
  min-width: 0;
  overflow: auto hidden;
}

.gc-lvs .card-header-tabs .nav-link {
  white-space: nowrap;
}

.gc-lvs button.gc-ix-tag:after {
  content: "";
  position: absolute;
  inset: -5px -4px;
}

.gc-lvs .badge > .btn-close:after {
  content: "";
  position: absolute;
  inset: -7px;
}

.gc-lvs button.gc-ix-tag, .gc-lvs .badge > .btn-close {
  position: relative;
}

.gc-lvs-le, .gc-lvs [role="grid"] {
  overflow: hidden auto;
}

.gc-lvs [role="grid"] {
  container-type: inline-size;
}

@container (max-width: 520px) {
  .gc-lvs .gc-lvf-row {
    grid-template-columns: auto 32px minmax(0, 1fr) auto;
    grid-template-areas: "t v n n"
                         "t v b a";
    align-items: start;
    row-gap: 0;
  }

  .gc-lvs .gc-lvf-row > time {
    grid-area: t;
    padding-top: .25rem;
  }

  .gc-lvs .gc-lvf-row > .gc-lvf-av {
    grid-area: v;
  }

  .gc-lvs .gc-lvf-row > .gc-lvf-say {
    grid-area: n;
  }

  .gc-lvs .gc-lvf-row > .gc-lvf-tags {
    grid-area: b;
    justify-content: flex-start !important;
  }

  .gc-lvs .gc-lvf-row > .gc-lvs-acts {
    grid-area: a;
    align-self: center;
  }
}

@media (max-width: 991.98px) {
  .gc-lvs button.gc-ix-tag:after {
    inset: -11px -4px;
  }

  .gc-lvs .badge > .btn-close:after {
    inset: -13px;
  }

  .gc-lvs .nav-tabs .nav-link {
    min-height: 44px;
  }

  .gc-lvx-alerts {
    flex-direction: column;
  }

  .gc-lvx-alert {
    flex: none;
  }

  .gc-lvx-alert .gc-ac-b {
    min-height: 44px;
  }

  :is(.gc-golive .gc-page-head, .gc-page-head .gc-golive) .gc-icon-btn {
    width: 44px;
    height: 44px;
  }
}

.gc-lvc-ph.is-person {
  border-radius: var(--gc-radius-full);
  background: var(--gc-avatar-indigo);
  color: #fff;
  font-size: .75rem;
}

.gc-lvc .card-header .gc-lvc-new {
  border-radius: var(--gc-radius-full);
  background: var(--gc-avatar-indigo);
  color: #fff;
  flex-shrink: 0;
  padding: 0 8px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-lvc-when {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-lvs .gc-lvc-back {
  white-space: nowrap;
  flex-shrink: 0;
}

.gc-lvs :is(.gc-lvc, .gc-lvt) .card-header {
  --card-cap-padding-y: .375rem;
  --card-cap-padding-x: .875rem;
  min-height: 40px;
}

.gc-lvs .gc-lvt .list-group {
  --list-group-item-padding-x: .875rem;
  --list-group-item-padding-y: .5rem;
}

.gc-lvs-le {
  gap: .75rem;
}

.gc-lvc-who {
  gap: .75rem;
  padding: .625rem .875rem;
  transition: background-color .6s, box-shadow .6s;
  display: flex;
}

.gc-lvc.is-fresh .gc-lvc-who {
  background: var(--gc-primary-bg);
  box-shadow: inset 3px 0 0 var(--gc-primary);
}

.gc-lvc-who > .gc-lvc-ph {
  width: 56px;
  height: 56px;
  font-size: 1rem;
}

.gc-lvc-name {
  color: var(--gc-text);
  min-width: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.gc-lvc-rel {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.75;
}

.gc-lvc.is-fresh .gc-lvc-rel {
  color: var(--gc-primary-on-tint-2);
  font-weight: 600;
}

.gc-lvc-say {
  border-radius: 4px var(--gc-radius-md) var(--gc-radius-md) var(--gc-radius-md);
  background: var(--gc-canvas);
  max-width: 100%;
  color: var(--gc-text);
  overflow-wrap: anywhere;
  border: 1px solid #0000;
  margin-top: .25rem;
  padding: .25rem .75rem;
  font-size: .9375rem;
  line-height: 1.75;
  display: inline-block;
}

.gc-lvc.is-fresh .gc-lvc-say {
  background: var(--gc-surface);
  border-color: var(--gc-hairline-hover);
}

.gc-lvc-note {
  color: var(--gc-text-secondary);
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-lvc.is-fresh .gc-lvc-who .gc-lvc-note {
  color: var(--gc-text-secondary-on-tint);
}

.gc-lvc-lines {
  border-top: 1px solid var(--gc-hairline);
}

.gc-lvc-line {
  width: 100%;
  color: inherit;
  text-align: start;
  background: none;
  border: 0;
  gap: .75rem;
  padding: .625rem .875rem;
  line-height: 1.75;
  display: flex;
}

.gc-lvc-line + .gc-lvc-line {
  border-top: 1px solid var(--gc-hairline);
}

.gc-lvc-line > .gc-lvc-ph {
  width: 52px;
  height: 52px;
}

.gc-lvc-multi .gc-lvc-line {
  cursor: pointer;
}

.gc-lvc-multi .gc-lvc-line:hover {
  background: var(--gc-surface-hover);
}

.gc-lvc-multi .gc-lvc-line[aria-checked="true"] {
  box-shadow: inset 3px 0 0 var(--gc-primary);
}

.gc-lvc-line:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: -2px;
}

.gc-lvc-line.is-mini {
  align-items: center;
  padding-block: .375rem;
}

.gc-lvc-line.is-mini > .gc-lvc-ph {
  --icon-font-size: 1rem;
  width: 32px;
  height: 32px;
}

.gc-lvc-row {
  flex-wrap: wrap;
  align-items: center;
  gap: .375rem;
  display: flex;
}

.gc-lvc-qty {
  font-variant-numeric: tabular-nums;
  font-size: .9375rem;
  font-weight: 700;
}

.gc-lvc-res {
  border-radius: var(--gc-radius-sm);
  white-space: nowrap;
  background: linear-gradient(var(--gc-lvx-t),var(--gc-lvx-t)),var(--gc-surface);
  align-items: center;
  gap: 3px;
  padding: 0 7px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-lvc-res.is-won {
  --gc-lvx-t: var(--gc-success-bg);
  color: var(--gc-success-ink);
}

.gc-lvc-res.is-wait {
  --gc-lvx-t: var(--gc-canvas);
  color: var(--gc-text-secondary);
}

.gc-lvc-row .gc-lvc-sub {
  color: var(--gc-text);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  margin-inline-start: auto;
  font-size: .9375rem;
  font-weight: 700;
}

.gc-lvc-row .gc-lvc-sub.is-off {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  font-weight: 600;
}

.gc-lvc-pname {
  color: var(--gc-text);
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  margin-top: .125rem;
  font-size: .8125rem;
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
}

.gc-lvc-pname.is-one {
  -webkit-line-clamp: 1;
}

.gc-lvc-left {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .75rem;
  line-height: 1.75;
  overflow: hidden;
}

.gc-lvc-left b {
  color: var(--gc-text);
  font-weight: 700;
}

.gc-lvc-left .gc-lvc-out {
  color: var(--gc-danger-on-tint);
  font-weight: 700;
}

.gc-lvc-left b.gc-lvc-near {
  color: var(--gc-warning-ink);
}

.gc-lvc-match {
  padding: .625rem .875rem;
}

.gc-lvc-acts {
  border-top: 1px solid var(--gc-hairline);
  align-items: center;
  gap: .375rem;
  padding: .4375rem .875rem;
  display: flex;
}

[data-theme] .gc-golive.gc-lvs .gc-lvc-acts .btn {
  --btn-padding-y: 0;
  --btn-padding-x: .625rem;
  --btn-font-size: .75rem;
  --btn-font-weight: 500;
  --btn-border-radius: var(--gc-radius-full);
  white-space: nowrap;
  align-items: center;
  gap: .25rem;
  height: 32px;
  display: inline-flex;
}

.gc-lvc-acts .gc-lvc-for {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-lvc-prev {
  border-top: 1px solid var(--gc-hairline);
  align-items: center;
  gap: .375rem;
  min-width: 0;
  padding: .25rem .875rem .375rem;
  display: flex;
}

.gc-lvc-prev > span {
  color: var(--gc-text-secondary);
  flex-shrink: 0;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-lvc-prev-list {
  scrollbar-width: none;
  gap: .25rem;
  min-width: 0;
  display: flex;
  overflow-x: auto;
}

.gc-lvc-pv {
  border-radius: var(--gc-radius-full);
  border: 1px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  height: 28px;
  color: var(--gc-text);
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: .3125rem;
  padding: 0 .5rem 0 2px;
  font-size: .75rem;
  line-height: 1.75;
  display: inline-flex;
}

.gc-lvc-pv:hover {
  background: var(--gc-surface-hover);
}

.gc-lvc-pv > .gc-lvc-ph {
  width: 24px;
  height: 24px;
}

.gc-lvc-pv b {
  font-weight: 600;
}

.gc-lvc-pv time {
  color: var(--gc-text-secondary);
  font-variant-numeric: tabular-nums;
}

.gc-lvt.is-empty .card-header {
  border-bottom: 0;
}

.gc-lvt .gc-lvt-ok {
  color: var(--gc-success-ink);
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-lvt :is(.gc-lvt-more, .gc-lvt-peek) {
  color: var(--gc-primary-on-tint-2);
  white-space: nowrap;
  background: none;
  border: 0;
  padding: 0;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-lvt .gc-lvt-more {
  align-items: center;
  min-height: 28px;
  display: inline-flex;
}

.gc-lvt .gc-lvt-peek {
  color: var(--gc-text);
  text-align: start;
  flex: 0 auto;
  min-width: 0;
  font-size: .8125rem;
  font-weight: 400;
  line-height: 28px;
  display: none;
}

.gc-lvt :is(.gc-lvt-more, .gc-lvt-peek):hover {
  text-decoration: underline;
}

.gc-lvt .list-group-item > .d-flex > .gc-lvc-ph {
  width: 28px;
  height: 28px;
}

.gc-lvt-body {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .5rem;
  margin-top: .25rem;
  display: grid;
}

@media (min-width: 992px) {
  .gc-lvs-le {
    container: gc-lvle / size;
  }
}

@container gc-lvle (max-height: 520px) {
  .gc-lvc-prev, .gc-lvt:not(.is-empty) .list-group {
    display: none;
  }

  .gc-lvt:not(.is-empty) .card-header {
    border-bottom: 0;
  }

  .gc-lvt .gc-lvt-peek {
    display: block;
  }

  .gc-lvc-who {
    padding-block: .375rem;
  }

  .gc-lvc-say {
    margin-top: .125rem;
    padding-block: .125rem;
    font-size: .875rem;
  }

  .gc-lvc-line {
    padding-block: .375rem;
  }

  .gc-lvc-line.is-mini {
    padding-block: .25rem;
  }

  .gc-lvc-line.is-mini > .gc-lvc-ph {
    width: 28px;
    height: 28px;
  }

  .gc-lvc-pname {
    -webkit-line-clamp: 1;
  }

  .gc-lvc-acts {
    padding-block: .3125rem;
  }
}

@media (max-width: 991.98px) {
  [data-theme] .gc-golive.gc-lvs .gc-lvc-acts .btn {
    flex: 1;
    justify-content: center;
    height: 44px;
  }

  [data-theme] .gc-golive.gc-lvs .gc-lvc-back {
    align-items: center;
    min-height: 44px;
    display: inline-flex;
  }

  .gc-lvc-line.is-mini {
    min-height: 44px;
  }

  .gc-lvc-pv {
    height: 44px;
    padding-inline-end: .75rem;
  }

  .gc-lvc-pv > .gc-lvc-ph {
    width: 28px;
    height: 28px;
  }

  .gc-lvt :is(.gc-lvt-more, .gc-lvt-peek), [data-theme] .gc-golive.gc-lvs .gc-lvt .btn {
    min-height: 44px;
  }
}

.gc-lvs {
  --gc-kb: 0px;
}

.gc-lvm-tabs {
  background: var(--gc-surface);
  border-bottom: 1px solid var(--gc-hairline);
  flex-shrink: 0;
}

.gc-lvm-bottom {
  padding: .5rem .75rem calc(.5rem + env(safe-area-inset-bottom));
  background: var(--gc-surface);
  border-top: 1px solid var(--gc-hairline);
  flex-shrink: 0;
  gap: .5rem;
  display: flex;
}

.gc-lvm-bottom > .btn {
  flex: 1;
  min-height: 44px;
}

@media (max-width: 991.98px) {
  .gc-lvs .gc-page-head .page-header-content {
    padding-inline: .5rem .75rem;
    gap: .25rem !important;
  }

  .gc-lvs .gc-page-head .page-header-content > .flex-fill {
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0 .25rem !important;
    display: grid !important;
  }

  .gc-lvs .gc-page-head .page-header-content > .flex-fill > * {
    grid-row: 1 / span 2;
  }

  .gc-lvs .gc-page-head .page-header-content > .flex-fill > .page-title {
    grid-area: 1 / 3;
  }

  .gc-lvs .gc-page-head .page-header-content > .flex-fill > .dropdown {
    grid-area: 1 / 4;
  }

  .gc-lvs .gc-page-head .page-header-content > .flex-fill > .dropdown > .gc-icon-btn {
    width: 28px;
    height: 28px;
    position: relative;
  }

  .gc-lvs .gc-page-head .page-header-content > .flex-fill > .dropdown > .gc-icon-btn:after {
    content: "";
    position: absolute;
    inset: -8px;
  }

  .gc-lvs .gc-page-head .page-header-content > .flex-fill > .gc-lvx-pill {
    grid-area: 2 / 3 / auto / span 2;
    justify-self: start;
    max-width: 100%;
    overflow: hidden;
  }

  .gc-lvs .gc-page-head :is(.gc-lvs-stop, .gc-lve-hbtn) {
    --btn-padding-x: 0;
    --btn-padding-y: 0;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    font-size: 1.125rem;
    display: inline-flex;
  }

  .gc-lvs .gc-lvm-tabs .nav-link {
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    min-height: 44px;
    padding-inline: .25rem;
    font-size: .8125rem;
    display: flex;
  }

  .gc-lvs-grid {
    overscroll-behavior: contain;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
  }

  .gc-lvs .gc-lvs-grid > * {
    flex: none;
  }

  .gc-lvs[data-m-tab="board"] .gc-lvs-grid > [data-m]:not([data-m="board"]), .gc-lvs[data-m-tab="feed"] .gc-lvs-grid > [data-m]:not([data-m="feed"]), .gc-lvs[data-m-tab="prods"] .gc-lvs-grid > [data-m]:not([data-m="prods"]), .gc-lvx-alerts:not(.is-all) > .gc-lvx-alert:nth-child(n+3) {
    display: none;
  }

  .gc-lvs .gc-lvx-alerts > .gc-lvm-more {
    align-self: flex-start;
    min-height: 44px;
  }

  .gc-lvs .gc-lvx-alert {
    align-items: flex-start;
    padding-block: .5rem;
  }

  .gc-lvs .gc-lvx-alert > i {
    margin-top: .25rem;
  }

  .gc-lvs:not([data-m-tab="board"]) .gc-lvx-alerts > :not(.is-danger) {
    display: none;
  }

  .gc-lvs:not([data-m-tab="board"]) .gc-lvx-alerts:not(:has( > .is-danger)) {
    display: none;
  }

  .gc-lvs .gc-lvs-le {
    order: 1;
  }

  .gc-lvs .gc-lvs-sa {
    order: 2;
  }

  .gc-lvs .gc-lvm-video {
    order: 3;
  }

  .gc-lvs .gc-lvt:not(.is-empty) .list-group {
    display: none;
  }

  .gc-lvs .gc-lvt:not(.is-empty) .card-header {
    border-bottom: 0;
  }

  .gc-lvs .gc-lvt .gc-lvt-peek {
    display: block;
  }

  .gc-lvs .gc-lvx-kpis {
    display: none;
  }

  .gc-lvs .gc-lvx-info {
    position: relative;
  }

  .gc-lvs .gc-lvx-info:after {
    content: "";
    position: absolute;
    inset: -10px;
  }

  .gc-lvs .gc-lvm-video .gc-ac-b {
    flex-shrink: 0;
    min-height: 44px;
    text-decoration: none;
  }

  .gc-lvs .gc-lvc-prev-list > :nth-child(n+3) {
    display: none;
  }

  .gc-lvs[data-m-tab="feed"] .gc-lvs-grid {
    gap: 0;
    padding: 0;
    overflow: hidden;
  }

  .gc-lvs[data-m-tab="feed"] .gc-lvx-alerts {
    margin: .5rem .75rem;
  }

  [data-theme] .gc-golive.gc-lvs .card.gc-lvs-fe {
    --card-border-width: 0;
    --card-border-radius: 0;
    --card-inner-border-radius: 0;
    --card-box-shadow: none;
    flex: auto;
    min-height: 0;
  }

  .gc-lvs .gc-lvs-fe .card-header-tabs {
    --nav-link-padding-x: .5rem;
    flex-wrap: wrap;
    overflow: visible;
  }

  .gc-lvs .gc-lvs-fe .gc-lvf-row {
    grid-template-columns: 36px minmax(0, 1fr);
    grid-template-areas: "v n"
                         "v b"
                         "v t"
                         "a a";
    align-items: start;
    gap: .125rem .625rem;
  }

  .gc-lvs .gc-lvs-fe .gc-lvf-row > .gc-lvf-av {
    grid-area: v;
    width: 36px;
    height: 36px;
  }

  .gc-lvs .gc-lvs-fe .gc-lvf-row > .gc-lvf-say {
    grid-area: n;
  }

  .gc-lvs .gc-lvs-fe .gc-lvf-row > .gc-lvf-tags {
    grid-area: b;
    justify-content: flex-start !important;
  }

  .gc-lvs .gc-lvs-fe .gc-lvf-row > .gc-lvf-tags:empty {
    display: none;
  }

  .gc-lvs .gc-lvs-fe .gc-lvf-row > time {
    grid-area: t;
    padding-top: 0;
    font-size: .75rem;
  }

  .gc-lvs [role="row"]:not(:hover):not(:focus-within):not([aria-selected="true"]) {
    contain-intrinsic-size: auto 64px;
  }

  .gc-lvs .gc-lvs-fe [role="row"]:not([aria-selected="true"]) .gc-lvs-acts {
    display: none;
  }

  .gc-lvs .gc-lvs-fe [role="grid"] {
    padding-bottom: 3.5rem;
    scroll-padding-bottom: 3.5rem;
  }

  .gc-lvs .gc-lvs-fe [role="row"][aria-selected="true"] .gc-lvs-acts {
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
    flex-wrap: wrap;
    grid-area: a;
    gap: .375rem;
    margin-top: .375rem;
    padding: 0;
    display: flex;
  }

  .gc-lvs .gc-lvs-fe [role="row"][aria-selected="true"] .gc-msg-action {
    border: 1px solid var(--gc-hairline-hover);
    background: var(--gc-surface);
    width: auto;
    height: 44px;
    color: var(--gc-text);
    white-space: nowrap;
    flex: auto;
    gap: .25rem;
    padding-inline: .5rem;
    font-size: .8125rem;
    line-height: 1.75;
  }

  .gc-lvs .gc-lvq .card-header {
    flex-wrap: wrap;
    row-gap: .25rem;
  }

  .gc-lvs .gc-lvq-rail {
    scroll-snap-type: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    padding: .5rem;
    display: grid;
    overflow: visible;
  }

  .gc-lvs .gc-lvq-tile {
    border: 1px solid var(--gc-hairline);
    border-radius: var(--gc-radius-md);
    padding: .375rem;
  }

  .gc-lvs .gc-lvq-tile .gc-lvq-name {
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 2.84375rem;
    font-size: .8125rem;
    display: -webkit-box;
  }

  .gc-lvs .gc-lvq-foot {
    flex-direction: column;
    align-items: stretch;
    gap: .25rem;
  }

  [data-theme] .gc-golive.gc-lvs .gc-lvq-manage {
    --btn-font-size: .8125rem;
    justify-content: center;
    width: 100%;
  }

  .gc-lvs :is(.gc-lvq-menu, .gc-lvq-form, .gc-lve-menu).show {
    max-width: none;
    max-height: calc(100dvh - var(--gc-kb) - 3.5rem);
    overscroll-behavior: contain;
    border-radius: var(--gc-radius-lg) var(--gc-radius-lg) 0 0;
    padding-bottom: calc(.5rem + env(safe-area-inset-bottom));
    box-shadow: var(--gc-shadow-lg);
    overflow-y: auto;
    inset: auto 0 var(--gc-kb) 0 !important;
    width: auto !important;
    margin: 0 !important;
    position: fixed !important;
    transform: none !important;
  }
}

.gc-golive .text-warning {
  --warning-rgb: 173,85,0;
}

[data-theme="dark"] .gc-golive .text-warning {
  --warning-rgb: 255,159,67;
}

[data-theme="light"] .gc-golive .badge.text-warning {
  --warning-rgb: 154,85,4;
}

[data-theme="light"] .gc-golive .badge.text-success {
  --success-rgb: 19,104,56;
}

[data-theme="light"] .gc-golive .alert.alert-warning {
  --alert-color: var(--gc-pick-ink);
}

.gc-golive {
  --link-color: var(--gc-primary-on-tint);
  --link-hover-color: var(--gc-primary-on-tint);
}

[data-theme="light"] .gc-golive .btn.btn-outline-danger {
  --btn-color: var(--gc-danger-ink);
  --btn-border-color: var(--gc-danger-ink);
  --btn-hover-bg: var(--gc-danger-ink);
  --btn-hover-border-color: var(--gc-danger-ink);
  --btn-active-bg: var(--gc-danger-ink);
  --btn-active-border-color: var(--gc-danger-ink);
}

[data-theme="dark"] .gc-golive .btn.btn-outline-danger {
  --btn-color: var(--gc-danger-on-tint);
  --btn-border-color: var(--gc-danger-on-tint);
}

[data-theme="dark"] .gc-golive .btn.btn-primary {
  --btn-bg: var(--gc-avatar-indigo);
  --btn-border-color: var(--gc-avatar-indigo);
  --btn-hover-bg: var(--gc-avatar-indigo);
  --btn-hover-border-color: var(--gc-avatar-indigo);
  --btn-active-bg: var(--gc-avatar-indigo);
  --btn-active-border-color: var(--gc-avatar-indigo);
  --btn-disabled-bg: var(--gc-avatar-indigo);
  --btn-disabled-border-color: var(--gc-avatar-indigo);
}

.content-inner:has( > .content > .gc-golive) {
  background: var(--gc-canvas);
}

.gc-golive {
  color: var(--gc-text);
}

.gc-golive .text-muted {
  color: var(--gc-text-secondary) !important;
}

.content-inner:has( > .content > .gc-golive) .gc-page-head {
  background: var(--gc-surface);
  border-bottom: 1px solid var(--gc-hairline);
  box-shadow: none !important;
}

.content-inner:has( > .content > .gc-golive) .gc-page-head .page-header-content {
  min-height: 64px;
}

.content-inner:has( > .content > .gc-golive) .gc-page-head .page-title {
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.75;
}

[data-theme] .gc-golive.gc-golive .card, [data-theme] .card.gc-golive.gc-golive {
  --card-bg: var(--gc-surface);
  --card-border-width: 1px;
  --card-border-color: var(--gc-hairline);
  --card-border-radius: var(--gc-radius-lg);
  --card-inner-border-radius: calc(var(--gc-radius-lg) - 1px);
  --card-box-shadow: var(--gc-shadow-xs);
  --card-cap-bg: transparent;
}

.gc-golive .card-header {
  border-bottom: 1px solid var(--gc-hairline);
}

.gc-golive .card-header h6 {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-golive .card-header h6 > i {
  color: var(--gc-text-secondary);
}

.gc-golive .card-footer {
  --card-cap-bg: transparent;
  border-top: 1px solid var(--gc-hairline);
}

[data-theme] .gc-golive.gc-golive .table {
  --table-color: var(--gc-text);
  --table-border-color: var(--gc-hairline);
  --table-bg: transparent;
}

[data-theme] .gc-golive.gc-golive .list-group {
  --list-group-color: var(--gc-text);
  --list-group-border-color: var(--gc-hairline);
  --list-group-bg: transparent;
}

.gc-golive .list-group-item:hover {
  background-color: var(--gc-surface-hover);
}

.gc-golive .list-group-item.bg-warning {
  background-color: var(--gc-warning-bg) !important;
}

.gc-golive .bg-light {
  background-color: var(--gc-canvas) !important;
}

.gc-golive .rounded {
  border-radius: var(--gc-radius-md) !important;
}

[data-theme] .gc-golive.gc-golive .btn {
  --btn-border-radius: var(--gc-radius-md);
  --btn-font-size: .8125rem;
  --btn-line-height: 1.75;
  --btn-font-weight: 600;
  --btn-box-shadow: none;
}

[data-theme] .gc-golive.gc-golive .btn-sm {
  --btn-font-size: .75rem;
}

[data-theme] .gc-golive.gc-golive .btn-light {
  --btn-color: var(--gc-text);
  --btn-bg: var(--gc-surface);
  --btn-border-color: var(--gc-hairline-hover);
  --btn-hover-color: var(--gc-text);
  --btn-hover-bg: var(--gc-surface-hover);
  --btn-hover-border-color: var(--gc-hairline-hover);
  --btn-active-bg: var(--gc-canvas);
  --btn-active-border-color: var(--gc-hairline-hover);
  --btn-active-color: var(--gc-text);
  --btn-disabled-color: var(--gc-text);
  --btn-disabled-bg: var(--gc-surface);
  --btn-disabled-border-color: var(--gc-hairline-hover);
}

[data-theme] .gc-golive.gc-golive .btn.btn-outline-danger {
  --btn-bg: var(--gc-surface);
  --btn-hover-bg: var(--gc-danger-bg);
  --btn-hover-color: var(--gc-danger-on-tint);
  --btn-hover-border-color: transparent;
}

[data-theme="light"] .gc-golive.gc-golive .btn.btn-primary {
  --btn-bg: var(--gc-primary-ink);
  --btn-border-color: var(--gc-primary-ink);
  --btn-hover-bg: var(--gc-primary);
  --btn-hover-border-color: var(--gc-primary);
}

.gc-golive .badge {
  --badge-border-radius: var(--gc-radius-sm);
  --badge-padding-y: .125rem;
  --badge-padding-x: .5rem;
  line-height: 1.75;
}

.gc-golive .badge.bg-primary {
  background-color: var(--gc-primary-bg) !important;
  color: var(--gc-primary-on-tint-2) !important;
}

.gc-golive .badge.bg-success {
  background-color: var(--gc-success-bg) !important;
  color: var(--gc-success-ink) !important;
}

.gc-golive .badge.bg-warning {
  background-color: var(--gc-warning-bg) !important;
  color: var(--gc-warning-on-tint) !important;
}

.gc-golive .badge.bg-danger {
  background-color: var(--gc-danger-bg) !important;
  color: var(--gc-danger-on-tint) !important;
}

.gc-golive .badge.bg-secondary, .gc-golive .badge.bg-light {
  background-color: var(--gc-canvas) !important;
  color: var(--gc-text-secondary) !important;
}

.gc-golive .nav-link .badge {
  --badge-border-radius: var(--gc-radius-full);
  --badge-padding-y: 0;
  --badge-padding-x: .375rem;
  min-width: 20px;
}

.gc-golive .nav-link.active .badge.bg-light {
  background-color: var(--gc-primary) !important;
  color: #fff !important;
}

.gc-golive .gc-ix-tag {
  color: var(--gc-primary-on-tint-2) !important;
}

.gc-golive .gc-ix-tag.fs-6 {
  font-size: .9375rem !important;
}

.gc-golive .nav-tabs-underline {
  --nav-tabs-underline-color: var(--gc-primary);
  border-bottom: 0;
  gap: 1.25rem;
}

.gc-golive .nav-tabs-underline .nav-link {
  --nav-link-padding-x: 0;
  --nav-link-padding-y: .625rem;
  color: var(--gc-text-secondary);
  background: none;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-golive .nav-tabs-underline .nav-link:hover, .gc-golive .nav-tabs-underline .nav-link.active {
  color: var(--gc-primary-on-tint);
}

.gc-golive .nav-tabs-underline .nav-link:before {
  bottom: 0;
}

[data-theme] .gc-golive.gc-golive .dropdown-menu {
  --dropdown-bg: var(--gc-surface);
  --dropdown-border-color: var(--gc-hairline-hover);
  --dropdown-border-radius: var(--gc-radius-md);
  --dropdown-link-color: var(--gc-text);
  --dropdown-link-hover-color: var(--gc-text);
  --dropdown-link-hover-bg: var(--gc-surface-hover);
  --dropdown-color: var(--gc-text);
  --dropdown-box-shadow: var(--gc-shadow-lg);
}

.gc-lvx-pill {
  border-radius: var(--gc-radius-full);
  color: var(--gc-lvx-ink);
  background: linear-gradient(var(--gc-lvx-tint),var(--gc-lvx-tint)),var(--gc-surface);
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  padding: 0 9px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-lvx-pill.is-draft, .gc-lvx-pill.is-closed {
  --gc-lvx-ink: var(--gc-text-secondary);
  --gc-lvx-tint: var(--gc-canvas);
}

.gc-lvx-pill.is-live {
  --gc-lvx-ink: var(--gc-danger-on-tint);
  --gc-lvx-tint: var(--gc-danger-bg);
}

.gc-lvx-pill.is-ended {
  --gc-lvx-ink: var(--gc-warning-on-tint);
  --gc-lvx-tint: var(--gc-warning-bg);
}

.gc-ls {
  line-height: 1.75;
}

.gc-ls-cd {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  align-items: center;
  gap: 3px;
  padding: 0 7px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-ls-cd.is-soon {
  background: var(--gc-warning-bg);
  color: var(--gc-warning-on-tint);
}

.gc-ls-tag {
  border-radius: var(--gc-radius-full);
  white-space: nowrap;
  color: var(--gc-ls-ink);
  background: linear-gradient(var(--gc-ls-tint),var(--gc-ls-tint)),var(--gc-surface);
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  padding: 0 9px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-ls-tag.is-pin {
  --gc-ls-ink: var(--gc-primary-on-tint-2);
  --gc-ls-tint: var(--gc-primary-bg);
  box-shadow: inset 0 0 0 1px var(--gc-primary);
}

.gc-ls-tag.is-now {
  --gc-ls-ink: var(--gc-success-ink);
  --gc-ls-tint: var(--gc-success-bg);
}

.gc-ls-tag.is-warn {
  --gc-ls-ink: var(--gc-warning-on-tint);
  --gc-ls-tint: var(--gc-warning-bg);
}

.gc-ls-alert {
  border-radius: var(--gc-radius-md);
  background: linear-gradient(var(--gc-ls-tint),var(--gc-ls-tint)),var(--gc-surface);
  min-height: 44px;
  color: var(--gc-text);
  box-shadow: inset 3px 0 0 var(--gc-ls-ink);
  align-items: center;
  gap: .625rem;
  margin-bottom: .75rem;
  padding: .375rem .5rem .375rem .875rem;
  line-height: 1.75;
  display: flex;
}

.gc-ls-alert > i {
  color: var(--gc-ls-ink);
  flex-shrink: 0;
  font-size: 1.25rem;
}

.gc-ls-alert .fw-semibold {
  color: var(--gc-ls-ink);
}

.gc-ls-alert.is-warn {
  --gc-ls-ink: var(--gc-warning-on-tint);
  --gc-ls-tint: var(--gc-warning-bg);
}

.gc-ls-alert.is-danger {
  --gc-ls-ink: var(--gc-danger-on-tint);
  --gc-ls-tint: var(--gc-danger-bg);
}

.gc-ls-alert .gc-ls-sub {
  color: var(--gc-text);
  font-size: .8125rem;
  display: block;
}

.gc-ls-alert .btn {
  flex-shrink: 0;
}

.gc-ls-dt {
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: .5rem;
  display: grid;
}

.gc-ls-quick {
  flex-wrap: wrap;
  gap: .375rem;
  margin-top: .5rem;
  display: flex;
}

.gc-ls-quick .btn {
  --btn-padding-y: 0;
  --btn-padding-x: .625rem;
  --btn-font-size: .75rem;
  --btn-border-radius: var(--gc-radius-full);
  align-items: center;
  height: 28px;
  display: inline-flex;
}

.gc-ls-opt {
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  cursor: pointer;
  align-items: flex-start;
  gap: .625rem;
  margin: 0;
  padding: .5rem .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-ls-opt:has(input:checked) {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-ls-opt .form-check-input {
  flex-shrink: 0;
  margin: .3rem 0 0;
}

.gc-ls-opt small {
  color: var(--gc-text-secondary-on-tint);
  font-size: .75rem;
  display: block;
}

.gc-ls-box {
  border-radius: var(--gc-radius-md);
  align-items: flex-start;
  gap: .5rem;
  padding: .4375rem .625rem;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-ls-box > i {
  flex-shrink: 0;
  margin-top: .3125rem;
}

.gc-ls-box.is-warn {
  background: var(--gc-warning-bg);
  color: var(--gc-warning-on-tint);
}

.gc-ls-copy {
  grid-template-columns: 1fr 1fr;
  gap: .125rem 1rem;
  margin: 0;
  padding: 0;
  font-size: .8125rem;
  line-height: 1.75;
  list-style: none;
  display: grid;
}

.gc-ls-copy li {
  align-items: flex-start;
  gap: .375rem;
  display: flex;
}

.gc-ls-copy li > i {
  color: var(--gc-success-ink);
  flex-shrink: 0;
  margin-top: .3rem;
}

.gc-ls-copy.is-no li > i, .gc-ls-copy.is-no {
  color: var(--gc-text-secondary);
}

.gc-ls-lab {
  color: var(--gc-text-secondary);
  margin-bottom: .25rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-ls-hero .card-body {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem 2rem;
  display: flex;
}

.gc-ls-h1 {
  color: var(--gc-text);
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-ls-meta {
  color: var(--gc-text-secondary);
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem 1rem;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-ls-meta > span {
  align-items: center;
  gap: .375rem;
  display: inline-flex;
}

.gc-ls-meta b {
  color: var(--gc-text);
  font-weight: 600;
}

.gc-ls-stats {
  margin: 0;
  grid-template-columns: repeat(3, auto);
  margin-inline-start: auto;
  display: grid;
}

.gc-ls-stats > div {
  border-inline-start: 1px solid var(--gc-hairline);
  padding: 0 1.25rem;
}

.gc-ls-stats > div:first-child {
  border-inline-start: 0;
  padding-inline-start: 0;
}

.gc-ls-stats dt {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.75;
}

.gc-ls-stats dd {
  color: var(--gc-text);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
}

.gc-ls-stats dd small {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  font-weight: 500;
}

.gc-ls-hero .card-footer {
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem 1rem;
  display: flex;
}

.gc-ls-hero .form-switch {
  margin: 0;
}

.gc-ls-tabs {
  scrollbar-width: none;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.gc-ls-tabs .nav-link {
  white-space: nowrap;
}

@media (max-width: 991.98px) {
  .gc-ls-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem 0;
    width: 100%;
    margin-inline-start: 0;
  }
}

@media (max-width: 575.98px) {
  .gc-ls-alert {
    flex-wrap: wrap;
  }

  .gc-ls-alert .btn {
    margin-inline-start: 1.875rem;
  }

  .gc-ls-copy {
    grid-template-columns: 1fr;
  }

  .gc-ls-hero .card-body {
    gap: .75rem;
  }

  .gc-ls-h1 {
    font-size: 1.0625rem;
  }

  .gc-ls .btn {
    min-height: 44px;
  }
}

.gc-lvs .gc-lve-menu {
  white-space: normal;
  width: 344px;
  max-width: calc(100vw - 1.5rem);
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-lve-menu h6 {
  font-size: .875rem;
  line-height: 1.75;
}

.gc-lve-sub {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-lve-cm {
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  background: var(--gc-surface-hover);
  align-items: flex-start;
  gap: .5rem;
  padding: .4375rem .625rem;
  display: flex;
}

.gc-lve-cm .gc-lvc-ph {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  font-size: .75rem;
}

.gc-lve-cm b {
  font-weight: 600;
  line-height: 1.75;
  display: block;
}

.gc-lve-field .gc-lve-err {
  color: var(--gc-danger-on-tint);
  font-weight: 600;
}

.gc-lve-cm .gc-lve-sub {
  color: var(--gc-text-secondary-on-tint);
}

.gc-lve-link {
  color: var(--gc-primary-on-tint-2);
  overflow-wrap: anywhere;
  font-weight: 600;
}

.gc-lve-note {
  color: var(--gc-text-secondary);
  align-items: flex-start;
  gap: .375rem;
  margin-top: .375rem;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-lve-note i {
  flex-shrink: 0;
  margin-top: .25rem;
}

.gc-lve-box {
  border-radius: var(--gc-radius-md);
  align-items: flex-start;
  gap: .5rem;
  margin-top: .5rem;
  padding: .4375rem .625rem;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-lve-box > i {
  flex-shrink: 0;
  margin-top: .3125rem;
}

.gc-lve-box:focus {
  outline: 0;
}

.gc-lve-box.is-ok {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
}

.gc-lve-box.is-warn {
  background: var(--gc-warning-bg);
  color: var(--gc-warning-on-tint);
}

.gc-lve-box.is-err {
  background: var(--gc-danger-bg);
  color: var(--gc-danger-on-tint);
}

.gc-lve-box.is-info {
  background: var(--gc-surface-hover);
  color: var(--gc-text);
  border: 1px solid var(--gc-hairline);
}

.gc-lve-box a {
  color: inherit;
  text-underline-offset: 2px;
  font-weight: 600;
  text-decoration: underline;
}

.gc-lve-box .gc-lve-sub {
  color: inherit;
}

[data-theme] .gc-golive.gc-golive .gc-lve-box .btn {
  --btn-padding-y: 0;
  --btn-padding-x: .625rem;
  --btn-font-size: .75rem;
  --btn-border-radius: var(--gc-radius-full);
  height: 28px;
}

.gc-lve-foot {
  align-items: center;
  gap: .5rem;
  margin-top: .625rem;
  display: flex;
}

.gc-lve-foot > a {
  color: var(--gc-primary-on-tint);
  font-size: .75rem;
  font-weight: 600;
}

[data-theme] .gc-golive.gc-golive .gc-lve-foot .btn {
  --btn-padding-y: 0;
  --btn-padding-x: .75rem;
  --btn-font-size: .8125rem;
  --btn-border-radius: var(--gc-radius-full);
  align-items: center;
  height: 30px;
  display: inline-flex;
}

.gc-lve-menu [aria-disabled="true"] {
  opacity: .55;
  cursor: not-allowed;
}

.gc-lve-quote {
  color: var(--gc-text-secondary);
  border-inline-start: 3px solid var(--gc-hairline-hover);
  margin-bottom: .5rem;
  padding-inline-start: .5rem;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-lve-menu textarea.form-control {
  resize: vertical;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-lve-field {
  color: var(--gc-text-secondary);
  flex-direction: column;
  gap: .125rem;
  margin-bottom: 0;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: flex;
}

.gc-lve-field .form-control {
  color: var(--gc-text);
  font-weight: 400;
}

.gc-lve-field .gc-lve-sub {
  font-weight: 400;
}

.gc-lve-hbtn .ph-check-circle {
  color: var(--gc-success-ink);
}

.gc-lve-hbtn .ph-warning-circle {
  color: var(--gc-warning-on-tint);
}

.gc-lvs .gc-lve-pop {
  top: 0;
  width: 0;
  height: 0;
  position: absolute;
  inset-inline-start: 0;
}

.gc-lve-pop-t {
  opacity: 0;
  pointer-events: none;
  border: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
}

.gc-lve-sep {
  background: var(--gc-hairline-hover);
  flex-shrink: 0;
  align-self: stretch;
  width: 1px;
  margin: 5px 2px;
}

.gc-lvs .gc-lvf-row > .gc-lvs-acts {
  justify-self: end;
}

.gc-lvs .gc-lvs-acts .gc-lve-more {
  display: none;
}

@container (max-width: 759.98px) {
  .gc-lvs .gc-lvs-acts .gc-lve-c {
    display: none;
  }

  .gc-lvs .gc-lvs-acts .gc-lve-more {
    display: inline-flex;
  }
}

@container (min-width: 520.02px) and (max-width: 759.98px) {
  .gc-lvs .gc-lvf-row {
    grid-template-columns: 3.75rem 32px minmax(0, 1fr) auto 134px;
  }
}

.gc-lvs .gc-lve-menu:has( > .gc-lve-mitems) {
  width: 15.5rem;
  padding: .375rem 0 !important;
}

.gc-lve-mitems .dropdown-item {
  align-items: center;
  gap: .5rem;
  line-height: 1.75;
  display: flex;
}

.gc-lve-mitems .dropdown-item > i {
  font-size: 1rem;
}

.gc-lvs .gc-lve-dis, .gc-lvs .gc-lve-dis:hover {
  cursor: not-allowed;
  color: var(--gc-text-muted) !important;
  background: none !important;
}

.gc-lve-tag {
  border-radius: var(--gc-radius-full);
  white-space: nowrap;
  background: var(--gc-surface-hover);
  color: var(--gc-text-secondary-on-tint);
  border: 1px solid var(--gc-hairline-hover);
  align-items: center;
  gap: .25rem;
  padding: 0 .5rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-lve-tag.is-replied {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-on-tint-2);
  border-color: #0000;
}

.gc-lvs .gc-lve-hidden .gc-lve-txt {
  color: var(--gc-text-secondary-on-tint);
}

.gc-lve-why {
  color: var(--gc-text-secondary-on-tint);
  margin-top: .125rem;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.75;
  display: block;
}

.gc-lvk-line {
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem;
  margin-top: .375rem;
  display: flex;
}

.gc-lvk-a {
  border-radius: var(--gc-radius-full);
  border: 1px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  height: 26px;
  color: var(--gc-text);
  white-space: nowrap;
  align-items: center;
  gap: 3px;
  padding: 0 .5rem;
  font-size: .75rem;
  line-height: 1.75;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.gc-lvk-a:after {
  content: "";
  position: absolute;
  inset: -4px -2px;
}

.gc-lvk-a:hover:not(.gc-lve-dis) {
  background: var(--gc-surface-hover);
  color: var(--gc-text);
}

.gc-lvk-a:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 1px;
}

@media (max-width: 991.98px) {
  .gc-lvs .gc-lvs-fe .gc-lvs-acts .gc-lve-c {
    display: inline-flex;
  }

  .gc-lvs .gc-lvs-fe .gc-lvs-acts .gc-lve-more {
    display: none;
  }

  .gc-lvs .gc-lve-mitems .dropdown-item {
    min-height: 44px;
  }

  [data-theme] .gc-golive.gc-golive :is(.gc-lve-foot, .gc-lve-box) .btn {
    height: 44px;
  }

  .gc-lvk-a {
    height: 44px;
    padding-inline: .75rem;
  }

  .gc-lvs .gc-lve-menu .form-control {
    min-height: 44px;
  }

  .gc-lvs .gc-lve-menu textarea.form-control {
    font-size: .875rem;
  }
}

.gc-lcf .gc-rb-kw {
  color: var(--gc-primary-on-tint);
  font-size: .8125rem;
}

.gc-lcf {
  line-height: 1.75;
}

.gc-lcf-sticky {
  top: calc(var(--gc-page-head-h) + 1rem);
  position: sticky;
}

.gc-lcf-field {
  color: var(--gc-text-secondary);
  flex-direction: column;
  gap: 2px;
  font-size: .75rem;
  display: flex;
}

.gc-lcf-field .form-control {
  width: 108px;
}

.gc-lcf-res {
  border-bottom: 1px solid var(--gc-hairline);
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  font-size: .8125rem;
  display: flex;
}

.gc-lcf-res:last-child {
  border-bottom: 0;
}

.gc-lcf-res-ic {
  border-radius: 7px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: .8rem;
  display: flex;
}

.gc-lcf-res-ic.gc-ok {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
}

.gc-lcf-res-ic.gc-no {
  background: var(--gc-canvas);
  color: var(--gc-text-secondary);
}

.gc-lcf-res-ic.gc-warn {
  background: var(--gc-warning-bg);
  color: var(--gc-warning-ink);
}

.gc-lcf-qty {
  white-space: nowrap;
  margin-left: auto;
  font-weight: 700;
}

.gc-lcf-samples {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.gc-lcf-vars-code {
  background: var(--gc-canvas);
  color: var(--gc-text);
  border-radius: 6px;
  padding: 0 5px;
  font-family: inherit;
}

.gc-lcf-w220 {
  max-width: 220px;
}

[data-theme="dark"] .gc-lcf {
  --gc-primary-on-tint: #8a9df7;
}

.gc-arl-text {
  -webkit-line-clamp: 2;
  white-space: pre-line;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.gc-arl-full {
  white-space: pre-wrap;
}

.gc-ars-why {
  color: var(--gc-text-secondary);
  margin: 4px 0 8px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-ars-why summary {
  cursor: pointer;
}

.gc-ars-tool {
  color: var(--gc-text);
  text-decoration: none;
  transition: box-shadow .18s;
}

.gc-ars-tool:hover {
  box-shadow: var(--gc-shadow-md);
  color: var(--gc-text);
}

.gc-ars-tool:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-oc-chips {
  border: 1px dashed var(--gc-hairline-hover);
  border-radius: var(--gc-radius-lg);
  background: var(--gc-canvas);
  flex-wrap: wrap;
  gap: 6px;
  padding: 10px;
  display: flex;
}

.gc-oc-chip {
  border-radius: var(--gc-radius-full);
  background: var(--gc-primary-bg);
  color: var(--gc-primary-ink);
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: 2px;
  padding: 3px 6px;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-oc-chip.gc-oc-dragging {
  opacity: .45;
}

.gc-oc-ok {
  color: var(--gc-success-ink);
}

.gc-oc-chip button {
  color: inherit;
  cursor: pointer;
  border-radius: var(--gc-radius-full);
  background: none;
  border: none;
  padding: 0 2px;
  font-size: .75rem;
  display: flex;
}

.gc-oc-chip button:disabled {
  opacity: .35;
  cursor: default;
}

.gc-oc-chip button:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 1px;
}

.gc-rb-preview .gc-oc-sample {
  white-space: pre-wrap;
  word-break: break-word;
  align-self: stretch;
  max-width: none;
}

.gc-oc-fields {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  gap: 4px;
  padding: 10px 12px;
  font-size: .8125rem;
  line-height: 1.75;
  display: grid;
}

.gc-oc-fields > div {
  grid-template-columns: 72px 1fr;
  gap: 8px;
  display: grid;
}

.gc-oc-fields dt {
  color: var(--gc-text-secondary);
  font-weight: 600;
}

.gc-oc-fields dd {
  margin: 0;
}

.gc-tk-ref {
  color: var(--gc-primary-on-tint);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
}

a.gc-tk-ref {
  text-decoration: none;
}

#view-inbox.gc-tk-view {
  flex: auto;
  min-height: 0;
  height: auto !important;
}

.gc-bc-st.gc-tk-open {
  background: linear-gradient(var(--gc-primary-bg),var(--gc-primary-bg)),var(--gc-surface);
  color: var(--gc-primary-on-tint);
}

.gc-bc-st.gc-tk-prog {
  background: linear-gradient(var(--gc-warning-bg),var(--gc-warning-bg)),var(--gc-surface);
  color: var(--gc-warning-ink);
}

.gc-bc-st.gc-tk-wait {
  background: var(--gc-surface);
  border-color: var(--gc-info-ink);
  color: var(--gc-info-ink);
}

.gc-bc-st.gc-tk-done {
  background: linear-gradient(var(--gc-success-bg),var(--gc-success-bg)),var(--gc-surface);
  color: var(--gc-success-ink);
}

.gc-bc-st.gc-tk-closed {
  border-color: var(--gc-hairline-hover);
  color: var(--gc-text-secondary);
  background: none;
}

.gc-tk-dot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-inline-end: 6px;
  display: inline-block;
}

.gc-tk-dot.gc-tk-open {
  background: var(--gc-primary-ink);
}

.gc-tk-dot.gc-tk-prog {
  background: var(--gc-warning-ink);
}

.gc-tk-dot.gc-tk-wait {
  background: var(--gc-info-ink);
}

.gc-tk-dot.gc-tk-done {
  background: var(--gc-success-ink);
}

.gc-tk-dot.gc-tk-closed {
  background: var(--gc-text-secondary);
}

.gc-tk-pri {
  white-space: nowrap;
  color: var(--gc-text-secondary);
  align-items: center;
  gap: 4px;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-tk-pri.gc-urgent {
  color: var(--gc-danger-ink);
}

.gc-tk-pri.gc-high {
  color: var(--gc-warning-ink);
}

.gc-tk-pri.gc-medium {
  color: var(--gc-info-ink);
}

.gc-tk-due {
  color: var(--gc-text-secondary);
  background: var(--gc-canvas);
  border-radius: var(--gc-radius-full);
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  gap: 3px;
  padding: 0 7px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-tk-due.gc-soon {
  color: var(--gc-warning-ink);
  background: var(--gc-warning-bg);
}

.gc-tk-due i {
  font-size: .8rem;
  line-height: 1;
}

.gc-ix-chat-item .gc-tk-ref {
  font-size: .75rem;
}

.gc-ix-chat-ctx .gc-bc-st {
  flex-shrink: 0;
  padding: 0 8px;
}

.gc-ix-chat-ctx .gc-bc-st i {
  font-size: .8rem;
}

.gc-ix-chat-ctx .gc-tk-pri {
  flex-shrink: 0;
  font-size: .75rem;
}

.gc-tk-nobody {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  margin-inline-start: auto;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-tk-summary {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  margin: 4px 0 8px;
  padding: 14px 16px;
}

.gc-tk-summary h2 {
  overflow-wrap: anywhere;
  margin: 0 0 4px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-tk-summary h2:focus {
  outline: none;
}

.gc-tk-summary h2:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
  border-radius: 4px;
}

.gc-tk-summary p {
  color: var(--gc-text);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 0 0 10px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-tk-summary .btn {
  white-space: nowrap;
  line-height: 1.75;
}

.gc-tk-summary .btn-group {
  flex-wrap: wrap;
}

@container ixmain (max-width: 560px) {
  .gc-tk-hdr-txt.gc-tk-hdr-2 {
    display: none;
  }
}

@container ixmain (max-width: 360px) {
  .gc-tk-hdr-txt {
    display: none;
  }
}

.gc-ix-date-sep.gc-tk-sep span {
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--gc-text-secondary) !important;
  font-size: .75rem !important;
  line-height: 1.75 !important;
}

.gc-tk-sys {
  justify-content: center;
  margin: 10px 0;
  display: flex;
}

.gc-tk-sys > span {
  white-space: normal;
  overflow-wrap: anywhere;
  max-width: 85%;
  color: var(--gc-text-secondary);
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-full);
  text-align: center;
  padding: 2px 12px;
  font-size: .75rem;
  line-height: 1.75;
  display: inline-block;
}

.gc-tk-sys b {
  color: var(--gc-text);
  font-weight: 600;
}

.gc-tk-sys i {
  vertical-align: -1px;
  margin-inline-end: 4px;
}

.gc-ix-bubble.gc-tk-notebub {
  background: var(--gc-warning-bg) !important;
  color: var(--gc-text) !important;
  border-color: #0000 !important;
}

.gc-tk-notebub .gc-tk-notewho {
  color: var(--gc-text);
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  display: block;
}

.gc-tk-notebub .gc-tk-notewho i {
  color: var(--gc-warning-ink);
}

.gc-tk-ev-at {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-tk-ev-at.gc-fail {
  color: var(--gc-danger-ink);
}

.gc-tk-lock {
  color: var(--gc-warning-ink);
  align-items: center;
  gap: 6px;
  padding: 0 4px 6px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-tk-mstrip {
  background: var(--gc-surface);
  border-bottom: 1px solid var(--gc-hairline);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-rp-v .form-select-sm {
  min-height: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: .8125rem;
}

.gc-tk-link {
  border-radius: var(--gc-radius-md);
  background: var(--gc-canvas);
  color: var(--gc-text);
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  text-decoration: none;
  display: flex;
}

.gc-tk-link:hover {
  background: var(--gc-primary-bg);
  color: var(--gc-text);
}

.gc-tk-link-t {
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-tk-link-s {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .75rem;
  line-height: 1.75;
  overflow: hidden;
}

.gc-tk-ptiles {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  display: grid;
}

.gc-tk-ptile {
  text-align: start;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  padding: 8px 10px;
  line-height: 1.75;
  display: flex;
}

.gc-tk-ptile small {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  font-weight: 400;
}

.btn-check:checked + .btn.gc-tk-ptile {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
  color: var(--gc-text);
}

.gc-tk-slaline {
  border-radius: var(--gc-radius-md);
  background: var(--gc-canvas);
  color: var(--gc-text);
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

@media (max-width: 575.98px) {
  .gc-tk-ptiles {
    grid-template-columns: repeat(2, 1fr);
  }
}

.gc-tk-chip {
  border-radius: var(--gc-radius-full);
  white-space: nowrap;
  border: 1px solid var(--gc-warning-ink);
  color: var(--gc-warning-ink);
  background: var(--gc-surface);
  align-items: center;
  gap: 5px;
  padding: 2px 10px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  text-decoration: none;
  display: inline-flex;
}

.gc-tk-chip:hover {
  background: var(--gc-warning-bg);
  color: var(--gc-warning-ink);
}

.gc-tk-chip b {
  font-variant-numeric: tabular-nums;
}

.gc-tk-chip.gc-more {
  padding: 2px 8px;
}

a.gc-ac-item.gc-tk-pc2 {
  color: var(--gc-text);
  text-decoration: none;
}

a.gc-ac-item.gc-tk-pc2:hover {
  box-shadow: 0 0 0 1px var(--gc-primary);
}

a.gc-ac-item.gc-tk-pc2:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 1px;
}

.gc-tk-pc2-t {
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  display: -webkit-box;
  overflow: hidden;
}

.gc-tk-pc2-m {
  color: var(--gc-text-secondary);
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-tk-pc2-m .gc-tk-ref {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  font-weight: 600;
}

.gc-tk-pc2.gc-late :is(.gc-tk-pc2-m, .gc-tk-pc2-m .gc-tk-ref), .gc-tk-pc2.gc-late .gc-tk-pri > span, .gc-ix-chat-item.active .gc-tk-pri > span {
  color: var(--gc-text);
}

.gc-tk-pc2-m .gc-tk-pri {
  font-size: .75rem;
}

.gc-tk-pc2 .gc-ix-chat-ctx2 {
  margin-top: 4px !important;
}

.gc-tk-pc2 .gc-bc-st {
  padding: 0 8px;
}

.gc-tk-donelist > summary {
  cursor: pointer;
  color: var(--gc-primary-ink);
  align-items: center;
  gap: 4px;
  margin: 0 0 6px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  list-style: none;
  display: inline-flex;
}

.gc-tk-donelist > summary::-webkit-details-marker {
  display: none;
}

.gc-tk-donelist > summary i {
  transition: transform .15s var(--gc-ease);
}

.gc-tk-donelist[open] > summary i {
  transform: rotate(90deg);
}

@media (prefers-reduced-motion: reduce) {
  .gc-tk-donelist > summary i {
    transition: none;
  }
}

#view-inbox.gc-tk-view .gc-ix-chat-item:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: -2px;
}

.gc-tk-summary [aria-disabled="true"], .gc-ix-info-panel [aria-disabled="true"], .gc-ix-header-actions [aria-disabled="true"] {
  opacity: .65;
  cursor: progress;
}

.gc-tk-panel-hint {
  color: var(--gc-text-secondary);
  margin: 0 0 6px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-bc-st.gc-tk-wcus {
  background: linear-gradient(var(--gc-ai-bg),var(--gc-ai-bg)),var(--gc-surface);
  color: var(--gc-ai-ink);
}

.gc-tk-dot.gc-tk-wcus {
  background: var(--gc-ai-ink);
}

.gc-tk-due.gc-paused {
  color: var(--gc-ai-ink);
  background: var(--gc-ai-bg);
}

.gc-tk-hsep {
  background: var(--gc-hairline-hover);
  width: 1px;
  height: 22px;
}

.gc-tk-segbar {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  margin-bottom: 16px;
  padding: 12px;
}

.gc-tk-seg {
  border: 1px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  height: 34px;
  color: var(--gc-text);
  cursor: pointer;
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 0 14px;
  font-family: inherit;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

.gc-tk-seg i {
  color: var(--c);
}

.gc-tk-seg:hover:not(:disabled) {
  border-color: var(--c);
}

.gc-tk-seg.gc-on {
  background: var(--c);
  border-color: var(--c);
  color: var(--gc-surface);
}

.gc-tk-seg.gc-on i {
  color: var(--gc-surface);
}

.gc-tk-seg:disabled:not(.gc-on) {
  opacity: .5;
  cursor: not-allowed;
}

.gc-tk-seg:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-tk-segbar .gc-tk-hsep {
  align-self: center;
}

.gc-tk-segbar [aria-disabled="true"] {
  opacity: .65;
  cursor: progress;
}

.gc-tk-segbar .gc-meta, .gc-tk-sla .gc-meta, .gc-tk-compose .gc-meta {
  font-size: .75rem;
  line-height: 1.75;
}

.gc-tk-sla {
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  padding: 10px 12px;
}

.gc-tk-sla-t {
  align-items: center;
  gap: 6px;
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.75;
  display: flex;
}

.gc-tk-sla-late {
  border-color: var(--gc-danger-ink);
  background: var(--gc-danger-bg);
}

.gc-tk-sla-late .gc-tk-sla-t {
  color: var(--gc-danger-on-tint);
}

.gc-tk-sla-late .gc-meta {
  color: var(--gc-text-secondary-on-tint);
}

.gc-tk-sla-paused .gc-tk-sla-t {
  color: var(--gc-ai-ink);
}

.gc-tk-sla-soon .gc-tk-sla-t {
  color: var(--gc-warning-ink);
}

.gc-tk-compose {
  background: var(--gc-surface);
  border-top: 1px solid var(--gc-hairline);
  padding: 10px 16px calc(12px + env(safe-area-inset-bottom, 0px));
  flex-shrink: 0;
}

.gc-tk-compose textarea {
  font-size: .875rem;
  line-height: 1.75;
}

.gc-tk-compose-h :is(i, b) {
  color: var(--gc-warning-ink);
}

.gc-tk-compose .btn {
  white-space: nowrap;
  flex-shrink: 0;
}

.gc-tk-main {
  background: var(--gc-surface);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  padding: 16px 20px 0;
  display: flex;
  overflow: hidden;
}

.gc-tk-top {
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  display: flex;
}

.gc-tk-top h1 {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75;
  overflow: hidden;
}

.gc-tk-top .gc-fb-search {
  flex: 0 22rem;
  margin-inline-start: auto;
}

.gc-tk-top .gc-fb-rail {
  flex-shrink: 0;
}

.gc-tk-rail > button i {
  margin-inline-end: 4px;
}

.dropdown-menu.gc-tk-newmenu {
  width: 18rem;
  padding: 12px 14px;
  font-size: .8125rem;
  line-height: 1.75;
}

.dropdown-menu.gc-tk-bmenu {
  max-height: min(24rem, 70vh);
  overflow-y: auto;
}

.gc-tk-fbar {
  flex-shrink: 0;
  margin-bottom: 12px;
}

.gc-tk-fbar .gc-fb-chips {
  flex-wrap: wrap;
}

.gc-tk-fbar .gc-meta {
  color: var(--gc-text-secondary);
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-cu-kpis.gc-tk-kpis {
  flex-shrink: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.gc-tk-kpis .gc-cu-kpi {
  font-family: inherit;
}

.gc-tk-kpis .gc-cu-kpi-ic {
  color: var(--gc-surface);
}

.gc-tk-kpis .gc-cu-kpi.gc-on {
  border-color: var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-tk-kpis .gc-cu-kpi.gc-on .gc-cu-kpi-l {
  color: var(--gc-text-secondary-on-tint);
}

.gc-tk-head {
  border: 1px solid var(--gc-hairline);
  background: var(--gc-surface);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  display: flex;
}

.gc-tk-head.gc-tk-bulk {
  background: linear-gradient(var(--gc-primary-bg),var(--gc-primary-bg)),var(--gc-surface);
  flex-wrap: wrap;
  gap: 8px;
  min-height: 57px;
}

.gc-tk-bulk b {
  color: var(--gc-primary-on-tint);
  font-size: .875rem;
  line-height: 1.75;
}

.gc-tk-total {
  color: var(--gc-primary-on-tint);
  font-variant-numeric: tabular-nums;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.2;
}

.gc-tk-head .gc-meta {
  color: var(--gc-text-secondary);
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-tk-head .gc-cu-pg {
  flex-shrink: 0;
  width: 30px;
}

.gc-tk-main .gc-cu-tw {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  margin-bottom: 16px;
  display: flex;
}

.gc-tk-main .gc-cu-tw.gc-tk-tw-empty {
  border-top: 1px solid var(--gc-hairline);
  border-radius: 8px;
  flex: none;
}

.gc-tk-busy {
  opacity: .55;
  transition: opacity .15s;
}

.gc-tk-main .gc-cu-tw .gc-meta {
  color: var(--gc-text-secondary);
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-tk-main .gc-cu-scroll {
  flex: 1;
  overflow: auto;
}

.gc-tk-main .gc-cu-table th {
  z-index: 1;
  padding: 0 10px;
  position: sticky;
  top: 0;
}

.gc-tk-main .gc-cu-table td {
  height: 44px;
  padding: 4px 10px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-tk-main .gc-cu-table .gc-tk-ic {
  text-align: center;
  width: 34px;
  padding-left: 6px;
  padding-right: 6px;
}

.gc-tk-main .gc-cu-table .gc-tk-ic:first-child {
  padding-left: 14px;
}

.gc-tk-ic i {
  vertical-align: middle;
  font-size: 1.125rem;
}

.gc-tk-ic img.gc-cu-ch-logo {
  vertical-align: middle;
  width: 18px;
  height: 18px;
}

.gc-tk-main .gc-tk-ic .form-check-input {
  vertical-align: middle;
  margin: 0;
}

.gc-tk-main .gc-cu-table .gc-tk-pick {
  cursor: pointer;
}

.gc-tk-refc {
  white-space: nowrap;
}

.gc-tk-subj {
  color: var(--gc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 190px;
  font-weight: 600;
  display: block;
  overflow: hidden;
}

.gc-tk-cust {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  display: block;
  overflow: hidden;
}

.gc-tk-who {
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.gc-cu-avac.gc-tk-av {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  font-size: .75rem;
}

.gc-tk-none {
  color: var(--gc-text-secondary);
}

.gc-tk-dt-late {
  color: var(--gc-danger-ink);
  font-weight: 600;
}

.gc-tk-dt-paused {
  color: var(--gc-ai-ink);
}

.gc-tk-dt-done {
  color: var(--gc-text-secondary);
}

.gc-tk-main .gc-cu-table tbody tr.sel td:first-child {
  box-shadow: inset 3px 0 0 var(--gc-primary);
}

.gc-tk-main .gc-cu-table tr.sel :is(.gc-tk-none, .gc-tk-dt-done) {
  color: var(--gc-text-secondary-on-tint);
}

.gc-tk-main .gc-cu-table tr.sel .gc-tk-dt-late {
  color: var(--gc-danger-on-tint);
}

.gc-tk-main .gc-cu-table tr.gc-tk-secrow td {
  height: auto;
  color: var(--gc-text-secondary);
  background: var(--gc-surface);
  cursor: default;
  padding: 10px 12px 4px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-tk-main .gc-cu-table tbody tr.gc-tk-secrow {
  cursor: default;
}

.gc-tk-main .gc-cu-table tbody tr.gc-tk-secrow:hover {
  background: none;
}

.gc-tk-secrow td span {
  font-weight: 500;
}

.gc-tk-legend {
  color: var(--gc-text-secondary);
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 4px 16px;
  padding: 0 2px 8px;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-tk-legend i {
  vertical-align: -2px;
  margin-inline-end: 3px;
  font-size: .9375rem;
}

.gc-tk-main .gc-cu-table tr.gc-tk-grp td {
  background: var(--gc-surface-hover);
  font-weight: 600;
}

.gc-tk-grp-s {
  white-space: nowrap;
}

.gc-tk-grp .gc-tk-subj {
  vertical-align: bottom;
  max-width: 360px;
  display: inline-block;
}

.gc-tk-grp-n {
  color: var(--gc-primary-on-tint);
  background: linear-gradient(var(--gc-primary-bg),var(--gc-primary-bg)),var(--gc-surface);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  margin-inline-start: 8px;
  padding: 0 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-tk-bar {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  font-size: .75rem;
  line-height: 1.75;
  display: inline-flex;
}

.gc-tk-grp .gc-tk-bar {
  color: var(--gc-text-secondary-on-tint);
}

.gc-tk-bar > span {
  background: var(--gc-hairline);
  border-radius: 999px;
  width: 80px;
  height: 6px;
  overflow: hidden;
}

.gc-tk-bar > span > b {
  background: var(--gc-success-ink);
  height: 100%;
  display: block;
}

.gc-tk-main .gc-cu-table tr.gc-tk-child td:nth-child(6) {
  padding-left: 28px;
  position: relative;
}

.gc-tk-main .gc-cu-table tr.gc-tk-child td:nth-child(6):before {
  content: "";
  border-left: 1px solid var(--gc-hairline-hover);
  border-bottom: 1px solid var(--gc-hairline-hover);
  width: 9px;
  position: absolute;
  top: 0;
  bottom: 50%;
  left: 14px;
}

.gc-tk-unlink {
  font-size: .75rem;
  line-height: 1.75;
}

.gc-tk-pbmenu {
  max-width: 320px;
  max-height: 320px;
  overflow-y: auto;
}

.gc-tk-wmode {
  flex-shrink: 0;
  padding: 0 12px 8px;
}

@media (max-width: 991.98px) {
  .gc-ix-body .gc-tk-main {
    padding: 12px 12px calc(80px + env(safe-area-inset-bottom, 0px));
    display: block;
    overflow-y: auto;
  }

  .gc-tk-top {
    flex-wrap: wrap;
  }

  .gc-tk-top h1 {
    flex: auto;
  }

  .gc-tk-top .gc-fb-search {
    flex: 100%;
    order: 2;
    margin: 0;
  }

  .gc-cu-kpis.gc-tk-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gc-tk-legend {
    display: none;
  }

  .gc-tk-head {
    background: none;
    border: 0;
    flex-wrap: wrap;
    padding: 4px 0 10px;
  }

  .gc-tk-head .gc-tk-hsep, .gc-tk-head label {
    display: none;
  }

  .gc-tk-head.gc-tk-bulk {
    z-index: 5;
    border-radius: var(--gc-radius-lg);
    padding: 8px;
    position: sticky;
    top: -12px;
  }

  .gc-tk-head .gc-cu-sort {
    flex: 9rem;
  }

  .gc-tk-main .gc-cu-table tbody tr {
    grid-template-columns: auto auto auto auto 1fr auto;
    align-items: center;
    gap: 2px 8px;
    padding: 10px 12px;
  }

  .gc-tk-main .gc-cu-table td {
    grid-column: auto !important;
    height: auto !important;
    margin-top: 0 !important;
    padding: 0 !important;
  }

  .gc-tk-main .gc-cu-table td[data-th]:before {
    content: none !important;
  }

  .gc-tk-main .gc-cu-table td[data-th="กำหนดเสร็จ"], .gc-tk-main .gc-cu-table td[data-th="ประเภท"] {
    display: none;
  }

  .gc-tk-main .gc-cu-table td[data-th="หัวข้อ"] {
    grid-row: 2;
    grid-column: 2 / -1 !important;
  }

  .gc-tk-main .gc-cu-table td[data-th="ลูกค้า"] {
    color: var(--gc-text-secondary);
    grid-row: 3;
    font-size: .75rem;
    grid-column: 2 / 5 !important;
  }

  .gc-tk-main .gc-cu-table td[data-th="ผู้รับผิดชอบ"] {
    grid-row: 3;
    justify-self: end;
    font-size: .75rem;
    grid-column: 5 / -1 !important;
  }

  .gc-tk-main .gc-cu-table td[data-th="ครบกำหนด"] {
    grid-row: 1;
    font-size: .75rem;
    grid-column: 6 !important;
  }

  .gc-tk-main .gc-cu-table td[data-th="เลือก"] {
    grid-row: 1 / 4;
    align-self: start;
  }

  .gc-tk-main .gc-cu-table tr.sel td[data-th="ลูกค้า"] {
    color: var(--gc-text-secondary-on-tint);
  }

  .gc-tk-subj {
    white-space: normal;
    overflow-wrap: anywhere;
    max-width: none;
  }

  .gc-tk-cust {
    max-width: none;
  }

  .gc-tk-main .gc-cu-table tbody tr.gc-tk-secrow {
    background: none;
    border: 0;
    padding: 4px 2px 0;
    display: block;
  }

  .gc-tk-main .gc-cu-table tr.gc-tk-secrow td {
    background: none;
    display: block;
    padding: 0 !important;
  }

  .gc-tk-main .gc-cu-table tr.gc-tk-child {
    margin-left: 16px;
  }

  .gc-tk-main .gc-cu-table tr.gc-tk-child td:nth-child(6):before {
    content: none !important;
  }

  .gc-tk-main .gc-cu-table tr.gc-tk-grp td[colspan] {
    grid-column: 2 / -1 !important;
  }

  .gc-tk-main .gc-cu-table tr.gc-tk-grp td.gc-tk-refc {
    grid-row: 1;
    grid-column: 5 !important;
  }

  .gc-tk-main .gc-cu-table tr.gc-tk-grp td.gc-tk-grp-late {
    grid-row: 1;
    grid-column: 6 !important;
  }

  .gc-tk-main .gc-cu-table tr.gc-tk-grp td {
    background: none;
  }

  .gc-tk-main .gc-cu-table tbody tr.gc-tk-grp {
    background: var(--gc-surface-hover);
  }

  .gc-tk-grp-s {
    white-space: normal;
  }

  .gc-tk-grp .gc-tk-subj {
    max-width: none;
    display: inline;
  }
}

.gc-tk-main.gc-tk-detail {
  background: var(--gc-canvas);
  display: block;
  overflow-y: auto;
}

.gc-ix-body .gc-tk-main.gc-tk-detail .card {
  --card-bg: var(--gc-surface);
}

.gc-tk-h2 {
  margin: 2px 0 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-tk-detail .gc-meta, .gc-tk-pbm .gc-meta {
  font-size: .75rem;
  line-height: 1.75;
}

.gc-tk-pbm .gc-meta {
  color: var(--gc-text-secondary-on-tint);
}

.gc-tk-view .alert.alert-warning, .gc-tk-pbm .alert.alert-warning {
  --alert-color: var(--gc-warning-on-tint);
}

.gc-tk-pb-ic {
  color: var(--gc-primary-ink);
}

.gc-tk-pb-desc {
  line-height: 1.75;
}

.gc-tk-pb-bar > span {
  width: 220px;
  max-width: 40vw;
}

.gc-tk-late-n {
  font-size: .75rem;
  line-height: 1.75;
}

.gc-tk-picklist {
  max-height: 320px;
  overflow: auto;
}

.gc-tk-picklist .form-check {
  margin: 0;
  padding-block: 4px;
  line-height: 1.75;
}

.gc-tk-picklist .form-check-label .text-truncate {
  max-width: 220px;
}

.gc-tk-stlist {
  max-height: 240px;
  margin-bottom: 12px;
  padding-inline-start: 1.25rem;
  line-height: 1.75;
  overflow: auto;
}

.gc-tk-rcp {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-tk-rcp span {
  border: 1px solid var(--gc-hairline-hover);
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 1px 10px 1px 4px;
  display: inline-flex;
}

.gc-tk-pbm .alert .gc-tk-ref {
  color: inherit;
}

@media (min-width: 992px) {
  .gc-tk-main.gc-tk-detail {
    padding: 16px 20px 24px;
  }

  .gc-tk-detail .gc-cu-tw {
    border-top: 1px solid var(--gc-hairline);
    border-radius: 8px;
  }
}

@media (max-width: 991.98px) {
  .gc-tk-main .gc-cu-table.gc-tk-nopick tbody tr {
    grid-template-columns: auto auto auto 1fr auto;
  }

  .gc-tk-main .gc-cu-table.gc-tk-nopick td[data-th="หัวข้อ"] {
    grid-column: 1 / -1 !important;
  }

  .gc-tk-main .gc-cu-table.gc-tk-nopick td[data-th="ลูกค้า"] {
    grid-column: 1 / 4 !important;
  }

  .gc-tk-main .gc-cu-table.gc-tk-nopick td[data-th="ผู้รับผิดชอบ"] {
    grid-column: 4 / -1 !important;
  }

  .gc-tk-main .gc-cu-table.gc-tk-nopick td[data-th="ครบกำหนด"] {
    grid-column: 5 !important;
  }
}

.gc-pk.gc-pkt .gc-pk-head-t h2 {
  font-weight: 600;
}

.gc-pk.gc-pkt .gc-pk-tools .form-control {
  border-radius: var(--border-radius);
  min-height: 0;
  padding-inline-start: 34px;
  font-size: .875rem;
}

.gc-pk.gc-pkt .gc-pk-body {
  gap: 8px;
}

.gc-pk.gc-pkt .gc-pk-card {
  border-radius: var(--border-radius-lg, .5rem);
  border-width: 1px;
  gap: 12px;
  padding: 10px 12px;
}

.gc-pk.gc-pkt .gc-pk-card.gc-on {
  box-shadow: 0 0 0 1px var(--gc-primary);
}

.gc-pk-img-48 {
  width: 48px;
  height: 48px;
  font-size: 1.25rem;
}

.gc-pk.gc-pkt .gc-pk-img {
  border-radius: var(--border-radius);
}

.gc-pk.gc-pkt .gc-pk-n {
  font-size: .875rem;
}

.gc-pkt-meta {
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.gc-pk.gc-pkt .gc-pk-m {
  font-size: .75rem;
}

.gc-pk.gc-pkt .gc-pk-stk {
  border-radius: var(--border-radius-sm, .25rem);
  flex: none;
  margin-top: 0;
}

.gc-pk.gc-pkt .gc-pk-p {
  font-size: .875rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .gc-pk.gc-pkt .gc-pk-r {
    flex-direction: row;
    align-items: center;
    gap: 12px;
  }

  .gc-pk.gc-pkt .gc-pk-r .gc-pk-qty {
    order: -1;
  }
}

.gc-pk.gc-pkt .gc-pk-foot .btn {
  border-radius: var(--border-radius);
  min-height: 0;
  font-weight: 400;
}

.gc-pk.gc-pkt .gc-pk-foot-v {
  font-size: 1rem;
  font-weight: 600;
}

.nav.nav-pills.gc-pkt-bar {
  --nav-pills-link-active-bg: var(--gc-primary);
  flex-wrap: nowrap;
}

.gc-pkt-bar .nav-link {
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  padding-block: 8px;
  font-size: .875rem;
  display: flex;
}

.badge.gc-pkt-num {
  background: var(--gc-hairline);
  color: var(--gc-text-secondary);
}

.gc-pkt-bar .nav-link.active .badge.gc-pkt-num {
  color: #fff;
  background: #ffffff38;
}

@media (max-width: 767.98px) {
  .nav.nav-pills.gc-pkt-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    display: grid;
  }

  .nav.nav-pills.gc-pkt-bar .nav-item {
    margin: 0 !important;
  }

  .nav.nav-pills.gc-pkt-bar .nav-link {
    justify-content: flex-start;
    padding-inline: 10px;
    border-radius: var(--border-radius) !important;
  }

  .nav.nav-pills.gc-pkt-bar .nav-link .badge {
    margin-inline-start: auto !important;
  }
}

@media (max-width: 359.98px) {
  .gc-pkt-bar .nav-link > i {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .gc-pkt-meta {
    flex-wrap: wrap;
    row-gap: 2px;
  }
}

.gc-ppm-grid {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 24px;
  display: flex;
}

.gc-ppm-grid figure {
  width: 720px;
  max-width: 100%;
  margin: 0;
}

.gc-ppm-grid figcaption {
  color: var(--gc-text-secondary);
  min-height: 3.5em;
  margin-bottom: 8px;
  font-size: .8125rem;
  line-height: 1.75;
}

.gc-ppm-frame {
  border: 1px solid var(--gc-border);
  border-radius: 12px;
  height: 760px;
  overflow: hidden;
}

.gc-ppm-frame .gc-pk {
  width: 100%;
  height: 100%;
  box-shadow: none;
  animation: none;
}

.gc-golive .gc-os-modes {
  gap: .5rem;
  min-width: 0;
  display: grid;
}

.gc-golive .gc-os-mode {
  border: 1px solid var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  background: var(--gc-surface);
  cursor: pointer;
  align-items: flex-start;
  gap: .75rem;
  margin: 0;
  padding: .625rem .875rem;
  line-height: 1.75;
  display: flex;
}

.gc-golive .gc-os-mode:hover {
  background: var(--gc-surface-hover);
}

.gc-golive .gc-os-mode:has(input:checked) {
  border-color: var(--gc-primary);
  box-shadow: inset 0 0 0 1px var(--gc-primary);
  background: var(--gc-primary-bg);
}

.gc-golive .gc-os-mode:has(input:focus-visible) {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-golive .gc-os-mode:has(input:disabled) {
  cursor: not-allowed;
}

.gc-golive .gc-os-mode:has(input:disabled:not(:checked)) {
  opacity: .6;
}

.gc-golive .gc-os-mode .form-check-input {
  flex-shrink: 0;
  margin: .3rem 0 0;
}

.gc-golive .gc-os-mode-t {
  font-size: .875rem;
  font-weight: 600;
}

.gc-golive .gc-os-mode-d {
  color: var(--gc-text-secondary-on-tint);
  font-size: .8125rem;
}

.gc-golive .gc-os-tl {
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem .375rem;
  margin-top: .25rem;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-golive .gc-os-tl > i {
  color: var(--gc-text-secondary-on-tint);
}

.gc-golive .gc-os-ev {
  border-radius: var(--gc-radius-sm);
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline-hover);
  white-space: nowrap;
  padding: 0 .4375rem;
}

.gc-golive .gc-os-uses {
  color: var(--gc-text-secondary-on-tint);
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem;
  margin-top: .25rem;
  font-size: .75rem;
  display: flex;
}

.gc-golive .gc-os-use {
  border-radius: var(--gc-radius-full);
  background: var(--gc-surface);
  color: var(--gc-text);
  border: 1px solid var(--gc-hairline);
  white-space: nowrap;
  padding: 0 .4375rem;
}

.gc-golive .gc-os-mode .gc-lve-note {
  color: var(--gc-text-secondary-on-tint);
  margin-top: .125rem;
}

.gc-golive .gc-os-tabs {
  border-bottom: 1px solid var(--gc-hairline);
  scrollbar-width: none;
  flex-wrap: nowrap;
  gap: 1rem;
  overflow-x: auto;
}

.gc-golive .gc-os-tabs .nav-link {
  white-space: nowrap;
  align-items: center;
  gap: .375rem;
  line-height: 1.75;
  display: inline-flex;
}

.gc-golive .gc-os-tabs .nav-link[aria-disabled="true"] {
  color: var(--gc-text-secondary);
  opacity: .6;
  cursor: not-allowed;
}

.gc-golive .gc-os-tabs .gc-os-dot {
  background: var(--gc-primary);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.gc-golive .gc-os-off {
  font-size: .75rem;
  font-weight: 500;
}

.gc-golive .gc-os-edit textarea.form-control {
  resize: vertical;
  font-size: .875rem;
  line-height: 1.75;
}

.gc-golive .gc-os-chip[aria-disabled="true"] {
  opacity: .6;
  cursor: not-allowed;
  background: var(--gc-canvas) !important;
  color: var(--gc-text-secondary) !important;
}

.gc-golive .gc-os-when {
  border-radius: var(--gc-radius-md);
  background: var(--gc-surface-hover);
  border: 1px solid var(--gc-hairline);
  grid-template-columns: auto minmax(0, 1fr);
  gap: .125rem .5rem;
  padding: .5rem .75rem;
  font-size: .8125rem;
  line-height: 1.75;
  display: grid;
}

.gc-golive .gc-os-when dt {
  color: var(--gc-text-secondary-on-tint);
  font-weight: 500;
}

.gc-golive .gc-os-when dd {
  margin: 0;
}

.gc-golive .gc-os-count {
  font-variant-numeric: tabular-nums;
}

.gc-golive .gc-os-pv {
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  background: var(--gc-surface);
  overflow: hidden;
}

.gc-golive .gc-os-pv-h {
  border-bottom: 1px solid var(--gc-hairline);
  align-items: center;
  gap: .5rem;
  min-width: 0;
  padding: .5rem .75rem;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-golive .gc-os-pv-av {
  background: var(--gc-avatar-indigo);
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: .875rem;
  display: inline-flex;
}

.gc-golive .gc-os-pv-b {
  flex-direction: column;
  gap: .25rem;
  min-height: 9rem;
  padding: .75rem;
  display: flex;
}

.gc-golive .gc-os-ctx {
  max-width: 88%;
  color: var(--gc-text-secondary);
  border-inline-start: 3px solid var(--gc-hairline-hover);
  align-self: flex-start;
  margin-inline-start: 36px;
  padding-inline-start: .5rem;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-golive .gc-os-pv .media-chat-item {
  width: auto;
}

.gc-golive .gc-os-pv .gc-os-bub {
  background: var(--gc-canvas);
  max-width: calc(100% - 36px);
  color: var(--gc-text);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  border-radius: 18px 18px 18px 4px;
  padding: .5rem .75rem;
  font-size: .875rem;
  line-height: 1.75;
}

[data-theme="dark"] .gc-golive .gc-os-pv .gc-os-bub {
  background: var(--gc-surface-hover);
}

.gc-golive .gc-os-pv .gc-os-bub.is-empty {
  color: var(--gc-text-secondary);
}

.gc-golive .gc-os-meta {
  color: var(--gc-text-secondary);
  margin-inline-start: 36px;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-golive .gc-lvk-so {
  border-radius: var(--gc-radius-sm);
  background-color: var(--gc-surface);
  background-image: linear-gradient(var(--gc-primary-bg),var(--gc-primary-bg));
  color: var(--gc-primary-on-tint-2);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  align-items: center;
  padding: 0 7px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  text-decoration: none;
  display: inline-flex;
}

.gc-golive .gc-lvk-so.is-off {
  background-image: linear-gradient(var(--gc-canvas),var(--gc-canvas));
  color: var(--gc-text-secondary);
  text-decoration: line-through;
}

.gc-golive .gc-lvk-dm {
  border-radius: var(--gc-radius-full);
  width: 22px;
  height: 22px;
  color: var(--gc-text-secondary);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .875rem;
  display: inline-flex;
}

.gc-golive .gc-lvk-dm.is-replied {
  color: var(--gc-success-ink);
  background: var(--gc-success-bg);
}

.gc-golive .gc-lvk-dm.is-pending {
  color: var(--gc-primary-on-tint-2);
}

.gc-golive .gc-lvk-dm.is-failed {
  color: var(--gc-danger-on-tint);
  background: var(--gc-danger-bg);
}

.gc-golive .gc-lvk-dm.is-warn {
  color: var(--gc-warning-on-tint);
  background: var(--gc-warning-bg);
}

.gc-golive .gc-os-cap {
  width: 13rem;
  max-width: 100%;
}

.gc-golive .gc-os-wait {
  border-radius: var(--gc-radius-sm);
  border: 1px dashed var(--gc-text-secondary);
  color: var(--gc-text-secondary);
  white-space: nowrap;
  align-items: center;
  gap: 3px;
  padding: 0 7px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-golive .gc-os-cfo {
  flex-wrap: wrap;
  align-items: center;
  gap: .375rem;
  margin-top: .5rem;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-golive .gc-os-dml {
  border-radius: var(--gc-radius-md);
  align-items: flex-start;
  gap: .5rem;
  margin-top: .375rem;
  padding: .375rem .625rem;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-golive .gc-os-dml > i {
  flex-shrink: 0;
  margin-top: .25rem;
}

.gc-golive .gc-os-dml.is-sent {
  background: var(--gc-surface-hover);
  color: var(--gc-text);
}

.gc-golive .gc-os-dml.is-replied {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
}

.gc-golive .gc-os-dml.is-pending {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-on-tint-2);
}

.gc-golive .gc-os-dml.is-failed {
  background: var(--gc-danger-bg);
  color: var(--gc-danger-on-tint);
}

.gc-golive .gc-os-dml.is-warn {
  background: var(--gc-warning-bg);
  color: var(--gc-warning-on-tint);
}

.gc-golive .gc-os-dml .gc-os-sub {
  color: inherit;
  font-size: .75rem;
  display: block;
}

.gc-golive .gc-os-dml.is-sent .gc-os-sub {
  color: var(--gc-text-secondary-on-tint);
}

.gc-golive .gc-os-dml a {
  color: inherit;
  text-underline-offset: 2px;
  font-weight: 600;
  text-decoration: underline;
}

.gc-golive .gc-os-dml .gc-os-acts {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem .75rem;
  margin-top: .125rem;
  display: flex;
}

.gc-golive .gc-os-dml .gc-os-retry {
  color: inherit;
  text-underline-offset: 2px;
  background: none;
  border: 0;
  padding: 0;
  font-weight: 600;
  line-height: 1.75;
  text-decoration: underline;
}

.gc-golive .gc-os-dml .gc-os-retry:disabled {
  opacity: .6;
  text-decoration: none;
}

.gc-golive .gc-lvc-ord {
  border-top: 1px solid var(--gc-hairline);
  padding: .4375rem .875rem;
}

.gc-golive .gc-lvc-ord > .gc-os-cfo {
  margin-top: 0;
}

.gc-golive .gc-lvc-ord > .gc-os-cfo + .gc-os-dml {
  margin-top: .375rem;
}

.gc-golive .gc-lvc-ord > .gc-os-dml:first-child {
  margin-top: 0;
}

@media (max-width: 991.98px) {
  .gc-golive .gc-os-tabs .nav-link, .gc-golive .gc-os-ins .gc-ix-tag {
    min-height: 44px;
  }

  .gc-golive .gc-os-dml :is(a, .gc-os-retry) {
    align-items: center;
    min-height: 44px;
    display: inline-flex;
  }
}

[data-theme="dark"] .gc-lvs .gc-lvv {
  box-shadow: inset 0 0 0 1px var(--gc-hairline-hover);
}

@media (max-width: 991.98px) {
  .gc-lvs .gc-lvs-grid > .gc-lvv {
    display: none;
  }
}

.gc-lv-media {
  border-radius: var(--border-radius);
  object-fit: cover;
  max-width: 96px;
  max-height: 64px;
  margin-top: .25rem;
  display: block;
}

.gc-lv-media.is-sticker {
  object-fit: contain;
  border-radius: 0;
  max-width: 64px;
}

.gc-lvs {
  --gc-lv-head-h: 40px;
}

@media (min-width: 992px) {
  .content-inner:has( > .content > .gc-golive) .gc-lvs .gc-page-head .page-header-content {
    min-height: 48px;
    padding-inline: .75rem;
    padding-block: 0 !important;
  }

  [data-theme] .gc-golive.gc-lvs .gc-page-head .btn {
    --btn-padding-y: .1875rem;
    --btn-padding-x: .75rem;
  }

  .gc-lvs .gc-page-head .gc-icon-btn {
    width: 32px;
    height: 32px;
  }
}

.gc-lvts-hmain {
  flex: 0 auto;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.gc-lvts-page {
  min-width: 3rem;
  color: var(--gc-text);
  border-radius: var(--gc-radius-md);
  flex: 0 auto;
  align-items: center;
  gap: .5rem;
  margin-inline-start: -2px;
  padding: 2px 6px 2px 2px;
  text-decoration: none;
  display: inline-flex;
}

a.gc-lvts-page:hover {
  background: var(--gc-surface-hover);
  color: var(--gc-text);
}

a.gc-lvts-page:hover .gc-lvts-pname {
  text-underline-offset: 2px;
  text-decoration: underline;
}

.gc-lvts-page:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 1px;
}

.gc-lvts-pav {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  position: relative;
}

.gc-lvts-pav > .gc-lvc-ph {
  color: #fff;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  font-size: .75rem;
}

.gc-lvts-pav > .gc-lvc-ph > img {
  border-radius: 50%;
}

.gc-lvts-pav .gc-ix-avatar-channel {
  border-width: 1.5px !important;
  width: 14px !important;
  height: 14px !important;
  bottom: -3px !important;
  right: -3px !important;
}

.gc-lvts-pav .gc-ix-avatar-channel img {
  width: 100%;
  height: 100%;
}

.gc-lvts-pdot {
  background: var(--gc-danger-on-tint);
  width: 10px;
  height: 10px;
  box-shadow: 0 0 0 2px var(--gc-surface);
  border-radius: 50%;
  display: none;
  position: absolute;
  top: -2px;
  right: -2px;
}

.gc-lvts-pname {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  max-width: 15rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.75;
  overflow: hidden;
}

.gc-lvts-sep {
  color: var(--gc-text-secondary);
  flex-shrink: 0;
}

.gc-lvs .gc-page-head .gc-lvts-title {
  flex: 0 100 auto;
  min-width: 3rem;
}

.gc-lvts-pgoff {
  border-radius: var(--gc-radius-full);
  color: var(--gc-danger-on-tint);
  background: linear-gradient(var(--gc-danger-bg),var(--gc-danger-bg)),var(--gc-surface);
  flex-shrink: 0;
  align-items: center;
  gap: 3px;
  padding: 0 8px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-lvts-hmain.is-off .gc-lvts-pdot {
  display: block;
}

@media (max-width: 991.98px) {
  .gc-lvs .gc-page-head .page-header-content > .flex-fill > .gc-lvts-hmain {
    grid-area: 1 / 3;
    gap: .375rem;
  }

  .gc-lvs .gc-page-head .gc-lvts-title {
    min-width: 0;
    font-size: .8125rem !important;
    font-weight: 600 !important;
  }

  .gc-lvts-pname {
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  .gc-lvts-page {
    min-width: 0;
    padding: 2px;
  }

  .gc-lvts-hmain.is-off .gc-lvts-sep, .gc-lvts-hmain.is-off .gc-lvts-title {
    display: none;
  }
}

@media (min-width: 992px) {
  .gc-lvs {
    --gc-lvv-w: 220px;
  }

  .gc-lvs .gc-lvs-grid {
    background: var(--gc-surface);
    border-top: 1px solid var(--gc-hairline);
    grid-template-columns: 280px minmax(0,1fr) var(--gc-lvv-w);
    grid-template-rows: auto minmax(0, 1fr);
    grid-template-areas: "c1 c3 vi"
                         "ts c3 vi";
    gap: 0;
    padding: 0;
  }

  .gc-lvs .gc-lvs-grid:has( > .gc-lvx-alerts:not(:empty)) {
    grid-template-rows: auto auto minmax(0, 1fr);
    grid-template-areas: "al al al"
                         "c1 c3 vi"
                         "ts c3 vi";
  }

  .gc-lvs .gc-lvs-grid:not(:has( > .gc-lvv)) {
    grid-template-columns: 280px minmax(0, 1fr);
    grid-template-areas: "c1 c3"
                         "ts c3";
  }

  .gc-lvs .gc-lvs-grid:not(:has( > .gc-lvv)):has( > .gc-lvx-alerts:not(:empty)) {
    grid-template-areas: "al al"
                         "c1 c3"
                         "ts c3";
  }

  .gc-lvs .gc-lvs-grid > .gc-lvx-alerts {
    border-bottom: 1px solid var(--gc-hairline);
    padding: .375rem .75rem;
  }

  .gc-lvs-c1 {
    scrollbar-width: thin;
    flex-direction: column;
    grid-area: c1;
    min-width: 0;
    min-height: 0;
    max-height: 62dvh;
    display: flex;
    overflow-y: auto;
  }

  .gc-lvs-c3 {
    flex-direction: column;
    grid-area: c3;
    min-width: 0;
    min-height: 0;
    display: flex;
  }

  .gc-lvs .gc-lvs-ts {
    border-top: 1px solid var(--gc-hairline);
    flex-direction: column;
    grid-area: ts;
    min-width: 0;
    min-height: 0;
    display: flex;
  }

  .gc-lvs .gc-lvs-grid > .gc-lvv {
    grid-area: vi;
  }

  .gc-lvs :is(.gc-lvs-c1, .gc-lvs-ts, .gc-lvs-c3) {
    border-inline-end: 1px solid var(--gc-hairline);
  }

  .gc-lvs .gc-lvs-c3 > .gc-lvs-fe {
    border-top: 1px solid var(--gc-hairline);
    flex: 1;
    min-height: 0;
  }

  .gc-lvs .gc-lvs-c1 > .gc-lvs-le {
    border-top: 1px solid var(--gc-hairline);
    flex: 1 0 auto;
    gap: 0;
    min-height: 0;
    overflow: visible;
  }

  .gc-lvs .gc-lvs-le {
    container: none;
  }

  .gc-lvs .gc-lvs-le, .gc-lvs .gc-lvs-ts {
    flex-direction: column;
    display: flex;
  }

  [data-theme] .gc-golive.gc-lvs .gc-lvs-grid .card {
    --card-border-width: 0;
    --card-border-radius: 0;
    --card-inner-border-radius: 0;
    --card-box-shadow: none;
    --card-cap-padding-y: .3125rem;
    --card-cap-padding-x: .75rem;
    --card-spacer-x: .75rem;
    --card-spacer-y: .5rem;
    height: auto;
    margin: 0;
    box-shadow: none !important;
  }

  .gc-lvs .gc-lvs-grid > .gc-lvv {
    border-radius: 0;
    gap: .25rem;
    padding: 0 0 .25rem;
  }

  .gc-lvs .gc-lvs-grid > .gc-lvv .gc-lvv-frame {
    border-radius: 0;
  }

  .gc-lvs .gc-lvs-grid > .gc-lvv .gc-lvv-note {
    padding-inline: .75rem;
  }

  [data-theme="dark"] .gc-lvs .gc-lvs-grid > .gc-lvv {
    box-shadow: none;
  }
}

@media (min-width: 1280px) {
  .gc-lvs, .gc-lvs[data-vid="auto"] {
    --gc-lvv-w: min(360px,calc((100dvh - 49px - 34px) * 9 / 16));
  }

  .gc-lvs[data-vid="narrow"] {
    --gc-lvv-w: 220px;
  }

  .gc-lvs .gc-lvs-grid {
    grid-template-columns: clamp(264px,19vw,300px) clamp(272px,21vw,320px) minmax(0,1fr) var(--gc-lvv-w);
    grid-template-rows: minmax(0, 1fr);
    grid-template-areas: "c1 ts c3 vi";
  }

  .gc-lvs .gc-lvs-grid:has( > .gc-lvx-alerts:not(:empty)) {
    grid-template-rows: auto minmax(0, 1fr);
    grid-template-areas: "al al al al"
                         "c1 ts c3 vi";
  }

  .gc-lvs .gc-lvs-grid:not(:has( > .gc-lvv)) {
    grid-template-columns: clamp(264px, 19vw, 300px) clamp(272px, 21vw, 320px) minmax(0, 1fr);
    grid-template-areas: "c1 ts c3";
  }

  .gc-lvs .gc-lvs-grid:not(:has( > .gc-lvv)):has( > .gc-lvx-alerts:not(:empty)) {
    grid-template-areas: "al al al"
                         "c1 ts c3";
  }

  .gc-lvs-c1 {
    max-height: none;
  }

  .gc-lvs .gc-lvs-ts {
    border-top: 0;
  }
}

@media (min-width: 992px) and (max-width: 1279.98px) {
  .gc-lvs[data-vid="full"] {
    --gc-lvv-w: min(360px,calc((100dvh - 49px - 34px) * 9 / 16));
  }
}

.gc-lvs .gc-lvs-grid .card-header, .gc-lvts-phead, .gc-lvts-pok, .gc-lvts-top {
  height: var(--gc-lv-head-h);
  box-sizing: border-box;
  flex-shrink: 0;
  min-height: 0;
}

.gc-lvs .gc-lvs-grid .card-header {
  align-items: center;
  display: flex;
  padding-block: 0 !important;
}

.gc-lvs .gc-lvs-grid .card-header h6 {
  font-size: .8125rem;
}

.gc-lvs .gc-lvs-grid .card-header :is(.gc-icon-btn, .gc-lvq-add, .gc-lvx-info) {
  flex-shrink: 0;
  height: 28px;
}

.gc-lvs .gc-lvs-grid .card-header .gc-icon-btn {
  width: 28px;
  font-size: 1rem;
}

.gc-lvs .gc-lvs-fe .card-header {
  overflow: visible;
}

.gc-lvs .gc-lvs-fe .card-header-tabs {
  align-self: stretch;
}

.gc-lvs .gc-lvs-fe .card-header-tabs .nav-link {
  align-items: center;
  height: 100%;
  display: inline-flex;
}

.gc-lvs .gc-lvs-le .gc-lvc {
  flex-shrink: 0;
}

.gc-lvs .gc-lvs-le .gc-lvc-who {
  gap: .625rem;
  padding: .5rem .75rem;
}

.gc-lvs .gc-lvs-le .gc-lvc-who > .gc-lvc-ph {
  width: 40px;
  height: 40px;
  font-size: .75rem;
}

.gc-lvs .gc-lvs-le .gc-lvc-name {
  font-size: .9375rem;
}

.gc-lvs .gc-lvs-le .gc-lvc-say {
  margin-top: .125rem;
  padding: .125rem .625rem;
}

.gc-lvs .gc-lvs-le .gc-lvc-line {
  gap: .625rem;
  padding: .375rem .75rem;
}

.gc-lvs .gc-lvs-le .gc-lvc-line > .gc-lvc-ph {
  width: 40px;
  height: 40px;
}

.gc-lvs .gc-lvs-le .gc-lvc-acts {
  flex-wrap: wrap;
  gap: .25rem;
  padding: .375rem .5rem;
}

[data-theme] .gc-golive.gc-lvs .gc-lvs-le .gc-lvc-acts .btn {
  --btn-padding-x: .5rem;
  height: 28px;
}

.gc-lvs .gc-lvs-le .gc-lvc-prev {
  padding: .25rem .75rem .375rem;
}

.gc-lvs .gc-lvs-le .gc-lvc-ord {
  padding: .375rem .75rem;
}

@media (min-width: 992px) {
  .gc-lvs .gc-lvq {
    --gc-lvq-w: 9.5rem;
  }

  .gc-lvs .gc-lvq-photo > .gc-lvq-pic {
    aspect-ratio: 4 / 3;
    border-radius: var(--gc-radius-md);
  }

  .gc-lvs .gc-lvq-band {
    inset-inline: 0;
    min-height: 0;
    padding: .0625rem .375rem;
    position: absolute;
    bottom: 0;
  }

  .gc-lvs .gc-lvq-band .gc-lvq-big {
    font-size: 1.25rem;
  }

  .gc-lvs .gc-lvq-band.is-full > b:first-child {
    font-size: 1rem;
  }

  .gc-lvs .gc-lvq-code {
    font-size: .9375rem;
  }

  .gc-lvs .gc-lvq-tile {
    padding: .375rem;
  }

  .gc-lvs .gc-lvq .gc-lvq-foot {
    margin-top: .125rem;
  }

  [data-theme] .gc-golive.gc-lvs .gc-lvq-manage {
    height: 28px;
  }

  .gc-lvs .gc-lvq-nav {
    top: calc(var(--gc-lvq-w) * .28);
  }

  .gc-lvs .gc-lvq {
    container-type: inline-size;
  }
}

@container (max-width: 380px) {
  .gc-lvs .gc-lvq .card-header > .d-flex > .fs-sm {
    display: none !important;
  }

  .gc-lvs .gc-lvq .card-header {
    gap: .5rem !important;
  }
}

.gc-lvq-soldsep {
  border-inline-start: 1px dashed var(--gc-hairline-hover);
  flex: none;
  align-self: stretch;
  align-items: center;
  padding: .375rem .25rem;
  display: flex;
}

.gc-lvq-soldsep > span {
  writing-mode: vertical-rl;
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  transform: rotate(180deg);
}

@media (max-width: 991.98px) {
  .gc-lvq-soldsep {
    border-inline-start: 0;
    border-top: 1px dashed var(--gc-hairline-hover);
    grid-column: 1 / -1;
    padding: .25rem 0 0;
  }

  .gc-lvq-soldsep > span {
    writing-mode: horizontal-tb;
    transform: none;
  }
}

.gc-lvs .gc-lvts-sum {
  --gc-lvts-n: 2;
  flex-shrink: 0;
  padding: 0 .875rem .625rem;
  position: relative;
}

.gc-lvts-top {
  align-items: center;
  gap: .25rem;
  display: flex;
}

.gc-lvts-over {
  color: var(--gc-text-secondary);
  margin: 0;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-lvs .gc-lvts-sum .gc-lvx-info {
  width: 24px;
  height: 24px;
  color: var(--gc-text-secondary);
}

.gc-lvs .gc-lvts-sum .gc-lvx-info:hover {
  background: var(--gc-surface-hover);
  color: var(--gc-text);
}

.gc-lvts-big {
  color: var(--gc-text);
  align-items: flex-start;
  gap: 2px;
  line-height: 1;
  display: flex;
}

.gc-lvts-cur {
  color: var(--gc-text-secondary);
  margin-top: .3rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
}

.gc-lvts-num {
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
  font-size: 3.25rem;
  font-weight: 700;
  line-height: 1.05;
}

.gc-lvts-pill {
  border-radius: var(--gc-radius-full);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  align-items: center;
  gap: 3px;
  height: 24px;
  padding: 0 8px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  display: inline-flex;
}

.gc-lvts-pill-s {
  margin-inline-start: 2px;
  font-weight: 500;
}

.gc-lvts-pill.is-up {
  background: var(--gc-success-bg);
  color: var(--gc-success-ink);
}

.gc-lvts-pill.is-cross {
  background: var(--gc-success-ink);
  color: #fff;
}

.gc-lvts-sp {
  height: 44px;
  margin-top: .375rem;
  position: relative;
}

.gc-lvts-sp > svg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: visible;
}

.gc-lvts-sp-a {
  fill: var(--gc-primary-bg);
}

.gc-lvts-sp-l {
  fill: none;
  stroke: var(--gc-primary-on-tint-2);
  stroke-width: 2px;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.gc-lvts-sp-tick {
  border-top: 1px dashed var(--gc-hairline-hover);
  pointer-events: none;
  position: absolute;
  inset-inline: 0;
}

.gc-lvts-sp-tick > span {
  inset-inline-start: 0;
  color: var(--gc-text-secondary);
  background: var(--gc-surface);
  padding-inline-end: 4px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.2;
  position: absolute;
  bottom: 1px;
}

.gc-lvts-sp-dot {
  background: var(--gc-primary-on-tint-2);
  width: 9px;
  height: 9px;
  box-shadow: 0 0 0 2px var(--gc-surface);
  border-radius: 50%;
  margin-top: -4.5px;
  position: absolute;
  inset-inline-end: -4px;
}

.gc-lvts-sp-dot:after {
  content: "";
  border: 2px solid var(--gc-primary-on-tint-2);
  opacity: 0;
  border-radius: 50%;
  position: absolute;
  inset: 0;
}

@media (prefers-reduced-motion: no-preference) {
  .gc-lvts-s1x.is-live .gc-lvts-sp-dot:after {
    animation: 2.4s cubic-bezier(.2, .8, .2, 1) infinite gc-lvts-ping;
  }
}

@keyframes gc-lvts-ping {
  0% {
    opacity: .7;
    transform: scale(1);
  }

  70%, 100% {
    opacity: 0;
    transform: scale(2.6);
  }
}

.gc-lvts-goal {
  margin-top: .25rem;
}

.gc-lvts-goal-t {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .75rem;
  line-height: 1.75;
  display: block;
  overflow: hidden;
}

.gc-lvts-goal-t b {
  color: var(--gc-text);
  font-weight: 600;
}

.gc-lvts-goal-done {
  color: var(--gc-success-ink);
  font-weight: 600;
}

.gc-lvts-grid {
  grid-template-columns: repeat(var(--gc-lvts-n),minmax(0,1fr));
  border-top: 1px solid var(--gc-hairline);
  margin-top: .375rem;
  display: grid;
}

.gc-lvts-st {
  flex-direction: column;
  min-width: 0;
  padding-top: .375rem;
  display: flex;
}

.gc-lvts-grid > .gc-lvts-st + .gc-lvts-st {
  border-inline-start: 1px solid var(--gc-hairline);
  padding-inline-start: .75rem;
}

.gc-lvts-st > b {
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
  color: var(--gc-text);
  white-space: nowrap;
  align-items: center;
  gap: .375rem;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.15;
  display: inline-flex;
}

.gc-lvts-st > b > i {
  letter-spacing: 0;
  color: var(--gc-text-secondary);
  font-size: 1.25rem;
}

.gc-lvts-stale {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-lvs .gc-lvts-sum.is-crossed {
  box-shadow: inset 3px 0 0 var(--gc-success-ink) !important;
}

.gc-lvts-sum.is-crossed .gc-lvts-sp-l {
  stroke: var(--gc-success-ink);
}

.gc-lvts-sum.is-crossed .gc-lvts-sp-dot {
  background: var(--gc-success-ink);
}

.gc-lvts-sum.is-crossed .gc-lvts-sp-dot:after {
  border-color: var(--gc-success-ink);
}

@media (max-width: 767.98px) {
  .gc-lvts-num {
    font-size: 3.5rem;
  }
}

.gc-lvts-prob {
  background: var(--gc-surface);
  border-top: 1px solid var(--gc-hairline);
  flex-direction: column;
  flex: 1 0 120px;
  min-height: 120px;
  display: flex;
}

.gc-lvts-prob.is-ok {
  flex: none;
  min-height: 0;
}

.gc-lvts-phead {
  background: var(--gc-warning-bg);
  box-shadow: inset 3px 0 0 var(--gc-warning-on-tint);
  color: var(--gc-warning-on-tint);
  flex-shrink: 0;
  align-items: center;
  gap: .375rem;
  padding: 0 .75rem;
  display: flex;
}

.gc-lvts-phead h6 {
  color: inherit;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-lvts-phead > i {
  font-size: 1rem;
}

.gc-lvts-pcount {
  border-radius: var(--gc-radius-full);
  background: var(--gc-warning-on-tint);
  min-width: 22px;
  height: 20px;
  color: var(--gc-surface);
  font-variant-numeric: tabular-nums;
  justify-content: center;
  align-items: center;
  margin-inline-start: .125rem;
  padding: 0 6px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.gc-lvts-plist {
  scrollbar-width: thin;
  flex: 1;
  min-height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: auto;
}

.gc-lvts-prow {
  border-bottom: 1px solid var(--gc-hairline);
  gap: .5rem;
  padding: .5rem .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-lvts-prow > .gc-lvc-ph {
  color: #fff;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  margin-top: 1px;
  font-size: .75rem;
}

.gc-lvts-pl1, .gc-lvts-pl2 {
  align-items: center;
  gap: .375rem;
  min-width: 0;
  display: flex;
}

.gc-lvts-pl1 > :not(.gc-lvts-pn), .gc-lvts-pl2 > .gc-lvts-ptag {
  flex-shrink: 0;
}

.gc-lvts-pn {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 auto;
  min-width: 0;
  font-size: .8125rem;
  overflow: hidden;
}

.gc-lvts-pt {
  color: var(--gc-text-secondary);
  font-variant-numeric: tabular-nums;
  font-size: .75rem;
}

.gc-lvts-pl1 .gc-lvk-so {
  padding-inline: 5px;
}

.gc-lvts-ptag {
  border-radius: var(--gc-radius-sm);
  white-space: nowrap;
  align-items: center;
  gap: 3px;
  padding: 0 6px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-lvts-ptag.is-warn {
  color: var(--gc-warning-on-tint);
  background: linear-gradient(var(--gc-warning-bg),var(--gc-warning-bg)),var(--gc-surface);
}

.gc-lvts-ptag.is-danger {
  color: var(--gc-danger-on-tint);
  background: linear-gradient(var(--gc-danger-bg),var(--gc-danger-bg)),var(--gc-surface);
}

.gc-lvts-psay {
  overflow-wrap: anywhere;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .8125rem;
  display: -webkit-box;
  overflow: hidden;
}

.gc-lvts-pwhy {
  color: var(--gc-text-secondary);
  min-width: 0;
  font-size: .75rem;
}

.gc-lvts-pact {
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem;
  margin-top: .25rem;
  display: flex;
}

[data-theme] .gc-golive.gc-lvs .gc-lvts-pact .btn {
  align-items: center;
  height: 28px;
  display: inline-flex;
}

.gc-lvts-prow.is-page {
  background: var(--gc-danger-bg);
}

.gc-lvts-prow.is-page .gc-lvts-pwhy {
  color: var(--gc-text);
}

.gc-lvts-pico {
  background: var(--gc-surface);
  width: 28px;
  height: 28px;
  color: var(--gc-danger-on-tint);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.gc-lvts-pok {
  color: var(--gc-text-secondary);
  align-items: center;
  gap: .375rem;
  padding: 0 .75rem;
  font-size: .8125rem;
  line-height: 1.75;
  display: flex;
}

.gc-lvts-pok > i {
  color: var(--gc-success-ink);
  font-size: 1rem;
}

@media (max-width: 991.98px) {
  [data-theme] .gc-golive.gc-lvs .gc-lvts-pact .btn {
    height: 44px;
  }

  .gc-lvs .gc-lvts-plist {
    flex: none;
    overflow: visible;
  }

  .gc-lvs .gc-lvts-prob {
    flex: none;
    min-height: 0;
  }
}

.gc-lvts-ts {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.gc-lvts-list {
  scrollbar-width: thin;
  flex: 1;
  min-height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: auto;
}

.gc-lvs .gc-lvts-list > .list-group-item {
  padding: 0;
}

.gc-lvts-row {
  text-align: start;
  width: 100%;
  color: var(--gc-text);
  background: none;
  border: 0;
  grid-template-columns: 22px 28px minmax(0, 1fr) auto;
  grid-template-areas: "r a n b"
                       "r a m m";
  align-content: center;
  align-items: center;
  column-gap: .5rem;
  padding: .25rem .75rem .25rem .625rem;
  line-height: 1.75;
  display: grid;
  position: relative;
}

.gc-lvts-row:hover {
  background: var(--gc-surface-hover);
}

.gc-lvts-row:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: -2px;
}

.gc-lvts-rank {
  border-radius: var(--gc-radius-full);
  min-width: 22px;
  height: 22px;
  color: var(--gc-text-secondary);
  font-variant-numeric: tabular-nums;
  justify-content: center;
  justify-self: center;
  align-items: center;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
}

.gc-lvts-row.is-top .gc-lvts-rank {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-on-tint-2);
  font-weight: 700;
}

.gc-lvts-row > .gc-lvc-ph {
  color: #fff;
  border-radius: 50%;
  grid-area: a;
  width: 28px;
  height: 28px;
  font-size: .75rem;
}

.gc-lvts-row > .gc-lvts-rank {
  grid-area: r;
}

.gc-lvts-row > .gc-lvts-name {
  grid-area: n;
  min-width: 0;
}

.gc-lvts-row > .gc-lvts-meta {
  grid-area: m;
}

.gc-lvts-row > .gc-lvts-baht {
  text-align: end;
  grid-area: b;
}

.gc-lvts-name {
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  font-size: .8125rem;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
}

.gc-lvts-row.is-top .gc-lvts-name {
  font-weight: 700;
}

.gc-lvts-meta {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  align-items: center;
  gap: .375rem;
  min-width: 0;
  font-size: .75rem;
  display: flex;
}

.gc-lvts-meta .gc-lvk-so {
  padding-inline: 5px;
}

.gc-lvts-baht {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: .875rem;
  font-weight: 700;
}

.gc-lvts-row.is-top .gc-lvts-baht {
  font-size: .9375rem;
}

.gc-golive .gc-lvts-meta .gc-lvk-dm {
  width: 18px;
  height: 18px;
  font-size: .8125rem;
}

.gc-lvts-dmok {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-lvts-cnt {
  font-variant-numeric: tabular-nums;
}

.gc-lvts-shead .gc-lvts-q {
  flex: 1;
  min-width: 0;
  height: 28px;
  padding-block: 0;
  line-height: 1.75;
}

.gc-lvts-sico {
  color: var(--gc-text-secondary);
}

.gc-lvts-nohit {
  color: var(--gc-text-secondary);
  text-align: center;
  padding: .75rem;
  font-size: .8125rem;
  line-height: 1.75;
}

@media (max-width: 991.98px) {
  .gc-lvs .gc-lvs-grid .card-header .gc-lvts-ib {
    width: 44px;
    height: 44px;
  }

  .gc-lvts-shead .gc-lvts-q {
    height: 40px;
  }

  .gc-lvs .gc-lvts-list {
    overflow: visible;
  }

  .gc-lvts-row {
    min-height: 56px;
    padding-block: .5rem;
  }
}

.gc-lvts-modal .modal-content {
  --modal-bg: var(--gc-surface);
  --modal-color: var(--gc-text);
  --modal-border-color: var(--gc-hairline-hover);
  border-radius: var(--gc-radius-lg);
}

.gc-lvts-modal .modal-title {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.75;
  display: flex;
}

.gc-lvts-modal .modal-header, .gc-lvts-modal .modal-footer {
  border-color: var(--gc-hairline);
}

.gc-lvts-modal .modal-body {
  padding-block: .75rem;
  line-height: 1.75;
}

.gc-lvts-modal .modal-footer {
  gap: .5rem;
}

.gc-lvts-modal .modal-footer > * {
  margin: 0;
}

.gc-lvts-to {
  align-items: center;
  gap: .625rem;
  display: flex;
}

.gc-lvts-to > .gc-lvc-ph {
  color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: .75rem;
}

.gc-lvts-to-n {
  overflow-wrap: anywhere;
  font-weight: 700;
  line-height: 1.75;
}

.gc-lvts-to-s {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-lvts-lines {
  border-top: 1px solid var(--gc-hairline);
  margin: .75rem 0 .5rem;
  padding: 0;
  list-style: none;
}

.gc-lvts-line {
  border-bottom: 1px solid var(--gc-hairline);
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: start;
  gap: .625rem;
  padding: .5rem 0;
  line-height: 1.75;
  display: grid;
}

.gc-lvts-line > .gc-lvc-ph {
  width: 44px;
  height: 44px;
}

.gc-lvts-line-n {
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  font-size: .8125rem;
  display: -webkit-box;
  overflow: hidden;
}

.gc-lvts-line-q {
  color: var(--gc-text-secondary);
  font-variant-numeric: tabular-nums;
  font-size: .75rem;
}

.gc-lvts-line-t {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  text-align: end;
  font-weight: 700;
}

.gc-lvts-line.is-res .gc-lvts-line-t {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  font-weight: 600;
}

.gc-lvts-total {
  align-items: baseline;
  gap: .5rem;
  padding: 0 0 .5rem;
  line-height: 1.75;
  display: flex;
}

.gc-lvts-total b {
  font-variant-numeric: tabular-nums;
  margin-inline-start: auto;
  font-size: 1.125rem;
}

.gc-lvts-total span {
  color: var(--gc-text-secondary);
  font-size: .75rem;
}

.gc-lvts-copyerr {
  color: var(--gc-danger-on-tint);
  font-size: .75rem;
  line-height: 1.75;
}

@media (max-width: 991.98px) {
  .gc-lvts-modal .modal-dialog {
    max-width: none;
    max-height: 88dvh;
    margin: 0;
    position: fixed;
    inset: auto 0 0;
    transform: none !important;
  }

  .gc-lvts-modal .modal-content {
    border-radius: var(--gc-radius-lg) var(--gc-radius-lg) 0 0;
    max-height: 88dvh;
  }

  .gc-lvts-modal .modal-footer {
    padding-bottom: calc(.75rem + env(safe-area-inset-bottom));
  }

  .gc-lvts-modal .modal-footer .btn {
    flex: 1;
    justify-content: center;
    align-items: center;
    min-height: 44px;
    display: inline-flex;
  }
}

.gc-lvs .gc-lvs-fe {
  container: gc-lvfe / inline-size;
}

.gc-golive .gc-lvs-fe .gc-lvts-ftabs {
  flex-wrap: nowrap;
  gap: 0;
  min-width: 0;
  overflow: visible;
}

.gc-golive .gc-lvs-fe .gc-lvts-ftabs .nav-link {
  white-space: nowrap;
  gap: 4px;
  padding: 0 .5rem;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-lvts-fc {
  border-radius: var(--gc-radius-full);
  background: var(--gc-canvas);
  min-width: 18px;
  height: 18px;
  color: var(--gc-text);
  font-variant-numeric: tabular-nums;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.gc-lvts-fc.is-zero {
  color: var(--gc-text-secondary);
}

.gc-lvts-fc.is-red {
  background: var(--gc-danger-ink);
  color: #fff;
}

[data-theme="dark"] .gc-lvts-fc.is-red {
  background: var(--gc-avatar-red);
}

.gc-lvs .gc-lvs-fe .card-header {
  padding-inline: .5rem;
}

.gc-lvts-tsx, .gc-lvts-fmore {
  display: none !important;
}

@container gc-lvfe (max-width: 400px) {
  .gc-lvts-tl, .gc-lvts-fhid {
    display: none !important;
  }

  .gc-lvts-tsx {
    display: inline !important;
  }

  .gc-lvts-fmore {
    margin-inline-start: auto;
    list-style: none;
    display: list-item !important;
  }

  .gc-golive .gc-lvs-fe .gc-lvts-ftabs .nav-link {
    padding-inline: .375rem;
  }
}

.gc-lvs .gc-lvts-keys {
  border-bottom: 1px solid var(--gc-hairline);
  text-overflow: ellipsis;
  flex-shrink: 0;
  padding: 0 .75rem;
  display: none;
  overflow: hidden;
}

@media (min-width: 1440px) {
  .gc-lvs .gc-lvs-fe .gc-lvts-keys {
    display: block;
  }
}

.gc-lvv-top {
  top: .5rem;
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: .25rem;
  display: flex;
  position: absolute;
  inset-inline-start: .5rem;
}

.gc-lvv-top > .gc-lvv-live {
  position: static;
}

.gc-lvv-stats {
  flex-wrap: wrap;
  gap: .25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.gc-lvv-stats > li {
  border-radius: var(--gc-radius-sm);
  color: #fff;
  white-space: nowrap;
  cursor: default;
  background: #0f1123d9;
  align-items: center;
  gap: 4px;
  height: 24px;
  padding: 0 8px;
  font-size: .75rem;
  line-height: 1.75;
  display: inline-flex;
}

.gc-lvv-stats b {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

.gc-lvv-stats .gc-lvv-su {
  color: #ffffffd9;
}

.gc-lvv-fx {
  pointer-events: none;
  z-index: 2;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.gc-lvv-fly {
  will-change: transform,opacity;
  align-items: center;
  gap: 2px;
  font-size: 1.5rem;
  line-height: 1;
  display: inline-flex;
  position: absolute;
  bottom: 56px;
}

.gc-lvv-fly > i {
  color: #ff9ebb;
  -webkit-text-stroke: 1px #ff9ebb;
  filter: drop-shadow(0 0 1.5px #0f1123e6) drop-shadow(0 1px 2px #00000080);
}

.gc-lvv-fly .gc-lvv-emo {
  filter: drop-shadow(0 1px 2px #00000080);
}

.gc-lvv-fly.is-big {
  font-size: 2.5rem;
}

.gc-lvv-fly > b {
  border-radius: var(--gc-radius-full);
  color: #fff;
  font-variant-numeric: tabular-nums;
  background: #0f1123d9;
  padding: 0 6px;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
}

@media (prefers-reduced-motion: reduce) {
  .gc-lvv-fx {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .gc-lvs-c1, .gc-lvs-c3 {
    display: contents;
  }

  .gc-lvs .gc-lvs-c1 > *, .gc-lvs .gc-lvs-c3 > * {
    flex: none;
  }

  .gc-lvs[data-m-tab="board"] .gc-lvs-grid [data-m]:not([data-m="board"]), .gc-lvs[data-m-tab="feed"] .gc-lvs-grid [data-m]:not([data-m="feed"]), .gc-lvs[data-m-tab="prods"] .gc-lvs-grid [data-m]:not([data-m="prods"]), .gc-lvs[data-m-tab="orders"] .gc-lvs-grid [data-m]:not([data-m="orders"]) {
    display: none;
  }

  .gc-lvs .gc-lvs-sa {
    order: 1;
  }

  .gc-lvs .gc-lvs-ts {
    order: 2;
  }

  .gc-lvs[data-m-tab="orders"] .gc-lvs-grid {
    gap: 0;
    padding: 0;
  }

  .gc-lvs[data-m-tab="orders"] .gc-lvs-ts {
    border-top: 1px solid var(--gc-hairline);
  }

  [data-theme] .gc-golive.gc-lvs .gc-lvs-grid :is(.gc-lvts-sum, .gc-lvts-ts) {
    --card-border-width: 0;
    --card-border-radius: 0;
    --card-inner-border-radius: 0;
    --card-box-shadow: none;
  }

  .gc-lvs .gc-lvs-le {
    border: 1px solid var(--gc-hairline);
    border-radius: var(--gc-radius-lg);
    background: var(--gc-surface);
    flex-direction: column;
    gap: 0;
    display: flex;
    overflow: hidden;
  }

  [data-theme] .gc-golive.gc-lvs .gc-lvs-le .card {
    --card-border-width: 0;
    --card-border-radius: 0;
    --card-inner-border-radius: 0;
    --card-box-shadow: none;
  }
}

.gc-rp {
  border-radius: var(--gc-radius-sm);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  height: 22px;
  color: var(--gc-text);
  background: linear-gradient(var(--gc-canvas),var(--gc-canvas)),var(--gc-surface);
  border: 0;
  align-items: center;
  gap: 4px;
  padding: 0 7px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.75;
  display: inline-flex;
}

.gc-rp > small {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  font-weight: 500;
}

.gc-rp.is-won {
  color: var(--gc-success-ink);
  background: linear-gradient(var(--gc-success-bg),var(--gc-success-bg)),var(--gc-surface);
}

.gc-rp.is-won > small, .gc-rp.is-res, .gc-rp.is-off {
  color: var(--gc-text-secondary-on-tint);
}

.gc-rp.is-full {
  color: var(--gc-danger-on-tint);
  background: linear-gradient(var(--gc-danger-bg),var(--gc-danger-bg)),var(--gc-surface);
}

button.gc-rp:hover {
  filter: brightness(.97);
}

.gc-rs {
  width: 22px;
  height: 22px;
  color: var(--gc-text-secondary);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  display: inline-flex;
}

.gc-rs.is-ok {
  color: var(--gc-success-ink);
}

.gc-rs.is-bad {
  color: #fff;
  background: var(--gc-danger-on-tint);
}

[data-theme="dark"] .gc-rs.is-bad {
  background: var(--gc-avatar-red);
  box-shadow: 0 0 0 1.5px var(--gc-danger-on-tint);
}

.gc-rs.is-warn {
  color: var(--gc-warning-on-tint);
  background: var(--gc-warning-bg);
}

.gc-lvs .gc-rs-ed {
  color: var(--gc-text-secondary);
  vertical-align: -1px;
  margin-inline-start: 4px;
  font-size: .875rem;
}

.gc-lvs .gc-lvf-tags {
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  display: flex;
}

.gc-lvs .gc-lvf-tags:empty {
  display: none;
}

.gc-lvs [role="row"].gc-lvr-bad {
  background-color: var(--gc-danger-bg);
}

.gc-lvs [role="row"].gc-lvr-bad time, .gc-lvs [role="row"].gc-lvr-bad .gc-lvf-say .text-muted, .gc-lvs [role="row"].gc-lvr-bad .gc-rs-ed, .gc-lvs [role="row"].gc-lvr-bad .gc-rs:not(.is-bad):not(.is-warn):not(.is-ok) {
  color: var(--gc-text-secondary-on-tint) !important;
}

.gc-lvs [role="row"].bg-warning .gc-rs-ed {
  color: var(--gc-text-secondary-on-tint);
}

@media (min-width: 992px) {
  .gc-lvs .gc-lvs-fe .gc-lvf-row {
    grid-template-columns: 3.75rem 32px minmax(0, 1fr);
    grid-template-areas: "t v n"
                         "t v b";
    align-items: start;
    row-gap: 2px;
  }

  .gc-lvs .gc-lvs-fe .gc-lvf-row > time {
    grid-area: t;
    padding-top: .1875rem;
  }

  .gc-lvs .gc-lvs-fe .gc-lvf-row > .gc-lvf-av {
    grid-area: v;
  }

  .gc-lvs .gc-lvs-fe .gc-lvf-row > .gc-lvf-say {
    grid-area: n;
  }

  .gc-lvs .gc-lvs-fe .gc-lvf-row > .gc-lvf-tags {
    grid-area: b;
    justify-content: flex-start;
  }

  .gc-lvs .gc-lvs-fe .gc-lvf-row > .gc-lvs-acts {
    z-index: 1;
    top: 2px;
    grid-area: auto;
    position: absolute;
    inset-inline-end: .5rem;
  }

  .gc-lvs .gc-lvs-grid:not(:has( > .gc-lvs-ts)) {
    grid-template-areas: "c1 c3 vi"
                         "c1 c3 vi";
  }

  .gc-lvs .gc-lvs-grid:not(:has( > .gc-lvs-ts)):has( > .gc-lvx-alerts:not(:empty)) {
    grid-template-areas: "al al al"
                         "c1 c3 vi"
                         "c1 c3 vi";
  }

  .gc-lvs .gc-lvs-grid:not(:has( > .gc-lvs-ts)):not(:has( > .gc-lvv)) {
    grid-template-areas: "c1 c3"
                         "c1 c3";
  }

  .gc-lvs .gc-lvs-grid:not(:has( > .gc-lvs-ts)):not(:has( > .gc-lvv)):has( > .gc-lvx-alerts:not(:empty)) {
    grid-template-areas: "al al"
                         "c1 c3"
                         "c1 c3";
  }

  .gc-lvs .gc-lvs-grid:not(:has( > .gc-lvs-ts)) .gc-lvs-c1 {
    max-height: none;
  }
}

@media (min-width: 1280px) {
  .gc-lvs .gc-lvs-grid:not(:has( > .gc-lvs-ts)) {
    grid-template-columns: clamp(264px,19vw,300px) minmax(0,1fr) var(--gc-lvv-w);
    grid-template-areas: "c1 c3 vi";
  }

  .gc-lvs .gc-lvs-grid:not(:has( > .gc-lvs-ts)):has( > .gc-lvx-alerts:not(:empty)) {
    grid-template-areas: "al al al"
                         "c1 c3 vi";
  }

  .gc-lvs .gc-lvs-grid:not(:has( > .gc-lvs-ts)):not(:has( > .gc-lvv)) {
    grid-template-columns: clamp(264px, 19vw, 300px) minmax(0, 1fr);
    grid-template-areas: "c1 c3";
  }

  .gc-lvs .gc-lvs-grid:not(:has( > .gc-lvs-ts)):not(:has( > .gc-lvv)):has( > .gc-lvx-alerts:not(:empty)) {
    grid-template-areas: "al al"
                         "c1 c3";
  }
}

.gc-lvs .gc-lvts-stb {
  color: inherit;
  text-align: start;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 0;
  padding-bottom: 0;
}

.gc-lvs .gc-lvts-grid > .gc-lvts-stb:first-child {
  padding-inline-start: 0;
}

.gc-lvs .gc-lvts-stb > b {
  transition: box-shadow var(--gc-duration-state) var(--gc-ease);
  align-self: flex-start;
  padding-bottom: 2px;
  box-shadow: inset 0 -2px #0000;
}

.gc-lvs .gc-lvts-stb:hover > b {
  box-shadow: inset 0 -2px 0 var(--gc-hairline-hover);
}

.gc-lvs .gc-lvts-stb[aria-pressed="true"] > b {
  box-shadow: inset 0 -2px 0 var(--gc-primary-on-tint-2);
}

.gc-lvs .gc-lvts-stb[aria-pressed="true"] > b > i:first-child {
  color: var(--gc-primary-on-tint-2);
}

.gc-lvs .gc-lvts-stb:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-lvs .gc-lvts-stc {
  color: var(--gc-text-secondary);
  margin-inline-start: 2px;
  font-size: 1rem;
}

.gc-lvs .gc-lvts-stb.is-off:hover .gc-lvts-stc {
  color: var(--gc-primary-on-tint-2);
}

@media (max-width: 991.98px) {
  .gc-lvs .gc-lvts-stb {
    min-height: 44px;
  }
}

[data-theme] .gc-golive.gc-lvs .gc-lvts-seg .btn {
  --btn-padding-y: 0;
  --btn-padding-x: .5rem;
  --btn-font-size: .75rem;
  white-space: nowrap;
  align-items: center;
  height: 28px;
  display: inline-flex;
}

[data-theme] .gc-golive.gc-lvs .gc-lvts-seg .btn.active {
  --btn-active-bg: var(--gc-primary-bg);
  --btn-active-color: var(--gc-primary-on-tint-2);
  --btn-active-border-color: var(--gc-hairline-hover);
}

@media (max-width: 991.98px) {
  [data-theme] .gc-golive.gc-lvs .gc-lvts-seg .btn {
    --btn-font-size: .8125rem;
    height: 40px;
  }
}

.gc-lvts-row.is-ord {
  grid-template-columns: 28px minmax(0, 1fr) auto;
  grid-template-areas: "a n b"
                       "a m m";
}

.gc-lr {
  line-height: 1.75;
}

.gc-lr-link {
  color: var(--gc-primary-on-tint-2);
  background: none;
  border: 0;
  padding: 0;
  font-weight: 600;
  text-decoration: none;
}

.gc-lr-link:hover {
  text-decoration: underline;
}

.gc-lr-link:focus-visible, .gc-lr-chip:focus-visible, .gc-lr-hx > button:focus-visible {
  outline: 2px solid var(--gc-primary);
  outline-offset: 2px;
}

.gc-lr-ico {
  border-radius: var(--gc-radius-md);
  background: var(--gc-primary-bg);
  width: 2.75rem;
  height: 2.75rem;
  color: var(--gc-primary-on-tint-2);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 1.375rem;
  display: inline-flex;
}

.gc-lr-h {
  color: var(--gc-text);
  margin: 0;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-lr-p {
  color: var(--gc-text-secondary);
  max-width: 44rem;
  margin: 0;
  font-size: .875rem;
  line-height: 1.75;
}

.gc-lr-cardrow {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.35fr);
  align-items: stretch;
  gap: .75rem;
  margin-bottom: .25rem;
  display: grid;
}

.gc-lr-cardrow > .card {
  height: auto;
  margin: 0;
}

.gc-lr-cardrow .card-body {
  padding: .75rem 1rem;
}

.gc-lr-sc h6 {
  color: var(--gc-text-secondary);
  margin: 0;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
}

.gc-lr-big {
  color: var(--gc-text);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}

.gc-lr-note {
  color: var(--gc-text-secondary);
  font-size: .75rem;
  line-height: 1.75;
}

.gc-lr-delta {
  font-variant-numeric: tabular-nums;
  color: var(--gc-success-ink);
  align-items: center;
  gap: 2px;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

.gc-lr-delta.is-down {
  color: var(--gc-danger-on-tint);
}

.gc-lr-legend {
  color: var(--gc-text-secondary);
  gap: 1rem;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-lr-legend i {
  vertical-align: -1px;
  border-radius: 2px;
  width: 10px;
  height: 10px;
  margin-inline-end: .375rem;
  display: inline-block;
}

.gc-lr-legend .is-prev {
  background: var(--gc-text-muted);
}

.gc-lr-legend .is-cur {
  background: var(--gc-primary);
}

.gc-lr-hc {
  height: 4.75rem;
  margin: .125rem 0 0;
  position: relative;
}

.gc-lr-hc svg {
  width: 100%;
  height: calc(100% - 1.25rem);
  position: absolute;
  inset: 0 0 1.25rem;
  overflow: visible;
}

.gc-lr-hc .b-cur {
  fill: var(--gc-primary);
}

.gc-lr-hc .b-prev {
  fill: var(--gc-text-muted);
}

.gc-lr-hc .b-zero {
  fill: var(--gc-hairline-hover);
}

.gc-lr-hc .axis {
  stroke: var(--gc-hairline-hover);
  stroke-width: 1px;
  vector-effect: non-scaling-stroke;
}

.gc-lr-hx {
  grid-template-columns: repeat(14, 1fr);
  display: grid;
  position: absolute;
  inset: 0;
}

.gc-lr-hx > button {
  white-space: nowrap;
  color: var(--gc-text-secondary);
  cursor: default;
  background: none;
  border: 0;
  justify-content: center;
  align-items: flex-end;
  padding: 0;
  font-size: .75rem;
  line-height: 1.25rem;
  display: flex;
  position: relative;
}

.gc-lr-hx > button:last-child {
  justify-content: flex-end;
}

.gc-lr-hx > button.is-today {
  color: var(--gc-text);
  font-weight: 700;
}

.gc-lr-hx > button:hover, .gc-lr-hx > button:focus-visible {
  background: var(--gc-primary-bg);
  border-radius: var(--gc-radius-sm);
}

.gc-lr-tip {
  z-index: 5;
  white-space: nowrap;
  border-radius: var(--gc-radius-sm);
  background: var(--gc-rail-ink);
  color: #fff;
  box-shadow: var(--gc-shadow-md);
  text-align: start;
  padding: .25rem .5rem;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.75;
  display: none;
  position: absolute;
  bottom: calc(100% - 1.25rem);
  left: 50%;
  transform: translateX(-50%);
}

.gc-lr-tip b {
  font-variant-numeric: tabular-nums;
  font-size: .8125rem;
  font-weight: 700;
  display: block;
}

.gc-lr-hx > button:hover .gc-lr-tip, .gc-lr-hx > button:focus-visible .gc-lr-tip {
  display: block;
}

.gc-lr-hx > button:first-child .gc-lr-tip {
  left: 0;
  transform: none;
}

.gc-lr-hx > button:last-child .gc-lr-tip {
  left: auto;
  right: 0;
  transform: none;
}

@media (max-width: 1399.98px) {
  .gc-lr-hc {
    height: 4.25rem;
  }
}

.gc-lr-spark {
  width: 100%;
  height: 2rem;
  display: block;
}

.gc-lr-spark .ln {
  fill: none;
  stroke: var(--gc-primary);
  stroke-width: 2px;
  vector-effect: non-scaling-stroke;
  stroke-linejoin: round;
}

.gc-lr-spark .ar {
  fill: var(--gc-primary-bg);
}

.gc-lr-spark .base {
  stroke: var(--gc-hairline-hover);
  stroke-width: 1px;
  vector-effect: non-scaling-stroke;
}

.gc-lr-spark .now {
  stroke: var(--gc-text-secondary);
  stroke-width: 1px;
  stroke-dasharray: 2 2;
  vector-effect: non-scaling-stroke;
}

.gc-lr-sx {
  color: var(--gc-text-secondary);
  justify-content: space-between;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-lr-kv {
  color: var(--gc-text-secondary);
  border-top: 1px solid var(--gc-hairline);
  justify-content: space-between;
  gap: .5rem;
  margin-top: .125rem;
  padding-top: .125rem;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-lr-kv b {
  color: var(--gc-text);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.gc-lr-tp {
  padding: .125rem 0 .25rem;
}

.gc-lr-tp + .gc-lr-tp {
  border-top: 1px solid var(--gc-hairline);
}

.gc-lr-tp .nm {
  min-width: 0;
  color: var(--gc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: .75rem;
  line-height: 1.75;
  overflow: hidden;
}

.gc-lr-tp b {
  font-variant-numeric: tabular-nums;
  color: var(--gc-text);
  font-size: .8125rem;
  font-weight: 700;
}

.gc-lr-tp .bar {
  background: var(--gc-primary);
  border-radius: 2px;
  height: 3px;
  display: block;
}

.gc-lr-tp small {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-size: .75rem;
}

.gc-lr-code {
  border-radius: var(--gc-radius-sm);
  background: var(--gc-primary-bg);
  color: var(--gc-primary-on-tint-2);
  padding: 0 6px;
  font-size: .75rem;
  font-weight: 600;
}

@media (max-width: 991.98px) {
  .gc-lr-cardrow {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    margin-inline: -.75rem;
    padding-inline: .75rem;
    scroll-padding-inline: .75rem;
    display: flex;
    overflow-x: auto;
  }

  .gc-lr-cardrow > .card {
    scroll-snap-align: start;
    flex: 0 0 86%;
  }
}

.gc-lr-tools {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin: 1rem 0 .5rem;
  display: flex;
}

.gc-lr-chip {
  border-radius: var(--gc-radius-full);
  border: 1px solid var(--gc-hairline-hover);
  background: var(--gc-surface);
  height: 32px;
  color: var(--gc-text-secondary);
  cursor: pointer;
  align-items: center;
  gap: .375rem;
  padding: 0 .875rem;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  display: inline-flex;
}

.gc-lr-chip:hover {
  color: var(--gc-text);
}

.gc-lr-chip.is-on {
  background: var(--gc-primary-bg);
  border-color: var(--gc-primary);
  color: var(--gc-primary-on-tint-2);
}

.gc-lr-chip b {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.gc-lr-tools .form-select {
  width: auto;
  max-width: 16rem;
  margin-inline-start: auto;
}

[data-theme] .gc-golive.gc-lr .gc-lr-view .btn {
  --btn-padding-y: .25rem;
}

[data-theme] .gc-golive.gc-lr :is(.gc-lr-view, .gc-lr-kseg) .btn.active {
  --btn-active-bg: var(--gc-primary-bg);
  --btn-active-color: var(--gc-primary-on-tint-2);
  --btn-active-border-color: var(--gc-primary);
}

.gc-lr-rc {
  border-bottom: 1px solid var(--gc-hairline);
  grid-template-columns: 7rem minmax(0, 1fr) 17.5rem 9.5rem 10.5rem;
  align-items: center;
  column-gap: 1rem;
  min-height: 5.75rem;
  padding: .625rem 1rem;
  display: grid;
}

.gc-lr-rc:last-child {
  border-bottom: 0;
}

.gc-lr-rc:hover {
  background: var(--gc-surface-hover);
}

.gc-lr-rc.is-live {
  box-shadow: inset 0 0 0 1px var(--gc-danger-on-tint);
  border-radius: var(--gc-radius-lg);
  background: var(--gc-surface);
  border-bottom-color: #0000;
  margin: .25rem;
}

.gc-lr-th {
  aspect-ratio: 16 / 9;
  border-radius: var(--gc-radius-md);
  background: var(--gc-primary-bg);
  width: 7rem;
  box-shadow: inset 0 0 0 1px var(--gc-hairline);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gc-lr-th > .gc-lvc-ph.is-person {
  color: #fff;
  border-radius: 50%;
  width: 2.25rem;
  height: 2.25rem;
  font-size: .8125rem;
}

.gc-lr-th .cam {
  color: var(--gc-primary-on-tint-2);
  font-size: .875rem;
  position: absolute;
  top: .3125rem;
  left: .375rem;
}

.gc-lr-th.is-col {
  background: var(--gc-hairline);
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1px;
  display: grid;
}

.gc-lr-th.is-col > .gc-lvc-ph {
  --icon-font-size: 1rem;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.gc-lr-th.is-img {
  background: var(--gc-rail-ink);
}

.gc-lr-th.is-img > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.gc-lr-th .tag {
  color: #fff;
  font-variant-numeric: tabular-nums;
  background: #0f1123c7;
  border-radius: 4px;
  padding: 0 .3125rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.5;
  position: absolute;
  bottom: .25rem;
  right: .25rem;
}

.gc-lr-th .tag.is-live {
  inset: .25rem auto auto .25rem;
}

.gc-lr-rt2 {
  color: var(--gc-text);
  overflow-wrap: anywhere;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.6;
  text-decoration: none;
  display: -webkit-box;
  overflow: hidden;
}

a.gc-lr-rt2:hover {
  color: var(--gc-primary-on-tint-2);
  text-decoration: underline;
}

.gc-lr-pav {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  position: relative;
}

.gc-lr-pav > .gc-lvc-ph {
  color: #fff;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  font-size: .75rem;
}

.gc-lr-pav > .fb {
  border: 1.5px solid var(--gc-surface);
  background: #1877f2;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  bottom: -3px;
  right: -3px;
  overflow: hidden;
}

.gc-lr-pav > .fb img {
  width: 100%;
  height: 100%;
  display: block;
}

.gc-lr-pline {
  align-items: center;
  gap: .5rem;
  min-width: 0;
  margin-top: .125rem;
  display: flex;
}

.gc-lr-pline .pn {
  color: var(--gc-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.75;
  overflow: hidden;
}

.gc-lr-sub2 {
  color: var(--gc-text-secondary);
  flex-wrap: wrap;
  align-items: center;
  gap: 0 .75rem;
  margin-top: .125rem;
  font-size: .75rem;
  line-height: 1.75;
  display: flex;
}

.gc-lr-sub2 > span + span {
  border-inline-start: 1px solid var(--gc-hairline-hover);
  padding-inline-start: .75rem;
}

.gc-lr-sub2 b {
  color: var(--gc-text);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.gc-lr-sub2 .ok > i {
  color: var(--gc-success-ink);
}

.gc-lr-sub2 .warn {
  color: var(--gc-warning-on-tint);
  font-weight: 600;
}

.gc-lr-sub2 .bad {
  color: var(--gc-danger-on-tint);
  font-weight: 600;
}

.gc-lr-k3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .5rem;
  margin: 0;
  display: grid;
}

.gc-lr-k3 dt {
  color: var(--gc-text-secondary);
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.75;
}

.gc-lr-k3 dd {
  color: var(--gc-text);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4;
}

.gc-lr-k3 .is-wide {
  grid-column: span 2;
}

.gc-lr-dash {
  color: var(--gc-text-secondary);
  font-weight: 500;
}

.gc-lr-sale {
  text-align: end;
}

.gc-lr-sale .v {
  color: var(--gc-text);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.gc-lr-sale .run {
  color: var(--gc-danger-on-tint);
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.5;
  display: block;
}

.gc-lr-sale svg, .gc-lr-kb-sale svg {
  width: 6rem;
  height: 1.375rem;
  margin-top: .125rem;
  display: inline-block;
}

:is(.gc-lr-sale, .gc-lr-kb-sale) svg .ln {
  fill: none;
  stroke: var(--gc-primary);
  stroke-width: 1.75px;
  vector-effect: non-scaling-stroke;
  stroke-linejoin: round;
}

:is(.gc-lr-sale, .gc-lr-kb-sale) svg .ar {
  fill: var(--gc-primary-bg);
}

.gc-lr-sale .gc-lr-dash {
  font-size: .8125rem;
}

.gc-lr-rc .gc-lr-acts {
  justify-content: flex-end;
  align-items: center;
  gap: .375rem;
  display: flex;
}

.gc-lr-more {
  border: 0;
  border-top: 1px solid var(--gc-hairline);
  text-align: center;
  background: none;
  width: 100%;
  padding: .5rem 1rem;
  font-size: .8125rem;
  display: block;
}

.gc-lr-list {
  container: gc-lrl / inline-size;
}

@container gc-lrl (max-width: 1199.98px) {
  .gc-lr-rc {
    grid-template-columns: 6rem minmax(0, 1fr) 15rem 8.5rem 9.5rem;
    column-gap: .75rem;
  }

  .gc-lr-rc > .gc-lr-th {
    width: 6rem;
  }
}

@media (max-width: 767.98px) {
  .gc-lr-tools .form-select {
    width: 100%;
    max-width: none;
    margin-inline-start: 0;
  }

  .gc-lr-rc {
    grid-template-columns: 7rem minmax(0, 1fr);
    grid-template-areas: "th main"
                         "k3 k3"
                         "acts acts";
    align-items: start;
    row-gap: .5rem;
    padding: .75rem .875rem;
  }

  .gc-lr-rc > .gc-lr-th {
    grid-area: th;
    width: 7rem;
  }

  .gc-lr-rc > .gc-lr-main {
    grid-area: main;
  }

  .gc-lr-rc > .gc-lr-k3 {
    border-radius: var(--gc-radius-md);
    background: var(--gc-canvas);
    grid-area: k3;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: .5rem .625rem;
  }

  .gc-lr-rc > .gc-lr-sale {
    display: none;
  }

  .gc-lr-rc > .gc-lr-acts {
    grid-area: acts;
  }

  .gc-lr-rc > .gc-lr-acts > .btn:not(.dropdown-toggle) {
    flex: 1;
  }

  .gc-lr-rt2 {
    -webkit-line-clamp: 2;
  }

  .gc-lr-view {
    width: 100%;
  }

  .gc-lr-view .btn {
    flex: 1;
  }
}

@media (min-width: 768px) {
  .gc-lr-k3 .is-msale {
    display: none;
  }
}

.gc-lr-kcol.is-live > header .t:before {
  content: "";
  background: var(--gc-danger-on-tint);
  vertical-align: 1px;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-inline-end: .375rem;
  display: inline-block;
}

@media (prefers-reduced-motion: no-preference) {
  :is(.gc-lr-rc, .gc-lr-kc).is-live .gc-lvx-pill > i, .gc-lr-kcol.is-live > header .t:before {
    animation: 1.6s ease-in-out infinite gc-lr-pulse;
  }
}

@keyframes gc-lr-pulse {
  50% {
    opacity: .35;
  }
}

.gc-lr-kb {
  grid-auto-columns: minmax(15.5rem, 1fr);
  grid-auto-flow: column;
  align-items: start;
  gap: .75rem;
  padding-bottom: .25rem;
  display: grid;
  overflow-x: auto;
}

.gc-lr-kcol {
  background: var(--gc-canvas);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-lg);
  flex-direction: column;
  min-width: 0;
  max-height: calc(100vh - 8rem);
  display: flex;
}

[data-theme="dark"] .gc-lr-kcol {
  background: #ffffff05;
}

.gc-lr-kcol.is-live {
  border-color: var(--gc-danger-on-tint);
}

.gc-lr-kcol > header {
  border-bottom: 1px solid var(--gc-hairline);
  padding: .5rem .75rem;
}

.gc-lr-kcol > header .t {
  color: var(--gc-text);
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.75;
}

.gc-lr-kcol.is-live > header .t {
  color: var(--gc-danger-on-tint);
}

.gc-lr-kcol > header .c {
  border-radius: var(--gc-radius-full);
  background: var(--gc-surface);
  color: var(--gc-text-secondary);
  font-variant-numeric: tabular-nums;
  padding: 0 7px;
  font-size: .75rem;
  font-weight: 600;
}

.gc-lr-kcol > header .s {
  color: var(--gc-text);
  font-variant-numeric: tabular-nums;
  margin-inline-start: auto;
  font-size: .8125rem;
  font-weight: 700;
}

.gc-lr-kitems {
  flex-direction: column;
  gap: .5rem;
  min-height: 0;
  padding: .5rem;
  display: flex;
  overflow-y: auto;
}

.gc-lr-kempty {
  text-align: center;
  color: var(--gc-text-secondary);
  border: 1px dashed var(--gc-hairline-hover);
  border-radius: var(--gc-radius-md);
  padding: 1.25rem .5rem;
  font-size: .75rem;
  line-height: 1.75;
}

.gc-lr-kall {
  align-self: center;
  padding: .25rem;
  font-size: .8125rem;
}

.gc-lr-kc {
  background: var(--gc-surface);
  border: 1px solid var(--gc-hairline);
  border-radius: var(--gc-radius-md);
  flex-shrink: 0;
  overflow: hidden;
}

.gc-lr-kc.is-live {
  box-shadow: inset 0 0 0 1px var(--gc-danger-on-tint);
}

.gc-lr-kc > .gc-lr-th {
  aspect-ratio: auto;
  width: 100%;
  height: 4.5rem;
  box-shadow: none;
  border-radius: 0;
}

.gc-lr-kbody {
  padding: .5rem .625rem .625rem;
}

.gc-lr-kbody .gc-lr-rt2 {
  -webkit-line-clamp: 2;
  font-size: .875rem;
}

.gc-lr-kbody .gc-lr-k3 {
  gap: .25rem;
  margin-top: .25rem;
}

.gc-lr-kbody .gc-lr-k3 dd {
  font-size: .9375rem;
}

.gc-lr-kbody .gc-lr-sub2 {
  gap: 0 .625rem;
}

.gc-lr-kbody .gc-lr-sub2 > span + span {
  border: 0;
  padding: 0;
}

.gc-lr-kb-sale {
  align-items: center;
  gap: .5rem;
  margin-top: .375rem;
  display: flex;
}

.gc-lr-kb-sale .v {
  font-variant-numeric: tabular-nums;
  color: var(--gc-text);
  font-size: 1.125rem;
  font-weight: 700;
}

.gc-lr-kb-sale .run {
  color: var(--gc-danger-on-tint);
  font-size: .75rem;
  font-weight: 600;
}

.gc-lr-kb-sale svg {
  width: 4.5rem;
  height: 1.25rem;
  margin-inline-start: auto;
}

.gc-lr-kseg {
  flex-wrap: nowrap;
  overflow-x: auto;
}

[data-theme] .gc-golive.gc-lr .gc-lr-kseg .btn {
  white-space: nowrap;
  --btn-font-size: .75rem;
  --btn-padding-x: .5rem;
}

@media (max-width: 767.98px) {
  .gc-lr-kb {
    grid-auto-columns: auto;
    grid-auto-flow: row;
    overflow: visible;
  }

  .gc-lr-kcol:not(.is-sel) {
    display: none;
  }

  .gc-lr-kcol {
    max-height: none;
  }
}

.gc-tagm .gc-tagm-search {
  position: relative;
}

.gc-tagm .gc-tagm-search > .ph-magnifying-glass {
  color: var(--gc-text-muted);
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}

.gc-tagm .gc-tagm-search .form-control {
  padding-left: 36px;
}

.gc-tagm-label {
  color: var(--gc-text-secondary);
  justify-content: space-between;
  margin: 14px 0 6px;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.75;
  display: flex;
}

.gc-tagm-cloud {
  flex-wrap: wrap;
  gap: 6px;
  max-height: min(50vh, 320px);
  padding: 2px;
  display: flex;
  overflow-y: auto;
}

.gc-tagm-cloud .gc-tagm-chip, .gc-tagm-cloud .gc-tagm-new {
  border-radius: var(--gc-radius-sm);
  cursor: pointer;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  padding: 3px 10px;
  font-family: inherit;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.75;
  display: inline-flex;
}

.gc-tagm-cloud .gc-tagm-chip {
  border: 1px solid var(--gc-border);
  background: var(--gc-surface);
  color: var(--gc-text);
}

.gc-tagm-cloud .gc-tagm-chip:hover {
  border-color: var(--gc-primary);
}

.gc-tagm-cloud .gc-tagm-chip.gc-on {
  background: var(--gc-primary-bg);
  color: var(--gc-primary-ink);
  border-color: var(--gc-primary);
  font-weight: 600;
}

.gc-tagm-cloud .gc-tagm-chip mark {
  color: inherit;
  background: none;
  padding: 0;
  text-decoration: underline;
}

.gc-tagm-cloud .gc-tagm-new {
  border: 1px dashed var(--gc-primary);
  color: var(--gc-primary-ink);
  background: none;
  font-weight: 600;
}

.gc-tagm-empty {
  color: var(--gc-text-secondary);
  font-size: .8125rem;
}

.gc-tagm-manage {
  font-size: .8125rem;
}

.gc-pf-avatar {
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: block;
}

.gc-pf-avatar-lg {
  width: 120px;
  height: 120px;
}

.gc-pf-avatar-initials {
  background: var(--gc-primary-ink);
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.gc-pf-avatar-lg.gc-pf-avatar-initials {
  font-size: 2.5rem;
}

.gc-pf-inline-btn {
  font-size: inherit;
  line-height: inherit;
  vertical-align: baseline;
}

.btn-link.gc-pf-danger-link {
  --btn-color: var(--gc-danger-ink);
  --btn-hover-color: var(--gc-danger-ink);
  --btn-active-color: var(--gc-danger-ink);
  --btn-disabled-color: var(--gc-danger-ink);
}

.gc-pf-theme-opt {
  cursor: pointer;
  border: 2px solid var(--gc-border);
  background: var(--gc-surface);
  width: 100%;
  color: var(--gc-text);
  border-radius: 8px;
  align-items: center;
  margin: 0;
  padding: 12px 16px;
  line-height: 1.75;
  display: flex;
}

.gc-pf-theme-opt:hover {
  background: var(--gc-surface-hover);
}

.gc-pf-theme-opt:has(input:focus-visible) {
  outline: 2px solid var(--gc-primary-ink);
  outline-offset: 2px;
}

.gc-pf-theme-opt.gc-on {
  border-color: var(--gc-primary-ink);
  background: var(--gc-primary-bg-hover);
  color: var(--gc-primary-ink);
}

.gc-pf-theme-sub {
  color: var(--gc-text-secondary);
}

.gc-pf-theme-opt.gc-on .gc-pf-theme-sub {
  color: var(--gc-primary-ink);
}

.gc-pfc-mockbar {
  border-style: dashed;
}

.gc-pfc {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  display: flex;
}

.gc-pfc-frame {
  cursor: grab;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  background: #1b1d29;
  border-radius: 12px;
  width: 260px;
  max-width: 100%;
  height: 260px;
  position: relative;
  overflow: hidden;
}

.gc-pfc-inline .gc-pfc-frame {
  width: 200px;
  height: 200px;
}

.gc-pfc-frame:active {
  cursor: grabbing;
}

.gc-pfc-frame:focus-visible {
  outline: 2px solid var(--gc-primary-ink);
  outline-offset: 2px;
}

.gc-pfc-frame.gc-pfc-off {
  cursor: default;
  opacity: .7;
}

.gc-pfc-view {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.gc-pfc-view.gc-pf-avatar-lg {
  border-radius: 50%;
  width: 120px;
  height: 120px;
}

.gc-pfc-img {
  transform-origin: center;
  pointer-events: none;
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
}

.gc-pfc-ring {
  pointer-events: none;
  border: 2px solid #ffffffe6;
  border-radius: 50%;
  position: absolute;
  inset: 0;
  box-shadow: 0 0 0 999px #00000080;
}

.gc-pfc-spin {
  margin: -1rem 0 0 -1rem;
  position: absolute;
  top: 50%;
  left: 50%;
}

.gc-pfc-tools {
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 260px;
  display: flex;
}

.gc-pfc-tools .form-range {
  flex: auto;
}

.gc-pfc-inline {
  justify-content: flex-start;
  display: flex;
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__1t-7_z_._.css.map*/