*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:#f8f9fb;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{width:100%;height:100vh;overflow:hidden}h1,h2,h3,p{margin:0}button{font-family:inherit}.app{color:#0f222b;background:#fafdfd;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;display:flex;overflow:hidden}.sidebar{background:#0d3740;flex-direction:column;flex-shrink:0;width:220px;min-width:220px;padding:0 0 12px;transition:width .2s,min-width .2s;display:flex;overflow:visible}.sidebar.collapsed{width:56px;min-width:56px}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:18px 0}.sidebar.collapsed .nav-item{justify-content:center;padding:10px 0}.sidebar.collapsed .sidebar-bottom{align-items:center}.sidebar.collapsed .notif-bell-wrap{justify-content:center;padding:4px 0;display:flex}.sidebar.collapsed .notif-bell-btn{justify-content:center;width:40px;padding:9px 0}.sidebar.collapsed .sidebar-user{justify-content:center;padding:6px 0}.sidebar.collapsed .sidebar-alert{display:none}.sidebar-logo{color:#fafdfd;letter-spacing:-.3px;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:10px;padding:22px 20px 18px;font-size:17px;font-weight:800;display:flex}.nav-section-label{text-transform:uppercase;letter-spacing:.1em;color:#ffbe9d80;padding:10px 20px 5px;font-size:11px;font-weight:700}.nav-item{color:#fafdfda6;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;width:100%;padding:9px 20px;font-size:14.5px;transition:background .12s,color .12s;display:flex}.nav-item:hover{color:#fafdfd;background:#ffffff12}.nav-item.active{color:#ffbe9d;background:#ffbe9d26;font-weight:700}.nav-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.nav-label{flex:1}.nav-count{color:#ffbe9d;background:#ffffff1f;border-radius:10px;padding:1px 7px;font-size:12px;font-weight:700}.sidebar-alert{color:#ffbe9d;background:#c65c2733;border:1px solid #c65c2766;border-radius:10px;margin:auto 14px 0;padding:11px 14px;font-size:13px;font-weight:600}.main{background:#fafdfd;flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background:#fafdfd;border-bottom:1px solid #e8e8e4;justify-content:space-between;align-items:center;padding:22px 24px 18px;display:flex}.topbar h1{color:#0f222b;letter-spacing:-.4px;margin:0 0 3px;font-size:22px;font-weight:800}.topbar-subtitle{color:#146d6e;font-size:13px}.topbar-actions{align-items:center;gap:8px;display:flex}.btn-secondary.icon-only{padding:9px 10px}.loading{color:#8aacb4;flex:1;justify-content:center;align-items:center;font-size:15px;display:flex}.kanban{flex:1;align-items:flex-start;gap:14px;padding:20px;display:flex;overflow-x:auto}.kanban-column{background:#f7f4f0;border-radius:12px;flex-direction:column;width:250px;min-width:250px;max-height:100%;display:flex}.column-header{border-bottom:1px solid #0f222b1a;justify-content:space-between;align-items:center;padding:13px 15px 11px;display:flex}.column-title{text-transform:uppercase;letter-spacing:.06em;color:#0d3740;font-size:13px;font-weight:700}.column-count{color:#c65c27;background:#c65c2726;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:700}.column-body{flex-direction:column;flex:1;gap:9px;min-height:80px;padding:10px;transition:background .15s;display:flex;overflow-y:auto}.column-body.drag-over{background:#ffbe9d44}.column-empty{text-align:center;color:#c4b8a8;pointer-events:none;padding:24px 0;font-size:13px}.inquiry-card{cursor:pointer;background:#fdfcfb;border-left:3px solid #0000;border-radius:10px;padding:13px 14px 12px;transition:box-shadow .15s,transform .1s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f222b12}.inquiry-card:hover{background:#f0ece6;transform:translateY(-1px);box-shadow:0 4px 14px #0f222b1f}.inquiry-card.dragging{transform:rotate(1.5deg);box-shadow:0 10px 28px #0f222b2e}.inquiry-card.overdue{border-left-color:#c65c27}.card-pipeline-bar{border-radius:0 10px 10px 0;width:3px;height:100%;position:absolute;top:0;right:0}.card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.card-name{color:#0f222b;font-size:15px;font-weight:700}.card-source-icon{font-size:15px}.card-meta{color:#146d6e;align-items:center;gap:4px;margin-bottom:6px;font-size:12px;display:flex}.card-message{color:#4a6370;margin:0 0 9px;font-size:13px;line-height:1.5}.card-footer{justify-content:space-between;align-items:center;display:flex}.card-pipeline-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.card-date{color:#8aacb4;align-items:center;gap:3px;font-size:11px;display:flex}.card-overdue-flag{color:#c65c27;margin-top:7px;font-size:11px;font-weight:700}.detail-panel{background:#fafdfd;border-left:1px solid #e8e8e4;flex-direction:column;width:380px;min-width:380px;display:flex;overflow:hidden}.detail-header{background:#0d3740;border-bottom:1px solid #e8e8e4;justify-content:space-between;align-items:flex-start;padding:20px 22px 16px;display:flex}.detail-header h2{letter-spacing:-.3px;color:#fafdfd;margin:0 0 4px;font-size:19px;font-weight:800}.detail-source{color:#fafdfdb3;font-size:12px}.detail-header .icon-btn{color:#0d3740;opacity:.85;background:#fafdfd;border-radius:7px;padding:6px}.detail-header .icon-btn:hover{opacity:1;background:#fff}.detail-body{flex-direction:column;flex:1;gap:20px;padding:18px 22px;display:flex;overflow-y:auto}.detail-body section{flex-direction:column;gap:10px;display:flex}.detail-body h3{text-transform:uppercase;letter-spacing:.08em;color:#146d6e;margin:0;font-size:11px;font-weight:800}.detail-footer{border-top:1px solid #e8e8e4;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.auth-loading{color:#8aacb4;justify-content:center;align-items:center;height:100vh;font-size:15px;display:flex}.auth-screen{background:#0d3740;justify-content:center;align-items:center;height:100vh;display:flex}.auth-card{flex-direction:column;align-items:center;gap:24px;display:flex}.auth-logo{color:#fafdfd;letter-spacing:-.3px;font-size:22px;font-weight:800}.sidebar-user{align-items:center;gap:10px;padding:12px 20px 16px;display:flex}.sidebar-user-label{color:#fafdfd80;font-size:13px}.app-body,.section-layout{flex:1;display:flex;overflow:hidden}.section-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.section-header{background:#fff;border-bottom:1px solid #e8e4df;flex-shrink:0;justify-content:space-between;align-items:center;padding-right:16px;display:flex}.top-tabs{flex:1;align-items:center;gap:2px;padding:0 16px;display:flex;overflow-x:auto}.top-tab{color:#8a7f76;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:14px 14px 12px;font-family:inherit;font-size:13.5px;font-weight:600;transition:color .12s,border-color .12s;display:flex}.top-tab:hover{color:#0d3740}.top-tab.active{color:#0d3740;border-bottom-color:#c65c27}.top-tab.disabled{color:#c4bdb6;cursor:default}.tab-count{color:#fff;background:#c65c27;border-radius:8px;padding:1px 5px;font-size:10px;font-weight:800}.tab-soon{color:#c4bdb6;text-transform:uppercase;letter-spacing:.05em;background:#f0ece6;border-radius:6px;padding:1px 5px;font-size:9px;font-weight:700}.nav-badge{color:#fff;background:#c65c27;border-radius:8px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:800}.nav-phase{color:#fafdfd4d;text-transform:uppercase;background:#ffffff12;border-radius:5px;margin-left:auto;padding:1px 5px;font-size:9px;font-weight:700}.nav-item.coming-soon{opacity:.5;cursor:default}.btn-sm{padding:7px 13px;font-size:13px}.placeholder-section{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:60px 40px;display:flex}.placeholder-icon{margin-bottom:4px;font-size:48px}.placeholder-section h2{color:#0f222b;letter-spacing:-.3px;font-size:22px;font-weight:800}.placeholder-description{color:#7a7068;max-width:440px;margin:0;font-size:14.5px;line-height:1.6}.placeholder-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.placeholder-tab{color:#6b6560;background:#f0ece6;border-radius:20px;padding:6px 14px;font-size:12.5px;font-weight:600}.placeholder-badge{color:#ffbe9d;background:#0d3740;border-radius:20px;margin-top:8px;padding:6px 16px;font-size:12px;font-weight:700}.segments-view{flex:1;padding:20px;overflow-y:auto}.segments-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.segments-header h3{color:#0f222b;font-size:16px;font-weight:800}.segments-empty{text-align:center;color:#8aacb4;padding:40px 20px}.segments-list{flex-direction:column;gap:10px;display:flex}.segment-card{cursor:pointer;background:#fff;border:1.5px solid #e8e4df;border-radius:10px;padding:14px 16px;transition:border-color .12s,box-shadow .12s}.segment-card:hover{border-color:#146d6e;box-shadow:0 2px 8px #146d6e14}.segment-card.active{border-color:#c65c27}.segment-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.segment-name{color:#0f222b;font-size:15px;font-weight:700}.segment-actions{gap:4px;display:flex}.segment-filters{flex-wrap:wrap;gap:6px;display:flex}.segment-filter-tag{color:#146d6e;background:#146d6e14;border-radius:8px;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:600;display:flex}.segment-filters-section{border:1.5px solid #e8e4df;border-radius:10px;flex-direction:column;gap:12px;padding:14px;display:flex}.back-btn{width:fit-content;margin:12px 16px 0}.segment-view-layout{flex-direction:column;flex:1;display:flex;overflow:hidden}.pipeline-layout .section-main{overflow:hidden}.view-toggle{border-bottom:1px solid #ffffff14;gap:4px;margin-bottom:6px;padding:10px 12px 6px;display:flex}.view-toggle-btn{color:#fafdfd80;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 8px;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s,color .12s;display:flex}.view-toggle-btn:hover{color:#fafdfd;background:#ffffff12}.view-toggle-btn.active{color:#ffbe9d;background:#ffbe9d2e}.toggle-badge{color:#fff;background:#c65c27;border-radius:8px;margin-left:2px;padding:1px 5px;font-size:10px;font-weight:800}.archive-toggle{color:#fafdfd73;border-radius:8px;gap:8px;margin:8px 12px 0;padding:8px 12px;font-size:13.5px}.archive-toggle.active{color:#ffbe9d;background:#ffbe9d1f}.inbox-list{flex:1;overflow-y:auto}.inbox-empty{color:#8aacb4;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:40px;font-size:15px;display:flex}.inbox-empty-sub{color:#b0c8ce;max-width:300px;font-size:13px;line-height:1.5}.inbox-row{cursor:pointer;border-bottom:1px solid #f0ece6;align-items:flex-start;gap:12px;padding:14px 20px;transition:background .12s;display:flex;position:relative}.inbox-row:hover{background:#f7f4f0}.inbox-row.selected{background:#f0ece6}.inbox-row.unread .inbox-row-name{color:#0f222b;font-weight:800}.inbox-avatar{border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex}.inbox-avatar-letter{color:#0d3740;font-size:16px;font-weight:800}.inbox-row-content{flex:1;min-width:0}.inbox-row-top{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.inbox-row-name{color:#2d2a26;font-size:14.5px;font-weight:600}.inbox-row-time{color:#8aacb4;flex-shrink:0;margin-left:8px;font-size:11px}.inbox-row-meta{align-items:center;gap:5px;margin-bottom:4px;display:flex}.inbox-row-source{color:#8aacb4;font-size:11.5px}.inbox-row-snoozed{color:#c65c27;align-items:center;gap:3px;margin-left:4px;font-size:11px;font-weight:600;display:flex}.inbox-row-preview{color:#7a7068;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.inbox-unread-dot{background:#c65c27;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.channel-tabs{background:#f7f4f0;border-bottom:1.5px solid #e8e4df;flex-shrink:0;gap:2px;padding:8px 14px 0;display:flex}.channel-tab{color:#8aacb4;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:6px;margin-bottom:-1.5px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:color .15s;display:flex}.channel-tab:hover{color:#4a6a74}.channel-tab.active{color:#0f222b;border-bottom-color:#146d6e}.channel-tab-count{color:#5a7a84;background:#e8e4df;border-radius:8px;padding:1px 6px;font-size:11px;font-weight:700}.channel-tab.active .channel-tab-count{color:#146d6e;background:#eaf4f4}.conversation{background:#f7f4f0;flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px 18px;display:flex;overflow-y:auto}.conversation-empty{color:#b0a89e;flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}.message-bubble-wrap{flex-direction:column;display:flex;position:relative}.message-bubble-wrap.incoming{align-items:flex-start}.message-bubble-wrap.outgoing{align-items:flex-end}.msg-attachment-img{cursor:pointer;object-fit:cover;border-radius:10px;max-width:260px;max-height:320px;margin-top:4px;display:block}.msg-attachment-video{border-radius:10px;max-width:280px;margin-top:4px;display:block}.msg-attachment-audio{width:220px;margin-top:4px;display:block}.msg-attachment-link{color:inherit;opacity:.85;margin-top:4px;font-size:13px;text-decoration:underline;display:inline-block}.message-bubble-row{align-items:center;gap:6px;width:100%;display:flex}.message-bubble-wrap.incoming .message-bubble-row{justify-content:flex-start}.message-bubble-wrap.outgoing .message-bubble-row{justify-content:flex-end}.msg-react-wrap{flex-shrink:0;align-items:center;display:flex;position:relative}.msg-react-trigger{cursor:pointer;color:#888;background:0 0;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:14px;line-height:1;transition:background .1s,border-color .1s;display:flex}.msg-react-trigger:hover,.msg-react-trigger.active{background:#f0f0f0;border-color:#bbb}.msg-emoji-picker{z-index:20;white-space:nowrap;background:#fff;border:1px solid #00000014;border-radius:20px;gap:2px;padding:5px 8px;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 12px #0000002e}.msg-emoji-picker-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:3px 5px;font-size:18px;line-height:1;transition:background .1s,transform .1s}.msg-emoji-picker-btn:hover{background:#00000012;transform:scale(1.25)}.msg-share-card{color:inherit;background:#fff;border:1px solid #0000001a;border-radius:10px;flex-direction:column;max-width:260px;margin-top:6px;text-decoration:none;transition:opacity .15s;display:flex;overflow:hidden}.msg-share-card:hover{opacity:.85}.msg-share-thumb{object-fit:cover;width:100%;max-height:160px;display:block}.msg-share-body{padding:8px 10px}.msg-share-title{color:#0f222b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:3px;font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.msg-share-desc{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.msg-share-url{color:#146d6e;opacity:.8;font-size:11px}.message-bubble.outgoing .msg-share-card{background:#ffffff1a;border-color:#fff3}.message-bubble.outgoing .msg-share-title{color:#fafdfd}.message-bubble.outgoing .msg-share-desc{color:#fafdfdb3}.message-bubble.outgoing .msg-share-url{color:#9dd4d5}.msg-reactions{flex-wrap:wrap;gap:4px;margin-top:3px;padding:0 2px;display:flex}.msg-reaction-chip{cursor:default;background:#00000012;border-radius:12px;align-items:center;gap:2px;padding:2px 7px;font-size:14px;line-height:1.4;display:inline-flex}.msg-reaction-count{color:#555;font-size:11px;font-weight:600}.message-bubble{border-radius:12px;max-width:78%;padding:10px 13px;font-size:13.5px;line-height:1.5}.message-bubble.incoming{color:#0f222b;background:#fff;border-bottom-left-radius:3px}.message-bubble.outgoing{color:#fafdfd;background:#0d3740;border-bottom-right-radius:3px}.message-bubble p{margin:0 0 4px}.message-time{opacity:.55;text-align:right;font-size:10px;display:block}.reply-from-row{align-items:center;gap:8px;padding:6px 12px 2px;display:flex}.reply-from-label{color:#a89888;white-space:nowrap;font-size:11px;font-weight:500}.reply-from-select{color:#2c2c2c;cursor:pointer;background:#f8f4ef;border:1px solid #ddd8d0;border-radius:6px;outline:none;flex:1;padding:3px 7px;font-size:12px}.reply-from-select:focus{border-color:#c07a44}.reply-box{background:#fff;border-top:1px solid #e8e4df;padding-bottom:12px;position:relative}.reply-box textarea{resize:none;box-sizing:border-box;border:1.5px solid #ddeaec;border-radius:8px;flex:1;min-height:60px;margin-bottom:0;padding:9px 12px;font-size:13.5px}.reply-footer{justify-content:space-between;align-items:center;padding:8px 12px 0;display:flex}.reply-hint{color:#b0a89e;font-size:11px}.detail-actions{background:#faf9f7;border-bottom:1px solid #e8e4df;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.detail-header-meta{align-items:center;gap:5px;margin-top:3px;display:flex}.dropdown-wrap{position:relative}.quick-action-btn{cursor:pointer;background:0 0;border:1.5px solid;border-radius:7px;align-items:center;gap:4px;padding:5px 10px;font-family:inherit;font-size:12.5px;font-weight:700;transition:opacity .15s;display:flex}.quick-action-btn:hover{opacity:.75}.quick-select{color:#0d3740;cursor:pointer;background:#fff;border:1.5px solid #ddeaec;border-radius:7px;width:auto;height:auto;padding:5px 8px;font-family:inherit;font-size:12.5px;font-weight:600}.icon-action-btn{color:#6b6560;cursor:pointer;background:#f7f4f0;border:1.5px solid #e8e4df;border-radius:7px;align-items:center;padding:5px 8px;font-family:inherit;transition:background .12s;display:flex}.icon-action-btn:hover{background:#ede9e3}.icon-action-btn.snoozed{color:#c65c27;border-color:#f5c4a8}.dropdown-menu{z-index:50;background:#fff;border:1px solid #e8e4df;border-radius:10px;min-width:160px;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 8px 24px #0f222b1f}.dropdown-label{color:#8aacb4;text-transform:uppercase;letter-spacing:.07em;padding:10px 14px 6px;font-size:11px;font-weight:700}.dropdown-item{color:#0f222b;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:9px 14px;font-family:inherit;font-size:13.5px;transition:background .1s;display:flex}.dropdown-item:hover{background:#f7f4f0}.dropdown-item.unsnoooze{color:#c65c27}.detail-notes{background:#faf9f7;border-top:1px solid #e8e4df;padding:12px 16px}.detail-notes-header{text-transform:uppercase;letter-spacing:.08em;color:#146d6e;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:800;display:flex}.btn-save-notes{color:#c65c27;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12px;font-weight:700}.follow-up-badge{color:#146d6e;font-size:11.5px;font-weight:600}.tag-list{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.tag{border-radius:10px;padding:3px 9px;font-size:12px;font-weight:700}label{color:#0d3740;flex-direction:column;flex:1;gap:5px;font-size:13px;font-weight:700;display:flex}input,select,textarea{color:#0f222b;box-sizing:border-box;background:#fff;border:1.5px solid #ddeaec;border-radius:8px;outline:none;width:100%;padding:8px 11px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#146d6e;box-shadow:0 0 0 3px #146d6e1f}textarea{resize:vertical;min-height:72px;line-height:1.5}.form-row{gap:12px;display:flex}.required{color:#c65c27}.modal-overlay{z-index:100;background:#0f222b73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fafdfd;border-radius:16px;width:580px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0f222b38}.modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;padding:22px 24px 0;display:flex}.modal-header h2{letter-spacing:-.3px;color:#0f222b;margin:0;font-size:19px;font-weight:800}.modal-form{flex-direction:column;gap:15px;padding:0 24px 22px;display:flex}.modal-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.btn-primary{color:#fff;cursor:pointer;letter-spacing:-.1px;background:#c65c27;border:none;border-radius:9px;align-items:center;gap:7px;padding:10px 18px;font-family:inherit;font-size:14.5px;font-weight:700;transition:background .15s;display:flex}.btn-primary:hover{background:#a84d20}.btn-secondary{color:#0d3740;cursor:pointer;background:#f8e1c5;border:none;border-radius:9px;padding:10px 18px;font-family:inherit;font-size:14.5px;font-weight:700;transition:background .15s}.btn-secondary:hover{background:#f5d4ae}.btn-danger{color:#c65c27;cursor:pointer;background:0 0;border:1.5px solid #f5c4a8;border-radius:9px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13.5px;font-weight:700;transition:background .15s;display:flex}.btn-danger:hover{background:#fff5ee}.icon-btn{color:#8aacb4;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;padding:5px;transition:background .12s,color .12s;display:flex}.icon-btn:hover{color:#0d3740;background:#f8e1c5}.sidebar-bottom{border-top:1px solid #ffffff14;margin-top:auto}.sidebar-collapse-btn{color:#fafdfd59;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;margin-top:2px;padding:8px 20px;font-family:inherit;font-size:12px;transition:color .15s;display:flex}.sidebar-collapse-btn:hover{color:#fafdfda6}.sidebar.collapsed .sidebar-collapse-btn{justify-content:center;padding:8px 0}.notif-bell-wrap{padding:4px 12px;position:relative}.notif-bell-btn{cursor:pointer;color:#fafdfda6;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 8px;font-family:inherit;font-size:14.5px;font-weight:600;transition:background .12s,color .12s;display:flex;position:relative}.notif-bell-btn:hover,.notif-bell-btn.open{color:#fafdfd;background:#ffffff12}.notif-badge{color:#fff;background:#c65c27;border-radius:8px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:800;line-height:1.4}.notif-dropdown{z-index:1000;background:#fff;border:1px solid #e8e4df;border-radius:14px;width:300px;overflow:hidden;box-shadow:0 12px 40px #0f222b2e}.notif-header{border-bottom:1px solid #f0ece6;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.notif-header-actions{align-items:center;gap:8px;display:flex}.notif-clear-all{color:#8aacb4;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:11px;font-weight:600;transition:color .15s}.notif-clear-all:hover{color:#146d6e}.notif-item-wrap{align-items:center;padding-right:8px;display:flex}.notif-item-wrap .notif-item{flex:1;padding-right:4px}.notif-dismiss{cursor:pointer;color:#c0d4da;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:color .15s,background .15s;display:flex}.notif-dismiss:hover{color:#0f222b;background:#f0ece6}.notif-title{color:#0f222b;text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:800}.notif-empty{text-align:center;color:#8aacb4;padding:24px 16px;font-size:14px}.notif-group{border-bottom:1px solid #f0ece6;padding:8px 0 4px}.notif-group:last-child{border-bottom:none}.notif-group-label{text-transform:uppercase;letter-spacing:.08em;color:#8aacb4;align-items:center;gap:5px;padding:4px 16px 6px;font-size:10px;font-weight:800;display:flex}.notif-item{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 16px;font-family:inherit;transition:background .1s;display:flex}.notif-item:hover{background:#f7f4f0}.notif-item-name{color:#0f222b;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13.5px;font-weight:600;overflow:hidden}.notif-item-meta{color:#8aacb4;flex-shrink:0;font-size:11px}.notif-item-count{color:#c65c27;background:#c65c271a;border-radius:8px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:700}.notif-item-overdue .notif-item-meta{color:#c65c27;font-weight:700}.list-search-wrap{background:#fff;border-bottom:1px solid #e8e4df;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.list-search-icon{color:#8aacb4;flex-shrink:0}.list-search-input{color:#0f222b;width:100%;box-shadow:none;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:13px}.list-search-input::placeholder{color:#b0c8ce}.list-search-clear{color:#8aacb4;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px;display:flex}.list-search-clear:hover{color:#0d3740;background:#f0ece6}.inbox-3panel{flex:1;display:flex;overflow:hidden}.inbox-list-panel{border-right:1px solid #e8e4df;flex-direction:column;width:300px;min-width:300px;display:flex;overflow:hidden}.inbox-source-bar{background:#f7f4f0;border-bottom:1px solid #e8e4df;flex-shrink:0;align-items:center;gap:8px;padding:6px 10px;display:flex}.inbox-source-tabs{scrollbar-width:none;flex:1;padding:0 8px;display:flex;overflow-x:auto}.inbox-source-tabs::-webkit-scrollbar{display:none}.inbox-source-tab{color:#8a7f76;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 10px 8px;font-family:inherit;font-size:12px;font-weight:600;transition:color .12s,border-color .12s}.inbox-source-tab:hover{color:#0d3740}.inbox-source-tab.active{color:#0d3740;border-bottom-color:#c65c27}.inbox-source-tab.disabled{color:#c4bdb6;cursor:default}.btn-add-inbox{color:#8aacb4;cursor:pointer;background:0 0;border:1.5px solid #e8e4df;border-radius:7px;flex-shrink:0;align-items:center;padding:5px 7px;transition:background .12s,color .12s;display:flex}.btn-add-inbox:hover{color:#0d3740;background:#f7f4f0}.convo-panel{border-right:1px solid #e8e4df;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.convo-header{background:#0d3740;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.convo-header-info{align-items:center;gap:12px;display:flex}.convo-avatar{color:#ffbe9d;background:#ffbe9d33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:flex}.convo-name{color:#fafdfd;letter-spacing:-.2px;font-size:15px;font-weight:800}.convo-meta{color:#fafdfd99;align-items:center;gap:5px;margin-top:2px;font-size:12px;display:flex}.convo-header{justify-content:space-between}.convo-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.convo-action-btn{color:#fafdfdcc;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff26;border-radius:7px;align-items:center;gap:5px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s;display:flex}.convo-action-btn:hover{color:#fff;background:#ffffff2e}.convo-action-btn.snoozed{color:#ffbe9d;border-color:#ffbe9d4d}.contact-row{cursor:pointer;border-bottom:1px solid #f0ece6;align-items:flex-start;gap:11px;padding:12px 16px;transition:background .12s;display:flex}.contact-row:hover{background:#f7f4f0}.contact-row.selected{background:#f0ece6}.contact-row-avatar{border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;margin-top:1px;font-size:15px;font-weight:800;display:flex}.contact-row-body{flex:1;min-width:0}.contact-row-top{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.contact-row-name{color:#0f222b;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.contact-row-time{color:#8aacb4;flex-shrink:0;margin-left:6px;font-size:11px}.contact-row-meta{align-items:center;gap:4px;margin-bottom:3px;display:flex}.contact-row-source{color:#8aacb4;font-size:11.5px}.contact-row-sep{color:#c4bdb6;font-size:11px}.contact-row-pipeline{font-size:11.5px;font-weight:700}.contact-row-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.contact-row-email{color:#7a7068;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.contact-row-status{color:#8aacb4;text-transform:uppercase;letter-spacing:.04em;background:#f0ece6;border-radius:8px;flex-shrink:0;padding:2px 7px;font-size:10.5px;font-weight:700}.inbox-empty-convo{color:#b0c8ce;border-right:1px solid #e8e4df;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.inbox-empty-convo p{color:#8aacb4;margin:0;font-size:15px}.inbox-empty-side{background:#f7f4f0;width:300px;min-width:300px}.undo-toast{color:#fff;z-index:1000;background:#0d3740;border-radius:10px;align-items:center;gap:10px;padding:11px 16px;font-size:13px;animation:.2s toast-in;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000038}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.undo-toast-label{white-space:nowrap;flex:1}.undo-toast-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s;display:flex}.undo-toast-btn:hover{background:#ffffff40}.undo-toast-dismiss{color:#ffffff80;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;transition:color .15s;display:flex}.undo-toast-dismiss:hover{color:#fff}.contact-side-panel{background:#faf9f7;flex-direction:column;width:300px;min-width:300px;display:flex;overflow:hidden}.csp-identity{text-align:center;background:#fff;border-bottom:1px solid #e8e4df;flex-direction:column;align-items:center;gap:6px;padding:18px 18px 14px;display:flex}.csp-avatar{color:#146d6e;background:#146d6e1f;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:4px;font-size:22px;font-weight:800;display:flex}.csp-name{color:#0f222b;letter-spacing:-.2px;font-size:16px;font-weight:800}.csp-name-input{color:#0f222b;letter-spacing:-.2px;background:0 0;border:none;border-bottom:1px solid #0000;outline:none;width:100%;padding:1px 0;font-size:16px;font-weight:800;transition:border-color .15s}.csp-name-input:hover,.csp-name-input:focus{border-bottom-color:#c5d8dd}.csp-detail-row{color:#6b7280;align-items:center;gap:5px;font-size:12.5px;display:flex}.csp-inline-input{color:#6b7280;background:0 0;border:none;border-bottom:1px solid #0000;outline:none;width:100%;padding:1px 0;font-size:12.5px;transition:border-color .15s}.csp-inline-input:hover,.csp-inline-input:focus{color:#0f222b;border-bottom-color:#c5d8dd}.csp-inline-input::placeholder{color:#c0cdd1;font-style:italic}.csp-social-label{color:#8aacb4;text-align:center;letter-spacing:.3px;min-width:12px;font-size:10px;font-weight:700}.csp-location-row{flex-wrap:wrap;align-items:center}.csp-location-city{flex:2;min-width:70px}.csp-location-state,.csp-location-country{flex:1.5;min-width:55px}.csp-body{flex-direction:column;flex:1;gap:14px;padding:14px;display:flex;overflow-y:auto}.csp-field-group{flex-direction:column;gap:5px;display:flex}.csp-label{text-transform:uppercase;letter-spacing:.08em;color:#8aacb4;align-items:center;gap:4px;font-size:10.5px;font-weight:800;display:flex}.csp-label-row{justify-content:space-between;align-items:center;display:flex}.csp-select-btn{cursor:pointer;background:#fff;border:1.5px solid;border-radius:7px;align-items:center;gap:6px;width:100%;padding:6px 10px;font-family:inherit;font-size:12.5px;font-weight:700;transition:opacity .15s;display:flex}.csp-select-btn:hover{opacity:.75}.csp-native-select{color:#0d3740;cursor:pointer;background:#fff;border:1.5px solid #ddeaec;border-radius:7px;width:100%;padding:6px 8px;font-family:inherit;font-size:12.5px;font-weight:600}.csp-date-input{width:100%;padding:6px 8px;font-size:12.5px}.csp-notes{width:100%;min-height:80px;font-size:13px}.csp-actions{gap:8px;display:flex}.csp-action-btn{cursor:pointer;color:#6b6560;background:#fff;border:1.5px solid #e8e4df;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s;display:flex}.csp-action-btn:hover{background:#f0ece6}.csp-action-btn.active{color:#c65c27;border-color:#f5c4a8}.csp-footer{background:#fff;border-top:1px solid #e8e4df;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.csp-merge-btn{color:#7c6f63;cursor:pointer;background:0 0;border:1px dashed #c8bfb4;border-radius:7px;align-items:center;gap:6px;width:100%;padding:7px 10px;font-size:12px;transition:background .15s,border-color .15s,color .15s;display:flex}.csp-merge-btn:hover{color:#4a3f35;background:#f5f0ea;border-color:#a89888}.csp-merge-panel{background:#f8f4ef;border:1px solid #e2d9d0;border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.csp-merge-hint{color:#7c6f63;font-size:11.5px;line-height:1.4}.csp-merge-search-wrap{align-items:center;display:flex;position:relative}.csp-merge-search-icon{color:#a89888;pointer-events:none;position:absolute;left:8px}.csp-merge-input{color:#2c2c2c;background:#fff;border:1px solid #d6cfc7;border-radius:6px;outline:none;width:100%;padding:6px 8px 6px 28px;font-size:12px;transition:border-color .15s}.csp-merge-input:focus{border-color:#c07a44}.csp-merge-results{flex-direction:column;gap:2px;max-height:160px;display:flex;overflow-y:auto}.csp-merge-result{cursor:pointer;text-align:left;background:#fff;border:none;border-radius:6px;flex-direction:column;align-items:flex-start;padding:6px 8px;transition:background .12s;display:flex}.csp-merge-result:hover{background:#f0ece6}.csp-merge-result-name{color:#2c2c2c;font-size:12px;font-weight:500}.csp-merge-result-email{color:#a89888;font-size:11px}.csp-merge-selected{color:#4a3f35;background:#eaf3ec;border:1px solid #b8d9bf;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:flex}.csp-merge-check{color:#4a9b5f;flex-shrink:0}.csp-merge-change{color:#c07a44;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:11px;text-decoration:underline}.csp-merge-actions{gap:6px;display:flex}.contact-profile{background:#fafdfd;border-left:1px solid #e8e4df;flex-direction:column;width:400px;min-width:400px;display:flex;overflow:hidden}.cp-header{flex-shrink:0;justify-content:flex-end;align-items:center;padding:10px 14px 0;display:flex}.cp-close{color:#8aacb4}.cp-scroll{flex:1;overflow-y:auto}.cp-identity{border-bottom:1px solid #e8e4df;flex-direction:column;align-items:center;gap:6px;padding:8px 20px 18px;display:flex}.cp-avatar{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:4px;font-size:26px;font-weight:800;display:flex}.cp-name{color:#0f222b;letter-spacing:-.3px;font-size:19px;font-weight:800}.cp-source{color:#8aacb4;align-items:center;gap:5px;font-size:12px;display:flex}.cp-actions{border-bottom:1px solid #e8e4df;gap:8px;padding:12px 16px;display:flex}.cp-action-btn{cursor:pointer;color:#6b6560;background:#f7f4f0;border:1.5px solid #e8e4df;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 10px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .12s;display:flex}.cp-action-btn:hover{background:#ede9e3}.cp-action-btn.snoozed{color:#c65c27;border-color:#f5c4a8}.cp-section{border-bottom:1px solid #f0ece6;padding:14px 16px}.cp-section-title{text-transform:uppercase;letter-spacing:.08em;color:#8aacb4;margin-bottom:10px;font-size:10.5px;font-weight:800}.cp-section-title-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cp-detail-row{color:#0f222b;align-items:center;gap:8px;padding:4px 0;font-size:13.5px;display:flex}.cp-detail-icon{color:#8aacb4;flex-shrink:0}.cp-empty{color:#b0a89e;font-size:13px;font-style:normal}.cp-field{margin-bottom:10px}.cp-field:last-child{margin-bottom:0}.cp-field-label{color:#8aacb4;align-items:center;gap:3px;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.cp-convo-toggle{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;padding:0;font-family:inherit;display:flex}.cp-messages{background:#f7f4f0;border-radius:8px;flex-direction:column;gap:8px;max-height:300px;margin-top:8px;padding:10px;display:flex;overflow-y:auto}.cp-footer{border-top:1px solid #e8e4df;padding:14px 16px}.snooze-menu-panel{background:#1a3a4a;border-radius:12px;min-width:280px;overflow:hidden;box-shadow:0 12px 40px #0f222b4d}.snooze-menu-header{color:#fafdfd80;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #ffffff14;align-items:center;gap:7px;padding:12px 16px 10px;font-size:12px;font-weight:800;display:flex}.snooze-alert-toggle{color:#fafdfdb3;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:4px;margin-left:auto;padding:3px 9px;font-family:inherit;font-size:11px;font-weight:700;transition:background .12s,color .12s;display:flex}.snooze-alert-toggle.on{color:#ffbe9d;background:#ffbe9d33;border-color:#ffbe9d4d}.snooze-alert-toggle.off{color:#fafdfd66}.snooze-alert-toggle:hover{opacity:.85}.snooze-preset-row{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 16px;font-family:inherit;transition:background .1s;display:flex}.snooze-preset-row:hover{background:#ffffff12}.snooze-preset-label{color:#fafdfd;font-size:13.5px;font-weight:600}.snooze-preset-sub{color:#fafdfd73;white-space:nowrap;font-size:11.5px}.snooze-custom-btn .snooze-preset-label{color:#fafdfd99}.snooze-custom-picker{flex-direction:column;gap:8px;padding:10px 16px 14px;display:flex}.snooze-custom-inputs{gap:8px;display:flex}.snooze-custom-inputs input{color:#fafdfd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff14;border:1px solid #ffffff26;border-radius:7px;flex:1;padding:7px 10px;font-family:inherit;font-size:13px}.snooze-divider{background:#ffffff14;height:1px;margin:4px 0}.snooze-unsnooze .snooze-preset-label{color:#ffbe9d}.inbox-status-bar{background:#0d3740;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 10px;display:flex}.inbox-status-icons{align-items:center;gap:2px;display:flex}.inbox-icon-tab{color:#fafdfd73;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;transition:color .12s,background .12s;display:flex;position:relative}.inbox-icon-tab:hover{color:#fafdfde6;background:#ffffff14}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:100;background:#0f1e23eb;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:500;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1}.inbox-icon-tab.active{color:#ffbe9d;background:#c65c272e}.inbox-icon-tab.has-badge{color:#ffbe9d}.icon-badge{color:#fff;background:#c65c27;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:3px;right:3px}.icon-badge-muted{background:#ffffff4d}.inbox-status-actions{align-items:center;gap:4px;display:flex}.inbox-source-select{color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #d8d4cf;border-radius:6px;outline:none;flex:1;padding:5px 8px;font-family:inherit;font-size:12px;font-weight:600}.inbox-icon-action{color:#fafdfd73;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .12s,background .12s;display:flex}.inbox-icon-action:hover{color:#fafdfde6;background:#ffffff14}.inbox-compose-btn:hover{color:#ffbe9d!important}.nav-item-wrap{align-items:center;display:flex}.nav-item-wrap .nav-item{flex:1}.nav-item-wrap .nav-sync-btn{flex-shrink:0;margin-right:12px}.nav-sync-btn{color:#fafdfd59;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .15s;display:flex}.nav-sync-btn:hover{color:#fafdfdd9}.nav-sync-btn:disabled{cursor:default}.nav-sync-btn.spinning svg{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.compose-modal{background:#fff;border-radius:10px;flex-direction:column;width:660px;max-width:95vw;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 8px 40px #00000038}.compose-modal-fullscreen{height:100vh;border-radius:0!important;width:100vw!important;max-width:100vw!important;max-height:100vh!important}.compose-header{background:#f8f9fa;border-bottom:1px solid #e8eaed;justify-content:space-between;align-items:center;padding:12px 16px 10px;display:flex}.compose-title{color:#1a1a2e;font-size:14px;font-weight:600}.compose-header-btns{align-items:center;gap:4px;display:flex}.compose-icon-btn{cursor:pointer;color:#5f6368;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.compose-icon-btn:hover{background:#e8eaed}.compose-fields{border-bottom:1px solid #e8eaed}.compose-row{border-bottom:1px solid #f1f3f4;align-items:center;padding:0 18px;display:flex}.compose-row:last-child{border-bottom:none}.compose-label{color:#5f6368;flex-shrink:0;width:56px;font-size:12px;font-weight:600}.compose-input{color:#1a1a2e;background:0 0;border:none;outline:none;flex:1;padding:9px 0;font-family:inherit;font-size:13px}.compose-input:is(select){cursor:pointer}.compose-body{color:#1a1a2e;resize:none;border:none;outline:none;flex:1;min-height:240px;padding:16px 20px;font-family:inherit;font-size:14px;line-height:1.6}.compose-modal-fullscreen .compose-body{min-height:unset}.compose-error{color:#c0392b;background:#fff5f5;border-top:1px solid #fdd;padding:6px 18px;font-size:12px}.compose-footer{background:#f8f9fa;border-top:1px solid #e8eaed;justify-content:space-between;align-items:center;padding:10px 18px 12px;display:flex}.compose-hint{color:#9aa0a6;font-size:11px}.tab-count-muted{color:#fafdfdcc!important;background:#ffffff26!important}.inbox-mode-header{color:#8aacb4;background:#f7f4f0;border-bottom:1px solid #e8e4df;flex-shrink:0;padding:10px 20px;font-size:12.5px}.inbox-row-archived{color:#8aacb4;background:#f0ece6;border-radius:6px;margin-left:4px;padding:1px 6px;font-size:11px;font-weight:600}.settings-page{max-width:900px;padding:36px 40px}.settings-header{margin-bottom:32px}.settings-title{color:#0d3740;margin:0 0 6px;font-size:22px;font-weight:700}.settings-subtitle{color:#6b8590;margin:0;font-size:13.5px}.settings-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.settings-card{background:#fff;border:1px solid #e8e4df;border-radius:12px;padding:24px}.settings-card-title{color:#0d3740;margin-bottom:6px;font-size:15px;font-weight:700}.settings-card-desc{color:#8aacb4;margin:0 0 20px;font-size:12.5px}.settings-list{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.settings-list-item{background:#f7f4f0;border-radius:8px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.settings-item-grip{flex-direction:column;gap:1px;padding-top:2px;display:flex}.grip-btn{cursor:pointer;color:#b0c4ca;background:0 0;border:none;border-radius:3px;padding:1px 3px;font-size:9px;line-height:1;transition:color .1s}.grip-btn:hover:not(:disabled){color:#0d3740}.grip-btn:disabled{opacity:.25;cursor:default}.settings-item-view{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.settings-item-edit{flex-direction:column;flex:1;gap:8px;display:flex}.settings-item-label{color:#1a3a4a;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13.5px;font-weight:500;overflow:hidden}.settings-item-actions{flex-shrink:0;gap:4px;margin-left:auto;display:flex}.settings-input{color:#1a3a4a;box-sizing:border-box;background:#fff;border:1.5px solid #c9d8dc;border-radius:7px;outline:none;width:100%;padding:7px 10px;font-family:inherit;font-size:13.5px;transition:border-color .15s}.settings-input:focus{border-color:#146d6e}.settings-add-form{border-top:1px solid #e8e4df;flex-direction:column;gap:10px;padding-top:16px;display:flex}.pipeline-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.stage-pill{color:#146d6e;background:#e8f4f4;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.color-swatches{flex-wrap:wrap;gap:6px;display:flex}.color-swatch{cursor:pointer;border:2.5px solid #0000;border-radius:50%;width:20px;height:20px;transition:transform .1s,border-color .1s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:#0d3740;box-shadow:inset 0 0 0 2px #fff}.text-success{color:#2a7d4f}.text-danger{color:#c65c27}.settings-layout{align-items:flex-start;gap:24px;display:flex}.settings-pipelines-panel{background:#fff;border:1px solid #e8e4df;border-radius:12px;flex-shrink:0;width:280px;padding:20px}.settings-stages-panel{background:#fff;border:1px solid #e8e4df;border-radius:12px;flex:1;min-height:300px;padding:20px}.settings-panel-title{color:#0d3740;align-items:center;gap:8px;margin-bottom:14px;font-size:13.5px;font-weight:700;display:flex}.settings-pipeline-list{flex-direction:column;gap:4px;margin-bottom:20px;display:flex}.settings-pipeline-row{border-radius:8px;align-items:center;gap:6px;padding:2px 4px;transition:background .1s;display:flex}.settings-pipeline-row:hover,.settings-pipeline-row.selected{background:#f0ece6}.pipeline-row-btn{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:8px;min-width:0;padding:7px 4px;font-family:inherit;display:flex}.pipeline-row-label{color:#1a3a4a;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13.5px;font-weight:500;overflow:hidden}.pipeline-stage-count{color:#8aacb4;white-space:nowrap;font-size:11px}.pipeline-row-arrow{color:#b0c4ca;flex-shrink:0}.pipeline-row-actions{flex-shrink:0;gap:2px;display:flex}.pipeline-edit-inline{flex-direction:column;flex:1;gap:6px;padding:6px 0;display:flex}.settings-stages-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.settings-stage-item{background:#f7f4f0;border-radius:9px;padding:10px 12px}.stage-item-top{align-items:center;gap:8px;margin-bottom:8px;display:flex}.stage-number{color:#0d3740;background:#e0e8eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.stage-label-input{flex:1}.stage-pill.hidden{display:none}.webhook-field{align-items:center;gap:7px;display:flex}.webhook-icon{color:#8aacb4;flex-shrink:0}.webhook-input{color:#1a3a4a;background:#fff;border:1.5px solid #d8e4e8;border-radius:6px;outline:none;flex:1;padding:5px 9px;font-family:inherit;font-size:12px;transition:border-color .15s}.webhook-input:focus{border-color:#146d6e}.webhook-input::placeholder{color:#b0c4ca}.webhook-status{white-space:nowrap;font-size:11px;font-weight:600}.webhook-status.saving{color:#8aacb4}.webhook-status.saved{color:#2a7d4f}.column-webhook-dot{background:#146d6e;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:4px;display:inline-block}.settings-stages-empty{color:#8aacb4;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:200px;font-size:13px;display:flex}.color-swatches.compact{gap:4px}.all-pipelines-list{padding:0 24px 24px;overflow-y:auto}.all-pipelines-header-row{color:#8aacb4;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e8e4df;grid-template-columns:2fr 1.5fr 1.2fr 1fr 1fr;gap:12px;margin-bottom:4px;padding:8px 24px;font-size:11px;font-weight:700;display:grid}.all-pipelines-row{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;grid-template-columns:2fr 1.5fr 1.2fr 1fr 1fr;align-items:center;gap:12px;width:100%;padding:10px 24px;font-family:inherit;transition:background .1s;display:grid}.all-pipelines-row:hover{background:#f0ece6}.apl-name{color:#1a3a4a;font-size:13.5px;font-weight:600}.apl-pipeline{color:#1a3a4a;align-items:center;gap:7px;font-size:13px;display:flex}.apl-stage{color:#4a6a74;font-size:12.5px}.apl-source{color:#6b8590;font-size:12.5px}.apl-time{color:#8aacb4;font-size:12px}.stage-pill.sm{padding:2px 8px;font-size:11px}.all-pipelines-empty{text-align:center;color:#8aacb4;padding:60px 24px;font-size:14px}.apl-filter-bar{border-bottom:1px solid #e8e4df;align-items:center;gap:10px;padding:14px 24px 10px;display:flex}.apl-filter-select{color:#1a3a4a;cursor:pointer;background:#fff;border:1.5px solid #d8e4e8;border-radius:7px;outline:none;padding:6px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.apl-filter-select:focus{border-color:#146d6e}.apl-clear-btn{color:#4a6a74;cursor:pointer;background:#f0ece6;border:none;border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:12.5px;transition:background .1s;display:flex}.apl-clear-btn:hover{background:#e8e4df}.apl-count{color:#8aacb4;margin-left:auto;font-size:12.5px;font-weight:500}.apl-col-header{color:#8aacb4;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-family:inherit;font-size:11px;font-weight:700;transition:color .1s;display:flex}.apl-col-header:hover{color:#0d3740}.apl-sort-icon{align-items:center;display:flex}.apl-sort-icon.neutral{opacity:.35;font-size:10px}.apl-sort-icon.active{color:#c65c27}.message-bubble.html-email{max-width:100%;box-shadow:none;background:#fff;border:1px solid #e8e4df;border-radius:10px;padding:0;overflow:hidden}.email-iframe{border:none;width:100%;min-height:200px;max-height:700px;display:block;overflow:auto}.triage-banner{background:#fffbf5;border-bottom:2px solid #f0c87a;flex-shrink:0}.triage-banner-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.triage-banner-label{color:#7a5c20;align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:flex}.triage-dot{background:#c65c27;border-radius:50%;flex-shrink:0;width:8px;height:8px}.triage-banner-actions{flex-wrap:wrap;gap:6px;display:flex}.triage-btn{cursor:pointer;border:1.5px solid #0000;border-radius:7px;align-items:center;gap:5px;padding:5px 11px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .12s,border-color .12s;display:flex}.triage-btn.confirm{color:#fff;background:#0d3740;border-color:#0d3740}.triage-btn.confirm:hover,.triage-btn.confirm.active{background:#146d6e;border-color:#146d6e}.triage-btn.merge{color:#4a6a74;background:#fff;border-color:#c9d8dc}.triage-btn.merge:hover,.triage-btn.merge.active{color:#146d6e;background:#eaf4f4;border-color:#146d6e}.triage-snooze-wrap{position:relative}.triage-btn.snooze{color:#4a6a74;background:#fff;border-color:#c9d8dc}.triage-btn.snooze:hover,.triage-btn.snooze.active{color:#146d6e;background:#eaf4f4;border-color:#146d6e}.triage-btn.archive{color:#4a6a74;background:#fff;border-color:#c9d8dc}.triage-btn.archive:hover{background:#f0ece6}.triage-btn.task.disabled{color:#b0c4ca;cursor:not-allowed;background:#f7f4f0;border-color:#e8e4df}.triage-confirm-form{background:#fff9ed;border-top:1px solid #f0d88a;flex-direction:column;gap:10px;padding:12px 16px 14px;display:flex}.triage-form-row{align-items:center;gap:10px;display:flex}.triage-form-label{color:#7a5c20;flex-shrink:0;width:60px;font-size:12px;font-weight:600}.triage-form-input,.triage-form-select{color:#1a3a4a;background:#fff;border:1.5px solid #d8c88a;border-radius:7px;outline:none;flex:1;padding:6px 10px;font-family:inherit;font-size:13px}.triage-form-input:focus,.triage-form-select:focus{border-color:#146d6e}.triage-form-footer{gap:8px;padding-top:4px;display:flex}.triage-merge-hint{color:#7a5c20;font-size:12px;line-height:1.45}.triage-merge-search-wrap{align-items:center;display:flex;position:relative}.triage-merge-search-icon{color:#b0c4ca;pointer-events:none;position:absolute;left:10px}.triage-merge-search-wrap .triage-form-input{padding-left:30px}.triage-merge-results{background:#fff;border:1.5px solid #d8c88a;border-radius:7px;flex-direction:column;gap:2px;max-height:160px;display:flex;overflow-y:auto}.triage-merge-result{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;transition:background .1s;display:flex}.triage-merge-result:hover{background:#f0f8f8}.triage-merge-result-name{color:#0f222b;flex:1;font-size:13px;font-weight:600}.triage-merge-result-email{color:#8aacb4;font-size:11px}.triage-merge-selected{color:#1a3a4a;background:#eaf4f4;border:1.5px solid #146d6e;border-radius:7px;align-items:center;gap:7px;padding:8px 12px;font-size:13px;display:flex}.triage-merge-check{color:#146d6e;flex-shrink:0}.triage-merge-change{color:#146d6e;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:11px;font-weight:600;text-decoration:underline}.btn-ghost{color:#4a6a74;cursor:pointer;background:0 0;border:1.5px solid #d8e4e8;border-radius:7px;padding:6px 12px;font-family:inherit;font-size:13px;transition:background .1s}.btn-ghost:hover{background:#f0ece6}.email-thread-item{background:#fff;border:1px solid #e8e4df;border-radius:10px;margin:0 16px 10px;overflow:visible}.email-thread-item.outgoing{background:#f4fafa;border-color:#d4e8e9}.email-thread-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #0000;align-items:center;gap:10px;padding:10px 14px;transition:background .1s;display:flex}.email-thread-item.incoming .email-thread-header:hover{background:#faf7f3}.email-thread-item.outgoing .email-thread-header:hover{background:#ecf5f5}.email-thread-item .email-thread-header{border-bottom-color:#f0ece6}.email-thread-item.outgoing .email-thread-header{border-bottom-color:#d4e8e9}.email-thread-avatar{color:#0d3740;background:#e0e8eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.email-thread-avatar.me{color:#fff;background:#0d3740}.email-thread-meta{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.email-thread-sender{color:#1a3a4a;font-size:13px;font-weight:600}.email-thread-time{color:#8aacb4;font-size:11.5px}.email-thread-toggle{color:#b0c4ca;flex-shrink:0;font-size:10px}.email-thread-body{padding:0}.email-thread-plain{color:#1a3a4a;white-space:pre-wrap;margin:0;padding:12px 16px;font-size:13.5px;line-height:1.6}.inbox-row.snooze-returned{background:linear-gradient(90deg,#fffbeb 0%,#fff 60%);border-left:3px solid #f59e0b;animation:2s ease-in-out snooze-pulse}@keyframes snooze-pulse{0%{background:#fef3c7}to{background:linear-gradient(90deg,#fffbeb 0%,#fff 60%)}}.settings-section-wrap{flex-direction:column;height:100%;display:flex}.settings-tabs-bar{background:#faf8f5;border-bottom:1px solid #e8e4df;flex-shrink:0;gap:4px;padding:16px 40px 0;display:flex}.settings-tab-btn{color:#6b8590;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:8px 16px 10px;font-size:13.5px;font-weight:500;transition:color .15s,border-color .15s}.settings-tab-btn:hover{color:#0f222b}.settings-tab-btn.active{color:#146d6e;border-bottom-color:#146d6e;font-weight:700}.settings-section-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.settings-section-title{color:#0f222b;margin:0 0 4px;font-size:18px;font-weight:700}.settings-section-desc{color:#6b8590;margin:0;font-size:13px}.reply-input-row{align-items:flex-start;gap:8px;padding:10px 12px 0;display:flex}.snippet-trigger-btn{color:#8aacb4;cursor:pointer;background:0 0;border:1px solid #e0eaed;border-radius:6px;flex-shrink:0;margin-top:2px;padding:6px;transition:background .15s,color .15s}.snippet-trigger-btn:hover,.snippet-trigger-btn.active{color:#146d6e;background:#f0f7f8;border-color:#146d6e}.snippet-picker{z-index:100;background:#fff;border:1px solid #d4e4e8;border-radius:12px;flex-direction:column;max-height:380px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0f222b26}.snippet-search-row{border-bottom:1px solid #e8f0f2;align-items:center;gap:8px;padding:10px 14px;display:flex}.snippet-search-icon{color:#8aacb4;flex-shrink:0}.snippet-search-input{color:#0f222b;background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.snippet-search-input::placeholder{color:#b0c4ca}.snippet-close-btn{color:#8aacb4;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px}.snippet-close-btn:hover{color:#0f222b}.snippet-body{flex:1;display:flex;overflow:hidden}.snippet-list{border-right:1px solid #e8f0f2;flex-shrink:0;width:200px;padding:8px 0;overflow-y:auto}.snippet-section-label{color:#8aacb4;letter-spacing:.5px;padding:6px 14px 2px;font-size:10px;font-weight:700}.snippet-list-item{text-align:left;color:#0f222b;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:0;width:100%;padding:8px 14px;font-size:13px;display:block;overflow:hidden}.snippet-list-item:hover{background:#f0f7f8}.snippet-list-item.active{color:#146d6e;background:#e6f2f3;font-weight:600}.snippet-preview{flex:1;padding:14px 16px;overflow-y:auto}.snippet-preview-title{color:#0f222b;margin-bottom:10px;font-size:15px;font-weight:700}.snippet-preview-body{color:#374151;white-space:pre-wrap;font-size:13.5px;line-height:1.6}.snippet-footer{background:#f8fbfc;border-top:1px solid #e8f0f2;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.snippet-hint{color:#8aacb4;font-size:11px}.snippet-empty{color:#8aacb4;padding:12px 14px;font-size:13px;font-style:italic}.snippets-settings{padding:0}.snippet-edit-form{background:#f8fbfc;border:1px solid #d4e4e8;border-radius:10px;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;display:flex}.snippet-form-row{flex-direction:column;gap:4px;display:flex}.snippet-form-label{color:#4b6b75;font-size:12px;font-weight:600}.snippet-form-input{color:#0f222b;border:1px solid #d4e4e8;border-radius:6px;outline:none;padding:7px 10px;font-size:13.5px}.snippet-form-input:focus{border-color:#146d6e}.snippet-form-textarea{color:#0f222b;resize:vertical;border:1px solid #d4e4e8;border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:13.5px;line-height:1.5}.snippet-form-textarea:focus{border-color:#146d6e}.snippet-channel-checks{flex-wrap:wrap;gap:8px;display:flex}.snippet-channel-check{color:#374151;cursor:pointer;align-items:center;gap:5px;font-size:13px;display:flex}.snippet-channel-check input{accent-color:#146d6e}.snippet-form-actions{gap:8px;display:flex}.snippet-settings-list{flex-direction:column;gap:1px;display:flex}.snippet-settings-item{cursor:pointer;background:#fff;border:1px solid #e8f0f2;border-radius:8px;align-items:center;gap:12px;margin-bottom:6px;padding:12px 14px;transition:background .15s;display:flex}.snippet-settings-item:hover{background:#f8fbfc}.snippet-settings-item-info{flex:1;min-width:0}.snippet-settings-item-title{color:#0f222b;margin-bottom:2px;font-size:14px;font-weight:600}.snippet-settings-item-body{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:12.5px;overflow:hidden}.snippet-settings-item-channels{flex-wrap:wrap;gap:4px;display:flex}.snippet-channel-tag{color:#146d6e;background:#e6f2f3;border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:500}.btn-danger-ghost{color:#d1d5db;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px}.btn-danger-ghost:hover{color:#ef4444;background:#fef2f2}.sig-wrap{max-width:760px}.sig-loading{color:#6b7280;padding:24px}.sig-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.sig-title{color:#0f222b;margin:0 0 4px;font-size:16px;font-weight:600}.sig-desc{color:#6b7280;margin:0;font-size:13px}.sig-tab-bar{border-bottom:1px solid #e5e7eb;gap:2px;margin-bottom:12px;display:flex}.sig-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:7px 16px;font-size:13.5px;transition:color .15s}.sig-tab:hover{color:#0f222b}.sig-tab.active{color:#146d6e;border-bottom-color:#146d6e;font-weight:600}.sig-textarea{box-sizing:border-box;resize:vertical;color:#0f222b;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;min-height:200px;padding:14px;font-family:SF Mono,Fira Code,monospace;font-size:12.5px;line-height:1.6}.sig-textarea:focus{background:#fff;border-color:#146d6e}.sig-preview-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:120px;padding:20px 24px}.sig-preview{color:#0f222b;font-size:14px;line-height:1.6}.sig-preview a{color:#146d6e}.sig-preview-empty{color:#9ca3af;margin:0;font-size:13px;font-style:italic}.sig-hint{color:#9ca3af;margin-top:10px;font-size:12px}.toast-stack{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.toast-item{pointer-events:all;border-radius:10px;align-items:center;gap:10px;min-width:260px;max-width:420px;padding:11px 16px;font-size:13.5px;font-weight:500;animation:.2s toast-in;display:flex;box-shadow:0 4px 20px #0000002e}.toast-error{color:#fff;background:#1e1e1e}.toast-success{color:#fff;background:#146d6e}.toast-icon{flex-shrink:0;font-size:14px}.toast-close{color:#fff9;cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:0 0 0 8px;font-size:16px;line-height:1}.toast-close:hover{color:#fff}.settings-page-header{margin-bottom:20px}.settings-page-header h2{color:#0f222b;margin:0 0 6px;font-size:16px;font-weight:800}.settings-page-sub{color:#5a7a84;margin:0;font-size:13px;line-height:1.5}.connections-list{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.connection-card{background:#fff;border:1.5px solid #e8e4df;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.connection-card.connected{border-color:#c5dde0}.connection-card.disconnected{opacity:.65}.connection-card-left{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.connection-icon{color:#146d6e;background:#eaf4f4;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.connection-card.disconnected .connection-icon{color:#8aacb4;background:#f0ece6}.connection-info{flex:1;min-width:0}.connection-name{color:#0f222b;font-size:14px;font-weight:700}.connection-desc{color:#5a7a84;margin-top:2px;font-size:12px}.connection-detail{color:#8aacb4;margin-top:3px;font-family:monospace;font-size:11.5px}.connection-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.connection-status{border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:flex}.connection-status.ok{color:#146d6e;background:#eaf4f4}.connection-status.off{color:#8aacb4;background:#f0ece6}.connection-test-btn{color:#146d6e;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #c5dde0;border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s;display:flex}.connection-test-btn:hover:not(:disabled){background:#eaf4f4}.connection-test-btn:disabled{opacity:.6;cursor:default}.connection-result{border-radius:7px;flex-basis:100%;align-items:center;gap:6px;margin-top:2px;padding:8px 10px;font-size:12.5px;display:flex}.connection-result.ok{color:#146d6e;background:#eaf4f4}.connection-result.error{color:#c0392b;background:#fff0f0}.connection-note{color:#5a7a84;background:#f7f4f0;border-radius:8px;padding:12px 14px;font-size:12.5px;line-height:1.5}.connection-note strong{color:#0f222b}.spin{animation:.8s linear infinite spin}