:root{--color-brand-primary: #007bff;--color-brand-secondary: #6c757d;--color-accent: #ffc107;--color-background: #000000;--color-background-module: rgba( 42, 42, 42, .3 );--color-background-modal-solid: #1e1e1e;--color-surface: #2a2a2a;--color-border: #444;--color-divider: #383838;--color-backdrop: rgba(0, 0, 0, .5);--color-button-primary: rgba(30, 30, 30, .8);--color-text-primary: #e0e0e0;--color-text-secondary: #a0a0a0;--color-text-disabled: #666;--color-text-on-primary: #ffffff;--color-text-button: #e0e0e0;--color-link: var(--color-brand-primary);--color-link-hover: #3395ff;--color-primary: var(--color-brand-primary);--color-primary-hover: var(--color-link-hover);--color-button-secondary: var(--color-background-secondary);--color-accent-secondary-bg: var(--color-info-bg);--color-accent-secondary-border: var(--color-info);--transition-timing: var(--transition-timing-function);--color-surface-raised: var(--color-surface);--color-border-subtle: var(--color-divider);--color-module-background: var( --color-background-module );--color-background-secondary: var(--color-surface);--color-background-hover: #333333;--color-background-input: var(--color-surface);--color-background-tag: var(--color-surface);--color-text-tag: var(--color-text-secondary);--color-accent-info: var(--color-info);--font-size-md: var(--font-size-base);--font-size-sm: var(--font-size-small);--font-size-xs: var(--font-size-smaller);--color-success: #28a745;--color-warning: #ffc107;--color-danger: #dc3545;--color-info: #17a2b8;--color-success-bg: rgba(40, 167, 69, .1);--color-warning-bg: rgba(255, 193, 7, .1);--color-danger-bg: rgba(220, 53, 69, .1);--color-info-bg: rgba(23, 162, 184, .1);--font-family-base: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-family-code: "Courier New", Courier, monospace;--font-size-root: 16px;--font-size-base: 1rem;--font-size-small: .875rem;--font-size-smaller: .75rem;--font-size-large: 1.125rem;--font-size-larger: 1.25rem;--font-size-h1: 2rem;--font-size-h2: 1.75rem;--font-size-h3: 1.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-base: 1.6;--line-height-heading: 1.3;--box-shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--box-shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--box-shadow-lg: 0 10px 20px rgba(0, 0, 0, .2);--box-shadow-inset: inset 0 1px 3px rgba(0, 0, 0, .1);--shadow-sm: var(--box-shadow-sm);--shadow-md: var(--box-shadow-md);--shadow-lg: var(--box-shadow-lg);--transition-duration-short: .15s;--transition-duration-base: .3s;--transition-timing-function: ease-in-out;--transition-base: all var(--transition-duration-base) var(--transition-timing-function)}.modal__overlay{background-color:var(--color-backdrop);animation:fadeIn var(--transition-duration-base) ease-out}.modal__panel{background-color:var(--color-background-modal-solid);box-shadow:var(--box-shadow-lg);animation:slideInUp var(--transition-duration-base) ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--layout-container-max-width: 1200px;--layout-sidebar-width: 280px;--layout-nav-main-height: 50px;--layout-nav-notice-height: 30px;--layout-module-spacing: 20px;--layout-grid-gap: 32px;--spacing-unit: 4px;--spacing-1: calc(1 * var(--spacing-unit));--spacing-2: calc(2 * var(--spacing-unit));--spacing-3: calc(3 * var(--spacing-unit));--spacing-4: calc(4 * var(--spacing-unit));--spacing-5: calc(6 * var(--spacing-unit));--spacing-6: calc(8 * var(--spacing-unit));--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-md: var(--spacing-4);--spacing-lg: var(--spacing-5);--spacing-xl: var(--spacing-6);--border-radius-small: 2px;--border-radius-medium: 4px;--border-radius-large: 8px;--border-radius-full: 50%;--border-radius: var(--border-radius-medium);--border-radius-sm: var(--border-radius-small);--border-radius-md: var(--border-radius-medium);--border-radius-lg: var(--border-radius-large);--border-radius-pill: 9999px;--z-index-back: -1;--z-index-base: 1;--z-index-content: 10;--z-index-sticky: 100;--z-index-dropdown: 1000;--z-index-modal: 1050;--z-index-tooltip: 1070}#nav-module{position:sticky;top:0;left:0;right:0;height:var(--layout-nav-main-height);z-index:var(--z-index-sticky)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-padding-top:var(--layout-nav-main-height)}body{min-height:100vh;background:var(--color-background);color:var(--color-text-primary);font-family:var( --font-family-base, "Noto Sans TC", "Microsoft JhengHei", Arial, sans-serif )}.main-container,#system-module,#help-module,#logger-module,#product-module,#knowledge-base-module{max-width:var(--layout-container-max-width);width:100%;margin-left:auto;margin-right:auto;margin-top:calc(var(--layout-nav-main-height) + var(--layout-module-spacing));padding:0 var(--spacing-5) var(--spacing-6);box-sizing:border-box;min-height:80vh}.main-container{min-height:auto!important;height:auto!important;max-height:none!important}#system-module,#help-module,#logger-module,#product-module,#knowledge-base-module{min-height:auto!important}.main-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:30vh minmax(600px,auto) 350px minmax(340px,auto);grid-template-areas:"preview preview" "chat chat" "client-list client-list" "client notepad";gap:var(--layout-module-spacing)}.main-container>#preview-module,.main-container>#chat-module,.main-container>#customer-list-module,.main-container>#client-module,.main-container>#notepad-module{min-height:0}.main-container>#chat-module{height:100%;min-height:500px;max-height:700px;overflow:hidden;resize:none}#preview-module,#chat-module,#customer-list-module,#client-module,#notepad-module,.system-module__container,.help-module__container{background-color:var(--color-background-module);border:1px solid var(--color-border);border-radius:var(--border-radius-large);overflow:hidden;box-sizing:border-box;width:100%}.system-module__container,.help-module__container{padding:var(--spacing-6)}#preview-module{grid-area:preview;width:100%}#chat-module{grid-area:chat;width:100%}#client-module{grid-area:client;width:100%;display:flex}#notepad-module{grid-area:notepad;width:100%}#universe{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-index-back);pointer-events:none;display:block}#customer-list-module{grid-area:client-list;width:100%;margin-left:auto;margin-right:auto}.module{width:100%;margin-bottom:0;box-sizing:border-box}.custom-scrollbar::-webkit-scrollbar{width:10px}.modal{display:none;position:fixed;z-index:var(--z-index-modal);left:0;top:0;width:100%;height:100%;overflow:auto;align-items:center;justify-content:center}.modal--visible{display:flex}.modal__overlay{position:fixed;left:0;top:0;width:100%;height:100%}.modal__panel{position:relative;z-index:calc(var(--z-index-modal) + 1);width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;border-radius:var(--border-radius-large);box-sizing:border-box;overflow:hidden}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal__body{padding:var(--spacing-5);overflow-y:auto;flex-grow:1}.modal__footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--color-border);flex-shrink:0}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}.main-container{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:30vh minmax(400px,auto) minmax(350px,1fr) 340px!important;grid-template-areas:"preview preview" "chat chat" "client-list client-list" "client notepad"!important;gap:var(--layout-module-spacing)!important;max-width:var(--layout-container-max-width)!important;margin-left:auto!important;margin-right:auto!important;margin-top:var(--spacing-5)!important;padding:0 var(--spacing-1) var(--spacing-6)!important;height:auto!important;min-height:auto!important;max-height:none!important}.main-container>#preview-module,.main-container>#chat-module,.main-container>#customer-list-module,.main-container>#client-module,.main-container>#notepad-module{min-height:0!important}#nav-module{position:sticky!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:var(--layout-nav-main-height)!important;z-index:var(--z-index-sticky)!important;background-color:var(--color-background-module)!important;border-bottom:1px solid var(--color-border)!important}#modal-container{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:var(--z-index-modal, 1000)!important;pointer-events:none!important;display:none!important}#modal-container.is-open{display:block!important;pointer-events:auto!important}.is-hidden{display:none!important}:root{--c-btn-font-weight: 500;--c-btn-border-radius: var(--border-radius-medium);--c-btn-padding-y: var(--spacing-2);--c-btn-padding-x: var(--spacing-4);--c-btn-gap: var(--spacing-2)}.c-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--c-btn-gap);padding:var(--c-btn-padding-y) var(--c-btn-padding-x);border-radius:var(--c-btn-border-radius);border:1px solid transparent;font-size:var(--font-size-sm);font-weight:var(--c-btn-font-weight);line-height:1;cursor:pointer;transition:var(--transition-base);color:var(--color-text-button);background-color:var(--color-button-secondary)}.c-btn:disabled{cursor:not-allowed;opacity:.6}.c-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.c-btn--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.c-btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.c-btn--secondary{background-color:var(--color-button-secondary);border-color:var(--color-border);color:var(--color-text-primary)}.c-btn--secondary:hover:not(:disabled){background-color:var(--color-background-hover)}.c-btn--danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-on-primary)}.c-btn--danger:hover:not(:disabled){background-color:#b22234;border-color:#b22234}.c-btn--ghost{background-color:transparent;border-color:transparent;color:var(--color-text-primary)}.c-btn--ghost:hover:not(:disabled){background-color:#ffffff14}.c-btn--icon{padding:var(--spacing-2);width:32px;height:32px;border-radius:var(--border-radius)}.c-btn--small{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-smaller)}.c-btn--block{width:100%}.c-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-modal);align-items:center;justify-content:center;pointer-events:none}.c-modal--visible{display:flex;pointer-events:auto}.c-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-backdrop);z-index:calc(var(--z-index-modal) - 1)}.c-modal__panel{position:relative;z-index:calc(var(--z-index-modal) + 1);width:min(90vw,800px);max-height:90vh;display:flex;flex-direction:column;border-radius:var(--border-radius-large);border:1px solid var(--color-border);background-color:var(--color-background-modal-solid);box-shadow:var(--box-shadow-lg);overflow:hidden}.c-modal__header,.c-modal__footer{display:flex;align-items:center;padding:var(--spacing-4) var(--spacing-5);flex-shrink:0}.c-modal__header{justify-content:space-between;border-bottom:1px solid var(--color-border)}.c-modal__footer{justify-content:flex-end;gap:var(--spacing-3);border-top:1px solid var(--color-border)}.c-modal__body{padding:var(--spacing-5);overflow-y:auto;flex:1 1 auto}.c-modal__close-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-large);line-height:1}.c-modal__close-btn:hover{color:var(--color-text-primary)}.c-scrollbar{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.c-scrollbar::-webkit-scrollbar{width:10px}.c-scrollbar::-webkit-scrollbar-track{background-color:transparent}.c-scrollbar::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--border-radius-small)}#nav-module{background-color:var(--color-background-module);box-shadow:var(--box-shadow-md);overflow:visible;box-sizing:border-box}.nav{display:flex;flex-direction:column;height:100%;width:100%;min-width:390px;max-width:var(--layout-container-max-width);margin:0 auto;padding:0 var(--spacing-5);box-sizing:border-box}.nav__main{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--layout-nav-main-height)}.nav__logo{display:flex;align-items:center;margin-right:var(--spacing-2xl)}.nav__logo-text{font-size:var(--font-size-h2);font-weight:700;color:var(--color-text-primary)}.nav__btn{position:relative;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-small);cursor:pointer;transition:var(--transition-base);border-radius:var(--border-radius-small)}.nav__btn:hover{color:var(--color-text-primary);background-color:#fff0}.nav__btn.active{color:var(--color-brand-primary);font-weight:500}.nav__btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--color-brand-primary)}.nav__notice{flex-grow:1;display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden;text-align:center}.nav__notice-content{display:flex;align-items:center;justify-content:center;max-width:100%;overflow:hidden;text-align:center}#nav-notice-text{display:inline-block;min-width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s}.slide-up{transform:translateY(-100%);opacity:0}.slide-down{transform:translateY(100%);opacity:0}.slide-reset{transform:translateY(0);opacity:1}.nav__notice:hover .nav__notice-content{animation-play-state:paused}@keyframes notice-scroll-up{0%{transform:translateY(0)}to{transform:translateY(-80%)}}.nav__left,.nav__right{display:flex;align-items:center}.nav__right .nav__user{margin-left:var(--spacing-4)}.nav__user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--color-border);cursor:pointer;transition:transform var(--transition-base)}.nav__user-avatar:hover{transform:scale(1.1)}.nav__menu-container{position:relative}.nav__dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-medium);padding:var(--spacing-2);list-style:none;margin:0;min-width:200px;box-shadow:var(--box-shadow-lg);z-index:var(--z-index-dropdown);display:none;opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}.nav__dropdown-menu.active{display:block;opacity:1;transform:translateY(0)}.nav__menu-toggle{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.nav__menu-toggle span{width:30px;height:3px;background:var(--color-text-secondary);border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.nav__menu-toggle:hover span{background:var(--color-brand-primary)}.nav__dropdown-menu .nav__btn{text-align:left;width:100%;padding:var(--spacing-md)}.nav__dropdown-menu .nav__btn:after{display:none}.nav__dropdown-menu .nav__btn.active{background-color:var(--color-background-module)}.nav__user{position:relative}.nav__agent-selector{display:flex;align-items:center;gap:var(--spacing-2);background:transparent;border:none;cursor:pointer;padding:0;position:relative;z-index:1}#agent-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.nav__agent-name{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.nav__agent-menu{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-medium);padding:var(--spacing-2);list-style:none;margin:0;min-width:220px;box-shadow:var(--box-shadow-lg);z-index:var(--z-index-dropdown);display:none}.nav__agent-menu.active{display:block}.nav__agent-list{list-style:none;margin:0;padding:0}.nav__agent-item{margin:0}.nav__agent-option{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);background:transparent;border:none;color:var(--color-text-secondary);text-align:left;border-radius:var(--border-radius-small);cursor:pointer}.nav__agent-option:hover{background-color:var(--color-background-module);color:var(--color-text-primary)}.nav__agent-option-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}@media (max-width: 768px){.nav{padding:0 var(--spacing-md)}.nav__logo-text{display:none}.nav__btn{padding:var(--spacing-sm)}}#notice-container{pointer-events:none}.nav__main{overflow:visible}.nav__left,.nav__right{flex-shrink:0}.nav__right{flex-wrap:nowrap;gap:var(--spacing-3)}.nav__notice{flex:1 1 auto;min-width:0;pointer-events:none}.nav__user,.nav__agent-selector,.nav__menu-toggle{flex-shrink:0;flex:0 0 auto}.nav__right{position:relative;z-index:calc(var(--z-index-dropdown) + 1)}.nav__agent-selector,.nav__menu-toggle{position:relative;z-index:calc(var(--z-index-dropdown) + 2);pointer-events:auto}#preview-module{grid-area:preview;display:grid;box-sizing:border-box;padding:var(--spacing-5);min-height:0}.preview-module{height:100%;width:100%;box-sizing:border-box;border-radius:inherit}#preview-module .preview__main-container{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;min-height:0;height:100%;padding-bottom:var(--spacing-5)}#preview-module .preview__content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:18px;flex-grow:1;overflow:hidden;min-height:0;height:100%}#preview-module .preview__list-container{overflow-y:auto;padding:8px;border:1px solid var(--color-border);border-radius:var(--border-radius-medium);background-color:var(--color-background-module);flex:0 0 auto;min-height:0;max-height:calc(30vh - 60px - var(--spacing-5));margin-bottom:var(--spacing-5)}#preview-module .preview__list-container{background-color:var(--color-background-module)}#preview-module .preview__column{display:flex;flex-direction:column;min-height:0;height:100%}#preview-module .preview__column-divider{display:none}#preview-module .preview__title{font-size:1rem;font-weight:600;color:var(--color-text-secondary);padding-left:4px;margin-bottom:8px}#preview-module .preview__list,.preview-module__content ul{list-style:none;padding:0;margin:0}.preview__list{overflow:visible}.preview__item{cursor:pointer;transition:var(--transition-base);border-bottom:1px solid var(--color-divider);padding:var(--spacing-2) 0}.preview__item:hover{background-color:#2a2a2a0d}.preview__item:last-child{border-bottom:none}.preview__item--active{background-color:var(--color-primary)}.preview__item--active *{color:#fff!important}.preview__item-avatar{position:relative;width:40px;height:40px}.preview__item-avatar img{width:100%;height:100%;border-radius:var(--border-radius-full);object-fit:cover}.preview__item-status{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:var(--border-radius-full);border:2px solid var(--color-surface)}.preview__item-status--online{background-color:var(--color-success)}.preview__item-status--offline{background-color:var(--color-secondary)}.preview__item-content{min-width:0}.preview__item-header{margin-bottom:var(--spacing-xs)}.preview__item-name{font-size:var(--font-size-base);font-weight:700;color:var(--color-text-primary)}.preview__item-time{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.preview__item-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.preview-module{grid-template-columns:1fr;padding:var(--spacing-2);gap:var(--spacing-2)}.preview-module__grid{gap:var(--spacing-sm);padding:var(--spacing-sm)}}@media (max-width: 480px){.preview-module__container{min-width:320px}}#customer-detail-module{position:relative;display:flex;flex-direction:column;gap:var(--spacing-2);box-sizing:border-box;background-color:var(--color-background-module);border:1px solid var(--color-border);border-radius:var(--border-radius-large);overflow:hidden;padding:var(--spacing-4);width:100%;height:100%}#customer-detail-module #customer-detail-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}#customer-detail-module .customer-detail__title{font-size:var(--font-size-base);color:var(--color-text-primary);margin:0;padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border)}#customer-detail-module .customer-detail__avatar{width:80px;height:80px;border-radius:var(--border-radius-full);object-fit:cover;border:2px solid var(--color-border);margin-right:var(--spacing-3)}#customer-detail-module .customer-detail__header{display:flex;align-items:center;margin-bottom:var(--spacing-3)}#customer-detail-module .customer-detail__identity{display:flex;flex-direction:column;gap:var(--spacing-1)}#customer-detail-module .customer-detail__name{font-size:var(--font-size-large);color:var(--color-text-primary);font-weight:700;margin:0}#customer-detail-module .customer-detail__id{color:var(--color-text-secondary);font-size:var(--font-size-smaller);margin:0}#customer-detail-module .customer-detail__info{display:flex;flex-direction:column;gap:var(--spacing-2);font-size:var(--font-size-small)}#customer-detail-module .customer-detail__content{flex:1;min-height:0;overflow-y:auto;padding-bottom:var(--spacing-3)}#customer-detail-module .hidden{display:none!important}#customer-detail-module .customer-detail__basic,#customer-detail-module .customer-detail__notes,#customer-detail-module .customer-detail__records,#customer-detail-module .customer-detail__tags{display:flex;flex-direction:column;gap:var(--spacing-1)}#customer-detail-module .customer-detail__basic h3,#customer-detail-module .customer-detail__notes h3,#customer-detail-module .customer-detail__records h3,#customer-detail-module .customer-detail__tags h3,#customer-detail-module .customer-detail__category h3{font-size:var(--font-size-smaller);color:var(--color-text-secondary);margin:0;margin-top:var(--spacing-1)}#customer-detail-module .customer-detail__basic div,#customer-detail-module .customer-detail__records div{font-size:var(--font-size-smaller);line-height:1.3;color:var(--color-text-primary)}#customer-detail-module .customer-detail__basic .editable-field{cursor:pointer;padding:2px 4px;border-radius:var(--border-radius-medium);transition:background-color .2s;display:inline-block;min-width:100px;position:relative}#customer-detail-module .customer-detail__basic .editable-field:hover{background-color:var(--color-surface)}#customer-detail-module .customer-detail__basic .editable-field:focus{outline:2px solid var(--color-brand-primary);background-color:var(--color-surface)}#customer-detail-module .customer-detail__basic .editable-input{border:1px solid var(--color-border);border-radius:var(--border-radius-medium);padding:2px 4px;font-family:inherit;font-size:inherit;background-color:var(--color-surface);color:var(--color-text-primary)}#customer-detail-module .customer-detail__basic .editable-input:focus{outline:2px solid var(--color-brand-primary)}#customer-detail-module .customer-detail__tag{display:inline-block;padding:0 var(--spacing-1);background-color:var(--color-surface);border-radius:var(--border-radius-small);font-size:var(--font-size-smaller);color:var(--color-text-secondary);margin-right:var(--spacing-1)}#customer-detail-module .customer-detail__tags-select{width:33%;padding:var(--spacing-1);border:1px solid var(--color-border);border-radius:var(--border-radius-small);background-color:var(--color-background-module);color:var(--color-text-primary);font-size:var(--font-size-small);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}#customer-detail-module .customer-detail__tags-select option{background-color:var(--color-background-modal-solid);color:var(--color-text-primary)}#customer-detail-module .customer-detail__tags-select:focus{outline:2px solid var(--color-brand-primary);border-color:var(--color-brand-primary)}#customer-detail-module .customer-detail__tags-select:disabled{background-color:var(--color-background-module);color:var(--color-text-disabled);cursor:not-allowed}#customer-detail-module .customer-detail__category{margin-bottom:var(--spacing-3)}#customer-detail-module .customer-detail__category-select{width:33%;padding:var(--spacing-1);border:1px solid var(--color-border);border-radius:var(--border-radius-small);background-color:var(--color-background-module);color:var(--color-text-primary);font-size:var(--font-size-small);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}#customer-detail-module .customer-detail__category-select option{background-color:var(--color-background-modal-solid);color:var(--color-text-primary)}#customer-detail-module .customer-detail__category-select:focus{outline:2px solid var(--color-brand-primary);border-color:var(--color-brand-primary)}#customer-detail-module .customer-detail__category-select:disabled{background-color:var(--color-background-module);color:var(--color-text-disabled);cursor:not-allowed}#customer-list-module .customer-merge-modal__panel{background:var(--color-background-modal-solid);border-radius:var(--border-radius-large);box-shadow:var(--box-shadow-lg);border:1px solid var(--color-border);padding:0 0 16px;display:flex;flex-direction:column}#customer-list-module .customer-merge-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 8px;border-bottom:1px solid var(--color-divider)}#customer-list-module .customer-merge-modal__title{font-size:1.25rem;font-weight:700}#customer-list-module .customer-merge-modal__close{font-size:2rem;color:var(--color-text-primary);transition:color .2s}#customer-list-module .customer-merge-modal__close:hover{color:var(--color-text-secondary)}#customer-list-module .customer-merge-modal__split-row{display:flex;flex-direction:row;gap:18px;padding:18px 24px 0}#customer-list-module .customer-merge-modal__main-list,#customer-list-module .customer-merge-modal__sub-list{flex:1 1 0;min-width:200px;max-height:260px;overflow-y:auto;background:#0000001a;border:1px solid var(--color-border);border-radius:var(--border-radius-medium);padding:8px;box-sizing:border-box;display:flex;flex-direction:column}#customer-list-module .customer-merge-modal__list-title{font-weight:600;font-size:1rem;margin-bottom:6px}#customer-list-module .customer-merge-modal__list{list-style:none;padding:0;margin:0}#customer-list-module .customer-merge-modal__item{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--color-divider)}#customer-list-module .customer-merge-modal__item:last-child{border-bottom:none}#customer-list-module .customer-merge-modal__actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 0}#customer-list-module .customer-merge-modal__actions .c-btn{min-width:110px}@media (max-width: 700px){#customer-list-module .customer-merge-modal__panel{width:98vw;min-width:0;max-width:100vw;border-radius:0;padding:0 0 8px}#customer-list-module .customer-merge-modal__header,#customer-list-module .customer-merge-modal__split-row,#customer-list-module .customer-merge-modal__actions{padding-left:10px;padding-right:10px}#customer-list-module .customer-merge-modal__split-row{flex-direction:column;gap:8px}}#customer-list-module{padding:8px 24px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}#customer-list-module .customer-list__main-container{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;height:100%;min-height:0;padding:var(--spacing-4);gap:var(--spacing-4);box-sizing:border-box}#customer-list-module .customer-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-shrink:0}#customer-list-module .customer-list__header-right{display:flex;align-items:center;gap:18px}#customer-list-module .customer-list__title{font-size:1rem;font-weight:600;color:var(--color-text-secondary);padding-left:4px}#customer-list-module .customer-list__actions{display:flex;gap:12px}#customer-list-module .customer-list__action-btn{color:var(--color-text-secondary)}#customer-list-module .customer-list__action-btn:hover{color:var(--color-text-primary)}#customer-list-module .customer-list__content-wrapper{display:grid;grid-template-columns:1fr minmax(0,1fr);gap:var(--spacing-5);flex:1;height:100%;min-height:0;padding:var(--spacing-2);box-sizing:border-box}#customer-list-module .customer-list__list-container{display:flex;flex-direction:column;gap:var(--spacing-3);height:auto;max-height:33vh;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--border-radius-medium);background-color:var(--color-background-module);min-height:0;box-sizing:border-box}#customer-list-module .customer-list__column-divider{display:none}#customer-list-module .customer-list__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:8px;vertical-align:middle}#customer-list-module .customer-list__item{position:relative;display:flex;align-items:center;padding:8px 6px 8px 22px;border-radius:var(--border-radius-medium);cursor:pointer;transition:background-color .2s;margin-bottom:4px}#customer-list-module .customer-list__item.unread-indicator:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:9px;height:9px;background-color:var(--color-success);border-radius:50%;box-shadow:0 0 5px var(--color-success)}#customer-list-module .customer-list__item:hover{background-color:var(--color-background-hover)}#customer-list-module .customer-list__source-info{color:var(--color-text-secondary);font-size:.8rem;font-weight:400;margin-left:8px}#customer-list-module .customer-list__item.selected{background-color:var(--color-accent-secondary-bg);border:1px solid var(--color-accent-secondary-border)}#customer-list-module .customer-list__divider{border:0;border-top:1px solid var(--color-divider);margin:8px 0 12px}#customer-list-module .customer-list__item input[type=checkbox]{transform:scale(1.2);accent-color:var(--color-accent);margin-left:16px}#customer-list-module .customer-list__merge-controls{min-height:36px}#customer-merge-modal .customer-merge-modal__actions .save-btn,#customer-merge-modal .customer-merge-modal__actions .cancel-btn,#customer-merge-modal .customer-merge-modal__header .search-input{display:none}#customer-merge-modal .customer-merge-modal__actions .manage-btn,#customer-merge-modal.is-editing .customer-merge-modal__actions .save-btn,#customer-merge-modal.is-editing .customer-merge-modal__actions .cancel-btn,#customer-merge-modal.is-editing .customer-merge-modal__header .search-input{display:inline-block}#customer-merge-modal.is-editing .customer-merge-modal__actions .manage-btn{display:none}#customer-merge-modal .modal-list-container{display:flex;gap:16px;width:100%}#customer-merge-modal .column{flex:1;display:flex;flex-direction:column}#customer-merge-modal .column h4{margin-bottom:8px;border-bottom:1px solid var(--color-border);padding-bottom:4px}#customer-merge-modal .column ul{list-style:none;padding:8px;margin:0;display:flex;flex-direction:column;gap:8px;border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:var(--border-radius-medium);overflow-y:auto;min-height:150px;max-height:40vh}#customer-list-module .customer-list__item{display:flex;align-items:center;gap:12px}#customer-list-module .customer-list__info-wrapper{display:flex;flex-direction:row;align-items:baseline;gap:8px;flex-grow:1;overflow:hidden}#customer-list-module .customer-list__name{font-weight:500;white-space:nowrap;overflow:visible;text-overflow:clip}#customer-list-module .customer-list__source-info{font-size:.85em;color:var(--color-text-secondary);white-space:nowrap}#customer-list-module .customer-list__sub-account-badge{background-color:var(--color-background-secondary);color:var(--color-text-secondary);font-size:.75rem;padding:2px 6px;border-radius:8px;font-weight:500}#customer-list-module .customer-list__info{flex:1!important;min-width:0!important;overflow:visible!important}#customer-list-module .customer-list__name{flex:1!important;min-width:120px!important;overflow:visible!important;white-space:nowrap!important}#notepad-module{position:relative;display:flex;flex-direction:column;box-sizing:border-box;background-color:var(--color-background-module);border:1px solid var(--color-border);border-radius:var(--border-radius-large);overflow:hidden}#notepad-module .customer-notepad{height:100%;padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-2)}#notepad-module .customer-notepad__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border)}#notepad-module .customer-notepad__title{font-size:var(--font-size-large);color:var(--color-text-primary);margin:0}#notepad-module .customer-notepad__add-btn{width:36px;height:36px;font-size:var(--font-size-md)}#notepad-module .customer-notepad__compose{display:flex;flex-direction:column;gap:var(--spacing-2)}#notepad-module .customer-notepad__textarea{width:100%;box-sizing:border-box;padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--border-radius-small);background:var(--color-surface);color:var(--color-text-primary)}#notepad-module .customer-notepad__compose-actions{display:flex;gap:var(--spacing-2);justify-content:flex-end}#notepad-module .customer-notepad__compose-actions .c-btn{min-width:64px}#notepad-module .customer-notepad__list{flex:1;min-height:0;overflow-y:auto}#notepad-module .cnp-item{padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--border-radius-small);margin-bottom:var(--spacing-2);background:var(--color-surface)}#notepad-module .cnp-item:last-child{margin-bottom:0}#notepad-module .cnp-item__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-1)}#notepad-module .cnp-item__left{display:flex;gap:var(--spacing-2);align-items:baseline}#notepad-module .cnp-item__type{font-size:var(--font-size-smaller);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-medium);border:1px solid var(--color-border)}#notepad-module .cnp-item__type--manual{background:var(--color-info-bg);color:var(--color-info);border-color:var(--color-info)}#notepad-module .cnp-item__type--ai{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success)}#notepad-module .cnp-item__creator,#notepad-module .cnp-item__time{font-size:var(--font-size-smaller);color:var(--color-text-secondary)}#notepad-module .cnp-item__content{font-size:var(--font-size-smaller);line-height:1.4;color:var(--color-text-primary);white-space:pre-wrap}#notepad-module .cnp-item__delete{border:none;background:transparent;color:var(--color-danger);cursor:pointer;font-size:var(--font-size-small)}.system-module__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--layout-module-spacing)}.system-module__switches,.system-module__api,.system-module__status,.system-module__services{background-color:var( --color-surface );border-radius:var(--border-radius-medium);padding:var(--spacing-5);display:flex;flex-direction:column;overflow:hidden}.system-module__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.system-module__header h2{margin:0;font-size:var(--font-size-large)}.system-module__divider{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-4)}.system-module__scroll-area{overflow-y:auto;flex-grow:1}.status-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-subtle)}.status-item:last-child{border-bottom:none}.status-key{color:var(--color-text-secondary)}.status-value--ok{color:var(--color-success)}.status-value--error{color:var(--color-danger)}.service-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--border-radius)}.service-info{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.service-name{font-weight:500}.service-status{font-size:var(--font-size-small)}.service-status--ok{color:var(--color-success)}.service-status--error{color:var(--color-danger)}#system-module .system-module__copy-btn{min-width:90px}.switch-group{margin-bottom:var(--spacing-lg)}.switch-group:last-child{margin-bottom:0}.switch-group h3{color:var(--color-text-primary);font-size:var(--font-size-md);margin:0 0 var(--spacing-sm)}.switch-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius)}.switch-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.switch{position:relative;display:inline-block;width:48px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{transform:translate(24px)}.api-group{margin-bottom:var(--spacing-lg)}.api-group:last-child{margin-bottom:0}.api-group h3{color:var(--color-text-primary);font-size:var(--font-size-md);margin:0 0 var(--spacing-sm)}.api-item{margin-bottom:var(--spacing-sm)}.api-item label{display:block;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.api-input-group{display:flex;gap:var(--spacing-sm)}.api-input-group input{flex:1;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm)}.api-input-group input[readonly]{background-color:var(--color-background)}.api-select{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm)}.btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);cursor:pointer;transition:background-color .3s}.btn-copy{background-color:var(--color-secondary);color:#fff}.btn-edit{background-color:var(--color-primary);color:#fff}@media (max-width: 768px){.system-module__grid{grid-template-columns:1fr}}.system-module__channels{background-color:var(--color-surface);border-radius:var(--border-radius-medium);padding:var(--spacing-5);display:flex;flex-direction:column;overflow:hidden}.channel-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.channel-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--border-radius)}.channel-info{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.channel-name-display{font-weight:500;color:var(--color-text-primary)}.channel-id-display{font-size:var(--font-size-small);color:var(--color-text-secondary)}.channel-actions{display:flex;gap:var(--spacing-sm)}.logger-module__panel{display:flex;flex-direction:column;background-color:var(--color-surface);border-radius:var(--border-radius-medium);padding:var(--spacing-5);overflow:hidden;height:100%}.logger-module__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);flex-shrink:0}.logger-module__header h2{margin:0;font-size:var(--font-size-large)}.logger-module__filters{display:flex;align-items:center;gap:var(--spacing-3)}.logger-module__divider{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-4);flex-shrink:0}.logger-module__scroll-area{overflow-y:auto;flex-grow:1}.logger-module__table{width:100%;border-collapse:collapse}.logger-module__table th,.logger-module__table td{padding:var(--spacing-3);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.logger-module__table thead th{background-color:var(--color-surface);position:sticky;top:0;z-index:1}.th--timestamp{width:15%}.th--level,.th--source{width:10%}.th--message{width:65%}.log-level{display:inline-block;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-small);color:var(--color-text-on-primary);font-size:var(--font-size-small);font-weight:500;text-transform:uppercase}.log-level--error{background-color:var(--color-danger)}.log-level--warn{background-color:var(--color-warning)}.log-level--info{background-color:var(--color-info)}.log-level--debug{background-color:var(--color-text-secondary)}.product-module__panel{display:flex;flex-direction:column;background-color:var(--color-surface);border-radius:var(--border-radius-medium);padding:var(--spacing-5);overflow:hidden;height:100%}.product-module__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);flex-shrink:0}.product-module__header h2{margin:0;font-size:var(--font-size-large)}.product-module__divider{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-4)}.product-module__scroll-area{overflow-y:auto;flex-grow:1}.product-module__actions{display:flex;align-items:center;gap:var(--spacing-3)}.product-module__table{width:100%;border-collapse:collapse}.product-module__table th,.product-module__table td{padding:var(--spacing-3);border-bottom:1px solid var(--color-border-subtle);text-align:left;vertical-align:middle}.product-module__table thead th{background-color:var(--color-surface);position:sticky;top:0;z-index:1;font-size:var(--font-size-small);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.product-module__table tbody tr:hover{background-color:var(--color-surface-hover)}.status-tag{display:inline-block;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-pill);font-size:var(--font-size-small);font-weight:500}.status-tag--active{background-color:var(--color-success-muted);color:var(--color-success-strong)}.status-tag--archived{background-color:var(--color-surface-raised);color:var(--color-text-secondary)}.status-tag--out-of-stock{background-color:var(--color-warning-muted);color:var(--color-warning-strong)}#product-module .product-module__table .c-btn--small{margin-right:var(--spacing-2)}#product-module .product-module__table .c-btn--small:last-child{margin-right:0}.help-module__container{width:100%;height:100%}.help-module__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--layout-grid-gap);height:100%;padding:var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.help-module__guide,.help-module__faq{display:flex;flex-direction:column;background-color:var(--color-module-background);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.help-module__header{flex:none;padding:var(--spacing-md);background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.help-module__header h2{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:500;margin:0}.help-module__divider{flex:none;height:1px;background-color:var(--color-border);margin:0}.help-module__content{flex:1;position:relative;overflow:hidden;min-height:0}.help-module__scroll-area{position:absolute;top:0;left:0;right:0;bottom:0;padding:var(--spacing-md);overflow-y:auto;overflow-x:hidden}.menu-item{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);cursor:pointer;transition:background-color .2s}.menu-item:hover{background-color:var(--color-surface-hover)}.content-item{padding:var(--spacing-md);margin-bottom:var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius)}.content-item h3{color:var(--color-text-primary);font-size:var(--font-size-md);margin:0 0 var(--spacing-sm)}.content-item p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.6;margin:0}.guide-item{padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);word-break:break-word}.guide-item:last-child{margin-bottom:0}.faq-item{padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);word-break:break-word}.faq-item:last-child{margin-bottom:0}@media (max-width: 768px){.help-module__grid{grid-template-columns:1fr}}#chat-module{grid-area:chat;position:relative;display:flex;flex-direction:column;background-color:var(--color-background-module);border:1px solid var(--color-border);border-radius:var(--border-radius-large);height:100%;min-height:500px;max-height:700px;overflow:hidden}#chat-module .chat__header{flex-shrink:0;height:50px;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border)}#chat-module .header__left{display:flex;align-items:center;gap:var(--spacing-3)}#chat-module .chat__avatar-container{width:36px;height:36px;border-radius:50%;overflow:hidden;background-color:var(--color-background-secondary);border:1px solid var(--color-border)}#chat-module .chat__header-avatar{width:100%;height:100%;object-fit:cover}#chat-module .chat__info{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-2)}#chat-module .chat__title-container{display:flex;align-items:center;gap:var(--spacing-1)}#chat-module .chat__title{font-size:var(--font-size-md);font-weight:700;color:var(--color-text-primary)}#chat-module .chat__channel{display:flex;align-items:center;gap:var( --spacing-1 );font-size:var(--font-size-sm);color:var(--color-text-secondary)}#chat-module .header__right{display:flex;align-items:center}#chat-module .chat__messages{flex-grow:1;padding:1rem;overflow-y:auto;border-bottom:1px solid var(--color-border);box-sizing:border-box;display:flex;flex-direction:column}#chat-module .chat__input{margin-top:auto;flex-shrink:0;height:60px;padding:0 1rem;background:transparent;display:flex;align-items:center;border-top:1px solid var(--color-border)}#chat-module #chat-form{display:flex;width:100%;gap:var(--spacing-2);align-items:center}#chat-module #chat-input{flex-grow:1;height:38px;font-size:var(--font-size-md);border-radius:var(--border-radius-medium);padding:0 var(--spacing-3);border:1px solid var(--color-border);background-color:var(--color-background-input);color:var(--color-text-primary)}#chat-module .chat__submit-btn{height:38px;padding:0 var(--spacing-4);font-size:var(--font-size-sm);white-space:nowrap}#chat-module .chat__submit-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}#chat-module .channel-tag{background-color:var(--color-background-tag);color:var(--color-text-tag);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-small);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap}#chat-module .channel-selector{position:relative;margin:0 var(--spacing-2);display:flex;align-items:center}#chat-module .channel-selector__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-1);padding:0 var(--spacing-3);height:38px;font-size:var(--font-size-sm);transition:background-color .2s}#chat-module .channel-selector__btn:hover:not(:disabled){background-color:var(--color-background-hover)}#chat-module .dropdown-icon{font-size:.7rem;margin-left:var(--spacing-1)}#chat-module .channel-dropdown{position:absolute;bottom:100%;left:0;width:200px;max-height:0;overflow:hidden;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-medium);transition:max-height .3s,padding .3s;margin-bottom:var(--spacing-1);z-index:100}#chat-module .channel-dropdown.show{max-height:200px;padding:var(--spacing-1) 0;overflow-y:auto}#chat-module .channel-option{padding:var(--spacing-2) var(--spacing-3);cursor:pointer;transition:background-color .2s}#chat-module .channel-option:hover{background-color:var(--color-background-hover)}.channel-option.selected{background-color:var(--color-info-bg);font-weight:700}#chat-module .channel-name{font-size:.85rem}#chat-module .chat__message-container--suggestion{align-self:flex-start;border:2px dashed var(--color-accent-info);background-color:var(--color-info-bg);border-radius:var(--border-radius-medium);padding:var(--spacing-2);cursor:pointer;transition:background-color .2s}#chat-module .chat__message-container--suggestion:hover{background-color:var(--color-info-bg)}#chat-module .suggestion-header{font-size:.8rem;font-weight:700;color:var(--color-accent-info);margin-bottom:var(--spacing-1);padding-left:var(--spacing-2)}#chat-module .chat__message-container--suggestion .chat__message{background-color:var(--color-surface);color:var(--color-text-primary)}#chat-module .chat__message-container{display:flex;flex-direction:column;margin-bottom:var(--spacing-3);max-width:75%}#chat-module .chat__message-container--in{align-self:flex-start;align-items:flex-start}#chat-module .chat__message-container--out{align-self:flex-end;align-items:flex-end}#chat-module .chat__message-container--center{align-self:center;max-width:100%;align-items:center}#chat-module .chat__message{display:inline-block;max-width:100%;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-large);overflow-wrap:break-word;word-break:break-all;box-shadow:var(--box-shadow-sm);text-align:left}#chat-module .chat__message-container--in .chat__message{background-color:var(--color-brand-primary);color:var(--color-text-on-primary)}#chat-module .chat__message-container--out .chat__message{background-color:var(--color-surface);color:var(--color-text-primary)}#chat-module .chat__message--center{background-color:transparent;color:var(--color-text-secondary);font-style:italic;padding:var(--spacing-1) 0;box-shadow:none}#chat-module .chat__message-time{font-size:.75rem;color:var(--color-text-secondary);margin-top:var(--spacing-1)}#chat-module .chat__message-container--in .chat__message-time{color:var(--color-text-on-primary)}#chat-module .chat__header{display:flex;justify-content:space-between;align-items:center}#chat-module .header__left{display:flex;align-items:center;gap:var(--spacing-2)}#chat-module .mode-switcher{display:flex;background-color:var(--color-background-input);border-radius:var(--border-radius-medium);overflow:hidden;border:1px solid var(--color-border)}#chat-module .mode-button{border-radius:0;padding:var(--spacing-2) var(--spacing-3);border-color:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background-color .2s,color .2s;font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}#chat-module .mode-button:not(:last-child){border-right:1px solid var(--color-border)}#chat-module .mode-button.active{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-primary);font-weight:600}#chat-module .mode-button:hover:not(.active){background-color:var(--color-background-hover);color:var(--color-text-primary)}#chat-module .chat__message--suggestion{background-color:var(--color-info-bg);border:1px solid var(--color-accent-info);border-radius:var(--border-radius-medium);padding:var(--spacing-2);max-width:70%;cursor:pointer;transition:all .2s ease-in-out;box-shadow:var(--box-shadow-sm);box-shadow:0 2px 4px #0000000d;text-align:left;color:#333}.chat__message--suggestion:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;border-color:#40a9ff}.suggestion-header{font-weight:700;color:#0050b3;margin-bottom:8px;font-size:.9em}.suggestion-content{font-size:1em;line-height:1.4}.chat__message-meta{display:flex;align-items:center;gap:.5rem;margin-top:.3rem}.chat__message-channel{font-size:.7rem;color:#999;background-color:#2a2a2a;padding:2px 6px;border-radius:4px}.chat__message-container--out .chat__message-meta{justify-content:flex-end}.delivery-status-container{display:inline-flex;align-items:center;gap:.2rem;margin-left:.3rem}.delivery-status-icon{font-size:.9rem;cursor:help;opacity:.8;transition:opacity .2s ease}.delivery-status-icon:hover{opacity:1}.delivery-status-retry-button{background:none;border:none;font-size:.8rem;cursor:pointer;opacity:.7;transition:opacity .2s ease,transform .2s ease;padding:0;margin:0;border-radius:50%;width:1.2rem;height:1.2rem;display:inline-flex;align-items:center;justify-content:center}.delivery-status-retry-button:hover{opacity:1;transform:scale(1.1)}.delivery-status-retry-button:active{transform:scale(.95)}.delivery-status-icon--pending{animation:pulse 1.5s infinite}.delivery-status-icon--sending{animation:pulse 1s infinite}.delivery-status-icon--delivered{opacity:.7}.delivery-status-icon--failed{opacity:1;filter:hue-rotate(0deg) saturate(1.5)}.delivery-status-icon--timeout{opacity:.9;filter:hue-rotate(30deg)}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.chat__message-container--in .chat__message-meta{justify-content:flex-start}.customer-source-tag{display:inline-block!important;visibility:visible!important;opacity:1!important;color:gold!important;font-size:.8em!important;margin-left:8px!important;font-weight:600!important;background-color:#ffd70026!important;padding:2px 6px!important;border-radius:4px!important;border:1px solid rgba(255,215,0,.4)!important}