@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--font-display:"IBM Plex Sans Thai", "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-sans:"IBM Plex Sans Thai", "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", "IBM Plex Sans Thai", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-heading:var(--font-display);--font-body:var(--font-sans);--font-ui:var(--font-sans);--font-voice:var(--font-sans);--font-quote:var(--font-sans);--font-code:var(--font-mono);--font-numeral:var(--font-mono);--gray-0:#fdfdfd;--gray-50:#f4f4f6;--gray-100:#ececef;--gray-200:#e0e1e5;--gray-300:#c9cbd1;--gray-400:#9a9da6;--gray-500:#62656e;--gray-600:#5c5f68;--gray-700:#3b3d44;--gray-800:#26272c;--gray-900:#18191d;--orange-50:#fff4ee;--orange-100:#ffe6d8;--orange-200:#ffc9ad;--orange-400:#ff8a50;--orange-500:#f2601f;--orange-600:#c8460c;--orange-700:#a5390a;--orange-800:#8a3008;--green-100:#e3f4e9;--green-200:#bfe5cc;--green-500:#22a55b;--green-600:#1c8a4b;--green-700:#1c6b3d;--amber-100:#fdf1d8;--amber-200:#f8dea4;--amber-400:#f2bd4a;--amber-500:#e0a21b;--amber-600:#a87400;--amber-700:#8a5a00;--red-100:#fde7e7;--red-200:#f8c4c4;--red-600:#c2302f;--red-700:#b42828;--blue-100:#e5eefd;--blue-200:#c3d6fa;--blue-500:#3b72e0;--blue-600:#2c60cc;--blue-700:#1f4fb3;--channel-line:#06c755;--channel-facebook:#0866ff;--channel-messenger:#0866ff;--channel-instagram:#e1306c;--channel-tiktok:#18191d;--channel-shopee:#ee4d2d;--channel-lazada:#0f146d;--channel-web:#3b3d44;--text-primary:var(--gray-900);--text-secondary:var(--gray-700);--text-muted:var(--gray-600);--text-faint:var(--gray-500);--text-inverse:var(--gray-50);--text-inverse-muted:#f4f4f6ad;--text-brand:var(--gray-900);--text-accent:var(--orange-700);--text-link:var(--gray-900);--text-link-hover:var(--orange-700);--surface-page:var(--gray-50);--surface-card:var(--gray-0);--surface-sunken:var(--gray-100);--surface-raised:var(--gray-0);--surface-inverse:var(--gray-900);--surface-brand:var(--gray-900);--surface-brand-soft:var(--gray-100);--surface-accent:var(--orange-600);--surface-accent-soft:var(--orange-50);--surface-shade:#18191d0d;--surface-veil:#18191d6b;--border-hairline:#18191d14;--border-default:var(--gray-200);--border-strong:var(--gray-300);--border-inverse:#f4f4f624;--border-brand:var(--gray-900);--border-focus:var(--orange-600);--focus-ring:0 0 0 3px #f2601f42;--accent:var(--orange-600);--accent-hover:var(--orange-700);--accent-press:var(--orange-800);--brand:var(--gray-900);--brand-hover:var(--gray-800);--brand-press:#0e0f11;--hover-tint:#18191d0b;--press-tint:#18191d16;--hover-tint-inverse:#f4f4f614;--status-success:var(--green-700);--status-success-soft:var(--green-100);--status-warning:var(--amber-700);--status-warning-soft:var(--amber-100);--status-danger:var(--red-700);--status-danger-soft:var(--red-100);--status-info:var(--blue-700);--status-info-soft:var(--blue-100);--bubble-customer-bg:var(--gray-0);--bubble-customer-text:var(--gray-900);--bubble-customer-border:var(--border-hairline);--bubble-agent-bg:var(--gray-900);--bubble-agent-text:var(--gray-50);--bubble-bot-bg:var(--gray-100);--bubble-bot-text:var(--gray-900);--bubble-note-bg:var(--amber-100);--bubble-note-text:#5a3e00;--bubble-note-border:var(--amber-200);--bubble-system-bg:transparent;--bubble-system-text:var(--gray-600);--bubble-them-bg:var(--bubble-customer-bg);--bubble-them-text:var(--bubble-customer-text);--bubble-them-border:var(--bubble-customer-border);--bubble-me-bg:var(--bubble-agent-bg);--bubble-me-text:var(--bubble-agent-text);--presence-online:var(--green-500);--presence-away:var(--amber-500);--presence-offline:var(--gray-300);--unread-dot:var(--orange-600);--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--size-display-1:56px;--size-display-2:44px;--size-h1:32px;--size-h2:24px;--size-h3:20px;--size-h4:16px;--size-body-lg:18px;--size-body:16px;--size-ui:15px;--size-body-sm:14px;--size-caption:13px;--size-micro:12px;--size-eyebrow:12px;--size-numeral:13px;--leading-display:1.2;--leading-heading:1.22;--leading-snug:1.4;--leading-body:1.7;--leading-relaxed:1.8;--leading-tight:1.15;--tracking-display:-.02em;--tracking-heading:-.01em;--tracking-body:0;--tracking-eyebrow:.14em;--tracking-numeral:.06em;--text-display-1:var(--weight-semibold) var(--size-display-1) / var(--leading-display) var(--font-display);--text-display-2:var(--weight-semibold) var(--size-display-2) / var(--leading-display) var(--font-display);--text-h1:var(--weight-semibold) var(--size-h1) / var(--leading-heading) var(--font-display);--text-h2:var(--weight-semibold) var(--size-h2) / var(--leading-heading) var(--font-display);--text-h3:var(--weight-semibold) var(--size-h3) / var(--leading-snug) var(--font-display);--text-h4:var(--weight-semibold) var(--size-h4) / var(--leading-snug) var(--font-sans);--text-body-lg:var(--weight-regular) var(--size-body-lg) / var(--leading-relaxed) var(--font-sans);--text-body:var(--weight-regular) var(--size-body) / var(--leading-body) var(--font-sans);--text-body-sm:var(--weight-regular) var(--size-body-sm) / var(--leading-body) var(--font-sans);--text-caption:var(--weight-regular) var(--size-caption) / var(--leading-snug) var(--font-sans);--text-ui:var(--weight-medium) var(--size-body-sm) / 1.2 var(--font-sans);--text-quote:var(--weight-regular) var(--size-body-lg) / var(--leading-relaxed) var(--font-sans);--text-code:var(--weight-regular) var(--size-body-sm) / 1.6 var(--font-mono);--measure-prose:66ch;--measure-narrow:46ch;--measure-wide:78ch;--space-0:0;--space-px:1px;--space-2xs:2px;--space-xs:4px;--space-sm:6px;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:20px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:56px;--space-9:72px;--space-10:96px;--space-11:128px;--space-12:160px;--gutter:var(--space-5);--gutter-lg:var(--space-6);--page-max:1200px;--page-max-narrow:760px;--page-pad:var(--space-6);--page-pad-lg:var(--space-8);--section-y:var(--space-10);--section-y-lg:var(--space-11);--card-pad:var(--space-5);--card-pad-lg:var(--space-6);--control-pad-x:var(--space-3);--control-gap:var(--space-1);--control-h-sm:32px;--control-h-md:38px;--control-h-lg:46px;--tap-min:44px;--rail-w:64px;--sidebar-w:340px;--panel-w:320px;--radius-0:0;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-pill:999px;--corner-k:2;--corner-shape:superellipse(var(--corner-k));--corner-shape-circular:round;--radius-control:var(--radius-md);--radius-card:var(--radius-lg);--radius-panel:var(--radius-xl);--radius-dialog:var(--radius-xl);--radius-bubble:16px;--radius-bubble-tail:var(--radius-xs);--radius-avatar:var(--radius-pill);--radius-tag:var(--radius-xs);--border-w:1px;--border-w-strong:2px;--rule-w:1px;--keyline-w:3px;--shade-00:none;--shade-01:0 1px 2px #18191d0f;--shade-02:0 1px 2px #18191d0d, 0 4px 12px -2px #18191d14;--shade-03:0 2px 4px #18191d0f, 0 12px 32px -8px #18191d29;--shade-04:0 4px 8px #18191d0f, 0 28px 64px -16px #18191d3d;--shade-inset:inset 0 1px 2px #18191d14;--shade-keyline:inset 0 0 0 1px var(--border-hairline);--elev-card:var(--shade-01);--elev-card-hover:var(--shade-02);--elev-popover:var(--shade-03);--elev-dialog:var(--shade-04);--elev-toast:var(--shade-03);--protect-bottom:linear-gradient(to top, #18191dc7 0%, #18191d66 38%, #18191d00 100%);--protect-top:linear-gradient(to bottom, #18191d8c 0%, #18191d00 100%);--blur-veil:saturate(140%) blur(14px);--blur-sheer:saturate(110%) blur(6px);--rule-hairline:var(--rule-w) solid var(--border-hairline);--rule-default:var(--rule-w) solid var(--border-default);--dur-instant:80ms;--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--dur-veil:.48s;--ease-shade:cubic-bezier(.22, .61, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-enter:cubic-bezier(.16, 1, .3, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--ease-linear:linear;--transition-control:color var(--dur-fast) var(--ease-shade), background-color var(--dur-fast) var(--ease-shade), border-color var(--dur-fast) var(--ease-shade), box-shadow var(--dur-fast) var(--ease-shade);--transition-surface:box-shadow var(--dur-base) var(--ease-shade), transform var(--dur-base) var(--ease-shade);--press-scale:.985}@media (prefers-reduced-motion:reduce){:root{--dur-instant:0s;--dur-fast:0s;--dur-base:0s;--dur-slow:0s;--dur-veil:0s;--press-scale:1}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font:var(--text-body);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);color:var(--text-primary);text-wrap:balance;margin:0}h1{font-size:var(--size-h1);line-height:var(--leading-heading)}h2{font-size:var(--size-h2);line-height:var(--leading-heading)}h3{font-size:var(--size-h3);line-height:var(--leading-snug)}h4{font-size:var(--size-h4);line-height:var(--leading-snug);font-family:var(--font-sans)}p{margin:0 0 var(--space-3);max-width:var(--measure-prose);text-wrap:pretty}p:last-child{margin-bottom:0}a{color:var(--text-link);text-underline-offset:.18em;transition:color var(--dur-fast) var(--ease-shade), text-decoration-color var(--dur-fast) var(--ease-shade);-webkit-text-decoration:underline #18191d4d;text-decoration:underline #18191d4d;text-decoration-thickness:1px}a:hover{color:var(--text-link-hover);text-decoration-color:currentColor}a:active{color:var(--orange-800)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-xs)}small{font-size:var(--size-caption);color:var(--text-muted)}strong,b{font-weight:var(--weight-semibold)}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.92em}code{background:var(--surface-sunken);border-radius:var(--radius-xs);padding:.12em .36em}hr{border:0;border-top:var(--rule-hairline);margin:var(--space-6) 0}img,svg,video{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}ul,ol{margin:0 0 var(--space-3);padding-left:var(--space-4)}li{margin-bottom:var(--space-sm)}blockquote{font:var(--text-quote);color:var(--text-secondary);border-left:var(--keyline-w) solid var(--border-strong);padding-left:var(--space-4);margin:0}::selection{background:var(--orange-100);color:var(--gray-900)}::placeholder{color:var(--text-faint)}@supports (corner-shape:squircle){:where(*),:where(*):before,:where(*):after{corner-shape:var(--corner-shape)}}.kc-btn{justify-content:center;align-items:center;gap:var(--space-1);font:var(--text-ui);letter-spacing:.01em;border:var(--border-w) solid transparent;border-radius:var(--radius-control);cursor:pointer;white-space:nowrap;transition:var(--transition-control), transform var(--dur-instant) var(--ease-shade);-webkit-user-select:none;user-select:none;text-decoration:none;display:inline-flex}.kc-btn:active:not(:disabled){transform:scale(var(--press-scale))}.kc-btn:disabled,.kc-btn[aria-disabled=true]{opacity:.42;cursor:not-allowed}.kc-btn--sm{height:var(--control-h-sm);padding:0 var(--space-2);font-size:var(--size-caption)}.kc-btn--md{height:var(--control-h-md);padding:0 var(--space-3)}.kc-btn--lg{height:var(--control-h-lg);padding:0 var(--space-4);font-size:var(--size-body)}.kc-btn--block{width:100%;display:flex}.kc-btn--primary{background:var(--brand);color:var(--text-inverse);box-shadow:var(--shade-01)}.kc-btn--primary:hover:not(:disabled){background:var(--brand-hover)}.kc-btn--primary:active:not(:disabled){background:var(--brand-press);box-shadow:none}.kc-btn--accent{background:var(--accent);color:#fff;box-shadow:var(--shade-01)}.kc-btn--accent:hover:not(:disabled){background:var(--accent-hover)}.kc-btn--accent:active:not(:disabled){background:var(--accent-press);box-shadow:none}.kc-btn--secondary{background:var(--surface-card);color:var(--text-primary);border-color:var(--border-default)}.kc-btn--secondary:hover:not(:disabled){background:var(--surface-page);border-color:var(--border-strong)}.kc-btn--secondary:active:not(:disabled){background:var(--surface-sunken)}.kc-btn--ghost{color:var(--text-secondary);background:0 0}.kc-btn--ghost:hover:not(:disabled){background:var(--hover-tint);color:var(--text-primary)}.kc-btn--ghost:active:not(:disabled){background:var(--press-tint)}.kc-btn--danger{color:var(--status-danger);border-color:var(--red-200);background:0 0}.kc-btn--danger:hover:not(:disabled){background:var(--status-danger-soft)}.kc-btn--inverse{color:var(--text-inverse);border-color:var(--border-inverse);background:#f4f4f61a}.kc-btn--inverse:hover:not(:disabled){background:#f4f4f62e}.kc-btn--link{height:auto;color:var(--text-link);text-underline-offset:.18em;background:0 0;padding:0;text-decoration:underline}.kc-btn--link:hover:not(:disabled){color:var(--text-link-hover)}.kc-iconbtn{border:var(--border-w) solid transparent;border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;transition:var(--transition-control);background:0 0;justify-content:center;align-items:center;display:inline-flex}.kc-iconbtn:hover:not(:disabled){background:var(--hover-tint);color:var(--text-primary)}.kc-iconbtn:active:not(:disabled){background:var(--press-tint)}.kc-iconbtn:disabled{opacity:.4;cursor:not-allowed}.kc-iconbtn--sm{width:var(--control-h-sm);height:var(--control-h-sm)}.kc-iconbtn--md{width:var(--control-h-md);height:var(--control-h-md)}.kc-iconbtn--lg{width:var(--control-h-lg);height:var(--control-h-lg)}.kc-iconbtn--solid{background:var(--brand);color:var(--text-inverse)}.kc-iconbtn--solid:hover:not(:disabled){background:var(--brand-hover);color:var(--text-inverse)}.kc-iconbtn--accent{background:var(--accent);color:#fff}.kc-iconbtn--accent:hover:not(:disabled){background:var(--accent-hover);color:#fff}.kc-iconbtn--bordered{border-color:var(--border-default);background:var(--surface-card)}.kc-iconbtn--inverse{color:var(--text-inverse-muted)}.kc-iconbtn--inverse:hover:not(:disabled){background:var(--hover-tint-inverse);color:var(--text-inverse)}.kc-iconbtn--active{background:var(--surface-brand-soft);color:var(--text-brand)}.kc-icon{color:inherit;flex:none;justify-content:center;align-items:center;display:inline-flex}.kc-icon svg{stroke-width:1.75px;width:100%;height:100%}.kc-tag{align-items:center;gap:var(--space-xs);font-family:var(--font-sans);font-size:var(--size-caption);font-weight:var(--weight-medium);padding:5px var(--space-1);border-radius:var(--radius-tag);border:var(--border-w) solid transparent;white-space:nowrap;line-height:1;display:inline-flex}.kc-tag--neutral{background:var(--surface-sunken);color:var(--text-secondary);border-color:var(--border-hairline)}.kc-tag--brand{background:var(--gray-900);color:var(--gray-50)}.kc-tag--accent{background:var(--orange-50);color:var(--orange-700);border-color:var(--orange-100)}.kc-tag--danger{background:var(--red-100);color:var(--red-700)}.kc-tag--success{background:var(--green-100);color:var(--green-700)}.kc-tag--warning{background:var(--amber-100);color:var(--amber-700)}.kc-tag--info{background:var(--blue-100);color:var(--blue-700)}.kc-tag--outline{border-color:var(--border-default);color:var(--text-secondary);background:0 0}.kc-tag__dismiss{cursor:pointer;color:inherit;opacity:.55;background:0 0;border:0;margin-right:-2px;padding:0 1px;display:inline-flex}.kc-tag__dismiss:hover{opacity:1}.kc-badge{min-width:18px;height:18px;font-family:var(--font-mono);font-size:var(--size-micro);font-weight:var(--weight-medium);border-radius:var(--radius-pill);corner-shape:var(--corner-shape-circular);background:var(--unread-dot);color:#fff;letter-spacing:0;justify-content:center;align-items:center;padding:0 5px;line-height:1;display:inline-flex}.kc-badge--neutral{background:var(--gray-200);color:var(--gray-800)}.kc-badge--brand{background:var(--gray-900);color:var(--gray-50)}.kc-badge--dot{width:8px;min-width:8px;height:8px;padding:0}.kc-avatar{border-radius:var(--radius-avatar);font-family:var(--font-sans);font-weight:var(--weight-semibold);color:var(--gray-700);background:var(--gray-100);box-shadow:var(--shade-keyline);corner-shape:var(--corner-shape-circular);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.kc-avatar--square{border-radius:var(--radius-md);corner-shape:var(--corner-shape)}.kc-avatar img{object-fit:cover;width:100%;height:100%}.kc-avatar--xs{width:22px;height:22px;font-size:10px}.kc-avatar--sm{width:28px;height:28px;font-size:var(--size-micro)}.kc-avatar--md{width:36px;height:36px;font-size:var(--size-caption)}.kc-avatar--lg{width:48px;height:48px;font-size:var(--size-h4)}.kc-avatar--xl{width:72px;height:72px;font-size:var(--size-h2)}.kc-avatar--round{border-radius:var(--radius-pill);corner-shape:var(--corner-shape-circular)}.kc-avatar-stack{display:flex}.kc-avatar-stack>*{box-shadow:0 0 0 2px var(--surface-card);margin-left:-6px}.kc-avatar-stack>:first-child{margin-left:0}.kc-field{gap:var(--space-sm);flex-direction:column;display:flex}.kc-field__label{font-family:var(--font-sans);font-size:var(--size-body-sm);font-weight:var(--weight-medium);color:var(--text-primary);align-items:baseline;gap:var(--space-xs);display:flex}.kc-field__req{color:var(--status-danger);font-size:var(--size-caption)}.kc-field__hint{font-size:var(--size-caption);line-height:var(--leading-snug);color:var(--text-muted)}.kc-field__error{font-size:var(--size-caption);line-height:var(--leading-snug);color:var(--status-danger)}.kc-input{align-items:center;gap:var(--space-1);background:var(--surface-card);border:var(--border-w) solid var(--border-default);border-radius:var(--radius-control);width:100%;padding:0 var(--control-pad-x);transition:var(--transition-control);display:flex}.kc-input:hover:not(.is-disabled){border-color:var(--border-strong)}.kc-input:focus-within{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.kc-input.is-invalid{border-color:var(--status-danger)}.kc-input.is-invalid:focus-within{box-shadow:0 0 0 3px #c2302f38}.kc-input.is-disabled{background:var(--surface-sunken);opacity:.62;cursor:not-allowed}.kc-input--sm{height:var(--control-h-sm)}.kc-input--md{height:var(--control-h-md)}.kc-input--lg{height:var(--control-h-lg)}.kc-input__control{min-width:0;font-family:var(--font-sans);font-size:var(--size-ui);color:var(--text-primary);background:0 0;border:0;outline:none;flex:1}.kc-input--lg .kc-input__control{font-size:var(--size-body)}.kc-input__affix{color:var(--text-faint);flex:none;align-items:center;display:inline-flex}.kc-textarea{background:var(--surface-card);border:var(--border-w) solid var(--border-default);border-radius:var(--radius-control);width:100%;min-height:92px;padding:var(--space-1) var(--control-pad-x);font-family:var(--font-sans);font-size:var(--size-body-sm);line-height:var(--leading-body);color:var(--text-primary);resize:vertical;transition:var(--transition-control);outline:none}.kc-textarea:hover:not(:disabled){border-color:var(--border-strong)}.kc-textarea:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.kc-textarea:disabled{background:var(--surface-sunken);opacity:.62}.kc-select{width:100%;display:block;position:relative}.kc-select__control{appearance:none;background:var(--surface-card);border:var(--border-w) solid var(--border-default);border-radius:var(--radius-control);width:100%;padding:0 var(--space-6) 0 var(--control-pad-x);font-family:var(--font-sans);font-size:var(--size-body-sm);color:var(--text-primary);cursor:pointer;transition:var(--transition-control);outline:none}.kc-select__control:hover:not(:disabled){border-color:var(--border-strong)}.kc-select__control:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.kc-select__control:disabled{background:var(--surface-sunken);opacity:.62;cursor:not-allowed}.kc-select--sm .kc-select__control{height:var(--control-h-sm)}.kc-select--md .kc-select__control{height:var(--control-h-md)}.kc-select--lg .kc-select__control{height:var(--control-h-lg)}.kc-select__caret{right:var(--space-2);pointer-events:none;color:var(--text-faint);display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.kc-check{align-items:flex-start;gap:var(--space-1);cursor:pointer;font-family:var(--font-sans);font-size:var(--size-body-sm);color:var(--text-primary);line-height:1.45;display:inline-flex}.kc-check.is-disabled{opacity:.5;cursor:not-allowed}.kc-check__input{opacity:0;width:0;height:0;position:absolute}.kc-check__box{border:var(--border-w-strong) solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-card);color:#0000;width:17px;height:17px;transition:var(--transition-control);flex:none;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.kc-check:hover .kc-check__box{border-color:var(--gray-600)}.kc-check__input:checked+.kc-check__box,.kc-check__input:indeterminate+.kc-check__box{background:var(--brand);border-color:var(--brand);color:#fff}.kc-check__input:focus-visible+.kc-check__box{box-shadow:var(--focus-ring)}.kc-check--radio .kc-check__box{border-radius:var(--radius-pill);corner-shape:var(--corner-shape-circular)}.kc-check--radio .kc-check__input:checked+.kc-check__box{background:var(--surface-card);border-color:var(--brand)}.kc-check--radio .kc-check__dot{border-radius:var(--radius-pill);corner-shape:var(--corner-shape-circular);background:var(--brand);width:8px;height:8px;transition:transform var(--dur-fast) var(--ease-shade);transform:scale(0)}.kc-check--radio .kc-check__input:checked+.kc-check__box .kc-check__dot{transform:scale(1)}.kc-check__text{flex-direction:column;gap:2px;display:flex}.kc-check__desc{font-size:var(--size-caption);color:var(--text-muted)}.kc-switch{align-items:center;gap:var(--space-1);cursor:pointer;font-family:var(--font-sans);font-size:var(--size-body-sm);color:var(--text-primary);display:inline-flex}.kc-switch.is-disabled{opacity:.5;cursor:not-allowed}.kc-switch__input{opacity:0;width:0;height:0;position:absolute}.kc-switch__track{border-radius:var(--radius-pill);corner-shape:var(--corner-shape-circular);background:var(--gray-300);width:36px;height:20px;transition:background-color var(--dur-base) var(--ease-shade);flex:none;position:relative}.kc-switch__thumb{border-radius:var(--radius-pill);corner-shape:var(--corner-shape-circular);width:16px;height:16px;box-shadow:var(--shade-01);transition:transform var(--dur-base) var(--ease-shade);background:#fff;position:absolute;top:2px;left:2px}.kc-switch__input:checked+.kc-switch__track{background:var(--brand)}.kc-switch__input:checked+.kc-switch__track .kc-switch__thumb{transform:translate(16px)}.kc-switch__input:focus-visible+.kc-switch__track{box-shadow:var(--focus-ring)}.kc-switch--sm .kc-switch__track{width:30px;height:17px}.kc-switch--sm .kc-switch__thumb{width:13px;height:13px}.kc-switch--sm .kc-switch__input:checked+.kc-switch__track .kc-switch__thumb{transform:translate(13px)}.kc-card{background:var(--surface-card);border:var(--border-w) solid var(--border-hairline);border-radius:var(--radius-card);box-shadow:var(--elev-card);transition:var(--transition-surface), border-color var(--dur-base) var(--ease-shade);position:relative}.kc-card--flat{box-shadow:none}.kc-card--raised{box-shadow:var(--elev-popover);border-color:#0000}.kc-card--sunken{background:var(--surface-sunken);box-shadow:none;border-color:var(--border-hairline)}.kc-card--inverse{background:var(--surface-inverse);border-color:var(--border-inverse);color:var(--text-inverse);box-shadow:none}.kc-card--inverse .kc-card__title{color:var(--text-inverse)}.kc-card--interactive{cursor:pointer}.kc-card--interactive:hover{box-shadow:var(--elev-card-hover);border-color:var(--border-default)}.kc-card--interactive:active{transform:translateY(1px)}.kc-card__body{padding:var(--card-pad)}.kc-card--lg .kc-card__body{padding:var(--card-pad-lg)}.kc-card__header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--card-pad);border-bottom:var(--rule-hairline);display:flex}.kc-card__footer{padding:var(--space-2) var(--card-pad);border-top:var(--rule-hairline);align-items:center;gap:var(--space-1);display:flex}.kc-card__title{font-family:var(--font-display);font-size:var(--size-h4);font-weight:var(--weight-semibold)}.kc-card__media{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--surface-sunken);width:100%;display:block}.kc-panel{background:var(--surface-card);border:var(--border-w) solid var(--border-hairline);border-radius:var(--radius-panel);flex-direction:column;min-height:0;display:flex;overflow:hidden}.kc-panel--plain{border:0;border-radius:0}.kc-panel__head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:var(--rule-hairline);background:var(--surface-card);flex:none;display:flex}.kc-panel__title{font-family:var(--font-sans);font-size:var(--size-body-sm);font-weight:var(--weight-semibold);letter-spacing:.01em}.kc-panel__body{flex:1;min-height:0;overflow:auto}.kc-panel__foot{padding:var(--space-2) var(--space-3);border-top:var(--rule-hairline);flex:none}.kc-dialog-veil{background:var(--surface-veil);-webkit-backdrop-filter:var(--blur-sheer);backdrop-filter:var(--blur-sheer);padding:var(--space-5);z-index:60;animation:kc-fade var(--dur-base) var(--ease-shade);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.kc-dialog{background:var(--surface-card);border-radius:var(--radius-dialog);width:100%;box-shadow:var(--elev-dialog);animation:kc-rise var(--dur-slow) var(--ease-enter);position:relative;overflow:hidden}.kc-dialog--sm{max-width:400px}.kc-dialog--md{max-width:520px}.kc-dialog--lg{max-width:720px}.kc-dialog__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-2);display:flex}.kc-dialog__title{font-family:var(--font-display);font-size:var(--size-h3);font-weight:var(--weight-semibold)}.kc-dialog__desc{margin-top:var(--space-sm);font-size:var(--size-body-sm);line-height:var(--leading-body);color:var(--text-secondary)}.kc-dialog__body{padding:var(--space-2) var(--space-5) var(--space-4)}.kc-dialog__foot{justify-content:flex-end;gap:var(--space-1);padding:var(--space-3) var(--space-5);border-top:var(--rule-hairline);background:var(--surface-page);display:flex}@keyframes kc-fade{0%{opacity:0}to{opacity:1}}@keyframes kc-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.kc-divider{border:0;border-top:var(--rule-hairline);margin:0}.kc-divider--strong{border-top-color:var(--border-default)}.kc-divider--vertical{border-top:0;border-left:var(--rule-hairline);align-self:stretch;width:0}.kc-divider--labelled{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--size-eyebrow);font-weight:var(--weight-semibold);color:var(--text-faint);border:0;display:flex}.kc-divider--labelled:before,.kc-divider--labelled:after{content:"";border-top:var(--rule-hairline);flex:1}.kc-toast{align-items:flex-start;gap:var(--space-2);width:100%;max-width:380px;padding:var(--space-2) var(--space-3);background:var(--surface-inverse);color:var(--text-inverse);border-radius:var(--radius-card);box-shadow:var(--elev-toast);animation:kc-toast-in var(--dur-slow) var(--ease-enter);display:flex}.kc-toast__icon{flex:none;margin-top:1px;display:inline-flex}.kc-toast__body{flex:1;min-width:0}.kc-toast__title{font-family:var(--font-sans);font-size:var(--size-body-sm);font-weight:var(--weight-semibold)}.kc-toast__desc{font-size:var(--size-caption);line-height:var(--leading-snug);color:var(--text-inverse-muted);margin-top:2px}.kc-toast__close{cursor:pointer;color:var(--text-inverse-muted);background:0 0;border:0;flex:none;padding:2px;display:inline-flex}.kc-toast__close:hover{color:var(--text-inverse)}.kc-toast--success .kc-toast__icon{color:var(--green-200)}.kc-toast--warning .kc-toast__icon{color:var(--amber-400)}.kc-toast--danger .kc-toast__icon{color:var(--red-200)}.kc-toast--info .kc-toast__icon{color:var(--blue-200)}.kc-toast--light{background:var(--surface-card);color:var(--text-primary);box-shadow:var(--elev-popover);border:var(--border-w) solid var(--border-hairline)}.kc-toast--light .kc-toast__desc,.kc-toast--light .kc-toast__close{color:var(--text-muted)}@keyframes kc-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.kc-tooltip{display:inline-flex;position:relative}.kc-tooltip__bubble{z-index:40;padding:5px var(--space-1);background:var(--gray-900);color:var(--gray-50);font-family:var(--font-sans);font-size:var(--size-caption);white-space:nowrap;border-radius:var(--radius-sm);box-shadow:var(--elev-popover);opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-shade);line-height:1.35;position:absolute}.kc-tooltip:hover .kc-tooltip__bubble,.kc-tooltip:focus-within .kc-tooltip__bubble{opacity:1}.kc-tooltip__bubble--top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.kc-tooltip__bubble--bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.kc-tooltip__bubble--left{top:50%;right:calc(100% + 6px);transform:translateY(-50%)}.kc-tooltip__bubble--right{top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.kc-tooltip__key{margin-left:var(--space-sm);font-family:var(--font-mono);color:#f4f4f699}.kc-empty{text-align:center;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-5);flex-direction:column;display:flex}.kc-empty__mark{border-radius:var(--radius-lg);width:56px;height:56px;color:var(--gray-700);background:var(--surface-sunken);box-shadow:var(--shade-keyline);justify-content:center;align-items:center;display:inline-flex}.kc-empty__title{font-family:var(--font-display);font-size:var(--size-h4);font-weight:var(--weight-semibold)}.kc-empty__desc{max-width:42ch;font-size:var(--size-body-sm);line-height:var(--leading-body);color:var(--text-muted)}.kc-empty__actions{gap:var(--space-1);margin-top:var(--space-1);display:flex}.kc-spinner{border-radius:var(--radius-pill);corner-shape:var(--corner-shape-circular);border:2px solid var(--border-default);border-top-color:var(--brand);animation:.72s linear infinite kc-spin;display:inline-block}.kc-spinner--sm{width:14px;height:14px}.kc-spinner--md{width:20px;height:20px}.kc-spinner--lg{border-width:3px;width:30px;height:30px}.kc-spinner--inverse{border-color:#f4f4f640;border-top-color:var(--gray-50)}@keyframes kc-spin{to{transform:rotate(360deg)}}.kc-tabs{align-items:stretch;gap:var(--space-4);border-bottom:var(--rule-hairline);display:flex}.kc-tabs__tab{align-items:center;gap:var(--space-sm);padding:var(--space-1) 0 var(--space-2);cursor:pointer;font-family:var(--font-sans);font-size:var(--size-body-sm);font-weight:var(--weight-medium);color:var(--text-muted);transition:color var(--dur-fast) var(--ease-shade);white-space:nowrap;background:0 0;border:0;display:inline-flex;position:relative}.kc-tabs__tab:hover:not(:disabled){color:var(--text-primary)}.kc-tabs__tab:disabled{opacity:.4;cursor:not-allowed}.kc-tabs__tab.is-active{color:var(--text-primary)}.kc-tabs__tab.is-active:after{content:"";height:var(--border-w-strong);background:var(--accent);position:absolute;bottom:-1px;left:0;right:0}.kc-tabs--pill{gap:var(--space-xs);padding:var(--space-xs);background:var(--surface-sunken);border-radius:var(--radius-md);border-bottom:0}.kc-tabs--pill .kc-tabs__tab{padding:var(--space-sm) var(--space-2);border-radius:var(--radius-sm)}.kc-tabs--pill .kc-tabs__tab.is-active{background:var(--surface-card);box-shadow:var(--shade-01)}.kc-tabs--pill .kc-tabs__tab.is-active:after{display:none}.kc-tabs__count{font-family:var(--font-mono);font-size:var(--size-micro);color:var(--text-faint)}.kc-navitem{align-items:center;gap:var(--space-1);width:100%;padding:var(--space-sm) var(--space-1);border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-family:var(--font-sans);font-size:var(--size-body-sm);color:var(--text-secondary);transition:var(--transition-control);background:0 0;border:0;text-decoration:none;display:flex}.kc-navitem:hover{background:var(--hover-tint);color:var(--text-primary)}.kc-navitem:active{background:var(--press-tint)}.kc-navitem.is-active{background:var(--surface-brand-soft);color:var(--text-brand);font-weight:var(--weight-medium)}.kc-navitem__icon{color:var(--text-faint);flex:none;display:inline-flex}.kc-navitem.is-active .kc-navitem__icon{color:var(--gray-800)}.kc-navitem__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.kc-navitem__trail{align-items:center;gap:var(--space-xs);flex:none;display:inline-flex}.kc-navitem--inverse{color:var(--text-inverse-muted)}.kc-navitem--inverse:hover{background:var(--hover-tint-inverse);color:var(--text-inverse)}.kc-navitem--inverse.is-active{color:var(--text-inverse);background:#f4f4f61f}.kc-navitem--inverse .kc-navitem__icon{color:#f4f4f699}.kc-navitem--inverse.is-active .kc-navitem__icon{color:var(--gray-50)}.kc-msg{gap:var(--space-1);max-width:min(620px,76%);display:flex}.kc-msg--me{flex-direction:row-reverse;margin-left:auto}.kc-msg__col{flex-direction:column;gap:4px;min-width:0;display:flex}.kc-msg--me .kc-msg__col{align-items:flex-end}.kc-msg__meta{align-items:baseline;gap:var(--space-1);font-size:var(--size-micro);color:var(--text-faint);display:flex}.kc-msg__author{font-family:var(--font-sans);font-size:var(--size-caption);font-weight:var(--weight-semibold);color:var(--text-secondary)}.kc-msg__label{font-family:var(--font-sans);font-size:var(--size-micro);font-weight:var(--weight-semibold);color:var(--text-secondary)}.kc-msg__time{font-family:var(--font-mono);font-size:var(--size-micro)}.kc-msg__botmark{border-radius:var(--radius-pill);corner-shape:var(--corner-shape-circular);background:var(--gray-900);width:28px;height:28px;color:var(--gray-50);flex:none;justify-content:center;align-items:center;display:inline-flex}.kc-msg__bubble{padding:var(--space-1) var(--space-2);border-radius:var(--radius-bubble);background:var(--bubble-customer-bg);color:var(--bubble-customer-text);border:var(--border-w) solid var(--bubble-customer-border);font-size:var(--size-ui);line-height:var(--leading-body);white-space:pre-wrap;overflow-wrap:anywhere}.kc-msg:not(.kc-msg--me) .kc-msg__bubble{border-bottom-left-radius:var(--radius-bubble-tail)}.kc-msg--me .kc-msg__bubble{background:var(--bubble-agent-bg);color:var(--bubble-agent-text);border-bottom-right-radius:var(--radius-bubble-tail);border-color:#0000}.kc-msg--bot .kc-msg__bubble{background:var(--bubble-bot-bg);color:var(--bubble-bot-text);border-color:var(--border-hairline)}.kc-msg--note{max-width:min(620px,84%)}.kc-msg--note .kc-msg__bubble{background:var(--bubble-note-bg);color:var(--bubble-note-text);border:var(--border-w) dashed var(--bubble-note-border);border-radius:var(--radius-lg)}.kc-msg--note .kc-msg__label{color:var(--bubble-note-text)}.kc-msg--system{justify-content:center;max-width:none}.kc-msg--system .kc-msg__bubble{background:var(--bubble-system-bg);color:var(--bubble-system-text);font-size:var(--size-caption);text-align:center;border-color:#0000;padding:0}.kc-msg--pending .kc-msg__bubble{opacity:.6}.kc-msg__reactions{gap:var(--space-xs);margin-top:2px;display:flex}.kc-msg__reaction{padding:2px var(--space-sm);border-radius:var(--radius-pill);corner-shape:var(--corner-shape-circular);border:var(--border-w) solid var(--border-hairline);background:var(--surface-card);font-family:var(--font-mono);font-size:var(--size-micro);color:var(--text-secondary);cursor:pointer;align-items:center;gap:3px;display:inline-flex}.kc-msg__reaction.is-mine{border-color:var(--gray-300);background:var(--gray-100);color:var(--gray-900)}.kc-msg__attach{align-items:center;gap:var(--space-1);margin-top:var(--space-sm);padding:var(--space-1);border-radius:var(--radius-sm);background:var(--surface-sunken);font-size:var(--size-caption);color:var(--text-secondary);display:flex}.kc-msg--me:not(.kc-msg--bot):not(.kc-msg--note) .kc-msg__attach{color:var(--text-inverse);background:#f4f4f61f}.kc-msg-group{flex-direction:column;gap:4px;display:flex}.kc-composer{gap:var(--space-1);padding:var(--space-2);background:var(--surface-card);border:var(--border-w) solid var(--border-default);border-radius:var(--radius-panel);transition:var(--transition-control);flex-direction:column;display:flex}.kc-composer:focus-within{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.kc-composer__input{resize:none;width:100%;min-height:24px;max-height:160px;font-family:var(--font-sans);font-size:var(--size-ui);line-height:var(--leading-body);color:var(--text-primary);background:0 0;border:0;outline:none}.kc-composer__bar{align-items:center;gap:var(--space-xs);display:flex}.kc-composer__tools{flex:1;align-items:center;gap:2px;display:flex}.kc-composer__hint{font-family:var(--font-sans);font-size:var(--size-micro);color:var(--text-faint);margin-right:var(--space-1)}.kc-composer .kc-btn--primary{background:var(--accent)}.kc-composer .kc-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.kc-composer .kc-btn--primary:active:not(:disabled){background:var(--accent-press)}.kc-composer--note{background:var(--bubble-note-bg);border-color:var(--bubble-note-border)}.kc-composer--note .kc-btn--primary{background:var(--brand)}.kc-room{align-items:flex-start;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:var(--transition-control);background:0 0;border:0;display:flex;position:relative}.kc-room:hover{background:var(--hover-tint)}.kc-room.is-active{background:var(--surface-sunken);box-shadow:inset 3px 0 0 var(--accent)}.kc-room__avatar{flex:none;position:relative}.kc-room__channel{box-shadow:0 0 0 2px var(--surface-card);border-radius:6px;position:absolute;bottom:-3px;right:-3px}.kc-room__col{flex:1;min-width:0}.kc-room__top{justify-content:space-between;align-items:baseline;gap:var(--space-1);display:flex}.kc-room__name{font-family:var(--font-sans);font-size:var(--size-ui);font-weight:var(--weight-medium);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kc-room.is-unread .kc-room__name{font-weight:var(--weight-semibold)}.kc-room__time{font-family:var(--font-mono);font-size:var(--size-micro);color:var(--text-faint);flex:none}.kc-room__preview{justify-content:space-between;align-items:center;gap:var(--space-1);font-size:var(--size-caption);color:var(--text-muted);margin-top:2px;display:flex;overflow:hidden}.kc-room__preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kc-room.is-unread .kc-room__preview span{color:var(--text-secondary)}.kc-room__meta{align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.kc-channel{border-radius:var(--radius-sm);background:var(--channel-color,var(--channel-web));flex:none;justify-content:center;align-items:center;display:inline-flex}.kc-channel img{width:62%;height:62%;display:block}.kc-channel--xs{border-radius:5px;width:16px;height:16px}.kc-channel--sm{width:20px;height:20px}.kc-channel--md{border-radius:var(--radius-md);width:28px;height:28px}.kc-channel--lg{border-radius:var(--radius-lg);width:40px;height:40px}.kc-channel--plain{background:0 0}.kc-channel--plain img{width:100%;height:100%}.kc-presence{border-radius:var(--radius-pill);corner-shape:var(--corner-shape-circular);box-shadow:0 0 0 2px var(--surface-card);display:inline-block}.kc-presence--sm{width:7px;height:7px}.kc-presence--md{width:9px;height:9px}.kc-presence--online{background:var(--presence-online)}.kc-presence--away{background:var(--presence-away)}.kc-presence--offline{background:var(--presence-offline)}.kc-presence--onInverse{box-shadow:0 0 0 2px var(--gray-900)}.kc-chanhead{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:var(--rule-hairline);background:var(--surface-card);flex:none;display:flex}.kc-chanhead__col{flex:1;min-width:0}.kc-chanhead__name{align-items:center;gap:var(--space-1);font-family:var(--font-display);font-size:var(--size-h4);font-weight:var(--weight-semibold);display:flex}.kc-chanhead__topic{font-size:var(--size-caption);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;overflow:hidden}.kc-chanhead__actions{align-items:center;gap:var(--space-1);flex:none;display:flex}.kc-daydivider{align-items:center;gap:var(--space-2);margin:var(--space-3) 0;font-family:var(--font-sans);font-size:var(--size-micro);font-weight:var(--weight-medium);color:var(--text-faint);display:flex}.kc-daydivider:before,.kc-daydivider:after{content:"";border-top:var(--rule-hairline);flex:1}.kc-daydivider--handoff{color:var(--text-accent)}.kc-daydivider--handoff:before,.kc-daydivider--handoff:after{border-top-color:var(--orange-100)}.kc-eyebrow{align-items:center;gap:var(--space-1);font-family:var(--font-sans);font-size:var(--size-eyebrow);font-weight:var(--weight-semibold);color:var(--text-muted);display:inline-flex}.kc-eyebrow:before{content:"";border-top:var(--border-w-strong) solid var(--accent);width:18px}.kc-eyebrow--bare:before{display:none}.kc-eyebrow--inverse{color:var(--text-inverse-muted)}.kc-eyebrow--brand{color:var(--text-brand)}.kc-step{gap:var(--space-2) var(--space-3);padding:var(--space-4) 0;border-top:var(--rule-default);grid-template-columns:auto 1fr;align-items:start;display:grid}.kc-step__num{font-family:var(--font-mono);font-size:var(--size-numeral);font-weight:var(--weight-medium);letter-spacing:var(--tracking-numeral);color:var(--text-faint);padding-top:5px}.kc-step__body{min-width:0}.kc-step__title{font-family:var(--font-display);font-size:var(--size-h3);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.kc-step__thai{font-family:var(--font-sans);font-size:var(--size-body-sm);font-weight:var(--weight-regular);color:var(--text-muted);margin-top:3px;display:block}.kc-step__desc{margin-top:var(--space-1);font-size:var(--size-body);line-height:var(--leading-body);color:var(--text-secondary);max-width:var(--measure-prose)}.kc-step--inverse{border-top-color:var(--border-inverse)}.kc-step--inverse .kc-step__title{color:var(--text-inverse)}.kc-step--inverse .kc-step__desc,.kc-step--inverse .kc-step__thai{color:var(--text-inverse-muted)}.kc-step--inverse .kc-step__num{color:#f4f4f699}.kc-quote{gap:var(--space-3);padding-left:var(--space-4);border-left:var(--keyline-w) solid var(--gray-300);flex-direction:column;display:flex}.kc-quote__text{font:var(--text-quote);font-size:var(--size-h3);color:var(--text-primary);max-width:var(--measure-narrow);text-wrap:pretty;line-height:1.6}.kc-quote__attr{align-items:center;gap:var(--space-1);font-size:var(--size-caption);color:var(--text-muted);display:flex}.kc-quote__name{font-weight:var(--weight-semibold);color:var(--text-secondary)}.kc-quote--accent{border-left-color:var(--accent)}.kc-quote--inverse{border-left-color:#f4f4f64d}.kc-quote--inverse .kc-quote__text{color:var(--text-inverse)}.kc-quote--inverse .kc-quote__attr{color:var(--text-inverse-muted)}.kc-quote--inverse .kc-quote__name{color:var(--gray-50)}.kc-stat{gap:var(--space-sm);padding-top:var(--space-2);border-top:var(--border-w) solid var(--border-default);flex-direction:column;display:flex}.kc-stat__value{font-family:var(--font-display);font-size:var(--size-h1);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-display);font-variant-numeric:tabular-nums;line-height:1}.kc-stat__unit{font-size:.44em;font-weight:var(--weight-medium);color:var(--text-muted);margin-left:2px}.kc-stat__label{font-family:var(--font-sans);font-size:var(--size-caption);color:var(--text-muted);line-height:var(--leading-snug)}.kc-stat--accent{border-top-color:var(--accent)}.kc-stat--accent .kc-stat__value{color:var(--orange-700)}.kc-stat--brand{border-top-color:var(--gray-900)}.kc-stat--inverse{border-top-color:var(--gray-50)}.kc-stat--inverse .kc-stat__value{color:var(--text-inverse)}.kc-stat--inverse .kc-stat__label,.kc-stat--inverse .kc-stat__unit{color:var(--text-inverse-muted)}.kc-eyebrow:lang(en),.kc-daydivider:lang(en),.kc-divider--labelled:lang(en){letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}html,body{height:100%}body{background:var(--surface-page);margin:0;overflow:hidden}#root{height:100vh}.num{font-variant-numeric:tabular-nums}.krob-app{width:100%;height:100vh;display:flex;overflow:hidden}.krob-rail{width:var(--rail-w);background:var(--gray-900);flex-direction:column;flex:none;align-items:center;gap:20px;padding:14px 0 16px;display:flex}.krob-rail__mark{border-radius:10px;width:36px;height:36px}.krob-rail__nav{flex-direction:column;flex:1;gap:6px;display:flex}.krob-rail__item{display:inline-flex;position:relative}.krob-rail__badge{box-shadow:0 0 0 2px var(--gray-900);pointer-events:none;position:absolute;top:-3px;right:-5px}.krob-rail__me{display:inline-flex;position:relative}.krob-rail__presence{display:inline-flex;position:absolute;bottom:-2px;right:-2px}.krob-main{flex:1;min-width:0;min-height:0;display:flex}.krob-card{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-card);box-shadow:var(--shade-01)}.krob-inbox{grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--panel-w);flex:1;min-width:0;height:100vh;display:grid}.krob-list{background:var(--surface-card);border-right:1px solid var(--border-hairline);flex-direction:column;min-height:0;display:flex}.krob-list__head{border-bottom:1px solid var(--border-hairline);flex-direction:column;gap:12px;padding:18px 16px 12px;display:flex}.krob-list__title{font-size:var(--size-h3)}.krob-list__head .kc-tabs{gap:16px}.krob-list__filters{grid-template-columns:minmax(0,1fr) 124px;gap:8px;display:grid}.krob-list__body{flex-direction:column;flex:1;gap:2px;min-height:0;padding:8px;display:flex;overflow:auto}.krob-list__assignee{font-size:var(--size-micro);color:var(--text-muted)}.krob-convo{flex-direction:column;min-width:0;min-height:0;display:flex}.krob-convo__head{background:var(--surface-card);border-bottom:1px solid var(--border-hairline);flex:none;align-items:center;gap:12px;padding:12px 20px;display:flex}.krob-convo__who{flex:1;min-width:0}.krob-convo__name{font-weight:600;font-size:var(--size-h4)}.krob-convo__via{font-size:var(--size-caption);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;min-width:0;margin-top:2px;display:flex;overflow:hidden}.krob-convo__handle{color:var(--text-faint)}.krob-convo__actions{align-items:center;gap:8px;display:flex}.krob-convo__actions .kc-select{width:148px}@media (width<=1360px){.krob-convo__actions .kc-select{width:128px}.krob-convo__handle{display:none}}.krob-thread{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px 32px 24px;display:flex;overflow:auto}.krob-reply{border-top:1px solid var(--border-hairline);flex-direction:column;flex:none;gap:10px;padding:12px 24px 20px;display:flex}.krob-reply__bar{align-items:center;gap:12px;display:flex}.krob-reply__bar .kc-tabs{flex:none}.krob-reply__quick{scrollbar-width:none;flex:1;gap:6px;min-width:0;display:flex;overflow-x:auto}.krob-reply__quick .kc-btn{flex:none}.krob-reply__hint{font-size:var(--size-caption);color:var(--status-warning)}.krob-profile{background:var(--surface-card);border-left:1px solid var(--border-hairline);flex-direction:column;gap:16px;padding:20px;display:flex;overflow:auto}.krob-profile__head{align-items:center;gap:12px;display:flex}.krob-profile__name{font-weight:600;font-size:var(--size-h4)}.krob-facts{grid-template-columns:1fr 1fr;gap:12px 16px;margin:0;display:grid}.krob-facts div{margin:0}.krob-facts dt{font-size:var(--size-micro);color:var(--text-muted)}.krob-facts dd{font-size:var(--size-body-sm);margin:2px 0 0;font-weight:500}.krob-profile__sec{border-top:1px solid var(--border-hairline);flex-direction:column;gap:8px;padding-top:16px;display:flex}.krob-profile__sec h2{font-size:var(--size-caption);color:var(--text-secondary);font-weight:600}.krob-profile__sec .kc-textarea{min-height:64px;font-size:var(--size-body-sm)}.krob-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.krob-slip{border-radius:var(--radius-md);background:var(--status-success-soft);color:var(--status-success);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.krob-slip strong{font-size:var(--size-body-sm);display:block}.krob-slip span{font-size:var(--size-micro);color:var(--text-secondary)}.krob-orders{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.krob-orders li{justify-content:space-between;gap:8px;margin:0;display:flex}.krob-orders strong{font-size:var(--size-body-sm);font-weight:500;display:block}.krob-orders span{font-size:var(--size-micro);color:var(--text-muted)}.krob-orders__right{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.krob-page{flex:1;min-width:0;padding:28px 36px 48px;overflow:auto}.krob-page__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;max-width:1280px;margin-bottom:24px;display:flex}.krob-page__title{font-size:var(--size-h1)}.krob-page__sub{color:var(--text-muted);margin:4px 0 0}.krob-page__controls{align-items:center;gap:10px;display:flex}.krob-page__controls .kc-select{width:140px}.krob-section-title{font-size:var(--size-h4);margin:8px 0 12px}.krob-actions{justify-content:flex-end;gap:10px;max-width:1280px;margin-top:20px;display:flex}.krob-form-sec{flex-direction:column;gap:16px;padding:20px;display:flex}.krob-form-sec h2{font-size:var(--size-h4)}.krob-channels{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;max-width:1280px;margin-bottom:28px;display:grid}.krob-chan{align-items:center;gap:14px;padding:16px;display:flex}.krob-chan__text{flex-direction:column;flex:1;min-width:0;display:flex}.krob-chan__text strong{font-size:var(--size-body-sm)}.krob-chan__text span{font-size:var(--size-caption);color:var(--text-muted)}.krob-chan{flex-wrap:wrap}.krob-chan__actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;width:100%;display:flex}.krob-connect{max-width:560px;margin-bottom:28px}.krob-connect__hint{font-size:var(--size-caption);color:var(--text-muted);margin:0}.krob-connect__oauth{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.krob-connect__error{font-size:var(--size-caption);color:var(--status-danger);margin:0}.krob-connect__next{border-top:1px solid var(--border-hairline);font-size:var(--size-body-sm);padding-top:12px}.krob-connect__next p{margin:0 0 6px}.krob-connect__next ol{margin:0 0 8px;padding-left:20px}.krob-bot{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;max-width:1280px;display:grid}.krob-bot__toggle{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.krob-bot__toggle strong{font-size:var(--size-body)}.krob-bot__toggle p{font-size:var(--size-body-sm);color:var(--text-muted);margin:4px 0 0}.krob-hours{grid-template-columns:1fr 1fr;gap:12px;display:grid}.krob-auth{background:var(--surface-page);flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100vh;padding:40px 16px;display:flex}.krob-auth__card{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-xl);width:min(420px,100%);box-shadow:var(--shade-02);padding:36px 36px 32px}.krob-auth__logo{width:auto;height:38px}.krob-auth__title{font-size:var(--size-h2);margin-top:28px}.krob-auth__sub{color:var(--text-muted);margin:6px 0 0}.krob-auth__fields{flex-direction:column;gap:16px;margin-top:24px;display:flex}.krob-auth__row{justify-content:space-between;align-items:center;display:flex}.krob-auth__channels{max-width:420px;font-size:var(--size-caption);color:var(--text-muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.krob-auth__channels>span:last-child{flex-basis:100%;margin-top:4px}.krob-toasts{z-index:80;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:84px}.krob-handoff{align-self:center}.krob-window{border-radius:var(--radius-md);background:var(--status-warning-soft);color:var(--status-warning);font-size:var(--size-caption);align-items:center;gap:8px;padding:8px 12px;display:flex}.krob-window strong{font-weight:600}.krob-list__more{justify-content:center;padding:8px;display:flex}.krob-loading,.krob-soon{flex:1;justify-content:center;align-items:center;display:flex}.krob-error{color:var(--status-danger);font-size:var(--size-caption)}.krob-attach img{border-radius:var(--radius-md);max-width:240px;max-height:240px;margin-top:6px;display:block}