:root{--bg: #f7f7f8;--surface: #ffffff;--surface-hover: #f4f4f5;--surface-sunken: #fafafa;--border: #e4e4e7;--border-strong: #d4d4d8;--text: #09090b;--text-secondary: #52525b;--text-tertiary: #71717a;--text-inverse: #ffffff;--accent: #0f8f61;--accent-hover: #0a6b48;--accent-surface: #ecf7f1;--success: #0d7e55;--success-surface: #ecf7f1;--warning: #8a6600;--warning-surface: #fdf3d7;--critical: #c62a0c;--critical-surface: #fbeae5;--info: #2563eb;--info-surface: #eaf1fb;--rail-bg: #ffffff;--rail-border: var(--border);--rail-text: #52525b;--rail-text-active: #09090b;--rail-icon-active: var(--accent);--rail-hover: #f4f4f5;--rail-active-bg: #f4f4f5;--rail-section-label: #a1a1aa;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--chamfer-sm: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px) );--chamfer-md: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px) );--chamfer-lg: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 13px 100%, 0 calc(100% - 13px) );--shadow-card: 0 1px 2px rgba(9,9,11,.05);--shadow-popover: 0 8px 24px -6px rgba(9,9,11,.12), 0 2px 6px rgba(9,9,11,.06);--shadow-modal: 0 24px 48px -12px rgba(9,9,11,.18);--font-heading: "Space Grotesk", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--fs-xs: .6875rem;--fs-sm: .75rem;--fs-base: .8125rem;--fs-md: .875rem;--fs-lg: 1.0625rem;--fs-xl: 1.5rem;--ink: var(--text);--muted: var(--text-secondary);--muted-2: var(--text-tertiary);--green: var(--accent);--green-dim: var(--accent-hover);--green-pale: var(--accent-surface);--red: var(--critical);--amber: var(--warning);--blue: var(--info);--surface-2: var(--surface-hover);--surface-3: var(--surface-sunken)}:root[data-theme=dark]{--bg: #09090b;--surface: #131316;--surface-hover: #1c1c20;--surface-sunken: #101013;--border: #26262b;--border-strong: #3f3f46;--text: #fafafa;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-inverse: #04150e;--rail-bg: #0c0c0f;--rail-border: var(--border);--rail-text: #a1a1aa;--rail-text-active: #fafafa;--rail-icon-active: #17c184;--rail-hover: #1c1c20;--rail-active-bg: #1c1c20;--rail-section-label: #52525b;--accent-hover: #17c184;--accent-surface: rgba(15,143,97,.14);--success: #17c184;--success-surface: rgba(23,193,132,.12);--warning: #e8b923;--warning-surface: rgba(232,185,35,.12);--critical: #ff7a63;--critical-surface: rgba(255,122,99,.12);--info: #5b9dff;--info-surface: rgba(91,157,255,.12);--shadow-card: 0 1px 2px rgba(0,0,0,.4);--shadow-popover: 0 8px 24px -6px rgba(0,0,0,.6), 0 2px 6px rgba(0,0,0,.4);--shadow-modal: 0 24px 48px -12px rgba(0,0,0,.7)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .15s,color .15s}body{font-size:var(--fs-base)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.conv-row{display:flex;align-items:flex-start;gap:9px;width:100%;text-align:left;padding:10px 14px;border:0;background:transparent;border-left:3px solid transparent;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s ease}.conv-row:hover{background:var(--surface-hover)}.conv-row.active{background:var(--accent-surface);border-left-width:2px;border-left-color:var(--accent)}.conv-row-alert-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--critical);flex-shrink:0}.conv-alert-banner{border:none;border-radius:0;border-bottom:1px solid var(--border);width:100%;justify-content:space-between;cursor:pointer;flex-shrink:0}.input{width:100%;padding:7px 10px;font-size:var(--fs-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-family:inherit;transition:border-color .12s,box-shadow .12s}.input:hover:not(:disabled){border-color:var(--border-strong)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-surface)}.btn-solid{background:var(--text);color:var(--bg);border:0;border-radius:var(--radius-md);padding:7px 14px;font-weight:600;font-size:var(--fs-md);font-family:inherit;transition:opacity .12s,transform .1s}.btn-solid:hover:not(:disabled){opacity:.85}.btn-solid:active:not(:disabled){transform:scale(.97)}.btn-solid:disabled{opacity:.45;cursor:default}.btn-ghost{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 10px;font-size:var(--fs-sm);font-weight:500;font-family:inherit;transition:color .12s,border-color .12s,background .12s}.btn-ghost:hover{color:var(--text);background:var(--surface-hover)}.btn-primary{background:var(--accent);color:var(--text-inverse);border:0;border-radius:var(--radius-md);padding:7px var(--sp-4);font-weight:600;font-size:var(--fs-md);font-family:inherit;transition:background .12s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.45;cursor:default}.skel{background:var(--surface-3);border-radius:6px;animation:skel 1.2s ease-in-out infinite}@keyframes skel{0%,to{opacity:.6}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.skel{animation:none}}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.shell{display:flex;height:100dvh;overflow:hidden}.shell-main{flex:1;min-width:0;min-height:0;overflow-y:auto;background:var(--bg)}.shell-main-full{overflow:hidden}.shell-mobile-header{display:none}.shell-rail{width:240px;flex-shrink:0;height:100%;overflow-y:auto;background:var(--rail-bg);border-right:1px solid var(--rail-border);display:flex;flex-direction:column;padding:var(--sp-3) var(--sp-3) var(--sp-3)}.rail-name{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--radius-md);margin-bottom:var(--sp-3)}.rail-name:hover{background:var(--rail-hover)}.rail-logo{object-fit:contain;border-radius:4px}.rail-name-text{font-family:var(--font-heading);font-size:var(--fs-md);font-weight:700;letter-spacing:-.02em;color:var(--rail-text-active);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-nav{display:flex;flex-direction:column;gap:var(--sp-5);flex:1}.rail-group{display:flex;flex-direction:column;gap:2px}.rail-group-label{font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--rail-section-label);padding:0 var(--sp-2) var(--sp-1)}.rail-row{display:flex;align-items:center;gap:var(--sp-3);padding:7px var(--sp-2);border-radius:var(--radius-md);color:var(--rail-text);font-size:var(--fs-md);font-weight:500;transition:background .12s,color .12s}.rail-row:hover{background:var(--rail-hover);color:var(--rail-text-active)}.rail-row-active{background:var(--rail-active-bg);color:var(--rail-text-active);font-weight:600}.rail-row-active .rail-row-icon{color:var(--rail-icon-active)}.rail-row-icon{width:16px;height:16px;display:flex;flex-shrink:0}.rail-row-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-row-badge{min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--critical);color:#fff;font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.rail-usage{margin-top:var(--sp-3);padding:var(--sp-3);border:1px solid var(--rail-border);border-radius:0;clip-path:var(--chamfer-md);background:var(--surface-sunken);display:flex;flex-direction:column;gap:7px}.rail-usage-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.rail-usage-title{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--rail-section-label)}.rail-usage-pct{font-size:var(--fs-xs);font-weight:600;color:var(--rail-text);font-variant-numeric:tabular-nums}.rail-usage-track{height:6px;border-radius:var(--radius-full);background:var(--border);overflow:hidden}.rail-usage-fill{display:block;height:100%;border-radius:var(--radius-full);background:var(--accent);transition:width .3s ease}.rail-usage-fill[data-tone=warning]{background:var(--warning)}.rail-usage-fill[data-tone=critical]{background:var(--critical)}.rail-usage-meta{font-size:var(--fs-xs);color:var(--rail-text);font-variant-numeric:tabular-nums}.rail-usage-meta strong{color:var(--rail-text-active);font-weight:600}.rail-usage-full{font-size:var(--fs-xs);font-weight:600;color:var(--critical)}.rail-footer{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--rail-border);display:flex;flex-direction:column;gap:var(--sp-2)}.rail-theme-switch{display:flex;gap:2px;padding:3px;border-radius:0;clip-path:var(--chamfer-sm);background:var(--surface-sunken);border:1px solid var(--rail-border)}.rail-theme-option{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 0;border:none;background:none;border-radius:0;clip-path:var(--chamfer-sm);font-family:inherit;font-size:var(--fs-xs);font-weight:600;color:var(--rail-text);transition:background .12s,color .12s}.rail-theme-option:hover{color:var(--rail-text-active)}.rail-theme-option[aria-pressed=true]{background:var(--accent-surface);color:var(--accent-hover)}.rail-theme-option svg{width:13px;height:13px}.rail-account{color:var(--rail-text)}.rail-hamburger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--rail-text-active);background:none}.rail-hamburger:hover{background:var(--rail-hover)}.rail-hamburger svg{width:18px;height:18px}.shell-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100}.shell-rail-drawer{position:fixed;top:0;left:0;bottom:0;z-index:101;box-shadow:var(--shadow-popover)}.shell-drawer-close{align-self:flex-end;margin-bottom:var(--sp-2)}@media (max-width: 767px){.shell{flex-direction:column;height:100dvh}.shell-rail:not(.shell-rail-drawer){display:none}.shell-mobile-header{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0;height:52px;padding:0 var(--sp-3);background:var(--rail-bg);border-bottom:1px solid var(--rail-border)}.shell-mobile-title{color:var(--rail-text-active);font-size:var(--fs-md);font-weight:600}}.overview-custom-popover{position:absolute;top:calc(100% + var(--sp-2));right:0;z-index:10;display:flex;flex-direction:column;gap:var(--sp-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);padding:var(--sp-3)}.overview-custom-field{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm);color:var(--text-secondary)}.overview-custom-field input{padding:5px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:var(--fs-base)}.overview-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-4)}.overview-main-row{display:grid;grid-template-columns:2fr 1fr;gap:var(--sp-4);margin-bottom:var(--sp-4)}@media (max-width: 900px){.overview-main-row{grid-template-columns:1fr}}.overview-view-all{font-size:var(--fs-sm);font-weight:600;color:var(--accent)}.overview-agents-list{display:flex;flex-direction:column}.overview-agent-row{padding:var(--sp-2) 0;border-bottom:1px solid var(--border)}.overview-agent-row:last-child{border-bottom:none}.overview-agent-label{font-size:var(--fs-base);font-weight:600;color:var(--text)}.overview-agent-detail{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:2px}.rightnow-strip{display:flex}.rightnow-cell-link{flex:1;text-decoration:none}.rightnow-cell{display:grid;grid-template-areas:"dot label" ". value";grid-template-columns:auto 1fr;align-items:center;gap:2px var(--sp-2);padding:var(--sp-4);border-right:1px solid var(--border);transition:background .12s}a.rightnow-cell-link:hover .rightnow-cell{background:var(--surface-hover)}.rightnow-cell-link:last-child .rightnow-cell{border-right:none}.rightnow-dot{grid-area:dot;width:6px;height:6px;border-radius:var(--radius-full);background:var(--border-strong);flex-shrink:0}.rightnow-dot[data-tone=critical]{background:var(--critical)}.rightnow-dot-pulse{background:var(--success);animation:rightnow-pulse 1.6s ease-in-out infinite}@keyframes rightnow-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.rightnow-dot-pulse{animation:none}}.rightnow-value{grid-area:value;font-size:var(--fs-xl);font-weight:600;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.2}.rightnow-value-critical{color:var(--critical)}.rightnow-label{grid-area:label;font-size:var(--fs-sm);color:var(--text-secondary)}@media (max-width: 700px){.rightnow-strip{flex-wrap:wrap}.rightnow-cell-link{flex:1 1 50%}.rightnow-cell{border-right:none;border-bottom:1px solid var(--border)}}.overview-chart-tooltip{position:absolute;top:var(--sp-3);background:var(--text);color:var(--text-inverse);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);line-height:1.7;pointer-events:none;z-index:20;min-width:148px;box-shadow:var(--shadow-popover);white-space:nowrap}.overview-chart-tooltip-header{font-weight:700;font-size:var(--fs-xs);margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.15);font-family:monospace}.overview-chart-tooltip-row{display:flex;justify-content:space-between;gap:var(--sp-5)}.overview-chart-tooltip-key{display:flex;align-items:center;gap:5px;color:#ffffffa6}.overview-chart-tooltip-total{margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.15);font-weight:700}.overview-chart-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;display:inline-block;background:var(--accent)}.overview-chart-dot[data-series=web]{background:var(--info)}.overview-chart-legend{display:flex;gap:var(--sp-4);font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--sp-1)}.overview-chart-legend-item{display:flex;align-items:center;gap:5px}.overview-escalation-row{padding:var(--sp-2) 0;border-bottom:1px solid var(--border)}.overview-escalation-row:last-child{border-bottom:none}.overview-escalation-reason{font-size:var(--fs-base);color:var(--text);line-height:1.5}.overview-escalation-meta{display:flex;gap:var(--sp-3);align-items:center;margin-top:4px;font-size:var(--fs-xs);color:var(--text-tertiary)}.notif-day-label{font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);margin:var(--sp-4) 0 var(--sp-2)}.notif-row{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4)}.notif-row-divider{border-bottom:1px solid var(--border)}.notif-row-unread{background:var(--accent-surface)}.notif-dot{width:6px;height:6px;border-radius:var(--radius-full);background:transparent;flex-shrink:0;margin-top:6px}.notif-dot-unread{background:var(--accent)}.notif-row-top{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.notif-row-title{font-size:var(--fs-md);font-weight:600;color:var(--text)}.notif-row-time{font-size:var(--fs-xs);color:var(--text-tertiary);margin-left:auto;white-space:nowrap}.notif-row-body{font-size:var(--fs-base);color:var(--text-secondary);line-height:1.45;white-space:pre-wrap;margin-top:3px}.thread-header{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface);font-size:var(--fs-base);color:var(--text);display:flex;align-items:center;justify-content:space-between}.thread-mode-bar{padding:var(--sp-2) var(--sp-4);background:var(--surface);border-top:1px solid var(--border);font-size:var(--fs-sm);display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0;color:var(--text-secondary)}.thread-mode-bar-paused{background:var(--warning-surface);color:var(--warning)}.thread-composer{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);flex-shrink:0;background:var(--surface)}.thread-day-divider{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-3) 0 var(--sp-2)}.thread-day-line{flex:1;height:1px;background:var(--border)}.thread-day-label{font-size:var(--fs-xs);color:var(--text-tertiary);white-space:nowrap;font-family:monospace}.thread-bubble{max-width:72%;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);font-size:var(--fs-base);line-height:1.55;word-break:break-word;color:var(--text)}.thread-bubble-in{background:var(--surface);border:1px solid var(--border);align-self:flex-start;border-bottom-left-radius:3px}.thread-bubble-out{background:var(--accent-surface);align-self:flex-end;border-bottom-right-radius:3px}.thread-bubble-time{font-size:var(--fs-xs);color:var(--text-tertiary);margin-top:3px}.settings-shell{height:100%;overflow-y:auto;display:flex}.settings-subnav{width:230px;flex-shrink:0;padding:var(--sp-6) var(--sp-3);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.settings-subnav-title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:700;color:var(--text);padding:0 var(--sp-2) var(--sp-4)}.settings-subnav-row{width:100%;text-align:left;padding:var(--sp-2) var(--sp-2);border-radius:var(--radius-sm);border:0;background:transparent;font-size:var(--fs-base);font-weight:500;color:var(--text-secondary);transition:background .1s,color .1s}.settings-subnav-row:hover{background:var(--surface-hover);color:var(--text)}.settings-subnav-row-active{background:var(--surface-sunken);color:var(--text);font-weight:600}@media (max-width: 767px){.settings-shell{flex-direction:column;height:auto;min-height:100%;overflow-y:visible}.settings-subnav{width:100%;flex-direction:row;overflow-x:auto;padding:var(--sp-3);border-right:none;border-bottom:1px solid var(--border);gap:var(--sp-1)}.settings-subnav-title{display:none}.settings-subnav-row{width:auto;white-space:nowrap;flex-shrink:0}}.settings-toast{position:fixed;bottom:24px;right:24px;z-index:9999;padding:var(--sp-2) var(--sp-4);font-weight:500;box-shadow:var(--shadow-popover);animation:settings-toast-in .2s ease}@keyframes settings-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-radio-group{display:flex;gap:10px;flex-wrap:wrap}.settings-radio-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.84rem}.settings-row{display:flex;gap:8px;align-items:center}.settings-row-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.settings-save-btn{margin-top:4px;padding:8px 20px;font-size:.84rem}.settings-card-header-row{display:flex;justify-content:space-between;align-items:center}.settings-status-pill{font-size:.68rem;font-weight:700;padding:2px 9px;border-radius:999px}.settings-danger-btn{color:var(--critical);border-color:var(--critical-surface);flex-shrink:0}.settings-input-narrow{padding:8px 10px;font-size:.84rem;max-width:160px}.settings-input-flex{padding:8px 10px;font-size:.84rem}.settings-remove-btn{flex-shrink:0;padding:5px 10px}.settings-add-btn{margin-bottom:4px}.settings-chip-group{display:flex;gap:8px}.settings-chip-btn{padding:6px 14px;font-size:.8rem}.settings-textarea-lg{padding:10px 12px;font-size:.88rem;resize:vertical;font-family:inherit;line-height:1.5}.settings-list-gap10{display:flex;flex-direction:column;gap:10px}.settings-list-item{border:1px solid var(--border);border-radius:10px;padding:12px 14px}.settings-list-item-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}.settings-list-item-time{font-size:.7rem;color:var(--text-tertiary)}.settings-list-item-body{font-size:.85rem;color:var(--text);line-height:1.5;white-space:pre-wrap}.settings-empty-text{font-size:.82rem;color:var(--text-secondary)}.settings-shrink-btn{flex-shrink:0}.settings-readonly-input{padding:8px 12px;font-size:.82rem;color:var(--text-secondary)}.settings-note{font-size:.84rem;color:var(--text-secondary)}.settings-danger-label{font-size:.84rem;font-weight:600}.settings-danger-desc{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.settings-muted-link{font-size:.84rem;color:var(--text-secondary)}.settings-footer-row{margin-top:8px}.wa-status-row{display:flex;align-items:center;gap:12px;margin-bottom:20px}.wa-status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.wa-status-dot-connected{background:var(--success)}.wa-status-dot-idle{background:var(--border-strong)}.wa-status-label{font-size:.9rem;font-weight:600}.wa-status-label-muted{font-size:.9rem;color:var(--text-secondary)}.wa-disconnect-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--critical);background:transparent;color:var(--critical);cursor:pointer;font-size:.85rem}.wa-connect-btn{padding:10px 20px;border-radius:8px;border:0;background:#1877f2;color:#fff;cursor:pointer;font-size:.88rem;font-weight:600}.wa-connect-btn:disabled{background:#93c5fd;cursor:not-allowed}.wa-steps{font-size:.84rem;color:var(--text-secondary);line-height:1.8;padding-left:20px;margin:0}.wa-note{font-size:.82rem;color:var(--text-secondary);margin-top:12px}.settings-loading-text{color:var(--text-secondary);font-size:.85rem}.settings-inline-form{display:flex;gap:8px}.settings-input-flex1{padding:8px 12px;font-size:.85rem;flex:1}.settings-inline-submit{padding:8px 20px;font-size:.84rem;flex-shrink:0}.settings-member-list{display:flex;flex-direction:column;gap:6px}.settings-member-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--border);border-radius:10px}.settings-member-left{display:flex;align-items:center;gap:10px}.settings-member-avatar{width:32px;height:32px;border-radius:50%;background:var(--surface-sunken);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:var(--text-secondary)}.settings-member-name{font-size:.84rem;font-weight:600}.settings-member-right{display:flex;align-items:center;gap:8px}.settings-role-pill{font-size:.68rem;font-weight:700;padding:2px 9px;border-radius:999px}.settings-member-remove-btn{color:var(--critical);font-size:.72rem;padding:3px 10px}.settings-pending-email{font-size:.84rem}.settings-pending-pill{font-size:.68rem;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--surface-sunken);color:var(--text-secondary)}.settings-team-empty{color:var(--text-secondary);font-size:.85rem;text-align:center;padding:20px 0}.settings-team-empty-hint{margin-top:8px}.settings-member-note{font-size:.78rem;color:var(--text-tertiary);line-height:1.5}.settings-full-input{padding:10px 14px;border-radius:10px;border:1px solid var(--border);font-size:var(--fs-md);background:var(--bg);color:var(--text);width:100%;box-sizing:border-box;transition:border-color .12s,box-shadow .12s}.settings-full-input:hover:not(:disabled){border-color:var(--border-strong)}.settings-full-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-surface)}.settings-full-input:disabled{color:var(--text-secondary);cursor:not-allowed}select.settings-full-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23767676' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.settings-intro-text{font-size:.8rem;color:var(--text-secondary);margin-bottom:12px;line-height:1.5}.settings-mt4-btn{margin-top:4px}.settings-notify-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.settings-notify-item{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:8px;background:var(--surface-hover);border:1px solid var(--border)}.settings-notify-item-text{font-size:.83rem;font-family:var(--font-mono, monospace)}.settings-notify-remove{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:1rem;line-height:1;padding:0 2px}.settings-notify-input-row{display:flex;gap:8px}.settings-notify-input{flex:1;padding:8px 10px;border-radius:8px;border:1px solid var(--border);font-size:.85rem;background:var(--surface)}.settings-notify-add-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface-hover);cursor:pointer;font-size:.82rem;font-weight:600}.settings-notify-helper{font-size:.72rem;color:var(--text-tertiary);margin-top:5px}.settings-notify-title{font-size:.9rem;font-weight:700}.settings-notify-desc{font-size:.78rem;color:var(--text-secondary);margin-top:4px;line-height:1.4}.settings-active-pill{font-size:.68rem;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--accent-surface);color:var(--accent)}.settings-event-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.settings-event-title{font-size:.85rem;font-weight:600}.settings-event-sub{font-size:.72rem;color:var(--text-secondary);margin-top:1px}.settings-temp-group{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.settings-temp-btn{flex:1 1 120px;padding:10px 14px;border-radius:10px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.settings-temp-title{font-size:.85rem;font-weight:600}.settings-temp-sub{font-size:.72rem;color:var(--text-secondary);margin-top:2px}.settings-mb14{margin-bottom:14px}.settings-slider-col{display:flex;flex-direction:column;gap:var(--sp-4)}.cw-generate-hint{font-size:.84rem;color:var(--text-secondary);margin-bottom:16px}.cw-generate-btn{font-size:.84rem}.cw-active-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent-surface);border-radius:10px;margin-bottom:16px;font-size:.82rem}.cw-active-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.cw-active-label{color:var(--accent);font-weight:600}.cw-active-sub{color:var(--text-secondary)}.cw-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--sp-4, 16px);margin-bottom:16px}.cw-color-field{min-width:0}.cw-swatch-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.cw-swatch{width:34px;height:34px;border:1px solid var(--border);border-radius:0;clip-path:var(--chamfer-sm);padding:0;cursor:pointer;transition:box-shadow .12s}.cw-swatch-on{box-shadow:inset 0 0 0 2px var(--surface),inset 0 0 0 4px var(--accent)}.cw-color-row{display:flex;align-items:center;gap:8px}.cw-color-input{width:42px;height:36px;border:1px solid var(--border);border-radius:0;clip-path:var(--chamfer-sm);cursor:pointer;padding:3px;background:var(--surface)}.cw-hex-input{flex:1;min-width:0;font-family:ui-monospace,monospace;font-size:.84rem;padding:8px 10px;text-transform:lowercase}.cw-choice-row{display:flex;flex-wrap:wrap;gap:8px}.cw-choice{flex:1 1 150px;display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px 12px;border:1px solid var(--border);border-radius:0;clip-path:var(--chamfer-sm);background:var(--surface);color:var(--text);font:inherit;font-size:.84rem;cursor:pointer;transition:border-color .12s,background .12s}.cw-choice:hover{border-color:var(--border-strong)}.cw-choice-on{border-color:var(--accent);background:var(--accent-surface);box-shadow:inset 0 0 0 1px var(--accent)}.cw-choice-desc{color:var(--text-secondary);font-size:.74rem}.cw-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:16px}.cw-template-card{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--border);border-radius:0;clip-path:var(--chamfer-md);background:var(--surface);font:inherit;text-align:left;cursor:pointer;transition:border-color .12s,box-shadow .12s}.cw-template-card:hover{border-color:var(--border-strong)}.cw-template-card-on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.cw-template-name{font-size:.82rem;font-weight:600;color:var(--text)}.cw-template-desc{font-size:.72rem;color:var(--text-secondary);line-height:1.35}.tpl-mini{--tpl-brand: #0f8f61;display:block;position:relative;height:96px;margin-bottom:6px;padding:22px 8px 8px;background:#fff;border:1px solid #e3e3e0;border-radius:8px;overflow:hidden}.tpl-mini-bar{position:absolute;top:0;left:0;right:0;height:16px;background:var(--tpl-brand)}.tpl-mini-in,.tpl-mini-out{display:block;height:12px;border-radius:6px}.tpl-mini-in{width:66%;background:#ececec;margin-bottom:6px}.tpl-mini-out{width:54%;margin-left:auto;background:var(--tpl-brand)}.tpl-mini-input{position:absolute;left:8px;right:8px;bottom:8px;height:12px;border-radius:6px;background:#f3f3f1;border:1px solid #e3e3e0}.tpl-mini--tailor{background:#f8f6f1;border:1px dashed #c9c4b6;border-radius:10px}.tpl-mini--tailor .tpl-mini-bar{background:#f8f6f1;border-bottom:1px dashed #c9c4b6}.tpl-mini--tailor .tpl-mini-in{background:#fff;border:1px dashed #d8d3c4}.tpl-mini--tailor .tpl-mini-input{background:#fff;border:1px dashed #c9c4b6}.tpl-mini--console{background:#0b0d0b;border:1px solid rgba(23,193,132,.35);border-radius:0;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.tpl-mini--console .tpl-mini-bar{background:#0b0d0b;border-bottom:1px solid rgba(23,193,132,.25)}.tpl-mini--console .tpl-mini-in{background:#161a16;border-radius:0}.tpl-mini--console .tpl-mini-out{background:#17c184;border-radius:0}.tpl-mini--console .tpl-mini-input{background:#161a16;border:1px solid rgba(240,237,230,.14);border-radius:0}.tpl-mini--matatu{background:#fbfaf6;border:3px solid #14161a;border-radius:4px}.tpl-mini--matatu .tpl-mini-bar{background:#14161a;border-bottom:3px solid var(--tpl-brand)}.tpl-mini--matatu .tpl-mini-in{background:#fff;border:2px solid #14161a;border-radius:2px}.tpl-mini--matatu .tpl-mini-out{border:2px solid #14161a;border-radius:2px}.tpl-mini--matatu .tpl-mini-input{background:#fff;border:2px solid #14161a;border-radius:2px}.tpl-mini--order-slip{background:repeating-linear-gradient(180deg,transparent,transparent 13px,#eceae2 14px),#fbfbf9;border:1px solid #d8d9d2;border-radius:3px}.tpl-mini--order-slip .tpl-mini-bar{border-bottom:2px dashed rgba(255,255,255,.6)}.tpl-mini--order-slip .tpl-mini-in{background:#f4f3ee;border:1px solid #e2e0d6;border-radius:2px}.tpl-mini--order-slip .tpl-mini-out{background:#eaf5ee;border:1px solid #cfe8d9;border-radius:2px}.tpl-mini--order-slip .tpl-mini-input{border-top:1px dashed #d8d9d2;background:#f4f3ee;border-radius:2px}.tpl-mini--badge{background:#fbfbfc;border:1px solid #d7dae0;border-radius:6px}.tpl-mini--badge .tpl-mini-bar{background:#fff;border-bottom:1px solid #e6e8ec}.tpl-mini--badge .tpl-mini-in{background:#eef0f3;border:1px solid #e2e5ea;border-radius:4px}.tpl-mini--badge .tpl-mini-out{border-radius:4px}.tpl-mini--badge .tpl-mini-input{background:#fff;border:1px solid #e6e8ec;border-radius:4px}.tpl-mini--shopfront{background:#fffdf9;border:1px solid #eeece2;border-radius:14px}.tpl-mini--shopfront .tpl-mini-bar{height:8px;background:repeating-linear-gradient(90deg,var(--tpl-brand),var(--tpl-brand) 10px,#0c7350 10px,#0c7350 20px)}.tpl-mini--shopfront .tpl-mini-in{background:#f2f0e6;border-radius:8px 8px 8px 2px}.tpl-mini--shopfront .tpl-mini-out{border-radius:8px 8px 2px}.tpl-mini--shopfront .tpl-mini-input{background:#f2f0e6;border-color:transparent;border-radius:999px}.cw-greet-helper{font-size:.76rem;color:var(--text-secondary);margin-top:6px}.cw-snippet-wrap{position:relative;margin-top:14px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.cw-snippet-pre{background:var(--surface-hover);margin:0;padding:14px 40px 14px 16px;font-size:.78rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all;font-family:monospace;color:var(--text);line-height:1.6}.cw-copy-icon-btn{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer}.cw-copy-icon-btn:hover{color:var(--text);background:var(--surface-hover)}.cw-guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.cw-guide-tile{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--surface)}.cw-guide-tile-summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px}.cw-guide-tile-summary::-webkit-details-marker{display:none}.cw-guide-tile-icon{flex:0 0 auto;width:24px;height:24px}.cw-guide-tile-icon svg{display:block;width:100%;height:100%}.cw-guide-tile-name{flex:1;font-size:.84rem;font-weight:600;color:var(--text)}.cw-guide-tile-chevron{color:var(--text-secondary);font-weight:400;transition:transform .15s ease}.cw-guide-tile[open] .cw-guide-tile-chevron{transform:rotate(90deg)}.cw-guide-step{font-size:.78rem;color:var(--text-secondary);margin-top:8px;line-height:1.5;padding-left:34px}.cw-install-section{padding:20px}.cw-install-note{border-top:1px solid var(--border)}.cw-greet-helper-lead{margin-top:0;margin-bottom:12px}.cw-install-footer{display:flex;align-items:center;gap:8px;padding:14px 20px;border-top:1px solid var(--border);background:var(--surface-hover);font-size:.78rem;color:var(--text-secondary)}.cw-install-footer-icon{color:var(--text-tertiary)}.ai-status-banner{border:2px solid var(--accent-surface);border-radius:12px;padding:16px 20px;background:var(--accent-surface);margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.ai-status-title{font-size:.9rem;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:7px}.ai-status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}.ai-status-sub{font-size:.78rem;color:var(--text-secondary);margin-top:3px}.ai-status-stats{font-size:.72rem;color:var(--text-secondary);text-align:right}.ai-preview-row{margin:8px 0 16px;padding:12px 14px;background:var(--surface-hover);border-radius:10px;display:flex;align-items:center;gap:10px;font-size:.82rem}.ai-preview-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.75rem;flex-shrink:0}.ai-preview-name{font-weight:600}.ai-preview-greeting{color:var(--text-secondary);margin-left:6px}.ai-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px;margin-bottom:var(--sp-4, 16px)}.ai-tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;cursor:pointer;background:var(--surface-sunken);border:1px solid var(--border);border-radius:0;clip-path:var(--chamfer-sm);transition:border-color .12s,box-shadow .12s}.ai-tile:hover{border-color:var(--border-strong)}.ai-tile-on{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.ai-tile-img{width:100%;height:100%;object-fit:cover;display:block}.ai-tile-label{font-size:.72rem;color:#fff;font-weight:700;letter-spacing:.02em}.ai-custom-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ai-custom-input{flex:1 1 200px;min-width:0;font-size:.84rem}.ai-custom-preview{width:36px;height:36px;object-fit:cover;flex-shrink:0;border:1px solid var(--accent);border-radius:0;clip-path:var(--chamfer-sm)}.ai-toggle-helper{margin-top:4px;margin-bottom:16px;font-size:.72rem;color:var(--text-tertiary);margin-left:50px}.ai-btn-input{padding:8px 12px;font-size:.85rem}.settings-add-align-start{align-self:flex-start}.ai-pill-wrap{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.ai-pill{padding:4px 12px;border-radius:999px;border:1px solid var(--accent);color:var(--accent);font-size:.8rem}.settings-remove-btn-top{flex-shrink:0;padding:5px 10px}.ai-rules-helper{font-size:.72rem;color:var(--text-tertiary);margin-top:0;margin-bottom:14px;line-height:1.4}.taglist-wrap{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.taglist-item{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--surface-hover);border:1px solid var(--border);font-size:.8rem}.taglist-remove{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.9rem;line-height:1;padding:0}.taglist-input-row{display:flex;gap:8px}.taglist-input{flex:1;padding:8px 10px;font-size:.84rem}.voice-tone-group{display:flex;gap:8px;flex-wrap:wrap}.voice-tone-btn{padding:6px 16px;border-radius:999px;font-size:.82rem;cursor:pointer}.voice-tone-btn-active{border:1px solid var(--accent);background:var(--accent-surface);color:var(--accent);font-weight:600}.voice-tone-btn-idle{border:1px solid var(--border);background:transparent;color:var(--text);font-weight:500}.voice-summary-textarea{padding:8px 12px;font-size:.85rem;resize:vertical;font-family:inherit;line-height:1.4}.voice-divider-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.sc-toggle-btn{font-size:.84rem;font-weight:600}.sc-expanded{margin-top:12px}.settings-note-sm{color:var(--text-secondary);font-size:.82rem}.settings-card-footer-note{margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.sc-list{display:flex;flex-direction:column;gap:8px}.sc-item{padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:.8rem}.sc-item-row{display:flex;justify-content:space-between;gap:8px}.sc-item-customer{color:var(--text-secondary)}.sc-item-reply{margin-top:4px}.sc-remove-btn{flex-shrink:0;padding:3px 10px;color:var(--critical)}.ci-title{font-size:.9rem;font-weight:700;margin-bottom:4px}.ci-helper{font-size:.78rem;color:var(--text-secondary);margin-bottom:12px;line-height:1.5}.ci-file-input{margin-bottom:10px;font-size:.82rem}.ci-textarea{width:100%;padding:8px 12px;font-size:.82rem;font-family:monospace;resize:vertical;margin-bottom:10px}.ci-participant-label{font-size:.82rem;font-weight:600;margin-bottom:8px}.ci-participant-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.ci-participant-row{display:flex;align-items:center;gap:8px;font-size:.84rem;cursor:pointer}.ci-participant-count{color:var(--text-tertiary)}.ci-result{margin-top:12px;padding:10px 12px;background:var(--accent-surface);border-radius:8px;font-size:.8rem}.ci-result-tone{margin-top:4px;color:var(--text-secondary)}.settings-card{margin-bottom:var(--sp-3)}.settings-accordion{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--sp-3);overflow:hidden}.settings-accordion-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4);cursor:pointer;font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:700;color:var(--text);letter-spacing:-.01em;list-style:none}.settings-accordion-summary::-webkit-details-marker{display:none}.settings-accordion-chevron{color:var(--text-secondary);font-weight:400;transition:transform .15s ease}.settings-accordion[open] .settings-accordion-chevron{transform:rotate(90deg)}.settings-accordion-body{padding:0 var(--sp-4) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.settings-accordion-body .settings-card:last-child{margin-bottom:0}.settings-card-title-wrap{margin-bottom:var(--sp-3)}.settings-card-title-heading{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:700;color:var(--text);margin-bottom:0;letter-spacing:-.01em}.settings-card-title-heading-with-sub{margin-bottom:4px}.settings-card-title-sub{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.4}.settings-field{margin-bottom:var(--sp-3)}.settings-field-label{display:block;font-size:var(--fs-base);font-weight:600;color:var(--text);margin-bottom:6px}.settings-field-helper{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.45;margin:6px 0 0}.kit-toggle-row.settings-toggle-label-row{justify-content:flex-start;gap:var(--sp-3)}.kb-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-4)}.kb-stat{display:flex;flex-direction:column;gap:2px;padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:0;clip-path:var(--chamfer-md)}.kb-stat-num{font-family:var(--font-heading);font-size:30px;font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--text)}.kb-stat-label{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.35}.kb-stat-warn .kb-stat-num{color:var(--warning)}.kb-stat-bad .kb-stat-num{color:var(--critical)}.kb-empty{padding:var(--sp-6) 0 var(--sp-8)}.kb-empty-eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp-3)}.kb-empty-head{font-family:var(--font-heading);font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:-.03em;color:var(--text)}.kb-empty-body{font-size:var(--fs-md);color:var(--text-secondary);line-height:1.55;max-width:56ch;margin:var(--sp-2) 0 var(--sp-5)}.kb-starter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--sp-3)}.kb-starter{display:flex;flex-direction:column;gap:3px;text-align:left;padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:0;clip-path:var(--chamfer-md);font:inherit;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s}.kb-starter:hover{border-color:var(--accent);background:var(--surface-hover)}.kb-starter:focus-visible{outline:none;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.kb-starter-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:var(--sp-2);color:var(--accent);background:var(--accent-surface);clip-path:var(--chamfer-sm)}.kb-starter-icon svg{width:18px;height:18px}.kb-starter-title{font-weight:600;font-size:var(--fs-md)}.kb-starter-desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.4}.kb-empty-aside{margin-top:var(--sp-4);font-size:var(--fs-sm);color:var(--text-secondary)}.kb-link-btn{background:none;border:none;padding:0;font:inherit;font-weight:600;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.kb-dialog-icon{color:var(--accent);background:var(--accent-surface);border-radius:0;clip-path:var(--chamfer-sm);padding:9px}.kb-dialog-body{display:flex;flex-direction:column;gap:var(--sp-3)}.kb-dialog-textarea{resize:vertical;min-height:120px;line-height:1.5}.kb-dialog-error{font-size:var(--fs-sm);color:var(--critical);line-height:1.4}.kb-folder-cell{font-weight:600;font-size:var(--fs-sm)}.kb-folder-icon{display:inline-flex;vertical-align:-3px;margin-right:var(--sp-2);color:var(--text-tertiary)}.kb-folder-icon svg{width:15px;height:15px}.kb-folder-count{margin-left:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:400;color:var(--text-tertiary)}.kb-check-cell{width:32px;text-align:center}.kb-name-cell{padding-left:var(--sp-5)!important}.kb-row{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.kb-row-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;color:var(--accent);background:var(--accent-surface);clip-path:var(--chamfer-sm)}.kb-row-icon svg{width:16px;height:16px}.kb-row-text{display:flex;flex-direction:column;min-width:0}.kb-row-name{font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-row-meta{font-size:var(--fs-xs);color:var(--text-tertiary)}.kb-muted-cell{color:var(--text-tertiary)}.kb-refresh-cell{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.kb-actions-cell{text-align:right;white-space:nowrap}.kit-table tbody tr:has(.kb-name-cell){height:56px}.catalogue-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3)}.catalogue-field{display:flex;flex-direction:column;gap:4px;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:600}.catalogue-thumb{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);flex-shrink:0}.catalogue-thumb-placeholder{background:var(--surface-sunken)}.catalogue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-4)}.catalogue-card-image{aspect-ratio:4 / 3;background:var(--surface-sunken);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:var(--fs-sm);border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden}.catalogue-card-image img{width:100%;height:100%;object-fit:cover}.catalogue-card-body{padding:var(--sp-3)}.catalogue-card-name{font-size:var(--fs-base);font-weight:600;color:var(--text)}.catalogue-card-category{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:2px}.catalogue-card-price{font-size:var(--fs-md);font-weight:600;color:var(--text);margin-top:var(--sp-1)}.catalogue-badge-btn{background:none;border:none;cursor:pointer;padding:0}.agent-shell-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--sp-4);align-items:start}@media (max-width: 900px){.agent-shell-grid{grid-template-columns:1fr}}.agent-grid-lede{font-size:var(--fs-md);color:var(--text-secondary);margin-top:calc(-1 * var(--sp-3));max-width:60ch}.agent-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}@media (max-width: 760px){.agent-tile-grid{grid-template-columns:1fr}}.agent-tile-link{display:block;text-decoration:none;color:inherit}.agent-tile-link:focus-visible{outline:none}.agent-tile-link:focus-visible .agent-tile{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.agent-tile{height:100%;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:0;clip-path:var(--chamfer-lg);transition:border-color .15s,background .15s}.agent-tile-link:hover .agent-tile{border-color:var(--accent);background:var(--surface-hover)}.agent-tile-top{display:flex;align-items:center;gap:var(--sp-2)}.agent-tile-index{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.18em;color:var(--accent)}.agent-tile-icon{display:flex;color:var(--text-tertiary);margin-left:auto}.agent-tile-icon svg{width:18px;height:18px}.agent-tile-off{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);border:1px solid var(--border-strong);padding:2px 8px}.agent-tile-metric{display:flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-2)}.agent-tile-metric-num{font-family:var(--font-heading);font-size:clamp(34px,4vw,48px);font-weight:700;line-height:.95;letter-spacing:-.04em;color:var(--text)}.agent-tile-metric-label{font-size:var(--fs-sm);color:var(--text-secondary)}.agent-tile-name{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:700;letter-spacing:-.02em;color:var(--text);margin-top:var(--sp-2)}.agent-tile-job{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.5}.agent-tile-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-top:auto;padding-top:var(--sp-3);border-top:1px solid var(--border)}.agent-tile-channels{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.agent-tile-cta{margin-left:auto;font-size:var(--fs-sm);font-weight:600;color:var(--accent)}.agent-tool-chip{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) 0;border-bottom:1px solid var(--border);font-size:var(--fs-sm)}.agent-tool-chip:last-child{border-bottom:none}.agent-tool-chip-name{color:var(--text);font-weight:500}.agent-connector-line{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6}.agent-schedule-row{display:flex;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border);font-size:var(--fs-sm)}.agent-schedule-row:last-child{border-bottom:none}.agent-schedule-time{font-weight:600;color:var(--text);min-width:90px;flex-shrink:0}.agent-schedule-desc{color:var(--text-secondary)}.prompt-box{position:relative;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.prompt-box-body{padding:var(--sp-4);font-family:inherit;font-size:.9rem;color:var(--text)}.prompt-box-heading{display:block;font-weight:700;color:var(--text);margin-top:var(--sp-3);line-height:1.6}.prompt-box-heading:first-child{margin-top:0}.prompt-box-line{display:block;line-height:1.6}.prompt-box-bullet{display:flex;gap:var(--sp-2);line-height:1.6;padding-left:var(--sp-1)}.prompt-box-bullet:before{content:"•";color:var(--text-tertiary);flex-shrink:0}.prompt-box-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--surface-sunken);border-top:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-tertiary)}.prompt-box-footer code{background:var(--surface-hover);border:1px solid var(--border);border-radius:4px;padding:0 4px;font-family:ui-monospace,monospace}.prompt-box-bolt{position:absolute;top:-14px;right:var(--sp-4)}.prompt-box textarea.prompt-box-input{display:block;width:100%;box-sizing:border-box;border:none;outline:none;resize:vertical;padding:var(--sp-4);font-family:inherit;font-size:.9rem;line-height:1.6;color:var(--text);background:transparent}.tool-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:var(--sp-3)}.tool-tile-link{text-decoration:none;color:inherit;display:block;width:100%;height:100%;background:none;border:none;padding:0;font:inherit;text-align:left;cursor:pointer}.tool-tile{position:relative;height:100%;display:flex;align-items:flex-start;gap:var(--sp-3);border:1px solid var(--border);border-radius:0;clip-path:var(--chamfer-md);padding:var(--sp-4);background:var(--surface);transition:border-color .15s,background .15s}.tool-tile-link:hover .tool-tile{border-color:#0f8f6180;background:var(--surface-hover)}.tool-tile-link:focus-visible{outline:none}.tool-tile-link:focus-visible .tool-tile{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tool-tile-icon{width:38px;height:38px;border-radius:var(--radius-sm);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.tool-tile-icon svg{width:22px;height:22px}.tool-tile-icon img{width:22px;height:22px}.tool-tile-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.tool-tile-status{flex-shrink:0;font-size:var(--fs-xs);font-weight:600;color:var(--text-tertiary);transition:color .15s}.tool-tile-link:hover .tool-tile-status{color:var(--accent)}.tool-tile-status-on,.tool-tile-link:hover .tool-tile-status-on{display:inline-flex;align-items:center;gap:5px;color:var(--success)}.tool-tile-status-on:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--success);flex-shrink:0}.tool-group+.tool-group{margin-top:var(--sp-5)}.tool-group-label{display:flex;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--sp-3)}.tool-group-count{font-size:var(--fs-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.tool-tile-body{display:flex;flex-direction:column;min-width:0;flex:1;gap:3px}.tool-tile-name{font-size:var(--fs-md);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-tile-note{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}.customers-shell{display:flex;height:100%}.customers-list-pane{width:340px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%}.customers-detail-pane{flex:1;overflow-y:auto}@media (max-width: 767px){.customers-shell{flex-direction:column;height:auto;min-height:100%;overflow-y:auto}.customers-list-pane{width:100%;height:auto;max-height:45vh;border-right:none;border-bottom:1px solid var(--border)}.customers-detail-pane{flex:none;overflow-y:visible}}.resize-divider{width:5px;flex-shrink:0;cursor:col-resize;background:var(--border);transition:background .12s;position:relative;z-index:1;-webkit-user-select:none;user-select:none}.resize-divider:hover,.resize-divider:active{background:var(--muted-2)}.widget-page-layout{display:flex;gap:var(--sp-5);padding:0 var(--sp-5) var(--sp-5)}.widget-page-form{flex:1 1 560px;min-width:0;max-width:640px}.widget-page-preview-col{flex:0 0 340px}.widget-page-preview-sticky{position:sticky;top:var(--sp-5)}.cw-upload-row{display:flex;align-items:center;gap:10px}.cw-upload-preview{width:40px;height:40px;border-radius:8px;object-fit:cover;border:1px solid var(--border)}.widget-preview-frame{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.widget-preview-window{width:320px;height:480px;border-radius:16px;overflow:hidden;box-shadow:0 8px 28px #00000029;border:1px solid var(--border);display:flex;flex-direction:column}.widget-preview-header{display:flex;align-items:center;gap:11px;padding:14px 16px;color:#fff;flex-shrink:0}.widget-preview-title{font-weight:700;font-size:16px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-preview-header-img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.widget-preview-header-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.widget-preview-header-avatar svg,.widget-preview-header-avatar img{display:block;width:100%;height:100%}.widget-preview-body{padding:16px;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.widget-preview-hero-centered{justify-content:center}.widget-preview-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 8px 2px;gap:3px}.widget-preview-hero-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;margin-bottom:6px}.widget-preview-hero-avatar svg,.widget-preview-hero-avatar img{width:100%;height:100%;display:block;object-fit:cover}.widget-preview-hero-title{font-size:18px;font-weight:700;color:#0f172a}.widget-preview-hero-subtitle{font-size:13.5px;color:#6b7280;margin-bottom:4px}.widget-preview-banner-card{border-radius:12px;overflow:hidden;border:1px solid #f0f0f0;align-self:stretch}.widget-preview-banner-img{width:100%;display:block;max-height:120px;object-fit:cover}.widget-preview-banner-text{padding:10px 12px;font-size:.8rem}.widget-preview-banner-text strong{display:block;margin-bottom:2px}.widget-preview-banner-text p{color:var(--text-secondary);margin:0}.widget-preview-bubble{align-self:flex-end;max-width:80%;padding:10px 14px;font-size:15px;line-height:1.5;background:#d1fae5;color:#111;border-radius:18px 18px 4px}.widget-preview-consent{padding:20px 16px;text-align:center;font-size:.82rem}.widget-preview-consent p{color:var(--text-secondary);margin:8px 0 14px}.widget-preview-consent-btn{border:0;color:#fff;padding:8px 16px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:default}.widget-preview-footer{padding:10px 14px 14px;border-top:1px solid var(--border);flex-shrink:0}.widget-preview-disclaimer{font-size:.68rem;color:var(--text-secondary);margin:0 0 6px;text-align:center}.widget-preview-input-row{display:flex;gap:8px}.widget-preview-input{flex:1;border:1px solid var(--border);border-radius:20px;padding:8px 12px;font-size:.8rem;background:var(--surface);color:var(--text)}.widget-preview-mic{align-self:center;font-size:1rem;flex-shrink:0}.widget-preview-send{border:0;color:#fff;width:32px;height:32px;border-radius:50%;flex-shrink:0;cursor:default}.widget-preview-powered{font-size:.66rem;color:var(--text-secondary);text-align:center;margin:8px 0 0}.widget-preview-launcher-row{display:flex}.widget-preview-icon{width:48px;height:48px;border-radius:50%}.widget-preview-pill{padding:10px 18px;border-radius:24px;color:#fff;font-size:.82rem;font-weight:600}.widget-preview-template--console .widget-preview-window{background:#0b0d0b;border:1px solid rgba(23,193,132,.3);border-radius:0;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.widget-preview-template--console .widget-preview-header{border-bottom:1px solid rgba(23,193,132,.22)}.widget-preview-template--console .widget-preview-title{color:#f0ede6;letter-spacing:-.01em}.widget-preview-template--console .widget-preview-body{background:#0b0d0b}.widget-preview-template--console .widget-preview-hero-title{color:#f0ede6}.widget-preview-template--console .widget-preview-hero-subtitle{color:#f0ede68c}.widget-preview-template--console .widget-preview-bubble{background:#161a16;border:1px solid rgba(240,237,230,.1);color:#f0ede6;border-radius:0;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.widget-preview-template--console .widget-preview-input{background:#161a16;border:1px solid rgba(240,237,230,.14);border-radius:0;color:#f0ede699}.widget-preview-template--console .widget-preview-icon,.widget-preview-template--console .widget-preview-pill{background:#0b0d0b;border:1px solid rgba(23,193,132,.45);border-radius:0;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));color:#17c184}.widget-preview-template--tailor .widget-preview-window{background:#f8f6f1;border-radius:20px;border:1px dashed #c9c4b6}.widget-preview-template--tailor .widget-preview-header{font-family:Georgia,Times New Roman,serif}.widget-preview-template--tailor .widget-preview-title{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700}.widget-preview-template--tailor .widget-preview-body{background:#f8f6f1}.widget-preview-template--tailor .widget-preview-hero-title{font-family:Georgia,Times New Roman,serif;color:#2a281f}.widget-preview-template--tailor .widget-preview-hero-subtitle{font-family:Georgia,serif;font-style:italic}.widget-preview-template--tailor .widget-preview-bubble{background:var(--accent, #0f8f61);color:#fff;font-family:Georgia,serif;border-radius:18px}.widget-preview-template--tailor .widget-preview-input{font-family:Georgia,serif;font-style:italic;border-style:dashed}.widget-preview-template--tailor .widget-preview-icon,.widget-preview-template--tailor .widget-preview-pill{border-radius:14px;border:2px dashed rgba(255,255,255,.6)}.widget-preview-glass .widget-preview-window{background:#fff6;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border:1px solid rgba(255,255,255,.6)}.widget-preview-glass .widget-preview-header{background:#ffffff26!important}.widget-preview-glass .widget-preview-body{background:transparent}.widget-preview-glass .widget-preview-hero-title,.widget-preview-glass .widget-preview-hero-subtitle{color:#2a281f}.widget-preview-glass .widget-preview-icon,.widget-preview-glass .widget-preview-pill{background:#fff6!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6)}.widget-preview-template--matatu .widget-preview-window{background:#fbfaf6;border-radius:8px;border:3px solid #14161a}.widget-preview-template--matatu .widget-preview-header{background:#14161a!important;border-bottom:4px solid var(--accent, #0f8f61)}.widget-preview-template--matatu .widget-preview-title{font-family:var(--font-heading),"Arial Black",Impact,sans-serif;text-transform:uppercase;color:#fff}.widget-preview-template--matatu .widget-preview-body{background:#fbfaf6}.widget-preview-template--matatu .widget-preview-hero-title{font-family:var(--font-heading),"Arial Black",Impact,sans-serif;text-transform:uppercase;color:#14161a}.widget-preview-template--matatu .widget-preview-bubble{border-radius:3px;border:2px solid #14161a;font-weight:700}.widget-preview-template--matatu .widget-preview-input{border-radius:4px;border:2px solid #14161a}.widget-preview-template--matatu .widget-preview-icon,.widget-preview-template--matatu .widget-preview-pill{border-radius:10px;border:3px solid #14161a;font-family:var(--font-heading),"Arial Black",Impact,sans-serif}.widget-preview-template--order-slip .widget-preview-window{background:#fbfbf9;border-radius:6px;border:1px solid #d8d9d2}.widget-preview-template--order-slip .widget-preview-header{border-bottom:2px dashed rgba(255,255,255,.5)}.widget-preview-template--order-slip .widget-preview-title,.widget-preview-template--order-slip .widget-preview-bubble,.widget-preview-template--order-slip .widget-preview-input{font-family:ui-monospace,SF Mono,Menlo,monospace}.widget-preview-template--order-slip .widget-preview-body{background:repeating-linear-gradient(180deg,transparent,transparent 27px,#eceae2 28px),#fbfbf9}.widget-preview-template--order-slip .widget-preview-bubble{border-radius:2px;border:1px solid #cfe8d9}.widget-preview-template--order-slip .widget-preview-icon,.widget-preview-template--order-slip .widget-preview-pill{border-radius:8px}.widget-preview-template--badge .widget-preview-window{background:#fff;border-radius:10px;border:1px solid #d7dae0}.widget-preview-template--badge .widget-preview-header{background:#fff!important;border-bottom:1px solid #e6e8ec}.widget-preview-template--badge .widget-preview-title,.widget-preview-template--badge .widget-preview-hero-title{color:#1a2230!important;font-weight:800}.widget-preview-template--badge .widget-preview-body{background:#fbfbfc}.widget-preview-template--badge .widget-preview-bubble{border-radius:8px}.widget-preview-template--badge .widget-preview-icon,.widget-preview-template--badge .widget-preview-pill{border-radius:16px;border:2px solid var(--accent, #0f8f61)}.widget-preview-template--shopfront .widget-preview-window{background:#fffdf9;border-radius:26px}.widget-preview-template--shopfront .widget-preview-header{position:relative}.widget-preview-template--shopfront .widget-preview-header:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,var(--accent, #0f8f61),var(--accent, #0f8f61) 16px,#0c7350 16px,#0c7350 32px)}.widget-preview-template--shopfront .widget-preview-title{font-family:var(--font-heading),"Helvetica Neue",Arial,sans-serif;font-weight:900}.widget-preview-template--shopfront .widget-preview-bubble{border-radius:20px 20px 4px}.widget-preview-template--shopfront .widget-preview-input{border-radius:999px}.widget-preview-template--shopfront .widget-preview-icon,.widget-preview-template--shopfront .widget-preview-pill{border-radius:20px}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);background:var(--bg)}.loading-screen-text{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:1.9rem;color:var(--text)}.loading-screen-bar{width:200px;height:2px;background:var(--border);overflow:hidden;border-radius:var(--radius-full)}.loading-screen-bar span{display:block;width:40%;height:100%;background:var(--accent);animation:loading-screen-slide 1.1s ease-in-out infinite}@keyframes loading-screen-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.kit-page{max-width:1100px;margin:0 auto;padding:var(--sp-6) var(--sp-6) var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-4)}.kit-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.kit-page-title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:700;color:var(--text);letter-spacing:-.02em}.kit-page-subtitle{font-size:var(--fs-md);color:var(--text-secondary);margin-top:3px}.kit-page-actions{display:flex;align-items:center;gap:var(--sp-2)}.kit-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:0;clip-path:var(--chamfer-lg);transition:border-color .15s}.kit-card:hover{border-color:#0f8f6180}.kit-card-pad{padding:var(--sp-4)}.kit-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) 0}.kit-card-header+.kit-card-pad{padding-top:var(--sp-3)}.kit-card-title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:700;color:var(--text);letter-spacing:-.01em}.kit-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:inherit;font-weight:600;letter-spacing:0;border:1px solid transparent;cursor:pointer;transition:opacity .12s,background .12s,border-color .12s,transform .08s;white-space:nowrap;border-radius:0;clip-path:var(--chamfer-sm)}.kit-btn:active:not(:disabled){transform:scale(.98)}.kit-btn:disabled{opacity:.45;cursor:default}.kit-btn:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--text)}.kit-btn-primary,.kit-btn-default,.kit-btn-critical{position:relative;isolation:isolate}.kit-btn-primary:after,.kit-btn-default:after,.kit-btn-critical:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;clip-path:polygon(-1% 0%,-1% 0%,-100% 100%,-1% 100%);transition:clip-path .4s cubic-bezier(.25,0,0,1);pointer-events:none}.kit-btn-primary:hover:not(:disabled):after,.kit-btn-default:hover:not(:disabled):after,.kit-btn-critical:hover:not(:disabled):after{clip-path:polygon(0% 0%,200% 0%,100% 100%,0% 100%)}@media (prefers-reduced-motion: reduce){.kit-btn-primary:after,.kit-btn-default:after,.kit-btn-critical:after{transition:none}}.kit-btn-md{padding:7px var(--sp-4);font-size:var(--fs-md);clip-path:var(--chamfer-md)}.kit-btn-sm{padding:4px var(--sp-3);font-size:var(--fs-base)}.kit-btn-xs{padding:4px var(--sp-2);font-size:var(--fs-xs);gap:5px;clip-path:none;border-radius:var(--radius-sm)}.kit-btn-xs:after{transition-duration:.22s}.kit-btn-xs svg{width:13px;height:13px}.kit-btn-primary{background:var(--accent);color:var(--text-inverse)}.kit-btn-primary:after{background:var(--text)}.kit-btn-default{background:var(--surface);color:var(--text);border-color:var(--border-strong);transition:color .2s ease,border-color .2s}.kit-btn-default:after{background:var(--text)}.kit-btn-default:hover:not(:disabled){color:var(--bg);border-color:var(--text);transition:color .2s ease .15s,border-color .2s}.kit-btn-critical{background:var(--critical);color:var(--text-inverse)}.kit-btn-critical:after{background:color-mix(in srgb,var(--critical) 45%,var(--text))}.kit-btn-plain{background:none;color:var(--text-secondary);padding-left:var(--sp-1);padding-right:var(--sp-1);clip-path:none}.kit-btn-plain:hover:not(:disabled){color:var(--text)}.kit-btn-danger-text{background:none;color:var(--critical);border-color:transparent;position:relative;isolation:isolate}.kit-btn-danger-text:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--critical-surface);clip-path:polygon(-1% 0%,-1% 0%,-100% 100%,-1% 100%);transition:clip-path .4s cubic-bezier(.25,0,0,1);pointer-events:none}.kit-btn-danger-text:hover:not(:disabled):after{clip-path:polygon(0% 0%,200% 0%,100% 100%,0% 100%)}@media (prefers-reduced-motion: reduce){.kit-btn-danger-text:after{transition:none}}.kit-badge{display:inline-flex;align-items:center;padding:2px var(--sp-2);border-radius:0;clip-path:var(--chamfer-sm);font-family:inherit;font-size:var(--fs-xs);font-weight:600;letter-spacing:0;white-space:nowrap;border:1px solid transparent}.kit-badge-success{background:var(--success-surface);color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent)}.kit-badge-warning{background:var(--warning-surface);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 35%,transparent)}.kit-badge-critical{background:var(--critical-surface);color:var(--critical);border-color:color-mix(in srgb,var(--critical) 35%,transparent)}.kit-badge-info{background:var(--info-surface);color:var(--info);border-color:color-mix(in srgb,var(--info) 35%,transparent)}.kit-badge-neutral{background:var(--surface-sunken);color:var(--text-secondary);border-color:var(--border)}.kit-stat-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.kit-stat-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface-2, rgba(127,127,127,.12));color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kit-stat-icon svg{width:20px;height:20px}.kit-stat-icon-info{background:var(--info-surface);color:var(--info)}.kit-stat-icon-success{background:var(--accent-surface);color:var(--accent)}.kit-stat-icon-warning{background:var(--warning-surface);color:var(--warning)}.kit-stat-icon-critical{background:var(--critical-surface);color:var(--critical)}.kit-stat-label{font-size:var(--fs-sm);color:var(--text-secondary)}.kit-stat-value{font-size:var(--fs-xl);font-weight:600;color:var(--text);margin-top:var(--sp-1)}.kit-stat-delta{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-sm);font-weight:600;margin-top:var(--sp-1)}.kit-stat-delta-success{color:var(--success)}.kit-stat-delta-critical{color:var(--critical)}.kit-stat-delta-neutral{color:var(--text-tertiary)}.kit-table{width:100%;border-collapse:collapse;font-size:var(--fs-base)}.kit-table thead th{position:sticky;top:0;background:var(--surface-sunken);text-align:left;font-family:inherit;font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);padding:var(--sp-3);border-bottom:1px solid var(--border)}.kit-table th.kit-table-num,.kit-table td.kit-table-num{text-align:right}.kit-table tbody tr{height:44px;border-bottom:1px solid var(--border)}.kit-table tbody tr.kit-table-row-clickable{cursor:pointer}.kit-table tbody tr.kit-table-row-clickable:hover{background:var(--surface-hover)}.kit-table td{padding:var(--sp-2) var(--sp-3);color:var(--text)}.kit-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-4);color:var(--text-secondary)}.kit-empty-icon-circle{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--accent);margin-bottom:var(--sp-1)}.kit-empty-heading{font-size:var(--fs-md);font-weight:600;color:var(--text)}.kit-empty-body{font-size:var(--fs-base);max-width:40ch}.kit-banner{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-size:var(--fs-base);font-weight:500}.kit-banner-success{background:var(--success-surface);color:var(--success)}.kit-banner-warning{background:var(--warning-surface);color:var(--warning)}.kit-banner-critical{background:var(--critical-surface);color:var(--critical)}.kit-banner-info{background:var(--info-surface);color:var(--info)}.kit-infotip{position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:help;vertical-align:-2px;outline:none}.kit-infotip:hover,.kit-infotip:focus-visible{color:var(--text-secondary)}.kit-infotip-bubble{display:none;position:absolute;z-index:20;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);width:max-content;max-width:260px;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:var(--text);color:var(--surface);font-size:var(--fs-xs);font-weight:500;line-height:1.4;box-shadow:var(--shadow-popover);pointer-events:none}.kit-infotip:hover .kit-infotip-bubble,.kit-infotip:focus-visible .kit-infotip-bubble{display:block}.kit-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:0;clip-path:var(--chamfer-lg);padding:var(--sp-6);max-width:480px;width:calc(100% - var(--sp-6));max-height:calc(100% - var(--sp-6));overflow:visible;animation:kit-modal-in .16s ease-out}.kit-modal::backdrop{background:#1a1a1a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes kit-modal-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (prefers-reduced-motion: reduce){.kit-modal{animation:none}}.kit-modal-scroll{max-height:calc(100vh - var(--sp-6) * 3);overflow-y:auto}.kit-dialog{display:flex;flex-direction:column;gap:var(--sp-4);min-width:min(400px,78vw)}.kit-dialog-header{display:flex;align-items:center;gap:var(--sp-3)}.kit-dialog-heading{display:flex;flex-direction:column;gap:2px;min-width:0}.kit-dialog-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);flex-shrink:0}.kit-dialog-icon svg,.kit-dialog-icon img{width:100%;height:100%}.kit-dialog-title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:700;color:var(--text);letter-spacing:-.01em}.kit-dialog-summary{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.4}.kit-dialog-blurb{font-size:var(--fs-md);color:var(--text-secondary);line-height:1.55;margin:0}.kit-dialog-footer{display:flex;gap:var(--sp-2);justify-content:flex-end;align-items:center;flex-wrap:wrap;padding-top:var(--sp-2);border-top:1px solid var(--border)}.kit-dialog-footer .kit-btn-danger-text{margin-right:auto}.kit-skel{background:var(--surface-sunken);border-radius:var(--radius-sm);animation:kit-skel 1.2s ease-in-out infinite}@keyframes kit-skel{0%,to{opacity:.6}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.kit-skel{animation:none}}.kit-skel-text{height:.8em}.kit-skel-card{border-radius:var(--radius-md)}.kit-tabs{display:flex;gap:var(--sp-5);border-bottom:1px solid var(--border)}.kit-tab{padding:var(--sp-2) 0;font-family:inherit;font-size:var(--fs-md);font-weight:500;letter-spacing:0;color:var(--text-secondary);border-bottom:2px solid transparent;background:none}.kit-tab:hover{color:var(--text)}.kit-tab.kit-tab-active{color:var(--text);font-weight:600;border-bottom-color:var(--accent)}.kit-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);cursor:pointer;-webkit-user-select:none;user-select:none}.kit-toggle-label{font-size:var(--fs-base);font-weight:600;color:var(--text)}.kit-toggle-description{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:2px}.kit-toggle{position:relative;display:inline-flex;flex-shrink:0;width:40px;height:22px;border-radius:var(--radius-full);background:var(--surface-sunken);border:1px solid var(--border-strong);transition:background .15s,border-color .15s}.kit-toggle-on{background:var(--accent);border-color:var(--accent)}.kit-toggle-knob{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .15s}.kit-toggle-on .kit-toggle-knob{left:19px}.kit-toggle input{position:absolute;opacity:0;width:0;height:0}.kit-slider{display:flex;flex-direction:column;gap:var(--sp-2)}.kit-slider-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4)}.kit-slider-input{display:flex;align-items:center;gap:4px;flex-shrink:0}.kit-slider-input input{width:64px;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:var(--fs-base);text-align:right;background:var(--surface);color:var(--text)}.kit-slider-input span{font-size:var(--fs-sm);color:var(--text-secondary)}.kit-slider-track{width:100%;accent-color:var(--accent)}.kit-slider-minmax{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--text-tertiary)}.kit-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);cursor:pointer;flex-shrink:0}.kit-icon-btn:hover{background:var(--surface-hover);color:var(--text)}.kit-menu{position:absolute;top:calc(100% + var(--sp-2));right:0;z-index:30;min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);padding:var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-2)}.kit-menu-group{display:flex;flex-direction:column;gap:1px;padding:var(--sp-2) 0}.kit-menu-group+.kit-menu-group{border-top:1px solid var(--border)}.kit-menu-group-label{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);padding:var(--sp-1) var(--sp-2)}.kit-menu-item{display:block;width:100%;text-align:left;padding:var(--sp-2);border-radius:var(--radius-sm);background:none;border:none;font-family:inherit;cursor:pointer}.kit-menu-item:hover:not(:disabled){background:var(--surface-hover)}.kit-menu-item:disabled{opacity:.45;cursor:default}.kit-menu-item-label{font-size:var(--fs-base);font-weight:500;color:var(--text)}.kit-menu-item-description{font-size:var(--fs-xs);color:var(--text-secondary);margin-top:1px}.kit-improve-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-full);background:var(--info-surface);color:var(--info);flex-shrink:0}.kit-improve-btn:hover:not(:disabled){background:var(--info);color:var(--text-inverse)}.kit-improve-btn:disabled{opacity:.45;cursor:default}.kit-improve-btn svg{width:14px;height:14px}.kit-improve-suggestion{border:1px solid var(--info);background:var(--info-surface);border-radius:var(--radius-sm);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.kit-improve-suggestion-text{font-size:var(--fs-base);color:var(--text);line-height:1.5}.kit-improve-suggestion-actions{display:flex;gap:var(--sp-2)}.kit-segmented{display:inline-flex;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px}.kit-segment{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);border-radius:calc(var(--radius-sm) - 2px);background:none;cursor:pointer;transition:background .12s,color .12s}.kit-segment:hover{color:var(--text)}.kit-segment.kit-segment-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-card)}
