:root{color-scheme:light;--primary:#16397f;--primary-12:rgba(22,57,127,.12);--primary-08:rgba(22,57,127,.08);--primary-04:rgba(22,57,127,.04);--secondary:#1b4ef5;--secondary-12:rgba(27,78,245,.12);--secondary-08:rgba(27,78,245,.08);--dark:#111218;--gray:#757575;--gray-light:#b5b7bd;--gray-lighter:#e4e6eb;--gray-lightest:#eef0f4;--bg:#f3f5f9;--white:#fff;--success:#16a34a;--success-bg:#dcfce7;--warning:#d97706;--warning-bg:#fef3c7;--danger:#dc2626;--danger-bg:#fee2e2;--info:#28527a;--info-bg:#dbeafe;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--s-9:48px;--s-10:64px;--r-card:20px;--r-pill:100px;--r-sm:8px;--r-md:12px;--border:1px solid var(--gray-lighter);--shadow-sm:0 1px 2px rgba(17,18,24,.04);--shadow-md:0 2px 8px rgba(17,18,24,.06);--shadow-lg:0 8px 24px rgba(17,18,24,.08)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{background:var(--bg);color:var(--dark);font-family:Raleway,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{border:0;background:none;cursor:pointer}button:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{width:100%;border:1px solid var(--gray-lighter);border-radius:var(--r-md);background:var(--white);color:var(--dark);outline:none;padding:10px 12px;transition:border .15s,box-shadow .15s,background .15s}input:focus,select:focus,textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 3px var(--secondary-08)}textarea{min-height:48px;resize:vertical}label{display:grid;grid-gap:6px;gap:6px;color:var(--gray);font-size:12px;font-weight:700}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-lighter);border:2px solid var(--bg);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--gray-light)}.alert{padding:12px 14px}.alert-success{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.alert-danger{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.app{display:grid;grid-template-columns:240px minmax(0,1fr);height:100vh;background:var(--bg)}.sidebar{display:flex;flex-direction:column;border-right:var(--border);background:var(--white);padding:var(--s-6) var(--s-3);min-width:0}.brand{display:flex;align-items:center;gap:var(--s-3);padding:0 var(--s-3) var(--s-7)}.brand-mark{display:grid;width:32px;height:32px;place-items:center;border-radius:var(--r-sm);background:var(--primary);color:var(--white);font-size:14px;font-weight:800}.brand-name{color:var(--dark);font-size:15px;font-weight:700}.brand-sub{color:var(--gray);font-size:11px;font-weight:600}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-label{padding:var(--s-3) var(--s-3) var(--s-2);color:var(--gray);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.nav-item{position:relative;display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:42px;border-radius:var(--r-pill);color:var(--dark);padding:10px var(--s-3);text-align:left;transition:background .12s,color .12s}.nav-item:hover{background:var(--gray-lightest)}.nav-item.active{background:var(--primary)}.nav-badge,.nav-item.active{color:var(--white);font-weight:700}.nav-badge{min-width:22px;margin-left:auto;border-radius:var(--r-pill);background:var(--secondary);font-size:11px;padding:2px 8px;text-align:center}.nav-badge.muted-badge,.nav-item.active .nav-badge{background:var(--white);color:var(--primary)}.sidebar-spacer{flex:1 1}.sidebar-footer{margin-top:var(--s-3);border-top:var(--border);padding-top:var(--s-3)}.user-card{display:flex;align-items:center;gap:var(--s-3);width:100%;margin-top:4px;border-radius:var(--r-pill);padding:var(--s-2) var(--s-3);text-align:left}.user-card:hover{background:var(--gray-lightest)}.avatar{display:grid;width:32px;height:32px;flex-shrink:0;place-items:center;border-radius:var(--r-pill);background:var(--primary);color:var(--white);font-size:12px;font-weight:800}.avatar.sm{width:28px;height:28px;font-size:11px}.avatar.md{width:40px;height:40px;font-size:14px}.avatar.lg{width:48px;height:48px;font-size:16px}.user-meta{min-width:0;line-height:1.25}.user-name{color:var(--dark);font-size:13px;font-weight:700}.user-role{color:var(--gray);font-size:11px}.main{display:flex;min-width:0;flex-direction:column;overflow:hidden}.topbar{display:flex;height:64px;flex-shrink:0;align-items:center;gap:var(--s-4);border-bottom:var(--border);background:var(--white);padding:0 var(--s-7)}.topbar-title{color:var(--dark);font-size:18px;font-weight:800}.topbar-sub{color:var(--gray);font-size:13px}.topbar-spacer{flex:1 1}.search-input{display:flex;width:320px;align-items:center;gap:var(--s-2);border:1px solid transparent;border-radius:var(--r-pill);background:var(--bg);color:var(--gray);padding:8px var(--s-4);transition:border .15s,background .15s}.search-input:focus-within{border-color:var(--secondary);background:var(--white)}.search-input input{min-height:unset;border:0;background:none;box-shadow:none;padding:0;color:var(--dark);font-size:13px}.keycap{border-radius:var(--r-pill);background:var(--gray-lighter);color:var(--gray);font-size:11px;padding:2px 8px}.btn,.keycap{font-weight:700;white-space:nowrap}.btn{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:var(--s-2);border:1px solid transparent;border-radius:var(--r-pill);padding:9px var(--s-5);font-size:13px;transition:background .12s,color .12s,border .12s}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:#0f2a60}.btn-secondary{background:var(--secondary);color:var(--white)}.btn-secondary:hover{background:#1640d4}.btn-ghost{border-color:var(--gray-lighter);background:var(--white);color:var(--dark)}.btn-ghost:hover{background:var(--gray-lightest)}.btn-sm{min-height:32px;padding:6px 14px;font-size:12px}.btn.full{width:100%}.icon-btn{display:grid;width:36px;height:36px;flex-shrink:0;place-items:center;border-radius:var(--r-pill);color:var(--dark)}.icon-btn:hover,.tag{background:var(--gray-lightest)}.tag{display:inline-flex;min-height:24px;align-items:center;gap:6px;border-radius:var(--r-pill);color:var(--dark);font-size:11px;font-weight:700;padding:3px 10px;white-space:nowrap}.tag-compact{background:var(--white);border:var(--border);color:var(--gray)}.tag-primary{background:var(--primary-12);color:var(--primary)}.tag-success{background:var(--success-bg);color:var(--success)}.tag-warning{background:var(--warning-bg);color:var(--warning)}.tag-danger{background:var(--danger-bg);color:var(--danger)}.tag-dot{display:inline-block;width:6px;height:6px;border-radius:var(--r-pill);background:currentColor}.tag-dot.good{background:var(--success)}.tag-dot.bad{background:var(--danger)}.page{flex:1 1;overflow:auto;padding:var(--s-7)}.page-inbox{overflow:hidden;padding:0}.page-grid{max-width:1440px;margin:0 auto}.card{overflow:hidden;border:var(--border);border-radius:var(--r-card);background:var(--white)}.card-pad{padding:var(--s-6)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);border-bottom:var(--border);padding:var(--s-5) var(--s-6)}.card-title{color:var(--dark);font-size:15px;font-weight:800}.card-sub{margin-top:2px;color:var(--gray);font-size:12px}.inbox{display:grid;grid-template-columns:330px minmax(0,1fr) 360px;height:100%;overflow:hidden;background:var(--bg)}.inbox-pane{display:flex;min-width:0;flex-direction:column;overflow:hidden;border-right:var(--border);background:var(--white)}.inbox-pane:last-child{border-right:none;border-left:var(--border)}.inbox-thread{display:flex;min-width:0;flex-direction:column;overflow:hidden;background:var(--bg)}.pane-head{flex-shrink:0;border-bottom:var(--border);padding:var(--s-5)}.pane-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-4)}.pane-title h2{font-size:16px;font-weight:800}.filter-row{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--gray-lighter);border-radius:var(--r-pill);color:var(--gray);font-size:12px;font-weight:700;padding:6px 12px}.filter-chip:hover{background:var(--gray-lightest)}.filter-chip.active{border-color:var(--primary);background:var(--primary);color:var(--white)}.channel-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:var(--border);padding:var(--s-2) var(--s-5)}.channel-tab{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);color:var(--gray);font-size:12px;font-weight:700;padding:8px 12px;white-space:nowrap}.channel-tab.active{background:var(--secondary-08);color:var(--secondary)}.conv-list{flex:1 1;overflow-y:auto}.conv-item{position:relative;display:flex;width:100%;gap:var(--s-3);border-bottom:1px solid var(--gray-lightest);padding:var(--s-4) var(--s-5);text-align:left;transition:background .1s}.conv-item:hover{background:var(--gray-lightest)}.conv-item.active{background:var(--primary-04)}.conv-item.active:before{position:absolute;top:12px;bottom:12px;left:0;width:3px;border-radius:var(--r-pill);background:var(--primary);content:""}.conv-avatar,.thread-avatar{position:relative;flex-shrink:0}.conv-channel-badge{position:absolute;right:-3px;bottom:-3px;display:grid;width:18px;height:18px;place-items:center;border:2px solid var(--white);border-radius:var(--r-pill);color:var(--white)}.commerce-badge{display:grid;place-items:center;font-size:10px;font-weight:800}.commerce-badge,.commerce-logo{background:#111827;color:#fff}.conv-body{min-width:0;flex:1 1}.conv-row1{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);margin-bottom:2px}.conv-name{overflow:hidden;color:var(--dark);font-size:13.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.conv-time{flex-shrink:0;color:var(--gray);font-size:11px}.conv-preview{overflow:hidden;color:var(--gray);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.conv-meta{display:flex;align-items:center;gap:6px;margin-top:6px}.unread-dot{width:8px;height:8px;flex-shrink:0;border-radius:var(--r-pill);background:var(--secondary)}.thread-head{display:flex;flex-shrink:0;align-items:center;gap:var(--s-4);border-bottom:var(--border);background:var(--white);padding:var(--s-4) var(--s-6)}.thread-head-info{min-width:0;flex:1 1}.thread-head-name{display:flex;align-items:center;gap:var(--s-2);color:var(--dark);font-size:15px;font-weight:800}.thread-head-meta{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:2px;color:var(--gray);font-size:12px}.thread-actions{display:flex;align-items:center;gap:var(--s-2)}.ticket-message-count{display:flex;align-items:center;gap:6px;color:var(--gray);font-size:11px;font-weight:800;white-space:nowrap}.ticket-message-count select{width:96px;height:34px;min-height:34px;padding:0 26px 0 10px;font-size:12px}.thread-body{display:flex;flex:1 1;flex-direction:column;gap:var(--s-4);overflow-y:auto;padding:var(--s-6)}.msg-day{color:var(--gray);font-size:11px;font-weight:800;letter-spacing:.06em;padding:var(--s-2) 0;text-align:center;text-transform:uppercase}.msg{display:flex;max-width:72%;gap:var(--s-3)}.msg.in{align-self:flex-start}.msg.out{align-self:flex-end;flex-direction:row-reverse}.msg-bubble{overflow-wrap:anywhere;border-radius:18px;padding:var(--s-3) var(--s-4);font-size:13.5px;line-height:1.5}.msg.in .msg-bubble{border:var(--border);border-bottom-left-radius:6px;background:var(--white)}.msg.out .msg-bubble{border-bottom-right-radius:6px;background:var(--primary);color:var(--white)}.msg-attachments{display:grid;grid-gap:var(--s-2);gap:var(--s-2);margin-top:var(--s-2)}.msg-media{display:block;overflow:hidden;border-radius:10px;background:rgba(17,24,39,.08)}.msg-media img,.msg-media video{max-height:260px;object-fit:cover}.msg-media audio,.msg-media img,.msg-media video{display:block;width:min(300px,100%)}.msg-file{display:flex;align-items:center;gap:var(--s-2);max-width:300px;border-radius:10px;background:hsla(0,0%,100%,.16);color:inherit;font-size:12px;font-weight:700;padding:var(--s-2) var(--s-3)}.msg.in .msg-file{background:var(--gray-lightest);color:var(--dark)}.msg-file span{min-width:0;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-file small{color:currentColor;opacity:.68;white-space:nowrap}.msg-time{margin-top:4px;color:var(--gray);font-size:11px;padding:0 var(--s-2)}.msg.out .msg-time{text-align:right}.thread-composer{flex-shrink:0;border-top:var(--border);background:var(--white);padding:var(--s-4) var(--s-6)}.composer-actions{display:flex;align-items:center;gap:4px;margin-bottom:var(--s-2)}.composer-btn{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);color:var(--gray);font-size:12px;font-weight:700;padding:6px 10px}.composer-btn:hover{background:var(--gray-lightest);color:var(--dark)}.composer-btn.ai{background:var(--secondary-08);color:var(--secondary)}.composer-btn.active{background:var(--primary-08);color:var(--primary)}.composer-channel{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:var(--gray);font-size:11px;font-weight:700}.composer-attachment{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:var(--s-2);gap:var(--s-2);margin-bottom:var(--s-2)}.hidden-file-input{display:none}.composer-upload,.composer-upload-name{min-height:36px;border:var(--border);border-radius:10px;background:var(--bg);color:var(--dark);font-size:12px}.composer-upload{display:inline-flex;align-items:center;gap:var(--s-2);font-weight:800;padding:0 var(--s-3)}.composer-upload:hover{background:var(--gray-lightest)}.composer-upload-name{display:flex;align-items:center;min-width:0;overflow:hidden;color:var(--gray);font-weight:700;padding:0 var(--s-3);text-overflow:ellipsis;white-space:nowrap}.composer-upload-name.ready{background:var(--primary-08);color:var(--primary)}.composer-attachment input,.composer-attachment select{min-height:36px;border:var(--border);border-radius:10px;background:var(--bg);color:var(--dark);font-size:12px}.composer-attachment input,.composer-attachment select,.composer-clear{padding:0 var(--s-3)}.composer-clear{border-radius:10px;color:var(--gray);font-size:12px;font-weight:800}.composer-clear:hover{background:var(--gray-lightest);color:var(--dark)}.composer-input{display:flex;align-items:flex-end;gap:var(--s-3);border:1px solid transparent;border-radius:var(--r-card);background:var(--bg);padding:var(--s-3) var(--s-4)}.composer-input:focus-within{border-color:var(--secondary);background:var(--white)}.composer-input textarea{max-height:120px;min-height:22px;border:none;background:none;box-shadow:none;color:var(--dark);font-size:13.5px;line-height:1.5;padding:0;resize:none}.composer-send{display:grid;width:36px;height:36px;flex-shrink:0;place-items:center;border-radius:var(--r-pill);background:var(--primary);color:var(--white)}.composer-send:hover{background:#0f2a60}.composer-send:disabled{background:var(--gray-lighter)}.ctx-pane{overflow-y:auto}.ctx-customer{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);border-bottom:var(--border);padding:var(--s-5);text-align:center}.ctx-customer-name{color:var(--dark);font-size:16px;font-weight:800}.ctx-customer-handle{color:var(--gray);font-size:12px}.ctx-section{border-bottom:var(--border);padding:var(--s-5)}.ctx-section:last-child{border-bottom:0}.ctx-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-3);color:var(--gray);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ctx-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s-3);gap:var(--s-3)}.ctx-stat{border-radius:var(--r-md);background:var(--bg);padding:var(--s-3)}.ctx-stat-label{color:var(--gray);font-size:11px;font-weight:700}.ctx-stat-value{margin-top:2px;color:var(--dark);font-size:18px;font-weight:800}.ctx-row,.ctx-stat-value.small-value{font-size:13px}.ctx-row{display:flex;justify-content:space-between;gap:var(--s-3);padding:6px 0}.ctx-row .k{color:var(--gray)}.ctx-row .v{overflow-wrap:anywhere;text-align:right}.ctx-row .v,.ctx-select{color:var(--dark);font-weight:700}.ctx-select{width:100%;min-height:38px;border:var(--border);border-radius:10px;background:var(--bg);font-size:12px;padding:0 var(--s-3)}.ctx-muted{color:var(--gray);font-size:12px;font-weight:700}.internal-note-box,.internal-note-list{display:grid;grid-gap:var(--s-3);gap:var(--s-3)}.internal-note-box textarea{min-height:86px;resize:vertical}.internal-note{display:grid;grid-gap:var(--s-2);gap:var(--s-2);border:var(--border);border-radius:var(--r-card);background:var(--bg);color:var(--dark);font-size:12px;line-height:1.5;padding:var(--s-3)}.internal-note-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);color:var(--gray);font-size:11px}.internal-note-head strong{color:var(--dark)}.empty-state{display:grid;min-height:180px;place-items:center;align-content:center;color:var(--gray);padding:var(--s-6);text-align:center}.empty-title{margin-top:var(--s-3);color:var(--dark);font-weight:800}.empty-text{max-width:280px;color:var(--gray);font-size:12px}.channel-dot{display:inline-grid;flex-shrink:0;place-items:center;border-radius:var(--r-pill);font-weight:900;line-height:1}.hstack{display:flex;align-items:center;gap:var(--s-3)}.hstack.compact{gap:6px}.vstack{display:flex;flex-direction:column;gap:var(--s-3)}.vstack.tight{gap:8px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s-3);gap:var(--s-3)}.form-grid{display:grid;grid-gap:var(--s-4);gap:var(--s-4)}.section-head{align-items:flex-start;justify-content:space-between;gap:var(--s-4)}.integrations-hero,.section-head{display:flex;margin-bottom:var(--s-5)}.integrations-hero{align-items:center;gap:var(--s-7);padding:var(--s-6)}.hero-stat span{display:block;color:var(--gray);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.hero-stat strong{color:var(--dark);font-size:24px}.alert-stack{display:grid;grid-gap:var(--s-2);gap:var(--s-2);margin-bottom:var(--s-5)}.alert{border-radius:var(--r-md);padding:var(--s-3) var(--s-4);font-size:13px;font-weight:700}.alert-danger{border:1px solid #f3b8b2;background:var(--danger-bg);color:var(--danger)}.alert-success{border:1px solid #b7dfcc;background:var(--success-bg);color:var(--success)}.alert-info{border:1px solid #c8d8ef;background:var(--info-bg);color:var(--info);margin-top:var(--s-5)}.alert.no-margin{margin-top:0}.setup-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--s-3);gap:var(--s-3);margin-bottom:var(--s-5);padding:var(--s-4)}.setup-step{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:2px var(--s-3);gap:2px var(--s-3);align-items:center;border:var(--border);border-radius:var(--r-md);background:var(--bg);padding:var(--s-3)}.setup-step span{display:grid;grid-row:span 2;width:28px;height:28px;place-items:center;border-radius:var(--r-pill);background:var(--gray-lighter);color:var(--gray);font-size:12px;font-weight:900}.setup-step strong{color:var(--dark);font-size:13px}.setup-step small,.setup-step strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setup-step small{color:var(--gray);font-size:11px;font-weight:700}.setup-step.done span{background:var(--success-bg);color:var(--success)}.integrations-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:var(--s-5);gap:var(--s-5)}.integrations-layout,.page-actions{margin-bottom:var(--s-5)}.compact-search{width:260px}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--s-5);gap:var(--s-5)}.int-card{border:var(--border);border-radius:var(--r-card);background:var(--white);padding:var(--s-6);transition:border .15s,box-shadow .15s,transform .15s}.int-card.selected,.int-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.int-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--s-4)}.int-logo{display:grid;width:48px;height:48px;place-items:center;border-radius:var(--r-md);font-size:16px;font-weight:900}.int-name{margin-bottom:2px;color:var(--dark);font-size:15px;font-weight:800}.int-desc{min-height:58px;color:var(--gray);font-size:12.5px;line-height:1.5}.int-foot{display:flex;justify-content:space-between;gap:var(--s-3);border-top:var(--border);padding-top:var(--s-4)}.connect-result,.int-foot{align-items:center;margin-top:var(--s-5)}.connect-result{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:var(--s-4);gap:var(--s-4)}.link-box{overflow-wrap:anywhere;margin-top:var(--s-3);border:var(--border);color:var(--gray);font-size:12px}.account-row,.link-box{border-radius:var(--r-md);background:var(--bg);padding:var(--s-3)}.account-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:var(--s-3);gap:var(--s-3)}.account-row.large{grid-template-columns:auto minmax(0,1fr) auto auto;border-bottom:1px solid var(--gray-lightest);border-radius:0;background:var(--white);padding:var(--s-4) var(--s-5)}.account-title{color:var(--dark);font-size:13px;font-weight:800}.account-sub,.account-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-sub{color:var(--gray);font-size:11px}.account-table{display:grid}.page-ticketing{overflow:auto}.ticketing-shell{display:grid;max-width:1500px;margin:0 auto;grid-gap:var(--s-5);gap:var(--s-5)}.ticket-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s-5);gap:var(--s-5)}.ticket-kpi{display:flex;align-items:center;justify-content:space-between;padding:var(--s-5)}.kpi-label{color:var(--gray);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.kpi-value{margin-top:4px;color:var(--dark);font-size:28px;font-weight:900;line-height:1}.ticket-kpi-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--r-md)}.ticket-kpi-icon.primary{background:var(--primary-08);color:var(--primary)}.ticket-kpi-icon.warning{background:var(--warning-bg);color:var(--warning)}.ticket-kpi-icon.danger{background:var(--danger-bg);color:var(--danger)}.ticket-kpi-icon.success{background:var(--success-bg);color:var(--success)}.ticket-filters,.ticket-toolbar{display:flex;align-items:center;gap:var(--s-3)}.ticket-filters{max-width:560px}.ticket-workspace{display:grid;grid-template-columns:420px minmax(0,1fr);grid-gap:var(--s-5);gap:var(--s-5);min-height:680px}.ticket-detail,.ticket-queue{min-width:0}.ticket-card-header{min-height:72px}.ticket-list{max-height:720px;overflow-y:auto}.ticket-item{display:flex;width:100%;border-bottom:1px solid var(--gray-lightest);padding:var(--s-4) var(--s-5);text-align:left;transition:background .12s}.ticket-item.active,.ticket-item:hover{background:var(--primary-04)}.ticket-item.active{box-shadow:inset 3px 0 0 var(--primary)}.ticket-item-main{display:grid;min-width:0;width:100%;grid-gap:6px;gap:6px}.ticket-comment-head,.ticket-item-meta,.ticket-item-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.ticket-item-title{overflow:hidden;color:var(--dark);font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.ticket-item-meta,.ticket-item-sub,.ticket-muted,.ticket-number{color:var(--gray);font-size:12px}.ticket-number{font-family:SF Mono,Consolas,monospace;font-weight:800}.ticket-number.large{margin-bottom:4px;font-size:13px}.ticket-detail{padding-bottom:var(--s-5)}.ticket-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-5);border-bottom:var(--border);padding:var(--s-6)}.ticket-title-input{border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--dark);font-size:22px;font-weight:900;line-height:1.2;padding:0}.ticket-title-input:focus{box-shadow:none}.ticket-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s-4);gap:var(--s-4);padding:var(--s-5) var(--s-6)}.ticket-field{margin:0 var(--s-6) var(--s-4)}.ticket-panels{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);grid-gap:var(--s-5);gap:var(--s-5);padding:0 var(--s-6)}.ticket-panel{min-width:0;border:var(--border);border-radius:var(--r-md);padding:var(--s-4)}.ticket-comments,.ticket-events{display:grid;grid-gap:var(--s-3);gap:var(--s-3);max-height:280px;overflow-y:auto}.ticket-comment{border-radius:var(--r-md);background:var(--bg);padding:var(--s-3);color:var(--dark);font-size:13px}.ticket-comment-head{margin-bottom:4px;color:var(--gray);font-size:11px}.ticket-note-box{display:grid;grid-gap:var(--s-3);gap:var(--s-3);margin-top:var(--s-4)}.ticket-event{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:var(--s-3);gap:var(--s-3);align-items:flex-start}.ticket-event-dot{width:10px;height:10px;margin-top:5px;border-radius:var(--r-pill);background:var(--secondary)}.ticket-event-title{color:var(--dark);font-size:13px;font-weight:800}.modal-backdrop{z-index:20;background:rgba(17,18,24,.35)}.ticket-modal{width:min(680px,100%);max-height:calc(100vh - 48px);overflow:auto}.ticket-modal-body{display:grid;grid-gap:var(--s-4);gap:var(--s-4);padding:var(--s-6)}.page-social{overflow:auto}.social-shell{display:grid;grid-template-columns:420px minmax(0,1fr);grid-gap:var(--s-5);gap:var(--s-5);max-width:1500px;margin:0 auto}.social-composer,.social-dashboard{min-width:0}.team-layout{display:block}.team-invite{display:grid;grid-gap:var(--s-5);gap:var(--s-5)}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s-3);gap:var(--s-3)}.permission-toggle{display:flex;align-items:flex-start;gap:var(--s-3);border:var(--border);border-radius:var(--r-card);background:var(--bg);padding:var(--s-3)}.permission-toggle input{width:auto;margin-top:3px}.permission-toggle span{display:grid;grid-gap:2px;gap:2px}.permission-toggle strong{color:var(--dark);font-size:13px}.permission-toggle small{color:var(--gray);font-size:11px;line-height:1.4}.team-row,.team-table{display:grid}.team-row{grid-template-columns:42px minmax(180px,1fr) 120px minmax(260px,1.2fr) 120px;align-items:center;grid-gap:var(--s-3);gap:var(--s-3);border-top:var(--border);padding:var(--s-4) var(--s-5)}.team-person{display:grid;min-width:0;grid-gap:2px;gap:2px}.team-person span,.team-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-person span{color:var(--gray);font-size:12px}.team-row select{min-height:34px;font-size:12px}.team-permissions{display:flex;flex-wrap:wrap;gap:var(--s-2)}.permission-chip{border-radius:var(--r-pill);background:var(--gray-lightest);color:var(--gray);font-size:11px;font-weight:800;padding:6px 9px}.permission-chip.active{background:var(--primary-08);color:var(--primary)}.social-composer{align-self:start}.social-composer-body,.social-empty-action{display:grid;grid-gap:var(--s-4);gap:var(--s-4);padding:var(--s-6)}.social-form-section{display:grid;grid-gap:var(--s-3);gap:var(--s-3);background:var(--bg)}.social-advanced,.social-form-section{border:var(--border);border-radius:var(--r-md);padding:var(--s-4)}.social-advanced{background:var(--white)}.social-advanced summary{color:var(--dark);cursor:pointer;font-size:13px;font-weight:800}.social-advanced[open]{display:grid;grid-gap:var(--s-4);gap:var(--s-4)}.toggle-row{display:flex;grid-template-columns:none;align-items:center;gap:var(--s-2);color:var(--dark);font-size:13px}.toggle-row input{width:auto}.social-empty-action{justify-items:center}.social-account-picker{display:flex;flex-wrap:wrap;gap:var(--s-2)}.social-account-chip{display:inline-flex;align-items:center;gap:var(--s-2);border:1px solid var(--gray-lighter);border-radius:var(--r-pill);background:var(--white);color:var(--dark);font-size:12px;font-weight:800;padding:7px 11px}.social-account-chip.active{border-color:var(--primary);background:var(--primary-08);color:var(--primary)}.social-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s-4);gap:var(--s-4);margin-bottom:var(--s-5)}.social-toolbar{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5)}.social-select{width:180px}.social-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s-5);gap:var(--s-5)}.social-post-card{display:grid;grid-gap:var(--s-3);gap:var(--s-3);padding:var(--s-5)}.social-post-foot,.social-post-head,.social-post-platforms{display:flex;align-items:center;gap:var(--s-2)}.social-post-foot,.social-post-head{justify-content:space-between}.social-post-title{color:var(--dark);font-size:16px;font-weight:900}.social-post-content{display:-webkit-box;overflow:hidden;min-height:60px;color:var(--gray);font-size:13px;-webkit-box-orient:vertical;-webkit-line-clamp:3}.social-post-platforms{flex-wrap:wrap}.social-post-foot{border-top:var(--border);color:var(--gray);font-size:12px;padding-top:var(--s-3)}.login-shell{display:grid;min-height:100vh;place-items:center;background:linear-gradient(135deg,rgba(22,57,127,.08),rgba(27,78,245,.04)),var(--bg);padding:var(--s-6)}.login-panel{display:grid;width:min(420px,100%);grid-gap:var(--s-6);gap:var(--s-6);border:var(--border);border-radius:var(--r-card);background:var(--white);box-shadow:var(--shadow-lg);padding:var(--s-8)}.login-brand{display:flex;align-items:center;gap:var(--s-3)}.login-title{color:var(--dark);font-size:28px;font-weight:900;line-height:1.15}.login-copy{margin-top:var(--s-2);color:var(--gray);font-size:13px}.login-form{display:grid;grid-gap:var(--s-4);gap:var(--s-4)}@media (max-width:1280px){.inbox{grid-template-columns:320px minmax(0,1fr)}.ctx-pane{display:none}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-shell,.ticket-panels,.ticket-workspace{grid-template-columns:1fr}.ticket-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){body,html{overflow:auto}.app{grid-template-columns:1fr;height:auto;min-height:100vh}.sidebar{display:none}.main{min-height:100vh}.topbar{height:auto;flex-wrap:wrap;padding:var(--s-4)}.search-input{order:2;width:100%}.page-inbox{overflow:auto}.inbox{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 112px)}.inbox-pane,.inbox-thread{min-height:420px;border-right:none;border-bottom:var(--border)}.composer-channel,.thread-actions{display:none}.connect-result,.integration-grid,.integrations-layout,.permission-grid,.setup-strip,.social-kpis,.social-post-grid,.team-row,.ticket-detail-grid,.ticket-kpis{grid-template-columns:1fr}.social-toolbar,.ticket-toolbar{align-items:stretch;flex-direction:column}.ticket-filters{max-width:none}.integrations-hero{align-items:flex-start;flex-direction:column;gap:var(--s-4)}}@media (max-width:560px){.page{padding:var(--s-4)}.composer-attachment,.grid-two{grid-template-columns:1fr}.msg{max-width:92%}}.automations-page{display:flex;flex-direction:column;gap:var(--s-5);overflow:auto}.automation-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-5);border:var(--border);border-radius:var(--r-card);background:var(--white);padding:var(--s-6);box-shadow:var(--shadow-sm)}.automation-hero h1{color:var(--dark);font-size:28px;line-height:1.1}.automation-hero p{max-width:720px;margin-top:var(--s-2);color:var(--gray);font-weight:600}.eyebrow{display:inline-flex;margin-bottom:var(--s-2);border-radius:var(--r-pill);background:var(--secondary-08);color:var(--secondary);font-size:11px;font-weight:800;padding:4px 10px;text-transform:uppercase}.automation-hero-actions{display:flex;gap:var(--s-2)}.automation-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s-3);gap:var(--s-3)}.automation-metric{border:var(--border);border-radius:var(--r-md);background:var(--white);padding:var(--s-4);box-shadow:var(--shadow-sm)}.automation-metric span{display:block;color:var(--gray);font-size:12px;font-weight:800}.automation-metric strong{display:block;margin-top:var(--s-2);color:var(--primary);font-size:26px;line-height:1}.automation-flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--s-3);gap:var(--s-3)}.automation-flow-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--s-3);gap:var(--s-3);min-height:118px;border:var(--border);border-radius:var(--r-md);background:var(--white);padding:var(--s-4);text-align:left;box-shadow:var(--shadow-sm);transition:border .15s,box-shadow .15s,transform .15s}.automation-flow-card.active,.automation-flow-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.flow-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--primary-08);color:var(--primary);font-size:18px;font-weight:900}.flow-copy{display:grid;grid-gap:3px;gap:3px;min-width:0}.flow-copy small{color:var(--secondary);font-size:10px;font-weight:900;text-transform:uppercase}.flow-copy strong{color:var(--dark);font-size:14px}.flow-copy em{color:var(--gray);font-size:11px;font-style:normal;font-weight:600;line-height:1.35}.flow-switch{width:32px;height:18px;border-radius:var(--r-pill);background:var(--gray-lighter)}.flow-switch:after{content:"";display:block;width:14px;height:14px;margin:2px;border-radius:50%;background:var(--white);box-shadow:var(--shadow-sm)}.flow-switch.on{background:#19c5b6}.flow-switch.on:after{transform:translateX(14px)}.automation-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);grid-gap:var(--s-4);gap:var(--s-4)}.automation-execution-list,.automation-rule-list{display:grid;grid-gap:var(--s-2);gap:var(--s-2);padding:var(--s-4)}.automation-execution,.automation-rule-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;grid-gap:var(--s-2);gap:var(--s-2);border:var(--border);border-radius:var(--r-md);background:var(--white);padding:var(--s-3)}.automation-execution{grid-template-columns:minmax(0,1fr) auto auto}.automation-execution strong,.automation-rule-row strong{display:block;color:var(--dark);font-size:13px}.automation-execution span,.automation-execution time,.automation-rule-row span{color:var(--gray);font-size:12px;font-weight:700}.status-pill{border-radius:var(--r-pill);background:var(--gray-lightest);color:var(--gray);font-size:11px;font-weight:900;padding:4px 9px;text-transform:uppercase}.status-pill.good{background:var(--success-bg);color:var(--success)}.status-pill.bad{background:var(--danger-bg);color:var(--danger)}.automation-empty,.automation-note{border:1px dashed var(--gray-lighter);border-radius:var(--r-md);color:var(--gray);font-size:13px;font-weight:700;margin:var(--s-4);padding:var(--s-5);text-align:center}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(17,18,24,.42);padding:var(--s-5)}.automation-modal{display:grid;grid-gap:var(--s-4);gap:var(--s-4);width:min(760px,100%);max-height:min(820px,92vh);overflow:auto;border-radius:var(--r-card);background:var(--white);padding:var(--s-6);box-shadow:var(--shadow-lg)}.modal-actions,.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.modal-head h2{font-size:20px}.modal-head p{color:var(--gray);font-size:13px;font-weight:700}.grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--s-3);gap:var(--s-3)}@media (max-width:1100px){.automation-flow-grid,.automation-layout,.automation-metrics{grid-template-columns:1fr 1fr}.automation-layout{grid-template-columns:1fr}}@media (max-width:720px){.automation-hero,.automation-hero-actions,.modal-actions,.modal-head{align-items:stretch;flex-direction:column}.automation-execution,.automation-flow-grid,.automation-metrics,.automation-rule-row,.grid-three{grid-template-columns:1fr}}