:root{--ink:#252a28;--muted:#6f817a;--line:#e7ebe9;--soft:#f7f8f8;--panel:#fff;--nav:#1f2321;--brand:#81d0af;--brand-soft:#f5f7f6;--green:#20a66a;--amber:#e69a26;--shadow:0 8px 30px #252b2814;--touch-target:44px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}.billing-banner{margin-bottom:16px}.billing-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.billing-hero-card h2,.billing-section h2{margin:5px 0 12px}.billing-status{background:var(--surface-strong,#f6f7f7);width:fit-content;color:var(--text,#222825);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.billing-status.status-active,.billing-status.status-trialing,.billing-status.status-legacy_free,.billing-status.status-manual{color:#166534;background:#dcfce7}.billing-status.status-past_due{color:#92400e;background:#fef3c7}.billing-status.status-canceled,.billing-status.status-paused,.billing-status.status-incomplete{color:#991b1b;background:#fee2e2}.billing-definition-list{gap:8px;margin:16px 0;display:grid}.billing-definition-list div,.billing-usage-heading,.billing-credit-totals,.billing-price-row,.billing-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.billing-definition-list dt{color:var(--muted,#6f8079);font-size:12px}.billing-definition-list dd{margin:0;font-weight:700}.billing-usage-list{gap:14px;display:grid}.billing-usage-heading{margin-bottom:6px;font-size:13px}.billing-meter{background:#e7ebe9;border-radius:999px;height:7px;overflow:hidden}.billing-meter span{border-radius:inherit;background:linear-gradient(90deg,#86d2b2,#18b78a);height:100%;display:block}.billing-credit-balance{margin-top:8px;font-size:clamp(34px,5vw,52px);line-height:1;display:block}.billing-credit-totals{border-top:1px solid var(--border,#e7ebe9);margin-top:16px;padding-top:12px;font-size:12px}.billing-section{margin-top:18px}.billing-section-heading{align-items:end;margin-bottom:14px}.billing-section-heading p{color:var(--muted,#6f8079);font-size:12px}.billing-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.billing-product-card{border:1px solid var(--border,#e7ebe9);background:var(--surface,#fff);border-radius:14px;padding:16px}.billing-product-card h3{margin:5px 0 16px}.billing-product-kind{color:var(--muted,#6f8079);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.billing-product-card label,.billing-auto-recharge label{color:var(--muted,#6f8079);gap:5px;font-size:12px;display:grid}.billing-product-card input,.billing-auto-recharge input[type=number]{min-height:38px}.billing-price-row{border-top:1px solid var(--border,#e7ebe9);margin-top:12px;padding-top:12px}.billing-auto-recharge{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.billing-auto-recharge .billing-toggle{min-height:38px;color:var(--text,#222825);flex-direction:row;align-items:center;display:flex}.billing-auto-recharge .billing-toggle input{width:18px;height:18px}.muted-text{color:var(--muted,#6f8079)}@media (max-width:980px){.billing-summary-grid,.billing-product-grid{grid-template-columns:1fr 1fr}}@media (max-width:680px){.billing-summary-grid,.billing-product-grid{grid-template-columns:1fr}.billing-section-heading{flex-direction:column;align-items:start}.billing-auto-recharge{flex-direction:column;align-items:stretch}}.files-module{gap:16px;min-width:0;display:grid}.files-toolbar{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:9px;padding:12px;display:flex}.files-toolbar .button{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.files-toolbar select{border:1px solid var(--line);background:var(--panel);min-height:38px;color:var(--ink);border-radius:9px;padding:0 10px}.files-search{border:1px solid var(--line);background:var(--panel);border-radius:9px;flex:240px;align-items:center;gap:8px;min-width:190px;padding:0 11px;display:flex}.files-search input{width:100%;min-height:38px;color:inherit;background:0 0;border:0;outline:0}.segmented{border:1px solid var(--line);border-radius:9px;display:flex;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--line);background:var(--panel);place-items:center;width:38px;height:36px;display:grid}.segmented button:last-child{border-right:0}.segmented button.active{color:var(--brand);background:var(--brand-soft)}.files-layout{border:1px solid var(--line);background:var(--panel);border-radius:14px;grid-template-columns:205px minmax(0,1fr);min-height:560px;display:grid;overflow:hidden}.files-nav{border-right:1px solid var(--line);background:var(--soft);flex-direction:column;gap:2px;padding:12px;display:flex}.files-nav button{text-align:left;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:9px 11px}.files-nav button:hover,.files-nav button.active{color:var(--brand);background:var(--brand-soft)}.files-content{min-width:0;padding:14px}.files-metrics{flex-wrap:wrap;gap:9px;margin-bottom:12px;display:flex}.files-metrics span{border:1px solid var(--line);color:var(--muted);background:var(--panel);border-radius:999px;padding:7px 10px;font-size:12px}.files-metrics strong{color:var(--ink)}.files-table{overflow:visible}.files-row{border-bottom:1px solid var(--line);min-height:58px;color:var(--muted);grid-template-columns:28px minmax(220px,2fr) minmax(120px,1fr) minmax(110px,.8fr) 80px 105px 95px 34px;align-items:center;gap:10px;padding:7px 8px;font-size:13px;display:grid}.files-row.header{min-height:38px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;background:var(--soft);font-size:11px;font-weight:700}.file-name{min-width:0;color:var(--brand);align-items:center;gap:10px;display:flex}.file-name>span{min-width:0}.file-name strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-name small{color:var(--muted);margin-top:3px;display:block}.status-dot{background:#9fada7;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.status-dot.ready{background:#10b981}.status-dot.failed,.status-dot.quarantined{background:#ef4444}.status-dot.pending,.status-dot.uploading,.status-dot.retrying{background:#f59e0b}.file-actions{position:relative}.file-actions summary{cursor:pointer;border-radius:7px;place-items:center;width:30px;height:30px;list-style:none;display:grid}.file-actions summary::-webkit-details-marker{display:none}.file-actions[open] summary{background:var(--soft)}.file-actions>div{z-index:30;border:1px solid var(--line);background:var(--panel);border-radius:10px;min-width:190px;padding:6px;display:grid;position:absolute;top:32px;right:0;box-shadow:0 14px 34px #1a1f1d29}.file-actions button,.file-actions a{width:100%;color:var(--ink);font:inherit;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:8px 9px;text-decoration:none;display:flex}.file-actions button:hover,.file-actions a:hover{background:var(--soft)}.file-actions .danger{color:var(--danger)}.files-grid,.connection-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.file-card,.connection-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;min-width:0;padding:13px;position:relative}.file-card.selected{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.file-card-select{border:1px solid var(--line);background:var(--panel);border-radius:6px;width:22px;height:22px;position:absolute;top:9px;left:9px}.file-preview{height:110px;color:var(--brand);background:linear-gradient(145deg, var(--soft), var(--brand-soft));border-radius:9px;place-items:center;margin-bottom:10px;display:grid}.file-card-title{justify-content:space-between;align-items:start;gap:8px;display:flex}.file-card-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-card p,.file-card small,.connection-card p{color:var(--muted);margin:5px 0 0}.file-preview-backdrop{z-index:260;padding:max(16px, var(--safe-top)) max(16px, var(--safe-right)) max(16px, var(--safe-bottom)) max(16px, var(--safe-left));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#151917b8;place-items:center;display:grid;position:fixed;inset:0}.file-preview-dialog{width:min(1040px,100%);height:min(760px, var(--app-viewport-height,calc(100dvh - 32px)));border:1px solid var(--line);background:var(--panel);border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden;box-shadow:0 28px 80px #10131261}.file-preview-dialog>header,.file-preview-dialog>footer{background:var(--panel);justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:14px 16px;display:flex}.file-preview-dialog>header{border-bottom:1px solid var(--line)}.file-preview-dialog>footer{border-top:1px solid var(--line)}.file-preview-dialog>header>div,.file-preview-dialog h2,.file-preview-dialog>footer>span{min-width:0}.file-preview-dialog h2{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:17px;overflow:hidden}.file-preview-dialog>header small,.file-preview-dialog>footer>span{color:var(--muted);font-size:12px}.file-preview-content{overscroll-behavior:contain;background:var(--soft);place-items:center;min-width:0;min-height:0;padding:14px;display:grid;overflow:auto}.file-preview-content img,.file-preview-content video{object-fit:contain;touch-action:pan-x pan-y pinch-zoom;border-radius:10px;max-width:100%;max-height:100%}.file-preview-content audio{width:min(560px,100%)}.file-preview-content iframe{background:var(--panel);border:0;border-radius:10px;width:100%;height:100%}.file-preview-dialog .primary-button{align-items:center;gap:7px;display:inline-flex}@media (max-width:680px){.file-preview-backdrop{padding:0}.file-preview-dialog{width:100%;height:var(--app-viewport-height,100dvh);border:0;border-radius:0}.file-preview-dialog>header{padding-top:max(12px, var(--safe-top));padding-right:max(12px, var(--safe-right));padding-left:max(12px, var(--safe-left))}.file-preview-dialog>footer{padding-right:max(12px, var(--safe-right));padding-bottom:max(12px, var(--safe-bottom));padding-left:max(12px, var(--safe-left));flex-direction:column;align-items:stretch}.file-preview-dialog>footer .primary-button{min-height:var(--touch-target);justify-content:center}.file-preview-content{padding:8px}}.connection-card>div:first-child{align-items:center;gap:10px;display:flex}.connection-card dl{grid-template-columns:1fr 1fr;gap:6px;margin:14px 0;font-size:12px;display:grid}.connection-card dt{color:var(--muted)}.connection-card dd{text-align:right;overflow-wrap:anywhere;margin:0}.status-pill{color:var(--muted);background:var(--soft);border-radius:999px;margin-top:11px;padding:4px 8px;font-size:11px;display:inline-block}.status-pill.connected{color:#047857;background:#d1fae5}.status-pill.pending{color:#92400e;background:#fef3c7}.status-pill.error{color:#b91c1c;background:#fee2e2}.card-actions button,.files-bulk button{color:var(--brand);background:var(--brand-soft);border:0;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;display:inline-flex}.card-actions{flex-wrap:wrap;gap:7px;display:flex}.card-actions .danger{color:var(--danger);background:var(--danger-soft)}.files-bulk{color:var(--brand);background:var(--brand-soft);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.files-empty,.files-loading{color:var(--muted);text-align:center;justify-items:center;gap:7px;padding:80px 20px;display:grid}.files-empty p{margin:0}@media (max-width:1080px){.files-layout{grid-template-columns:170px minmax(0,1fr)}.files-row{grid-template-columns:28px minmax(190px,2fr) 1fr 80px 100px 34px}.files-row>:nth-child(4),.files-row>:nth-child(7){display:none}}@media (max-width:760px){.files-layout{display:block}.files-nav{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow-x:auto}.files-nav button{flex:none}.files-toolbar>.button{flex:auto;justify-content:center}.files-toolbar select{width:100%}.files-row.header{display:none}.files-row{grid-template-columns:28px minmax(0,1fr) 78px 34px}.files-row>:nth-child(3),.files-row>:nth-child(4),.files-row>:nth-child(6),.files-row>:nth-child(7){display:none}.files-content{padding:10px}}.inbox-file-picker{z-index:80;border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;width:min(620px,100vw - 28px);max-height:min(680px,100vh - 28px);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 80px #1a1f1d4d}.inbox-file-picker:before{content:"";z-index:-1;background:#1a1f1d6b;position:fixed;inset:-100vh -100vw}.inbox-file-picker>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px;display:flex}.inbox-file-picker>header div{gap:3px;display:grid}.inbox-file-picker>header span{color:var(--muted);font-size:12px}.inbox-file-picker>header button{background:var(--soft);border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.inbox-file-picker-tabs,.contact-files-tabs{gap:6px;padding:10px 14px;display:flex;overflow-x:auto}.inbox-file-picker-tabs button,.contact-files-tabs button{color:var(--muted);background:var(--soft);border:0;border-radius:999px;flex:none;padding:6px 9px;font-size:12px}.inbox-file-picker-tabs button.active{color:#399a72;background:#eef1f0}.inbox-file-picker-list{min-height:180px;padding:4px 12px 14px;overflow-y:auto}.inbox-file-picker-list>button,.contact-file-list article{border:0;border-bottom:1px solid var(--line);text-align:left;background:var(--panel);grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.inbox-file-picker-list>button:hover{background:var(--soft)}.inbox-file-picker-list span,.contact-file-list div{gap:3px;min-width:0;display:grid}.inbox-file-picker-list strong,.contact-file-list strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inbox-file-picker-list small,.contact-file-list small{color:#6f8079}.inbox-file-picker>footer{border-top:1px solid var(--line);padding:11px 16px}.inbox-file-picker>footer a{color:#65c69e;text-decoration:none}.contact-files-card>header{justify-content:space-between;align-items:center;display:flex}.contact-files-card>header a{color:#65c69e;font-size:12px;text-decoration:none}.contact-files-tabs{padding:8px 0}.contact-file-list article{padding-inline:0}.contact-file-list article>button{color:#47bb8b;background:#f6f7f7;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.composer-file-mode-options{gap:10px;padding:16px;display:grid}.composer-file-mode-options>button{text-align:left;color:#1a1f1d;background:#fff;border:1px solid #e7ebe9;border-radius:12px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:13px;display:grid}.composer-file-mode-options>button:hover:not(:disabled){background:#fafafa;border-color:#9edbc2}.composer-file-mode-options span{gap:3px;display:grid}.composer-file-mode-options small{color:#6f8079}.contact-file-actions{position:relative}.contact-file-actions>summary{color:#47bb8b;cursor:pointer;background:#f6f7f7;border-radius:7px;place-items:center;width:28px;height:28px;list-style:none;display:grid}.contact-file-actions>summary::-webkit-details-marker{display:none}.contact-file-actions>div{z-index:20;background:#fff;border:1px solid #e7ebe9;border-radius:10px;width:210px;padding:7px;position:absolute;top:32px;right:0;box-shadow:0 14px 36px #1a1f1d2e}.contact-file-actions button,.contact-file-actions a,.contact-file-actions label{text-align:left;color:#3f4945;width:100%;font:inherit;background:0 0;border:0;border-radius:7px;padding:7px 8px;text-decoration:none;display:block}.contact-file-actions button:hover,.contact-file-actions a:hover{background:#f4f6f5}.contact-file-actions select{width:100%;margin-top:4px}.automation-create-button{align-items:center;gap:8px;text-decoration:none;display:inline-flex}.automation-feedback{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.automation-feedback button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-weight:700;display:inline-flex}.automation-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.automation-summary-grid article{border:1px solid var(--line);background:var(--panel);border-radius:14px;align-items:center;gap:12px;min-width:0;padding:15px 16px;display:flex;box-shadow:0 5px 18px #20345b0a}.automation-summary-grid article div{gap:2px;display:grid}.automation-summary-grid strong{color:#262d2a;font-size:21px;line-height:1}.automation-summary-grid small{color:#81938b;font-size:11px}.automation-summary-icon{width:38px;height:38px;color:var(--muted);background:var(--soft);border-radius:11px;flex:0 0 38px;justify-content:center;align-items:center;display:inline-flex}.automation-summary-icon.active{color:#11884d;background:#e1f6e9}.automation-summary-icon.draft{color:#69c7a0;background:#f4f6f5}.automation-summary-icon.paused{color:#b26b06;background:#fff0d4}.automation-management-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;overflow:hidden;box-shadow:0 8px 28px #2339620d}.automation-list-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.automation-list-toolbar h2{color:var(--ink);margin:0;font-size:16px}.automation-list-toolbar p{color:#81938b;margin:4px 0 0;font-size:11px}.automation-list-filters{align-items:center;gap:9px;display:flex}.automation-list-filters select,.automation-search-field{border:1px solid var(--line);background:var(--panel);border-radius:10px;min-height:40px}.automation-list-filters select{min-width:150px;color:var(--ink);padding:0 34px 0 11px}.automation-search-field{width:250px;color:var(--muted);align-items:center;gap:8px;padding:0 11px;display:flex}.automation-search-field:focus-within,.automation-list-filters select:focus{border-color:#82d1b0;outline:none;box-shadow:0 0 0 3px #7162f21f}.automation-search-field input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0}.automation-rule-list{display:grid}.automation-rule-row{border-bottom:1px solid #f0f2f1;grid-template-columns:minmax(250px,1.6fr) minmax(140px,.7fr) 105px auto;align-items:center;gap:18px;min-height:82px;padding:14px 18px;transition:background .15s;display:grid}.automation-rule-row:last-child{border-bottom:0}.automation-rule-row:hover{background:#fcfcfc}.automation-rule-identity{align-items:center;gap:12px;min-width:0;display:flex}.automation-rule-identity>div{min-width:0}.automation-rule-identity strong,.automation-rule-identity p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.automation-rule-identity strong{color:#2c3330;font-size:13px;display:block}.automation-rule-identity p{color:#879790;margin:4px 0 0;font-size:10px}.automation-rule-mark{color:#71cba5;background:#f5f7f6;border-radius:12px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.automation-rule-mark.active{color:#159153;background:#e2f6e9}.automation-rule-mark.paused{color:#b26c08;background:#fff1d7}.automation-rule-updated{gap:4px;display:grid}.automation-rule-updated small{color:#8f9e98;text-transform:uppercase;letter-spacing:.04em;font-size:9px}.automation-rule-updated strong{color:#4b5853;font-size:11px;font-weight:600}.automation-status-badge{color:#62c59c;background:#f5f7f6;border-radius:999px;justify-content:center;width:fit-content;min-width:70px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.automation-status-badge.active{color:#11874c;background:#e2f6e9}.automation-status-badge.paused{color:#a75e00;background:#fff0d3}.automation-rule-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.automation-rule-actions .subtle-button{white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:7px 10px;text-decoration:none;display:inline-flex}.automation-rule-actions .icon-only{width:34px;padding:0}.automation-rule-actions .danger{color:#c63e4a}.automation-rule-actions .danger:hover{background:#fff2f3;border-color:#efbdc2}.automation-list-loading{display:grid}.automation-list-loading span{border-bottom:1px solid var(--line);background:linear-gradient(90deg, var(--soft), var(--surface-subtle), var(--soft));background-size:220% 100%;height:82px;animation:1.2s ease-in-out infinite automation-list-shimmer}@keyframes automation-list-shimmer{to{background-position:-220% 0}}.automation-empty-state{text-align:center;flex-direction:column;align-items:center;padding:62px 24px;display:flex}.automation-empty-state>span{color:#71caa5;background:#f5f7f6;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.automation-empty-state h2{color:var(--ink);margin:15px 0 6px;font-size:17px}.automation-empty-state p{max-width:440px;color:var(--muted);margin:0 0 18px;font-size:12px;line-height:1.6}.automation-empty-state.compact{color:var(--muted);padding:48px 24px}.automation-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d183852;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.automation-confirm-dialog{border:1px solid var(--line);background:var(--panel);border-radius:16px;width:min(430px,100%);padding:24px;box-shadow:0 24px 70px #111c3540}.automation-delete-icon{width:42px;height:42px;color:var(--danger);background:var(--danger-soft);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.automation-confirm-dialog h2{color:var(--ink);margin:15px 0 7px;font-size:18px}.automation-confirm-dialog p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.automation-confirm-dialog p strong{color:var(--ink)}.automation-confirm-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.automation-confirm-actions button{justify-content:center;align-items:center;gap:7px;display:inline-flex}@media (max-width:980px){.automation-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.automation-rule-row{grid-template-columns:minmax(230px,1fr) 100px auto}.automation-rule-updated{display:none}}@media (max-width:720px){.automation-list-toolbar,.automation-list-filters{flex-direction:column;align-items:stretch}.automation-search-field,.automation-list-filters select{width:100%}.automation-rule-row{grid-template-columns:1fr auto;gap:12px}.automation-status-badge{justify-self:end}.automation-rule-actions{grid-column:1/-1;justify-content:flex-start;padding-left:50px}}.mobile-nav-layer{z-index:200;position:fixed;inset:0}.mobile-nav-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1f23217a;border:0;width:100%;position:absolute;inset:0}.mobile-nav-drawer{overscroll-behavior:contain;width:min(340px,100vw - 44px);min-width:min(280px,100vw);padding:max(18px, var(--safe-top)) 12px max(16px, var(--safe-bottom)) max(12px, var(--safe-left));background:var(--nav);color:#d2d9d6;flex-direction:column;gap:14px;animation:.18s ease-out mobile-drawer-in;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:22px 0 60px #14171657}.mobile-nav-drawer>header{justify-content:space-between;align-items:center;gap:16px;padding:0 4px 8px;display:flex}.mobile-nav-drawer>header .icon-button{width:var(--touch-target);height:var(--touch-target);color:#fff;background:#2b322f;border-color:#434d49}.mobile-nav-drawer nav{gap:4px;display:grid}.mobile-nav-drawer .nav-item{min-height:var(--touch-target);font-size:14px}.mobile-nav-drawer>.nav-item:last-child{border-top:1px solid #2a5945;border-radius:0;margin-top:auto;padding-top:14px}.mobile-nav-trigger{width:var(--touch-target);height:var(--touch-target);border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:11px;flex:none;place-items:center}@keyframes mobile-drawer-in{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@media (max-width:680px){html,body{width:100%;min-width:320px}body{min-height:100svh}.app-shell{min-height:0;padding-top:var(--safe-top);padding-right:var(--safe-right);padding-left:var(--safe-left)}.main-area,.management-page,.topbar,.topbar-actions,.page-title{min-width:0}.main-area{overflow:hidden}.management-page{overscroll-behavior-y:contain;padding:14px 12px max(18px, var(--safe-bottom));flex:1;overflow:hidden auto}.topbar{padding:7px max(8px, var(--safe-right)) 7px max(8px, var(--safe-left));flex-wrap:nowrap}.topbar .page-title{order:initial;flex:auto}.topbar .page-title h1{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(17px,5.4vw,21px);overflow:hidden}.topbar-actions{order:initial;flex:none;width:auto}.topbar-actions>.icon-button{width:var(--touch-target);height:var(--touch-target)}.topbar-actions>:not(.icon-button):not(.subtle-button){max-width:min(45vw,190px)}.subtle-button,.primary-button,.button,.icon-button,.nav-item,summary,select{min-height:var(--touch-target)}input,textarea,select{font-size:16px}.modal-backdrop,.automation-modal-backdrop{align-items:flex-end;padding:0}.modal-card,.modal-card.quick-editor,.quick-taxonomy,.label-editor,.inbox-file-picker{width:100%;max-width:none;max-height:var(--app-viewport-height,100dvh);padding-bottom:max(18px, var(--safe-bottom));border-radius:18px 18px 0 0}.inbox-file-picker{inset:auto 0 0;transform:none}.auth-centered,.login-page,.login-story,.login-card{min-height:100svh}.auth-centered{padding:max(18px, var(--safe-top)) max(14px, var(--safe-right)) max(18px, var(--safe-bottom)) max(14px, var(--safe-left))}.auth-card,.login-card{width:100%}.composer{margin:0 max(6px, var(--safe-right)) max(6px, var(--safe-bottom)) max(6px, var(--safe-left))}.composer textarea{font-size:16px}.chat-header .icon-button,.back-button,.composer-plus,.send-button,.composer .icon-button{width:var(--touch-target);height:var(--touch-target)}.conversation-row{min-height:72px}.contact-panel.open{top:var(--safe-top);width:100%;max-width:none;padding-right:max(15px, var(--safe-right));padding-bottom:max(17px, var(--safe-bottom));padding-left:max(15px, var(--safe-left))}.contact-drawer-close{width:var(--touch-target);height:var(--touch-target)}}@media (max-width:374px){.management-page{padding-left:9px;padding-right:9px}.topbar-actions .subtle-button{width:var(--touch-target);padding:0;font-size:0;overflow:hidden}.topbar-actions .subtle-button svg{margin:auto}.chat-actions .icon-button:nth-of-type(n+3){display:none}.message,.message.has-attachment{width:auto;max-width:92%}.message.has-attachment:has(.voice-message-card):not(:has(.image-message-card,.video-message-card,.file-message-card)){width:auto;max-width:92%}.message.has-attachment:has(.image-message-card,.video-message-card){width:auto;max-width:92%}.messages{padding-left:8px;padding-right:8px}}@media (max-width:680px){.chat-person,.chat-person-button{min-width:0}.chat-person strong,.chat-person span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-more-actions>div{top:auto;right:max(8px, var(--safe-right));bottom:max(8px, var(--safe-bottom));left:max(8px, var(--safe-left));min-width:0;position:fixed}.conversation-filter-menu{z-index:180;top:auto;right:max(8px, var(--safe-right));bottom:max(8px, var(--safe-bottom));left:max(8px, var(--safe-left));width:auto;max-height:min(82dvh, var(--app-viewport-height,82dvh));padding-bottom:max(10px, var(--safe-bottom));border-radius:18px;position:fixed;overflow-y:auto}.channel-cards.grid,.card-grid,.integration-widget-grid,.dashboard-grid{grid-template-columns:minmax(0,1fr)}.channels-toolbar{grid-template-columns:minmax(0,1fr);gap:9px}.channels-toolbar>*,.channels-search,.channels-view-toggle{grid-column:1;width:100%;min-width:0}.channels-view-toggle{justify-self:stretch}.channels-view-toggle button{flex:1}.channel-card-row,.channel-cards.grid .channel-card-row,.channel-card-row.compact{grid-template-columns:42px minmax(0,1fr);padding:12px}.channel-card-row>input{grid-column:1}.channel-brand-icon{grid-column:1;width:42px;height:42px}.channel-identity{grid-column:2}.channel-badges,.channel-team,.channel-last-event,.channel-conversations,.channel-actions,.channel-cards.grid .channel-team,.channel-cards.grid .channel-last-event,.channel-cards.grid .channel-conversations,.channel-cards.grid .channel-actions{grid-column:1/-1;min-width:0;min-height:0;padding:10px 0}.channel-actions,.inline-actions,.integration-actions,.resource-card>footer{flex-wrap:wrap}.list-row,.team-row,.integration-summary{flex-direction:column;align-items:stretch;min-width:0}.settings-tabs,.integration-tabs{overscroll-behavior-x:contain;overflow-x:auto}.settings-tabs>*,.integration-tabs>*{flex:none}}.studio-mobile-controls,.studio-mobile-flow,.studio-mobile-sheet-header,.studio-mobile-close{display:none}.chat-more-actions{position:relative}.chat-more-actions summary{list-style:none}.chat-more-actions summary::-webkit-details-marker{display:none}.chat-more-actions[open] summary{background:var(--soft)}.chat-more-actions>div{z-index:70;border:1px solid var(--line);background:var(--panel);border-radius:12px;min-width:190px;padding:5px;display:grid;position:absolute;top:calc(100% + 7px);right:0;overflow:hidden;box-shadow:0 16px 40px #252a282e}.chat-more-actions>div button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;min-height:40px;padding:8px 10px;display:flex}.chat-more-actions>div button:hover,.chat-more-actions>div button:focus-visible{background:var(--brand-soft)}@media (max-width:680px){.chat-person{min-width:0}.chat-person strong,.chat-person span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-actions{gap:3px}.chat-more-actions>div{top:auto;right:max(8px, var(--safe-right));bottom:max(8px, var(--safe-bottom));left:max(8px, var(--safe-left));border-radius:16px;min-width:0;padding:8px;position:fixed}.chat-more-actions>div button{min-height:var(--touch-target)}.conversation-filter-menu{z-index:180;top:auto;right:max(8px, var(--safe-right));bottom:max(8px, var(--safe-bottom));left:max(8px, var(--safe-left));width:auto;max-height:min(82dvh, var(--app-viewport-height,82dvh));padding-bottom:max(10px, var(--safe-bottom));border-radius:18px;position:fixed;overflow-y:auto}}@media (max-width:760px){.studio-shell{min-height:0}.studio-header,.studio-title-row,.studio-header-actions{min-width:0}.studio-title-row{flex-direction:column;align-items:flex-start}.studio-name{width:100%;max-width:none;font-size:19px}.studio-header-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.studio-header-actions .save-state{grid-column:1/-1}.studio-header-actions>*{justify-content:center;min-width:0}.studio-tabs{gap:8px;overflow-x:auto}.studio-tabs>*{min-height:var(--touch-target);flex:none}.studio-mobile-controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}.studio-mobile-controls button{min-height:var(--touch-target);justify-content:center;align-items:center;gap:7px;display:inline-flex}.studio-grid{min-height:0;display:block}.studio-canvas-wrap{min-height:0}.studio-canvas{display:none}.studio-mobile-flow{background:var(--soft);gap:9px;padding:10px;display:grid}.studio-mobile-flow article{border:1px solid var(--line);border-left:4px solid var(--brand);background:var(--panel);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:7px;min-width:0;display:grid}.studio-mobile-flow article.selected{box-shadow:0 0 0 3px #81d0af24}.studio-mobile-step-copy{min-width:0;min-height:72px;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:10px;display:flex}.studio-mobile-step-copy>span:last-child{gap:2px;min-width:0;display:grid}.studio-mobile-step-copy small,.studio-mobile-step-copy strong,.studio-mobile-step-copy em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-mobile-step-copy small{color:var(--muted);text-transform:capitalize;font-size:10px}.studio-mobile-step-copy strong{color:var(--ink);font-size:13px}.studio-mobile-step-copy em{color:var(--muted);font-size:11px;font-style:normal}.studio-mobile-step-actions{border-left:1px solid var(--line);grid-template-rows:1fr 1fr;display:grid}.studio-mobile-step-actions button{width:var(--touch-target);min-height:var(--touch-target);border:0;border-bottom:1px solid var(--line);color:var(--muted);background:0 0;place-items:center;display:grid}.studio-mobile-step-actions button:last-child{border-bottom:0}.studio-mobile-step-actions button:disabled{opacity:.28}.studio-footer{flex-wrap:wrap;align-items:flex-start}.studio-footer .toolbar-spacer{display:none}.studio-footer .button{width:100%}.palette-panel,.inspector-panel{z-index:220;top:var(--safe-top);max-height:var(--app-viewport-height,100dvh);padding:14px max(14px, var(--safe-right)) max(18px, var(--safe-bottom)) max(14px, var(--safe-left));box-shadow:none;border:0;border-radius:0;display:none;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.palette-panel.mobile-open,.inspector-panel.mobile-open{display:block}.palette-panel>h3{display:none}.studio-mobile-sheet-header{z-index:2;background:#fff;border-bottom:1px solid #e7eae9;justify-content:space-between;align-items:center;gap:14px;margin:-14px -14px 14px;padding:10px 14px;display:flex;position:sticky;top:-14px}.studio-mobile-sheet-header>span{font-size:18px;font-weight:800}.studio-mobile-close{margin-left:auto;display:grid}.inspector-heading{z-index:2;background:#fff;margin:-14px -14px 14px;padding:10px 14px;position:sticky;top:-14px}.inspector-panel input,.inspector-panel select,.inspector-panel textarea{min-height:var(--touch-target);font-size:16px}}@media (max-width:520px){.automation-summary-grid{grid-template-columns:1fr}.automation-rule-actions{flex-wrap:wrap;padding-left:0}.automation-confirm-actions{grid-template-columns:1fr;display:grid}}.media-card{box-sizing:border-box;text-align:left;background:#ffffffc7;border:1px solid #6f817a29;border-radius:16px;align-items:center;gap:10px;width:100%;min-width:0;max-width:420px;margin-top:8px;padding:8px;display:flex;overflow:hidden}.media-card button{font:inherit}.media-meta{gap:2px;min-width:0;display:grid}.media-meta strong{color:#204a39;font-size:12px;font-weight:750}.media-meta small{color:#71847c;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.media-preview{object-fit:cover;background:#edf0ef;border-radius:12px;width:100%;height:auto;max-height:420px;display:block}.image-message-card,.video-message-card{background:0 0;border:0;gap:0;margin-top:2px;padding:0;display:grid;position:relative;overflow:hidden}.image-message-card{overflow:visible}.image-preview-button{cursor:zoom-in;background:#edf0ef;border:0;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.image-preview-button:after{content:"";opacity:0;background:linear-gradient(#0000 58%,#171a195c);transition:opacity .16s;position:absolute;inset:0}.image-preview-button:hover:after,.image-preview-button:focus-visible:after{opacity:1}.image-expand-hint{z-index:1;color:#fff;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171a19b8;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:10px;transition:opacity .16s,transform .16s;display:inline-flex;position:absolute;bottom:8px;right:8px;transform:translateY(4px)}.image-preview-button:hover .image-expand-hint,.image-preview-button:focus-visible .image-expand-hint{opacity:1;transform:translateY(0)}.media-card-footer{align-items:center;gap:10px;min-width:0;padding:8px 7px 4px;display:flex}.media-card-footer .media-meta{flex:1}.media-action-button{color:#51be91;cursor:pointer;background:#81d0af17;border:0;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;transition:background .14s,transform .14s;display:inline-grid}.media-action-button:hover{background:#81d0af29;transform:translateY(-1px)}.media-action-button:disabled{cursor:not-allowed;opacity:.4}.media-loading{color:#74877f;flex:1;justify-content:center;align-items:center;gap:8px;min-height:64px;font-size:11px;display:flex}.media-lightbox{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0f0ef0;grid-template-rows:auto 1fr;padding:18px;display:grid;position:fixed;inset:0}.media-lightbox-toolbar{color:#fff;justify-content:flex-end;align-items:center;gap:8px;padding-bottom:12px;display:flex}.media-lightbox-toolbar span{text-overflow:ellipsis;white-space:nowrap;margin-right:auto;font-size:12px;overflow:hidden}.media-lightbox-toolbar output{color:#ffffffb8;text-align:center;min-width:44px;font-size:10px}.media-lightbox-toolbar button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;place-items:center;width:38px;height:38px;display:inline-grid}.media-lightbox-toolbar button:disabled{cursor:not-allowed;opacity:.35}.media-lightbox-image{border-radius:16px;min-height:0;position:relative;overflow:auto}.media-lightbox-image>div{transform-origin:50%;width:100%;height:100%;transition:transform .18s;position:relative}.media-lightbox-image img{object-fit:contain}.voice-message-card{background:0 0;border:0;border-radius:0;gap:8px;width:100%;min-width:0;max-width:340px;margin-top:2px;padding:3px 2px 1px;overflow:visible}.media-overlay-action{z-index:2;color:#fff;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171a19a8;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:32px;height:32px;transition:opacity .15s,background .15s;display:inline-grid;position:absolute;top:8px;right:8px}.image-message-card:hover .media-overlay-action,.image-message-card:focus-within .media-overlay-action,.video-message-card:hover .media-overlay-action,.video-message-card:focus-within .media-overlay-action{opacity:1}.media-overlay-action:hover{background:#171a19d1}.media-overlay-action:disabled{cursor:not-allowed;opacity:.35}.video-preview-shell{background:#1f2321;border-radius:12px;min-height:160px;position:relative;overflow:hidden}.video-preview-shell .media-preview{min-height:160px}.video-play-overlay{z-index:1;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#171a1994;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:58px;height:58px;padding-left:3px;transition:background .15s,transform .15s;display:inline-grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-play-overlay:hover{background:#171a19bd;transform:translate(-50%,-50%)scale(1.04)}.video-duration-badge{z-index:1;color:#fff;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#171a199e;border-radius:999px;padding:3px 6px;font-size:10px;line-height:1;position:absolute;bottom:8px;right:9px}.voice-message-card audio{display:none}.voice-play-button{color:#60c49a;cursor:pointer;width:34px;height:34px;box-shadow:none;background:#81d0af1c;border:0;border-radius:50%;flex:none;place-items:center;padding-left:2px;transition:background .14s,transform .14s;display:inline-grid}.voice-play-button:hover{background:#81d0af2e;transform:scale(1.03)}.voice-track{flex:1;gap:2px;min-width:0;display:grid}.voice-time{color:#7b8e86;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;font-size:9px;line-height:1;display:flex}.voice-waveform-control{border-radius:6px;height:26px;display:block;position:relative}.voice-waveform-control:focus-within{outline-offset:3px;outline:2px solid #81d0af6b}.voice-waveform{pointer-events:none;align-items:center;gap:1.5px;height:26px;display:flex;overflow:hidden}.voice-waveform i{background:#5f6f6838;border-radius:999px;flex:1;width:2px;max-width:3px;transition:background 90ms linear,opacity 90ms linear}.voice-waveform i.active{background:#81d0af}.voice-progress-dot{z-index:1;pointer-events:none;background:#81d0af;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffffeb}.voice-waveform-control input[type=range]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.voice-speed-button{color:#70827b;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;min-width:28px;height:28px;font-size:10px;font-weight:800;transition:background .14s}.voice-speed-button:hover{background:#81d0af17}.voice-message-card .media-action-button{color:#70827b;background:0 0;border-radius:50%;width:28px;height:28px}.voice-message-card .media-action-button:hover{background:#81d0af17;transform:none}.message.outgoing .voice-play-button{color:#fff;background:#20a66a}.message.outgoing .voice-play-button:hover{background:#168d59}.message.outgoing .voice-waveform i{background:#147d543d}.message.outgoing .voice-waveform i.active,.message.outgoing .voice-progress-dot{background:#168d59}.message.outgoing .voice-speed-button,.message.outgoing .voice-message-card .media-action-button{color:#39705b}.file-message-card{appearance:none;cursor:pointer}.file-message-card .media-meta{flex:1}.file-message-icon{color:#51be91;background:#81d0af1a;border-radius:11px;place-items:center;width:38px;height:38px;display:inline-grid}.message-reaction-area{z-index:5;opacity:0;pointer-events:none;justify-content:flex-end;transition:opacity .12s;display:flex;position:absolute;top:-14px;right:8px}.message:hover .message-reaction-area,.message-reaction-area:focus-within{opacity:1;pointer-events:auto}.message-reaction-trigger,.message-copy-trigger,.reaction-picker button{background:var(--panel);cursor:pointer;border:0}.message-reaction-area>button{color:#6f8079;border-radius:9px;place-items:center;width:30px;height:30px;display:inline-grid;box-shadow:0 5px 14px #252a281f}.message-reaction-badges{border:1px solid var(--line);background:var(--panel);z-index:3;border-radius:10px;gap:2px;padding:2px 5px;font-size:15px;line-height:1;display:flex;position:absolute;bottom:-12px;right:10px;box-shadow:0 2px 7px #252b2829}.message-reaction-badges button{cursor:pointer;font-size:inherit;background:0 0;border:0;padding:0}.message-reaction-trigger{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);border-radius:50%;place-items:center;display:inline-grid;box-shadow:0 2px 8px #252b2829}.reaction-picker{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);z-index:4;border-radius:10px;gap:2px;padding:5px;display:flex;position:absolute;top:0;right:34px}.reaction-picker button{padding:3px;font-size:18px}.search-overlay{z-index:100;background:#1a1f1d8c;place-items:start center;padding-top:10vh;display:grid;position:fixed;inset:0}.search-dialog{background:var(--app-surface,#fff);width:min(720px,92vw);max-height:70vh;color:var(--app-text,inherit);border:1px solid var(--app-border,transparent);border-radius:18px;padding:16px;overflow:auto;box-shadow:0 24px 70px #1a1f1d40}.search-input{border:1px solid var(--app-border,#e3e7e5);border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.search-input input{color:inherit;background:0 0;border:0;outline:0;flex:1;font-size:16px}.search-results{gap:8px;margin-top:12px;display:grid}.search-results button{text-align:left;border:1px solid var(--app-border,#f2f3f3);background:var(--app-surface-raised,#fff);color:inherit;border-radius:10px;gap:3px;padding:10px;display:grid}.search-results span{text-transform:uppercase;color:var(--app-text-muted,#6f8079);font-size:10px}.search-results p{color:var(--app-text-muted,#515f59);margin:0}.search-results mark{background:#fef08a}.warning-banner{color:#9a3412;background:#fff7ed;border-radius:10px;margin-bottom:16px;padding:12px}.integration-tabs{overflow-x:auto}.automation-conditions{border:1px solid var(--line);background:var(--soft);border-radius:12px;gap:10px;margin:0;padding:14px;display:grid}.automation-conditions legend{padding:0 5px;font-weight:700}.automation-conditions .muted{margin:0;font-size:12px}.automation-condition-row{grid-template-columns:1fr 1fr 1.2fr auto;align-items:center;gap:8px;display:grid}.automation-action-chain{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;display:flex}.automation-action-chain .muted{margin-right:4px;font-size:12px}.automation-runs-list{gap:12px;display:grid}.automation-run-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:hidden}.automation-run-summary{background:var(--panel);text-align:left;cursor:pointer;border:0;grid-template-columns:1.2fr 1fr .5fr 1fr auto;align-items:center;gap:16px;width:100%;padding:16px 18px;display:grid}.automation-run-summary>span:not(.automation-run-status){gap:3px;display:grid}.automation-run-summary small,.automation-step small{color:var(--muted);font-size:12px}.automation-run-status{color:#6f8079;text-transform:capitalize;align-items:center;gap:6px;width:max-content;font-size:12px;font-weight:700;display:inline-flex}.automation-run-status.completed{color:#16804f}.automation-run-status.failed,.automation-run-status.blocked{color:#b42318}.automation-run-detail{border-top:1px solid var(--line);background:var(--soft);padding:16px 18px 20px}.automation-run-detail dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px;display:grid}.automation-run-detail dl div{gap:4px;display:grid}.automation-run-detail dt{color:var(--muted);font-size:11px}.automation-run-detail dd{text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.automation-run-detail h3{margin:0 0 10px;font-size:14px}.automation-step-list{gap:8px;display:grid}.automation-step{border:1px solid var(--line);background:var(--panel);border-radius:9px;align-items:center;gap:10px;padding:10px 12px;display:flex}.studio-shell{flex-direction:column;gap:16px;min-height:calc(100vh - 170px);display:flex}.studio-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.breadcrumb{color:#7d8f88;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.studio-title-row{align-items:center;gap:10px;display:flex}.studio-name{color:#252c29;background:0 0;border:0;max-width:360px;padding:0;font-size:22px;font-weight:700}.studio-status{color:#159455;background:#e9f8ef;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:700}.studio-header-actions{align-items:center;gap:8px;display:flex}.save-state{color:#26965d;margin-right:8px;font-size:12px}.studio-tabs{border-bottom:1px solid #e5e9e7;gap:26px;display:flex}.studio-tabs button{color:#7d8f88;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 4px;font-weight:600}.studio-tabs button.active{color:#73cba6;border-bottom-color:#73cba6}.studio-grid{flex:1;grid-template-columns:270px minmax(520px,1fr) 300px;gap:12px;min-height:660px;display:grid}.studio-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;overflow:auto;box-shadow:0 4px 14px #1c32600c}.palette-panel h3,.inspector-panel h3{color:var(--ink);margin:0 0 12px}.palette-panel>input,.inspector-panel input,.inspector-panel select{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);border-radius:8px;padding:9px 10px}.palette-tabs{border-bottom:1px solid var(--line);margin:12px 0;display:flex}.palette-tabs span{text-align:center;color:var(--muted);flex:1;padding:8px 4px;font-size:12px}.palette-tabs .active{color:var(--brand);border-bottom:2px solid var(--brand)}.palette-group{margin-top:14px}.palette-group h4{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:10px 0;font-size:11px}.palette-item{text-align:left;background:var(--soft);cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;width:100%;margin:5px 0;padding:9px 7px;display:flex}.palette-item:hover{border-color:var(--brand);background:var(--panel)}.palette-item.planned,.palette-item:disabled{cursor:not-allowed;opacity:.62}.palette-item.planned:hover,.palette-item:disabled:hover{background:var(--soft);border-color:#0000}.palette-item strong,.palette-item small{display:block}.palette-item strong{color:var(--ink);font-size:12px}.palette-item small{color:var(--muted);margin-top:3px;font-size:10px}.drag-handle{color:var(--muted);margin-left:auto}.node-icon{background:var(--soft);width:28px;height:28px;color:var(--muted);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.node-icon.green{color:#12a25e;background:#e5f8ed}.node-icon.orange{color:#e88b12;background:#fff0db}.node-icon.blue{color:#76cca8;background:#f2f4f3}.node-icon.red{color:#df4c47;background:#ffebea}.node-icon.purple{color:#74cca7;background:#f4f5f5}.studio-canvas-wrap{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.canvas-toolbar{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.canvas-toolbar button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:6px;padding:4px 8px}.toolbar-spacer{flex:1}.studio-canvas{background-color:var(--soft);background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:18px 18px;flex:1;min-height:580px;position:relative;overflow:auto}.canvas-edges{pointer-events:none;width:100%;height:100%;position:absolute}.canvas-edges path{fill:none;stroke:var(--muted);stroke-width:2px;stroke-dasharray:4 4}.canvas-edges .persisted-edge{pointer-events:stroke;cursor:pointer}.canvas-edges .connection-preview{stroke:var(--brand);stroke-width:2.5px;stroke-dasharray:7 6;animation:.7s linear infinite automation-connection-flow}.canvas-edges marker path{fill:var(--muted);stroke:none}@keyframes automation-connection-flow{to{stroke-dashoffset:-13px}}.flow-node{text-align:left;background:var(--panel);border:2px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:8px;width:235px;padding:9px;display:flex;position:absolute;box-shadow:0 4px 12px #293b650f}.flow-node.selected{box-shadow:0 0 0 3px var(--brand-soft)}.flow-node.disconnected{border-style:dashed;box-shadow:0 0 0 3px #fff1c7}.flow-node.disconnected:after{content:"Bağlantısız";color:#9b6510;background:#fff4d6;border:1px solid #f0d58a;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700;position:absolute;top:-24px;right:8px}.flow-node.connection-target{transform:translateY(-2px);box-shadow:0 0 0 4px #eaedec,0 8px 24px #5c4af42b}.flow-node.green{border-color:#34be77}.flow-node.orange{border-color:#eab25d}.flow-node.blue{border-color:#87d3b3}.flow-node.red{border-color:#df6d66}.flow-node.purple{border-color:#91d6b9}.flow-index{color:var(--muted);font-size:11px;position:absolute;left:-20px}.flow-copy small,.flow-copy strong,.flow-copy em{display:block}.flow-copy small{color:var(--muted);font-size:9px}.flow-copy strong{color:var(--ink);margin-top:3px;font-size:12px}.flow-copy em{color:var(--muted);margin-top:3px;font-size:10px;font-style:normal}.studio-footer{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.ready-dot{color:#1a9b59;background:#dff7e8;border-radius:50%;padding:2px 5px}.studio-footer strong{color:#24965b}.inspector-heading{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;display:flex}.inspector-heading h3{margin:0}.inspector-heading small{color:var(--muted)}.inspector-panel label{color:var(--muted);margin:14px 0;font-size:11px;font-weight:600;display:block}.inspector-panel label input,.inspector-panel label select{margin-top:6px;display:block}.inspector-actions{gap:8px;margin-top:24px;display:flex}.notice.error{color:var(--danger);background:var(--danger-soft);border-color:var(--danger)}.button{border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:9px 13px;font-weight:600}.button.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.button.secondary{background:var(--panel);color:var(--ink)}.muted{color:var(--muted);font-size:12px}@media (max-width:1100px){.studio-grid{grid-template-columns:230px minmax(420px,1fr)}.inspector-panel{grid-column:1/-1;max-height:none}.studio-header{flex-direction:column;align-items:flex-start}.studio-header-actions{flex-wrap:wrap}.studio-canvas{min-height:520px}}.flow-port{border:3px solid var(--panel);background:var(--brand);width:32px;height:32px;box-shadow:0 0 0 1px var(--brand);color:#fff;cursor:pointer;z-index:3;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:20px;line-height:1;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex;position:absolute}.input-port{background:var(--muted);box-shadow:0 0 0 1px var(--muted);font-size:22px;top:-17px;left:50%;transform:translate(-50%)}.output-port{bottom:-17px;left:50%;transform:translate(-50%)}.flow-node.green .output-port{background:#20a868;box-shadow:0 0 0 1px #20a868}.flow-node.orange .output-port{background:#e59a29;box-shadow:0 0 0 1px #e59a29}.flow-node.blue .output-port{background:#7dcfad;box-shadow:0 0 0 1px #7dcfad}.flow-port:hover{transform:translate(-50%)scale(1.3)}.flow-port:focus-visible{outline-offset:3px;outline:3px solid #338b66}.flow-port:disabled{cursor:default;opacity:.22}.studio-canvas:not(.connecting) .input-port{opacity:0;pointer-events:none}.studio-canvas.connecting .output-port:not([aria-pressed=true]){opacity:.35}.connection-hint{z-index:4;color:#fff;background:#38976f;border-radius:16px;padding:6px 14px;font-size:11px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #17204a33}.studio-canvas.connecting .flow-node{cursor:crosshair}.studio-canvas{min-width:1100px;min-height:760px}.canvas-edges{width:1100px;height:760px;inset:0}.flow-node{touch-action:none;-webkit-user-select:none;user-select:none}.automation-step div{gap:2px;display:grid}.rotate-180{transform:rotate(180deg)}@media (max-width:760px){.automation-run-summary{grid-template-columns:1fr auto}.automation-run-summary>span:nth-child(3),.automation-run-summary>span:nth-child(4){display:none}.automation-run-detail dl,.automation-condition-row{grid-template-columns:1fr}}.integration-summary{border:1px solid var(--line);background:linear-gradient(135deg, var(--panel) 0%, var(--brand-soft) 100%);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:22px 24px;display:flex}.integration-summary h2{margin:6px 0 5px;font-size:22px}.integration-summary p{color:var(--muted);margin:0}.integration-summary-stat{text-align:right;gap:2px;min-width:110px;display:grid}.integration-summary-stat strong{color:var(--brand);font-size:30px}.integration-summary-stat span{color:var(--muted);font-size:12px}.integration-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.integration-widget{border:1px solid var(--line);background:var(--panel);min-height:170px;box-shadow:var(--shadow);border-radius:16px;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden}.integration-widget-featured{border-color:var(--app-border-strong,#dee2e0);background:linear-gradient(135deg, var(--panel) 0%, var(--brand-soft) 100%);grid-column:span 2}.integration-widget-icon{width:50px;height:50px;color:var(--muted);background:var(--soft);border-radius:14px;flex:0 0 50px;place-items:center;display:grid}.integration-widget-icon.bitrix-icon{color:#6ecaa4;background:#f3f4f4}.integration-widget-icon.whatsapp-icon{color:#0aaf63;background:#e9f9f0}.integration-widget-body{flex:1;align-content:start;gap:10px;min-width:0;display:grid}.integration-widget-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.integration-widget-heading h2{color:var(--ink);margin:0;font-size:18px}.integration-widget-body p{color:var(--muted);margin:0;line-height:1.5}.integration-widget-portal{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.integration-widget-actions{align-items:center;gap:8px;margin-top:4px;display:flex}.integration-widget-actions a,.subtle-button{align-items:center;gap:6px;display:inline-flex}.integration-widget-footer{color:#27734b;align-items:center;gap:6px;font-size:12px;display:inline-flex;position:absolute;bottom:16px;right:20px}.integration-widget-disabled{min-height:145px;box-shadow:none;background:var(--soft)}.integration-widget-disabled .integration-widget-body{opacity:.78}.coming-soon-pill{color:#6f8079;white-space:nowrap;background:#f0f2f1;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.integration-disabled-note{color:#909f99;font-size:12px}@media (max-width:760px){.integration-summary{align-items:flex-start}.integration-summary-stat{text-align:left}.integration-widget-grid{grid-template-columns:1fr}.integration-widget-featured{grid-column:auto}.integration-widget-footer{margin-top:4px;position:static}}.integration-hero{border:1px solid var(--line);background:linear-gradient(135deg, var(--panel) 0%, var(--brand-soft) 100%);border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:24px;display:flex}.integration-hero h2{margin:10px 0 4px;font-size:24px}.integration-hero p{color:var(--muted);margin:0}.integration-actions{flex-wrap:wrap;gap:8px;display:flex}.integration-actions button,.inline-action{align-items:center;gap:7px;display:inline-flex}.integration-actions button{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:10px 12px}.integration-actions .danger-link{color:#b42318}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metrics-grid article{border:1px solid var(--line);background:var(--panel);border-radius:14px;align-items:center;gap:12px;padding:18px;display:flex}.metrics-grid article>svg{color:var(--brand)}.metrics-grid span{gap:3px;display:grid}.metrics-grid small{color:var(--muted)}.inline-action{margin:0 0 14px auto}.integration-table header{justify-content:space-between;align-items:center;display:flex}.integration-table header span{color:var(--muted);font-size:13px}.data-list{border:1px solid var(--line);border-radius:12px;gap:0;margin-top:14px;display:grid;overflow:hidden}.data-list article{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1fr) minmax(120px,.6fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.data-list article:last-child{border-bottom:0}.data-list span,.data-list small{color:var(--muted)}.compact-empty{min-height:150px}.docs-link{margin-top:12px;text-decoration:none;display:inline-flex}@media (max-width:900px){.integration-hero{flex-direction:column;align-items:flex-start}.metrics-grid,.data-list article{grid-template-columns:1fr}.integration-actions{width:100%}}.conversation-context select{border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:8px;padding:6px 28px 6px 9px}.conversation-context .conversation-assignee-select{max-width:148px}.crm-context-card,.internal-notes{border-top:1px solid var(--line)}.crm-source-row{justify-content:space-between;align-items:center;margin:8px 0;display:flex}.crm-source-row small{color:var(--muted)}.crm-empty{color:var(--muted);padding:10px 0}.crm-empty button,.internal-notes>button{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:8px 10px}.note-list{gap:8px;max-height:180px;margin:8px 0;display:grid;overflow:auto}.note-list article{background:#fff8db;border:1px solid #f3df8d;border-radius:9px;padding:9px}.note-list p{margin:0 0 4px;font-size:13px}.note-list small{color:#756622}.internal-notes textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--line);width:100%;min-height:64px;font:inherit;background:var(--panel);color:inherit;border-radius:9px;margin:6px 0;padding:9px}.sidebar a{text-decoration:none}.page-title{flex-direction:column;display:flex}.page-title strong{font-size:17px}.management-page{flex:1;padding:28px;overflow:auto}.management-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start;gap:20px;display:grid}.management-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:24px;box-shadow:0 8px 28px #1e2d460f}.management-card h2{color:var(--ink);margin:0 0 6px;font-size:20px}.management-card>p{color:var(--muted);margin:0 0 18px;font-size:13px}.stack-form{gap:16px;display:grid}.stack-form>label,.stack-form .form-row label{color:var(--ink);gap:7px;font-size:12px;font-weight:700;display:grid}.stack-form input:not([type=checkbox]),.stack-form select{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:var(--panel);font:inherit;border-radius:10px;outline:none;padding:0 12px;font-weight:500;transition:border-color .15s,box-shadow .15s}.stack-form input:not([type=checkbox]):focus,.stack-form select:focus{border-color:#81d0af;box-shadow:0 0 0 3px #6b5cf51f}.checkbox-field{align-items:center;min-height:42px;padding-top:20px;gap:9px!important;display:flex!important}.checkbox-field input{width:16px;height:16px;accent-color:var(--brand)}.list-row{border-bottom:1px solid #f0f2f1;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;display:flex}.list-row:last-child{border-bottom:0}.list-row strong{color:var(--ink)}.list-row p{color:var(--muted);margin:5px 0 0;font-size:12px}.inline-actions{align-items:center;gap:8px;display:inline-flex}.inline-actions button,.inline-actions a{color:#5ac297;background:#fff;border:1px solid #dfe3e1;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:700;text-decoration:none}@media (max-width:980px){.management-grid{grid-template-columns:1fr}}.page-subtitle{color:var(--muted);margin:0 0 22px;font-size:13px}.management-search{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;width:min(480px,100%);height:42px;margin-bottom:20px;padding:0 12px;display:flex}.management-search input{border:0;outline:0;flex:1}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.channel-platform-bar{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);scrollbar-width:thin;border-radius:13px;gap:8px;margin-bottom:18px;padding:6px;display:flex;overflow-x:auto}.channel-platform-bar button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex:none;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.channel-platform-bar button:hover:not(:disabled){border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.channel-platform-bar button.active{border-color:var(--brand);background:var(--brand);color:#fff}.channel-platform-bar button:disabled{cursor:not-allowed;opacity:.62}.channel-platform-bar strong{background:var(--soft);min-width:20px;color:var(--muted);text-align:center;border-radius:999px;padding:2px 6px;font-size:10px}.channel-platform-bar em{color:var(--muted);text-transform:uppercase;font-size:9px;font-style:normal}.channel-platform-bar{border-radius:15px;gap:0;min-height:94px;padding:0 18px;box-shadow:0 7px 22px #1e2d460d}.channel-platform-bar button{border:0;border-right:1px solid var(--line);min-width:132px;min-height:92px;color:var(--ink);border-radius:0;justify-content:center;padding:0 17px;font-size:13px;position:relative}.channel-platform-bar button:after{content:"";background:0 0;border-radius:999px 999px 0 0;height:3px;position:absolute;bottom:0;left:20px;right:20px}.channel-platform-bar button.active{color:var(--brand);background:linear-gradient(#705bff08,#705bff14)}.channel-platform-bar button.active:after{background:var(--brand)}.channel-platform-bar button.active strong{color:var(--brand);background:var(--brand-soft)}.channel-platform-bar button:first-child svg{color:var(--ink)}.channel-platform-bar button:nth-child(2) svg{color:#16a34a}.channel-platform-bar button.whatsapp-web-coming-soon svg{color:#128c7e}.channel-platform-bar em{background:var(--soft);color:var(--muted);letter-spacing:0;border-radius:5px;padding:3px 7px;font-size:8px;position:absolute;bottom:13px}.channels-center{margin-top:30px}.channels-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.channels-section-header>div{align-items:center;gap:10px;display:flex}.channels-section-header h2{color:#1f2522;margin:0;font-size:22px}.channels-section-header span{color:#6f817a;background:#eff2f1;border-radius:6px;padding:4px 8px;font-size:11px}.channels-toolbar{grid-template-columns:minmax(260px,370px) 160px 190px 1fr auto;align-items:center;gap:16px;margin-bottom:22px;display:grid}.channels-search,.channels-toolbar select{border:1px solid var(--line);background:var(--panel);min-height:43px;color:var(--muted);border-radius:9px}.channels-search{align-items:center;gap:10px;padding:0 13px;display:flex}.channels-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.channels-toolbar select{padding:0 12px}.channels-view-toggle{border:1px solid var(--line);background:var(--panel);border-radius:9px;grid-column:-2/-1;justify-self:end;display:inline-flex;overflow:hidden}.channels-view-toggle button{border:0;border-left:1px solid var(--line);width:58px;height:43px;color:var(--ink);cursor:pointer;background:0 0;place-items:center;display:grid}.channels-view-toggle button:first-child{border-left:0}.channels-view-toggle button.active{box-shadow:inset 0 0 0 1px var(--brand);color:var(--brand)}.channel-cards{gap:18px;display:grid}.channel-cards.grid{grid-template-columns:repeat(auto-fill,minmax(470px,1fr))}.channel-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #1f304c0d}.channel-card-row{grid-template-columns:24px 60px minmax(240px,1.25fr) minmax(125px,.6fr) minmax(155px,.7fr) minmax(155px,.7fr) minmax(135px,.55fr) auto;align-items:center;min-height:138px;padding:18px 20px;display:grid}.channel-card-row>input{accent-color:#77cda9;width:18px;height:18px}.channel-brand-icon{color:#16a34a;border:2px solid #16a34a;border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.channel-identity{min-width:0}.channel-identity h3{color:#242a27;margin:0 0 4px;font-size:18px}.channel-identity>strong{color:#275240;font-size:13px}.channel-identity p{color:#6f817a;flex-wrap:wrap;align-items:center;gap:7px;margin:8px 0 0;font-size:11px;display:flex}.channel-identity p svg{color:#4fbe90}.channel-session-trigger{color:#4fbe90;cursor:pointer;background:#2571e814;border:1px solid #2571e847;border-radius:7px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.channel-session-trigger:hover{background:#2571e829;border-color:#2571e88c;transform:translateY(-1px)}.channel-session-trigger:focus-visible{outline-offset:2px;outline:2px solid #4fbe90}.channel-identity p span:before{content:"•";margin-right:7px}.channel-badges,.channel-team,.channel-last-event,.channel-conversations,.channel-actions{border-left:1px solid #e8ebea;min-height:86px;padding:9px 18px}.channel-badges{flex-wrap:wrap;align-content:center;gap:6px;display:flex}.channel-team>span,.channel-last-event>span,.channel-conversations>span{color:#7d9088;margin-bottom:8px;font-size:10px;display:block}.channel-team>strong{color:#6d7f77;margin-top:7px;font-size:11px;display:block}.channel-avatars{align-items:center;min-height:27px;display:flex}.channel-avatars i{border:2px solid var(--panel);background:var(--brand-soft);width:27px;height:27px;color:var(--brand);border-radius:50%;place-items:center;margin-right:-5px;font-size:8px;font-style:normal;font-weight:800;display:grid}.channel-last-event strong{color:#3b4541;align-items:center;gap:9px;font-size:13px;display:flex}.channel-last-event strong i{background:#16b95f;border-radius:50%;width:8px;height:8px}.channel-last-event strong i.warning{background:#ff9418}.channel-conversations>strong{color:#242a27;font-size:22px;display:block}.channel-conversations p{gap:14px;margin:5px 0 0;display:flex}.channel-conversations p span{color:#159d55;align-items:center;gap:3px;font-size:10px;display:inline-flex}.channel-conversations p span:last-child{color:#57c195}.channel-actions{align-items:center;gap:9px;display:flex}.channel-actions button,.channel-actions>a{border:1px solid var(--line);background:var(--panel);min-width:42px;min-height:42px;color:var(--ink);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.channel-actions .manage-channel{color:#7aceab;border-color:#7aceab;min-width:102px}.channel-list-head{color:#82938c;grid-template-columns:60px minmax(260px,1.1fr) minmax(150px,.55fr) minmax(240px,.9fr) minmax(150px,.55fr) auto;align-items:center;gap:0;padding:0 20px 9px;font-size:10px;font-weight:750;display:grid}.channel-list-head span:first-child{grid-column:1/3}.channel-list-head span:last-child{justify-self:end}.channel-card-row.compact{grid-template-columns:60px minmax(260px,1.1fr) minmax(150px,.55fr) minmax(240px,.9fr) minmax(150px,.55fr) auto;min-height:112px}.channel-card-row.compact .channel-badges,.channel-card-row.compact .channel-bitrix-mapping,.channel-card-row.compact .channel-last-event,.channel-card-row.compact .channel-actions{border-left:1px solid #e8ebea;min-height:76px;padding:9px 18px}.channel-bitrix-mapping{align-content:center;gap:5px;display:grid}.channel-bitrix-mapping strong{color:#363e3b;font-size:12px}.channel-bitrix-mapping small{color:#81938b;font-size:10px}.channel-bitrix-state,.channel-binding-status{color:#9b610d;background:#fff0d8;border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.channel-bitrix-state.active,.channel-binding-status.active{color:#187542;background:#e8f8ee}.channel-bitrix-state.unmapped,.channel-binding-status.unmapped{color:#70827b;background:#f0f3f2}.channel-actions .channel-settings-button{color:#6bc8a1;background:#fafafa;border-color:#7aceab}.channel-actions .channel-settings-button:hover{background:#f3f5f4}.channel-warning{color:#a85a08;background:#fffaf1;border:1px solid #ffc978;border-radius:10px;align-items:center;gap:12px;min-height:50px;margin:0 18px 18px;padding:10px 15px;font-size:11px;display:flex}.channel-warning span{flex:1}.channel-warning button{color:#71cba5;cursor:pointer;background:0 0;border:0}.channel-cards.grid .channel-card-row{grid-template-columns:24px 60px 1fr auto}.channel-cards.grid .channel-team,.channel-cards.grid .channel-last-event,.channel-cards.grid .channel-conversations{border-top:1px solid #e8ebea;border-left:0}.channel-cards.grid .channel-card-row{align-items:start}.channel-cards.grid .channel-team{grid-column:2/3}.channel-cards.grid .channel-last-event{grid-column:3/4}.channel-cards.grid .channel-conversations{grid-column:2/3}.channel-cards.grid .channel-actions{border-left:0;grid-column:3/5}.provider-choice-note,.wa-web-risk-note{color:#27553a;background:#f1fbf5;border:1px solid #b9e7cc;border-radius:11px;align-items:flex-start;gap:11px;margin:12px 0;padding:12px;display:flex}.provider-choice-note.warning,.wa-web-risk-note{color:#87520e;background:#fff9ef;border-color:#f3cd8e}.provider-choice-note p,.wa-web-risk-note p{margin:0;font-size:11px;line-height:1.55}.provider-choice-note strong{margin-bottom:3px;display:block}.channel-session-modal{width:min(610px,100vw - 30px)}.channel-session-modal>header{justify-content:space-between;align-items:flex-start;display:flex}.wa-web-qr,.wa-web-session-state{text-align:center;background:#f7f8f8;border-radius:13px;place-items:center;margin:18px 0;padding:18px;display:grid}.wa-web-qr img{aspect-ratio:1;width:260px;max-width:100%}.wa-web-session-state{color:#63746d;gap:8px;min-height:190px}.session-facts div{border-bottom:1px solid #eaedec;justify-content:space-between;padding:9px 0;display:flex}@media (max-width:1350px){.channel-card-row{grid-template-columns:24px 55px minmax(220px,1fr) minmax(125px,.6fr) minmax(145px,.7fr) auto}.channel-last-event,.channel-conversations{border-top:1px solid #e8ebea;grid-row:2}.channel-last-event{border-left:0;grid-column:3/5}.channel-conversations{grid-column:5/6}.channel-list-head{display:none}.channel-card-row.compact{grid-template-columns:54px minmax(220px,1fr) minmax(135px,.55fr) auto}.channel-card-row.compact .channel-bitrix-mapping,.channel-card-row.compact .channel-last-event{border-top:1px solid #e8ebea;grid-row:2}.channel-card-row.compact .channel-bitrix-mapping{border-left:0;grid-column:2/4}.channel-card-row.compact .channel-last-event{grid-column:4/5}}@media (max-width:850px){.channels-toolbar{grid-template-columns:1fr 1fr}.channels-search{grid-column:1/-1}.channels-view-toggle{grid-column:auto}.channel-card-row,.channel-cards.grid .channel-card-row{grid-template-columns:24px 52px 1fr}.channel-badges,.channel-team,.channel-last-event,.channel-conversations,.channel-actions,.channel-cards.grid .channel-team,.channel-cards.grid .channel-last-event,.channel-cards.grid .channel-conversations,.channel-cards.grid .channel-actions{border-top:1px solid #e8ebea;border-left:0;grid-column:2/-1}.channel-card-row.compact{grid-template-columns:52px 1fr;padding:15px}.channel-card-row.compact .channel-identity{grid-column:2}.channel-card-row.compact .channel-badges,.channel-card-row.compact .channel-bitrix-mapping,.channel-card-row.compact .channel-last-event,.channel-card-row.compact .channel-actions{border-top:1px solid #e8ebea;border-left:0;grid-area:auto/1/auto/-1;min-height:0;padding:12px 0}}.resource-card,.stack-card,.settings-card,.table-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px}.resource-card{padding:18px}.resource-card>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.resource-card h2,.stack-card h2,.settings-card h2{margin:4px 0 12px;font-size:16px}.resource-card p{color:var(--muted);font-size:12px;line-height:1.6}.resource-card dl{margin:18px 0}.resource-card dl div{border-bottom:1px solid #f1f3f2;justify-content:space-between;gap:12px;padding:7px 0;font-size:11px;display:flex}.resource-card dt{color:var(--muted)}.resource-card dd{text-align:right;margin:0;font-weight:700}.resource-card>footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:13px;display:flex}.resource-card>footer button,.secondary-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:35px;padding:0 10px;font-size:11px;display:flex}.resource-card>footer>span{color:var(--muted);margin-right:auto;font-size:10px}.status-pill{color:#62726b;text-transform:uppercase;background:#f0f3f2;border-radius:20px;align-items:center;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.status-pill.healthy,.status-pill.approved{color:#17764c;background:#e7f7ef}.status-pill.unhealthy,.status-pill.rejected{color:#b7273c;background:#fff0f2}.status-pill.warning,.status-pill.pending{color:#91671a;background:#fff6dd}.status-pill.configuration_required,.status-pill.archived{color:#62726b;background:#f0f3f2}.success-state{color:#18704b;background:#ecfaf3;border:1px solid #bce8d2;border-radius:9px;margin-bottom:15px;padding:11px 13px;font-size:12px}.empty-state{background:var(--panel);border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:14px;padding:60px 20px}.empty-state svg{color:var(--brand)}.empty-state h2{color:var(--ink);font-size:18px}.skeleton-grid,.skeleton-block{background:linear-gradient(90deg, var(--soft) 25%, var(--surface-subtle) 50%, var(--soft) 75%);background-size:200% 100%;border-radius:13px;height:220px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.modal-backdrop{z-index:30;background:#1317158c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--panel);width:min(540px,100%);max-height:90vh;color:var(--ink);border-radius:15px;flex-direction:column;gap:13px;padding:24px;display:flex;overflow:auto;box-shadow:0 24px 80px #0000004d}.modal-card h2{margin:0 0 5px}.modal-card label,.settings-card label,.auth-card label{font-size:11px;font-weight:700}.modal-card input,.modal-card select,.modal-card textarea,.settings-card input,.settings-card select,.auth-card input,.auth-card select{border:1px solid var(--line);background:var(--panel);width:100%;color:inherit;border-radius:9px;margin-top:5px;padding:10px 11px}.modal-card textarea{resize:vertical}.modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.modal-actions>button:not(.primary-button){border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:9px;padding:0 14px}.new-conversation-backdrop{z-index:90}.new-conversation-dialog{gap:18px;width:min(500px,100%);padding:0;overflow:hidden}.new-conversation-dialog>header{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:20px 20px 16px;display:grid}.new-conversation-dialog>header p,.new-conversation-dialog form p{margin:0}.new-conversation-dialog>header p{color:var(--muted);font-size:12px;line-height:1.45}.new-conversation-icon{background:var(--brand-soft);width:40px;height:40px;color:var(--brand);border-radius:12px;place-items:center;display:grid}.new-conversation-dialog form{gap:14px;padding:0 20px 20px;display:grid}.new-conversation-dialog label>span{display:block}.new-conversation-dialog label em{color:var(--muted);font-style:normal;font-weight:500}.new-conversation-dialog label small{color:var(--muted);margin-top:5px;font-size:11px;font-weight:500;display:block}.new-conversation-notice{background:var(--soft);color:var(--muted);border-radius:10px;padding:11px 12px;font-size:12px;line-height:1.5}.new-conversation-error{color:#a52d3a;font-size:12px;font-weight:700}.new-conversation-dialog footer{justify-content:flex-end;gap:8px;padding-top:2px;display:flex}@media (max-width:680px){.new-conversation-backdrop{align-items:end;padding:0}.new-conversation-dialog{width:100%;max-height:calc(100dvh - var(--safe-top));padding-bottom:var(--safe-bottom);border-radius:18px 18px 0 0}.new-conversation-dialog footer>button{min-height:var(--touch-target);flex:1}}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.input-prefix{border:1px solid var(--line);border-radius:9px;align-items:center;margin-top:5px;display:flex}.input-prefix span{color:var(--muted);padding-left:10px}.input-prefix input{border:0;margin:0}.shortcut{color:var(--brand);font-size:11px;font-weight:800}.danger-button{color:#b7273c!important}.destructive-button{background:#b7273c}.confirmation-card p{color:var(--muted);margin:0;line-height:1.6}.table-card{overflow:auto}.table-card>header{border-bottom:1px solid var(--line);padding:16px 18px}.table-card h2{margin:0;font-size:15px}.table-card table{border-collapse:collapse;width:100%;min-width:680px}.table-card th,.table-card td{text-align:left;border-bottom:1px solid var(--line);padding:12px 14px;font-size:11px}.table-card th{text-transform:uppercase;color:var(--muted);background:var(--soft);font-size:9px}.table-card td strong,.table-card td small{display:block}.table-card td small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:320px;margin-top:4px;overflow:hidden}.table-card select{border:1px solid var(--line);border-radius:7px;padding:6px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.platform-admin-shell{max-width:1240px;color:var(--text,inherit);margin:0 auto;padding:32px 24px 64px}.platform-admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.platform-admin-header h1{margin:2px 0 0;font-size:24px}.platform-admin-search{border:1px solid var(--line);min-width:260px;color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;display:flex}.platform-admin-search input{width:100%;color:inherit;background:0 0;border:0;outline:none}.platform-admin-shell .team-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.platform-admin-shell .team-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.team-summary-icon.danger{color:#b7273c;background:#fbe4e6}.team-summary-icon.warning{color:#a5680b;background:#fdf0d8}.platform-admin-actions{white-space:nowrap;align-items:center;gap:8px;display:flex}.link-button{cursor:pointer;color:inherit;font:inherit;text-align:left;background:0 0;border:0;padding:0}.link-button strong{-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.link-button:hover strong{-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand)}.icon-text-button{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;place-items:center;display:inline-grid}.icon-text-button:hover{color:var(--text-strong,inherit);border-color:var(--brand)}.platform-admin-detail-card{max-width:560px;max-height:84vh;overflow-y:auto}.platform-admin-detail-form{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.platform-admin-detail-form label{color:var(--muted);gap:4px;font-size:12px;display:grid}.platform-admin-detail-form .modal-actions{grid-column:span 2}.platform-admin-audit-list{gap:6px;margin:0 0 20px;padding:0;list-style:none;display:grid}.platform-admin-audit-list li{border-bottom:1px solid var(--line);align-items:baseline;gap:8px;padding:6px 0;font-size:12px;display:flex}.platform-admin-audit-list small{color:var(--muted);margin-left:auto}.platform-admin-usage-table{border-collapse:collapse;width:100%;font-size:12px}.platform-admin-usage-table th,.platform-admin-usage-table td{text-align:left;border-bottom:1px solid var(--line);padding:4px 6px}.platform-admin-tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:18px;display:flex}.platform-admin-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.platform-admin-tabs button.active{color:var(--brand);border-bottom-color:var(--brand)}.platform-admin-sort-header{font:inherit;font-weight:inherit;color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0}.platform-admin-pagination{justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.platform-admin-credentials-toast{z-index:1100;min-width:320px;max-width:calc(100vw - 40px);position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #13171547}.span-two{grid-column:span 2}.stack-card,.settings-card{padding:20px}.team-row,.session-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:11px 0;display:flex}.team-row{justify-content:space-between}.team-row span,.session-row span{color:var(--muted);font-size:10px}.session-row>div{flex-direction:column;flex:1;display:flex}.settings-card{flex-direction:column;gap:14px;max-width:720px;display:flex}.settings-card small,.auth-card label small{color:var(--muted);margin-top:4px;font-weight:400;display:block}.settings-tabs{gap:4px;margin-bottom:18px;display:flex}.settings-tabs a{color:var(--muted);border-radius:8px;padding:9px 12px;font-size:12px;text-decoration:none}.settings-tabs a.active{background:var(--brand-soft);color:var(--brand);font-weight:800}.feature-placeholder{color:var(--muted);padding:15px;font-size:11px}.auth-centered{background:linear-gradient(145deg,#f9f9f9,#f4f6f5);place-items:center;min-height:100vh;padding:30px;display:grid}.auth-card{border:1px solid var(--line);width:min(480px,100%);box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:30px}.auth-card.wide{width:min(680px,100%)}.auth-card h1{margin:7px 0 10px;font-size:27px}.auth-card form{flex-direction:column;gap:14px;margin-top:22px;display:flex}.brand-lockup.dark{color:var(--ink);margin-bottom:26px}.auth-link,.auth-links{text-align:center;color:var(--muted);font-size:11px}.auth-links{justify-content:space-between;margin-top:14px;display:flex}.auth-link a,.auth-links a{color:var(--brand);font-weight:700;text-decoration:none}.quick-menu{z-index:30;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;max-height:230px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:12px;right:12px;overflow:auto}.composer{position:relative}.quick-menu button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;gap:12px;padding:9px;display:flex}.quick-menu button:hover,.quick-menu button[aria-selected=true]{background:var(--brand-soft)}.quick-menu button>span{gap:10px;min-width:0;display:flex}.quick-menu button small{color:var(--muted);white-space:nowrap}.quick-attachment-row,.quick-version-history,.quick-version-history>span{gap:8px;display:flex}.quick-attachment-row,.quick-version-history>span{justify-content:space-between;align-items:center}.quick-version-history{border:1px solid var(--line);border-radius:10px;flex-direction:column;padding:12px}.quick-version-history button,.quick-attachment-row button{border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:7px;padding:5px 8px}.quick-menu strong{color:var(--brand)}.quick-menu span{color:var(--muted)}.template-list{flex-direction:column;gap:8px;display:flex}.template-list>button{border:1px solid var(--line);background:var(--panel);color:inherit;text-align:left;border-radius:10px;padding:12px}.template-list>button:hover{border-color:var(--brand)}.template-list span{justify-content:space-between;display:flex}.template-list small{color:var(--muted)}.template-list p{color:var(--muted);font-size:11px}.phone-preview{background:#e3f6ec;border-radius:12px;margin:8px 0;padding:14px}.phone-preview p{white-space:pre-wrap}.back-link{color:var(--brand);text-align:left;background:0 0;border:0}.template-picker{width:min(620px,100%)}@media (max-width:760px){.management-page{padding:18px}.dashboard-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.form-row,.card-grid{grid-template-columns:1fr}}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#f5f6f6;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{color:inherit}:where(button,input,textarea,select,a[href]):focus-visible{outline-offset:2px;outline:3px solid #67c79f}.skip-link{z-index:5000;color:#fff;background:#252a28;border-radius:8px;padding:9px 13px;font-weight:700;transition:transform .12s;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{height:100dvh;height:var(--app-viewport-height,100dvh);display:flex;overflow:hidden}.sidebar{background:var(--nav);color:#d2d9d6;flex-direction:column;width:218px;padding:20px 12px 14px;display:flex}.brand-lockup{color:#fff;align-items:center;gap:10px;font-size:19px;display:flex}.brand-lockup.compact{padding:0 8px 22px}.brand-mark{color:#fff;background:linear-gradient(145deg,#90d6b9,#62c59c);border-radius:11px;place-items:center;width:37px;height:37px;display:grid;box-shadow:0 8px 20px #81d0af40}.sidebar nav{flex-direction:column;gap:3px;display:flex}.nav-item{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;padding:9px 10px;font-size:13px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#1d4f3a}.nav-item.active{box-shadow:inset 3px 0 var(--brand)}.sidebar-bottom{border-top:1px solid #265642;margin-top:auto;padding-top:9px}.profile-button{color:#fff;text-align:left;background:#292f2d;border:0;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:100%;margin-top:8px;padding:9px;display:grid}.profile-button span:nth-child(2){flex-direction:column;display:flex}.profile-button strong{font-size:12px}.profile-button small{color:#adb9b4;font-size:10px}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:20px;min-width:0;height:66px;padding:0 18px;display:flex;position:relative}:is(.topbar:has(.workspace-menu),.topbar:has(.notification-popover)){z-index:100}.workspace-switch{text-align:left;background:0 0;border:0;align-items:center;gap:9px;display:flex}.workspace-switcher{position:relative}.workspace-switch:not(.workspace-switch-static){cursor:pointer}.workspace-switch:not(.workspace-switch-static):focus-visible{outline-offset:3px;border-radius:10px;outline:3px solid #81d0af2e}.workspace-menu{z-index:95;border:1px solid var(--line);background:var(--panel);border-radius:12px;width:min(320px,100vw - 32px);padding:7px;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 18px 48px #252a2829}.workspace-menu>button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px;display:grid}.workspace-menu>button:hover,.workspace-menu>button:focus-visible{background:var(--soft);outline:0}.workspace-menu>button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.workspace-menu small{color:var(--muted)}.workspace-switch-error{color:#a52d3a;width:280px;font-size:11px;font-weight:700;position:absolute;top:calc(100% + 8px);left:0}.help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.help-grid .stack-card{align-content:start}.help-grid .stack-card>svg{color:var(--brand)}.help-actions{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:720px){.help-grid{grid-template-columns:1fr}}.channel-account-select{border:1px solid var(--line);background-color:var(--panel);width:min(260px,22vw);min-width:150px;height:38px;color:var(--ink);font:inherit;text-overflow:ellipsis;cursor:pointer;border-radius:10px;padding:0 34px 0 11px;font-size:11px;font-weight:700;transition:border-color .14s,box-shadow .14s}.channel-account-select:hover,.channel-account-select:focus{border-color:#cfd6d3}.channel-account-select:focus{outline:0;box-shadow:0 0 0 3px #81d0af1a}.workspace-switch>span:nth-child(2){flex-direction:column;display:flex}.workspace-switch strong{font-size:13px}.workspace-switch small{color:var(--muted);font-size:10px}.workspace-logo{color:#117a4e;background:#d9f2e6;border-radius:9px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.global-search{background:var(--soft);max-width:520px;height:38px;color:var(--muted);border:1px solid #0000;border-radius:9px;flex:1;align-items:center;gap:8px;margin:auto;padding:0 11px;display:flex}.global-search:focus-within{background:var(--panel);border-color:#ced5d2}.global-search input,.list-toolbar>label input{background:0 0;border:0;outline:0;flex:1;min-width:0}.global-search kbd{border:1px solid var(--line);background:var(--panel);border-radius:5px;padding:2px 5px;font-size:10px}.topbar-actions{align-items:center;gap:10px;display:flex}.channel-health{color:#427159;background:#eef9f3;border-radius:20px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex}.channel-health i,.avatar i{background:var(--green);border-radius:50%;width:7px;height:7px}.icon-button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;position:relative}.icon-button:hover{background:var(--soft)}.icon-button b{border:2px solid var(--panel);background:#ef4e62;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.notification-center{position:relative}.notification-popover{z-index:80;border:1px solid var(--line);background:var(--panel);width:min(390px,100vw - 24px);max-height:min(620px,100vh - 86px);color:var(--ink);border-radius:12px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 18px 55px #1b27402e}.notification-popover:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.notification-popover>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;display:flex}.notification-popover h2,.notification-popover p{margin:0}.notification-popover h2{font-size:16px}.notification-popover header p,.notification-list time{color:var(--muted);font-size:12px}.notification-state{min-height:110px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:8px;padding:18px;display:flex}.notification-error{color:#a52d3a;flex-direction:column}.notification-list{max-height:min(520px,100vh - 170px);margin:0;padding:0;list-style:none;overflow-y:auto}.notification-list li{border-bottom:1px solid var(--line)}.notification-list li:last-child{border-bottom:0}.notification-list li.unread{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}.notification-list article{padding:14px 16px}.notification-list article>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.notification-list strong{font-size:14px}.notification-list time{flex:none}.notification-list article>p{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.45}.notification-read-button{color:var(--brand);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-top:9px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.notification-read-button:disabled{cursor:wait;opacity:.65}.primary-button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-weight:700;display:flex}.primary-button:disabled{opacity:.55}.compact-button{height:36px;min-height:36px;font-size:12px}.inbox-grid{background:var(--panel);flex:1;grid-template-columns:minmax(176px,198px) minmax(300px,350px) minmax(0,1fr) minmax(250px,280px);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.channel-switch-overlay{z-index:40;color:#434d49;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);cursor:progress;background:#fafafab8;justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:750;display:flex;position:absolute;inset:0}.channel-switch-overlay svg{animation:.8s linear infinite channel-switch-spin}@keyframes channel-switch-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.channel-switch-overlay svg{animation:none}}.filter-column,.conversation-column,.chat-column,.contact-panel{border-right:1px solid var(--line);min-height:0}.filter-column{background:var(--soft);padding:18px 12px;overflow:auto}.section-heading{justify-content:space-between;align-items:center;padding:0 5px 14px;display:flex}.section-heading h1{margin:2px 0 0;font-size:20px}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.11em;margin:0;font-size:10px;font-weight:800}.filter-list,.filter-section{flex-direction:column;gap:2px;display:flex}.filter-section{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.filter-section>p{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:0 8px;font-size:10px;font-weight:800}.filter-item{text-align:left;width:100%;color:var(--muted);background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;padding:8px;font-size:12px;display:flex}.filter-item span{align-items:center;gap:7px;display:flex}.filter-item b{color:var(--muted);font-size:10px}.filter-item:hover,.filter-item.selected{background:var(--brand-soft);color:var(--brand)}.filter-item.selected b{background:var(--brand-soft);color:var(--brand);border-radius:10px;padding:2px 6px}.label-filter-section{border-top:1px solid var(--line);margin:18px 10px 0;padding:14px 0 4px}.filter-section-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.label-filter-toggle{cursor:pointer;text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;display:flex}.label-filter-heading{justify-content:space-between;align-items:center;gap:6px;padding:0 2px 8px;display:flex}.label-add-button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.label-add-button:hover,.label-add-button:focus-visible{background:var(--brand-soft);color:var(--brand);outline-offset:2px;outline:3px solid #67c79f}.label-create-form{border:1px solid var(--line);background:var(--soft);border-radius:9px;align-items:center;gap:6px;margin:2px 2px 10px;padding:4px;display:flex}.label-create-form input[aria-label="Yeni etiket adı"]{border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--ink);border-radius:7px;flex:1;padding:6px 7px;font-size:11px}.label-create-form input[type=color]{background:0 0;border:0;width:26px;height:26px;padding:0}.label-create-form button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:6px 8px;font-size:11px}.label-inline-state,.label-inline-error{color:var(--muted);background:var(--soft);border-radius:7px;margin:2px 2px 8px;padding:7px 8px;font-size:10px;line-height:1.4}.label-inline-state.error,.label-inline-error{color:var(--danger);background:var(--danger-soft)}.label-inline-state.error button{color:inherit;cursor:pointer;background:0 0;border:0;margin-top:5px;padding:0;font-size:10px;font-weight:700}.labels-page-error{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.labels-page-error button{color:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.labels-empty-action{width:max-content;margin:18px auto 0}.labels-table table{min-width:620px}.label-color-value{color:var(--muted);align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:inline-flex}.label-color-value i{border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 1px #1a1f1d1f}.label-table-actions{align-items:center;gap:7px;display:flex}.label-table-actions .secondary-button{min-height:31px}.label-color-fieldset{border:0;margin:0;padding:0}.label-color-fieldset legend{margin-bottom:8px;font-size:11px;font-weight:700}.label-color-preset{border:2px solid var(--panel);width:27px;height:27px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border-radius:50%;padding:0}.label-color-preset.selected{box-shadow:0 0 0 2px var(--ink)}.label-color-presets input[type=color]{border:1px solid var(--line);background:#fff;border-radius:7px;width:31px;height:31px;padding:2px}.label-filter-toggle:hover{color:#44b787}.label-chevron{transition:transform .15s}.label-chevron.open{transform:rotate(180deg)}.label-dot{vertical-align:middle;border-radius:999px;width:8px;height:8px;margin-right:2px;display:inline-block}.conversation-label-picker{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.conversation-label-picker select{border:1px solid var(--line);background:var(--panel);min-width:94px;color:var(--muted);border-radius:8px;padding:5px 7px;font-size:11px}.conversation-label-chip{color:#44b787;cursor:pointer;background:#fafbfb;border:1px solid #e9eceb;border-radius:999px;padding:5px 8px;font-size:11px}.conversation-label-chip:hover{background:#f4f6f5}.dot{border-radius:3px;width:8px;height:8px}.purple{background:#74cba7}.amber{background:#f0a73d}.conversation-column{background:#fff;flex-direction:column;display:flex}.list-toolbar{gap:8px;padding:14px 12px 10px;display:flex;position:relative;overflow:visible}.list-toolbar>label{background:var(--soft);border:1px solid var(--line);height:36px;color:var(--muted);border-radius:8px;flex:1;align-items:center;gap:7px;padding:0 10px;display:flex}.conversation-filter-control{flex:none;position:relative}.filter-trigger{transition:color .14s,border-color .14s,background .14s}.filter-trigger.active,.filter-trigger[aria-expanded=true]{color:#51be91;background:#f7f8f8;border-color:#e0e4e2}.filter-count{color:#fff;background:#69c7a0;border:2px solid #fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:9px;font-weight:750;line-height:1;display:grid;position:absolute;top:-6px;right:-6px}.conversation-filter-menu{z-index:40;color:#222825;background:#fff;border:1px solid #e3e7e5;border-radius:14px;width:min(332px,100vw - 24px);padding:14px;position:absolute;top:calc(100% + 8px);right:-44px;box-shadow:0 18px 50px #29302d29,0 3px 12px #29302d14}.conversation-filter-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.conversation-filter-header>div{gap:2px;display:grid}.conversation-filter-header strong{font-size:13px}.conversation-filter-header span{color:var(--muted);font-size:10px}.conversation-filter-header button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.conversation-filter-header button:hover{background:var(--soft)}.conversation-filter-check{border:1px solid var(--line);background:var(--soft);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.conversation-filter-check input{accent-color:#69c7a0;width:16px;height:16px;margin:0}.conversation-filter-check>span{gap:1px;display:grid}.conversation-filter-check strong{font-size:11px}.conversation-filter-check small{color:var(--muted);font-size:9px}.conversation-filter-menu fieldset{border:0;min-width:0;margin:13px 0 0;padding:0}.conversation-filter-menu legend,.conversation-filter-selects label>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:700;display:block}.conversation-filter-options{flex-wrap:wrap;gap:6px;display:flex}.conversation-filter-options label{cursor:pointer;position:relative}.conversation-filter-options input{opacity:0;pointer-events:none;position:absolute}.conversation-filter-options span{border:1px solid var(--line);background:var(--panel);min-height:29px;color:var(--muted);border-radius:999px;align-items:center;padding:0 10px;font-size:10px;font-weight:650;display:inline-flex}.conversation-filter-options input:checked+span{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.conversation-filter-options input:focus-visible+span{outline-offset:2px;outline:2px solid #99d9be}.conversation-filter-selects{grid-template-columns:1fr 1fr;gap:9px;margin-top:13px;display:grid}.conversation-filter-selects label{min-width:0}.conversation-filter-selects select{border:1px solid var(--line);background:var(--panel);width:100%;height:34px;color:var(--ink);border-radius:8px;padding:0 28px 0 9px;font-size:10px}.conversation-filter-actions{border-top:1px solid var(--line);background:var(--soft);border-radius:0 0 14px 14px;justify-content:space-between;align-items:center;gap:10px;margin:14px -14px -14px;padding:11px 14px;display:flex}.conversation-filter-actions button{cursor:pointer;border-radius:8px;min-height:32px;padding:0 12px;font-size:10px;font-weight:700}.filter-clear-button{color:var(--muted);background:0 0;border:0}.filter-apply-button{background:var(--brand);color:#fff;border:0;box-shadow:0 5px 14px #69c7a038}.filter-apply-button:hover{background:var(--brand-hover,#51be91)}.list-meta{color:var(--muted);justify-content:space-between;padding:2px 14px 10px;font-size:10px;display:flex}.list-meta button{color:var(--muted);background:0 0;border:0;align-items:center;gap:3px;display:flex}.conversation-list{overflow:auto}.conversation-operation-error{border:1px solid var(--danger);background:var(--danger-soft);color:var(--danger);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin:0 12px 10px;padding:9px 10px;font-size:11px;display:flex}.conversation-operation-error button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex:none;font-weight:700}.conversation-row{border:0;border-top:1px solid var(--line);background:var(--panel);text-align:left;cursor:pointer;grid-template-columns:auto 1fr;gap:10px;width:100%;padding:13px 12px;display:grid;position:relative}.conversation-row:hover{background:var(--soft)}.conversation-row.selected{background:var(--brand-soft);box-shadow:inset 3px 0 var(--brand)}.conversation-list.density-compact .conversation-row{gap:8px;min-height:64px;padding:8px 10px}.conversation-list.density-compact .conversation-row .avatar{border-radius:10px;width:34px;height:34px}.conversation-list.density-compact .row-tags{display:none}.conversation-context-menu{z-index:40;border:1px solid var(--line);background:var(--panel);border-radius:12px;min-width:218px;padding:6px;position:fixed;box-shadow:0 16px 36px #0f172a2e}.conversation-context-menu button{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 11px;display:block}.conversation-context-menu button:hover,.conversation-context-menu button:focus-visible{background:var(--soft)}.conversation-context-menu button:focus-visible{outline-offset:-3px;outline:3px solid #67c79f}.avatar{background:linear-gradient(145deg, var(--brand-soft), var(--soft));width:38px;height:38px;color:var(--brand);border-radius:12px;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid;position:relative}.avatar i{border:2px solid var(--panel);width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.avatar.small{border-radius:8px;width:29px;height:29px;font-size:9px}.avatar.tiny{border-radius:7px;width:23px;height:23px;font-size:8px}.avatar.large{border-radius:18px;width:62px;height:62px;font-size:18px}.conversation-copy{min-width:0}.row-title{justify-content:space-between;gap:8px;display:flex}.row-title strong{font-size:12px}.row-title time{color:#93a29c;font-size:9px}.preview{text-overflow:ellipsis;white-space:nowrap;color:#6c7d76;margin:5px 0 8px;font-size:11px;display:block;overflow:hidden}.preview svg{vertical-align:-2px;color:#52bf92}.row-tags{gap:4px;display:flex;overflow:hidden}.row-tags em,.row-tags small{white-space:nowrap;color:#70827b;background:#f0f3f2;border-radius:4px;padding:3px 5px;font-size:8px;font-style:normal}.row-tags em{color:#2d7a57;background:#e9f5ef}.unread-count{background:var(--brand);color:#fff;border-radius:10px;place-items:center;min-width:17px;height:17px;font-size:9px;display:grid;position:absolute;top:43px;right:13px}.sla{color:#d96f28;position:absolute;bottom:10px;right:12px}.chat-column{background:#efeae2;flex-direction:column;min-width:0;display:flex;container-type:inline-size}.chat-header{border-bottom:1px solid var(--line);background:#fff;flex:none;align-items:center;gap:10px;height:65px;padding:0 14px;display:flex}.chat-person{flex-direction:column;flex:1;min-width:0;display:flex}.chat-person strong{font-size:13px}.chat-person strong,.chat-person span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-person span{color:var(--muted);margin-top:3px;font-size:10px}.chat-actions{flex:none;gap:6px;margin-left:auto;display:flex}.assignee{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:6px;height:36px;font-size:10px;display:flex}.conversation-context{color:#796633;background:#fffdf5;border-bottom:1px solid #eee5c6;flex:none;justify-content:center;align-items:center;gap:16px;min-width:0;height:35px;font-size:9px;display:flex;overflow:hidden}.conversation-context span,.conversation-context button{white-space:nowrap;align-items:center;gap:5px;min-width:0;display:flex}.conversation-context button{background:#f7edd0;border:0;border-radius:5px;padding:4px 7px}.messages{background-color:#efeae2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%236b746f' stroke-opacity='.085' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 22h22a8 8 0 0 1 8 8v8a8 8 0 0 1-8 8H27l-7 6 2-6h-7a8 8 0 0 1-8-8v-8a8 8 0 0 1 8-8Z'/%3E%3Cpath d='m96 20 5 5 10-12M122 35c7-8 19-2 15 8-3 7-15 14-15 14s-12-7-15-14c-4-10 8-16 15-8Z'/%3E%3Cpath d='M55 89a15 15 0 1 0 10 4l7-4-2 8a15 15 0 0 0-15-8ZM20 116c12-10 25 3 15 15M23 121l10 8M100 116h29a7 7 0 0 1 7 7v7a7 7 0 0 1-7 7h-15l-8 7 2-7h-8a7 7 0 0 1-7-7v-7a7 7 0 0 1 7-7Z'/%3E%3Cpath d='M147 80c-7 0-12 5-12 12M17 78l7-7 7 7M75 42c5 1 9 5 10 10M75 47c2 1 4 3 5 5'/%3E%3C/g%3E%3C/svg%3E");background-size:160px 160px;background-attachment:local;flex:1;min-width:0;padding:18px clamp(18px,5vw,72px);overflow:auto}.reply-preview{color:#38545c;background:#eef8f5;border-left:3px solid #27a68a;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin:8px 14px 0;padding:8px 10px;display:flex}.reply-preview div{gap:2px;min-width:0;display:grid}.reply-preview strong,.reply-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reply-preview strong{color:#147b68;font-size:12px}.reply-preview span{font-size:11px}.reply-preview button,.message-reply-trigger{color:#788a83;cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.location-card,.contact-card{color:#29644b;background:#ffffffb8;border-radius:8px;align-items:center;gap:10px;width:min(100%,320px);min-width:0;padding:10px;display:flex}.interactive-card{color:#29644b;background:#ffffffb8;border-radius:8px;gap:9px;width:min(100%,340px);min-width:0;padding:10px;display:grid}.interactive-options{gap:5px;display:grid}.interactive-options span{color:#147b68;text-align:center;border:1px solid #b8d8ce;border-radius:6px;padding:6px 8px;font-size:11px}.quoted-message{background:#0000000f;border-left:3px solid #7ab6a6;border-radius:4px;gap:2px;margin-bottom:6px;padding:5px 7px;font-size:11px;display:grid}.quoted-message strong{color:#147b68}.quoted-message span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.interactive-composer{background:#fffffffa;border:1px solid #e5e8e7;border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:7px;margin:0 4px 7px;padding:8px;display:grid;box-shadow:0 7px 18px #252a2812}.interactive-composer input{color:#295744;background:#fff;border:1px solid #d0d7d4;border-radius:9px;width:100%;padding:8px 10px}.location-card svg,.contact-card svg{color:#1b9b7d}.location-card div,.contact-card div{gap:2px;min-width:0;display:grid}.location-card span,.contact-card span,.location-card small{color:#6a7b74;font-size:11px}.date-divider{text-align:center;margin:0 0 17px}.date-divider span{color:#6f8079;background:#e7eae9;border-radius:12px;padding:5px 9px;font-size:9px}.message{border:0;border-radius:9px;width:fit-content;min-width:0;max-width:min(82%,560px);margin:10px 0;padding:8px 10px 7px;position:relative;box-shadow:0 1px 1px #11141321}.message.has-attachment{width:min(88%,460px);max-width:460px}.message.has-attachment:has(.voice-message-card):not(:has(.image-message-card,.video-message-card,.file-message-card)){width:min(88%,360px);max-width:360px}.message.has-attachment:has(.image-message-card,.video-message-card){width:min(88%,372px);max-width:372px;padding:4px 4px 7px}.message-attachments{gap:6px;min-width:0;display:grid}.message-attachments.multiple{grid-template-columns:repeat(2,minmax(0,1fr))}.message-attachments.multiple .media-card{width:100%;min-width:0}.message-attachments.multiple .voice-message-card,.message-attachments.multiple .video-message-card,.message-attachments.multiple .file-message-card{grid-column:1/-1}.message .message-text{color:#171b19;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:13.5px;line-height:1.46}.message .message-text strong,.quoted-message span strong{color:inherit;font-weight:700}.message .message-text em{font-style:italic}.message .message-text del{text-decoration-thickness:1px}.message .message-text code{white-space:pre-wrap;background:#11141314;border-radius:4px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92em}.message footer{white-space:nowrap;color:#80928a;justify-content:flex-end;align-items:center;gap:5px;min-width:0;margin-top:7px;font-size:9px;display:flex}.message footer span{margin-right:auto}.message.incoming{background:#fff;border-top-left-radius:3px}.message.outgoing{background:#d9fdd3;border-top-right-radius:3px;margin-left:auto}.message.group-first{margin-bottom:2px}.message.group-middle,.message.group-last{margin-top:2px}.message.group-middle{margin-bottom:2px}.message.incoming.group-middle,.message.incoming.group-last{border-top-left-radius:18px;border-bottom-left-radius:6px}.message.outgoing.group-middle,.message.outgoing.group-last{border-top-right-radius:18px;border-bottom-right-radius:6px}.message.group-middle{box-shadow:0 2px 8px #353e3a0b}.outgoing footer svg{color:#53bf92}.system-event{color:#7b8d86;background:#ffffffe0;border-radius:12px;align-items:center;gap:6px;width:max-content;max-width:90%;margin:16px auto;padding:5px 10px;font-size:9px;display:flex}.composer{z-index:20;box-shadow:none;background:0 0;border:0;border-radius:22px;flex:none;min-width:0;margin:0 12px 10px;position:relative;overflow:visible;container-type:inline-size}.composer-action-menu{border:1px solid var(--line);background:var(--panel);border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));width:min(620px,100% - 24px);margin:0 12px 10px;display:grid;position:relative;overflow:visible;box-shadow:0 15px 38px #252a2824}.composer-action-menu:after{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);content:"";width:12px;height:12px;position:absolute;bottom:-7px;left:24px;transform:rotate(45deg)}.composer-action-menu button{border:0;border-right:1px solid var(--line);min-width:0;min-height:76px;color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;align-items:center;gap:10px;padding:13px 14px;font-size:11px;font-weight:700;transition:background .14s,color .14s;display:flex}.composer-action-menu button:last-child{border-right:0}.composer-action-menu button:hover:not(:disabled),.composer-action-menu button:focus-visible,.composer-action-menu button.active{background:var(--brand-soft);color:var(--brand)}.composer-action-menu button:first-child{border-radius:17px 0 0 17px}.composer-action-menu button:last-child{border-radius:0 17px 17px 0}.composer-action-menu button:disabled{cursor:not-allowed;opacity:.48}.composer-action-icon{background:var(--soft);width:34px;height:34px;color:var(--muted);border-radius:10px;flex:none;place-items:center;display:grid}.composer-action-menu button:hover:not(:disabled) .composer-action-icon,.composer-action-menu button:focus-visible .composer-action-icon,.composer-action-menu button.active .composer-action-icon{background:var(--brand-soft);color:var(--brand)}.composer-emoji-picker{z-index:75;grid-template-columns:repeat(4, var(--touch-target));border:1px solid var(--line);background:var(--panel);border-radius:16px;gap:4px;padding:8px;display:grid;position:absolute;bottom:calc(100% - 2px);right:12px;box-shadow:0 16px 42px #252a2833}.composer-emoji-picker button{width:var(--touch-target);height:var(--touch-target);background:0 0;border:0;border-radius:10px;place-items:center;font-size:22px;display:grid}.composer-emoji-picker button:hover,.composer-emoji-picker button:focus-visible{background:var(--brand-soft)}@media (max-width:680px){.composer-emoji-picker{right:max(8px, var(--safe-right));bottom:calc(100% + 4px);left:max(8px, var(--safe-left));grid-template-columns:repeat(4, minmax(var(--touch-target), 1fr))}.composer-emoji-picker button{width:100%}}.composer-row{background:#fffffffa;border:1px solid #e5e8e7;border-radius:22px;align-items:flex-end;gap:5px;min-height:52px;padding:6px;transition:border-color .16s,box-shadow .16s;display:flex;box-shadow:0 7px 22px #252a2817}.composer-row:focus-within{border-color:#81d0af73;box-shadow:0 9px 26px #252a281c,0 0 0 3px #81d0af14}.composer.drag-active{border-radius:22px;box-shadow:0 0 0 4px #81d0af1f}.composer-drop-overlay{z-index:50;color:#51be91;text-align:center;pointer-events:none;background:#fafafaf5;border:1px dashed #81d0af9e;border-radius:14px;place-content:center;place-items:center;gap:4px;display:grid;position:absolute;inset:6px}.composer-drop-overlay strong{font-size:12px}.composer-drop-overlay span{color:#80928a;font-size:9px}.composer textarea{resize:none;color:#292f2d;background:0 0;border:0;outline:0;flex:1;align-self:center;width:auto;min-width:90px;min-height:38px;max-height:112px;padding:9px 7px 7px;font-family:inherit;font-size:13px;line-height:20px;overflow-y:auto}.composer textarea::placeholder{color:#92a19b}.composer-plus{color:#606f69;cursor:pointer;background:#fff;border:1px solid #dfe3e1;border-radius:50%;flex:none;align-self:center;place-items:center;width:40px;height:40px;transition:border-color .14s,background .14s,color .14s,transform .16s;display:inline-grid}.composer-plus:hover,.composer-plus:focus-visible,.composer-plus.active{color:#51be91;background:#f6f8f7;border-color:#cad2cf}.composer-plus.active svg{transform:rotate(45deg)}.composer-plus svg{transition:transform .16s}.composer-divider{background:#e7ebe9;flex:none;align-self:center;width:1px;height:30px}.composer-trailing-actions{flex:none;align-self:flex-end;align-items:center;gap:3px;display:flex}.composer-voice-state{margin:0 4px 7px;display:flex}.composer-uploading{color:#80928a;font-size:9px}.composer .icon-button{color:#6f817a;border:0;border-radius:50%;width:38px;height:38px;transition:background .14s,color .14s}.composer .icon-button:hover:not(:disabled){color:#51be91;background:#f7f8f8}.send-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c76f,#08a950);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:transform .14s,box-shadow .14s,opacity .14s;display:inline-flex;box-shadow:0 5px 13px #08a95040}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 16px #08a95052}.send-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.voice-recorder-bar{color:#9f2940;background:#fff2f3;border-radius:11px;min-height:34px;padding:4px 6px 4px 9px}.voice-preview-bar{background:#f9fafa;border-radius:12px;min-width:min(360px,56vw);padding:4px 6px}.voice-preview-bar audio{width:min(250px,38vw);height:32px}.voice-preview-bar button{color:#51be91;cursor:pointer;background:#fff;border:0;border-radius:9px;place-items:center;width:30px;height:30px;display:inline-grid}.recording-indicator{background:#e23d58;border-radius:50%;width:8px;height:8px;animation:1.5s infinite recording-pulse;box-shadow:0 0 #e23d5866}@keyframes recording-pulse{70%{box-shadow:0 0 0 6px #e23d5800}to{box-shadow:0 0 #e23d5800}}.contact-panel{background:var(--panel);padding:17px 15px;overflow:auto}.contact-card{text-align:center;border-bottom:1px solid var(--line);padding-bottom:16px}.contact-card>.avatar{margin:auto}.contact-card h2{margin:10px 0 3px;font-size:14px}.contact-card p{color:var(--muted);margin:0;font-size:10px}.contact-actions-mini{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:14px;display:grid}.contact-actions-mini button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:7px 3px;font-size:8px;display:flex}.contact-panel section{border-bottom:1px solid var(--line);padding:15px 1px}.contact-panel section header{justify-content:space-between;align-items:center;display:flex}.contact-panel section h3{margin:0;font-size:11px}.contact-panel section header button{color:var(--brand);background:0 0;border:0;font-size:9px}.contact-panel dl{margin:11px 0 0}.contact-panel dl div{justify-content:space-between;gap:10px;margin:8px 0;font-size:9px;display:flex}.contact-panel dt{color:var(--muted)}.contact-panel dd{text-align:right;margin:0;font-weight:600}.group-participants-card>header>span{color:var(--muted);font-size:9px;font-weight:700}.group-participant-list{gap:6px;margin-top:11px;display:grid}.group-participant-row{border:1px solid var(--line);background:var(--soft);border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px;display:grid}.group-participant-row .avatar{width:34px;height:34px;font-size:10px}.group-participant-row>div{gap:2px;min-width:0;display:grid}.group-participant-row strong,.group-participant-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-participant-row strong{font-size:10px}.group-participant-row span,.group-participants-empty{color:var(--muted);font-size:9px}.group-participant-row em{color:#16804a;background:#e8f7ef;border-radius:999px;padding:3px 5px;font-size:8px;font-style:normal;font-weight:800}.back-button,.mobile-only{display:none}.login-page{background:#fff;grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-story{background:var(--nav);color:#fff;flex-direction:column;justify-content:space-between;min-height:100vh;padding:48px clamp(40px,7vw,100px);display:flex;position:relative;overflow:hidden}.login-story:after{content:"";border:90px solid #81d0af2e;border-radius:50%;width:430px;height:430px;position:absolute;bottom:-130px;right:-150px}.login-story h1{letter-spacing:-.045em;max-width:780px;margin:18px 0;font-size:clamp(38px,5vw,68px);line-height:1.04}.login-story>div>p:not(.eyebrow){color:#bac4c0;max-width:550px;font-size:17px;line-height:1.6}.trust-row{color:#adb9b4;z-index:1;align-items:center;gap:9px;font-size:12px;display:flex}.login-card{align-self:center;width:min(420px,80%);margin:auto}.login-card h2{margin:8px 0;font-size:28px}.muted,.security-note{color:var(--muted);font-size:12px}.login-card form{flex-direction:column;gap:15px;margin:28px 0 16px;display:flex}.login-card label{font-size:11px;font-weight:700}.login-card input{border:1px solid var(--line);border-radius:9px;width:100%;height:44px;margin-top:6px;padding:0 12px}.form-error{color:#b7273c;background:#fff0f2;border:1px solid #ffd6dc;border-radius:7px;padding:8px;font-size:11px}.security-note{text-align:center}.premium-login-page{background:var(--login-canvas);height:100svh;min-height:100svh;color:var(--login-text);grid-template-columns:minmax(0,58fr) minmax(460px,42fr);display:grid;overflow:hidden}.login-skip-link{z-index:100;background:var(--login-text);color:var(--login-canvas);border-radius:9px;padding:10px 14px;font-size:13px;font-weight:750;text-decoration:none;transition:transform .16s;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.login-skip-link:focus{transform:translateY(0)}.login-brand-panel,.login-form-panel{min-width:0;height:100%;min-height:0;position:relative}.login-brand-panel{isolation:isolate;background:radial-gradient(circle at 75% 42%, #31846124, transparent 28%), radial-gradient(circle at 58% 88%, #76cda933, transparent 30%), linear-gradient(145deg, #0a0b0b 0%, var(--login-canvas) 52%, #151917 100%);flex-direction:column;padding:clamp(30px,4vw,58px) clamp(34px,5vw,72px);display:flex;overflow:hidden}.login-grid{z-index:-3;opacity:.24;background-image:linear-gradient(#22d3ee17 1px,#0000 1px),linear-gradient(90deg,#22d3ee17 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0 0 20% 35%;-webkit-mask-image:radial-gradient(circle,#000 12%,#0000 72%);mask-image:radial-gradient(circle,#000 12%,#0000 72%)}.login-brand{z-index:5;width:fit-content;color:var(--login-text);letter-spacing:-.025em;align-items:center;gap:14px;font-size:clamp(22px,1.7vw,29px);display:inline-flex;position:relative}.login-brand-mark{background:linear-gradient(145deg,#99d9be,#6ac8a1 72%);border:1px solid #ffffff29;border-radius:17px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 12px 30px #68c79f59,inset 0 1px #ffffff59}.login-brand-mark svg{stroke-width:1.8px;width:29px;height:29px}.brand-content{z-index:3;width:min(100%,760px);margin-top:clamp(54px,7vh,100px);position:relative}.login-feature-badges{flex-wrap:wrap;gap:12px;margin-bottom:clamp(28px,4vh,46px);display:flex}.feature-badge{color:#ebeeed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10121199;border:1px solid #76cda9b8;border-radius:11px;align-items:center;gap:9px;min-height:42px;padding:0 15px;font-size:13px;font-weight:650;display:inline-flex;box-shadow:inset 0 0 16px #76cda90f}.feature-badge svg{width:21px;height:21px}.feature-badge.whatsapp svg{color:#37e78a}.feature-badge.realtime{border-color:#7dcfadb3}.feature-badge.realtime svg{color:#94d8bc}.feature-badge.secure{border-color:#22d3eea6}.feature-badge.secure svg{color:var(--login-cyan)}.brand-content>h2{max-width:690px;color:var(--login-text);letter-spacing:-.052em;text-wrap:balance;margin:0;font-size:clamp(44px,4.35vw,72px);font-weight:760;line-height:1.04}.brand-content>p{color:#cad2cf;max-width:650px;margin:20px 0 0;font-size:clamp(15px,1.25vw,19px);line-height:1.55}.activity-preview{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(155deg,#1a1e1ce6,#0f1110cc);border:1px solid #97a59f40;border-radius:18px;width:min(100%,600px);margin-top:clamp(32px,5vh,55px);position:relative;overflow:hidden;box-shadow:0 24px 60px #0000004d}.activity-preview>header{justify-content:space-between;align-items:center;gap:16px;padding:19px 22px 12px;display:flex}.activity-preview>header>div{align-items:center;gap:12px;display:flex}.activity-preview header strong{font-size:13px}.activity-preview header span,.active-team>span{color:var(--login-muted);font-size:10px}.activity-preview header i,.active-team dt i{background:var(--login-success);border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block;box-shadow:0 0 9px #22c55ea6}.activity-period{min-height:32px;color:var(--login-muted);background:#1a1f1da6;border:1px solid #9fada72e;border-radius:8px;align-items:center;padding:0 10px;font-size:10px;display:inline-flex}.activity-main{grid-template-columns:126px minmax(0,1fr);gap:15px;padding:0 22px 14px;display:grid}.activity-total{background:#161a18b8;border:1px solid #9fada729;border-radius:12px;flex-direction:column;justify-content:center;padding:14px;display:flex}.activity-total strong{letter-spacing:-.04em;font-size:25px}.activity-total span,.activity-total small{color:var(--login-muted);font-size:9px}.activity-total em{color:#4ade80;margin-top:13px;font-size:10px;font-style:normal;font-weight:750}.activity-total small{margin-top:5px}.activity-chart{background-image:linear-gradient(#9fada71c 1px,#0000 1px);background-size:100% 32px;min-width:0;padding:4px 0 22px 28px;position:relative}.activity-chart svg{width:100%;height:124px;overflow:visible}.chart-area{fill:url(#chartFill)}.chart-line{fill:none;stroke:#88d3b4;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.activity-chart circle{fill:#9ddbc1;stroke:#d4dad8;stroke-width:3px}.chart-scale{color:#8b9c95;flex-direction:column;justify-content:space-between;font-size:8px;display:flex;position:absolute;inset:2px auto 23px 0}.chart-days{color:#8b9c95;justify-content:space-between;font-size:7px;display:flex;position:absolute;bottom:1px;left:28px;right:0}.activity-preview>footer{border-top:1px solid #9fada721;grid-template-columns:minmax(130px,1fr) 1.6fr;align-items:center;gap:18px;min-height:70px;padding:12px 22px;display:grid}.active-team{gap:8px;display:grid}.avatar-stack{padding-left:3px;display:flex}.avatar-stack i{color:#d3d9d7;background:#2b322f;border:2px solid #1a1e1c;border-radius:50%;place-items:center;width:30px;height:30px;margin-left:-5px;font-size:8px;font-style:normal;font-weight:800;display:grid}.avatar-stack .avatar-one{background:linear-gradient(145deg,#b7658e,#6b3159)}.avatar-stack .avatar-two{background:linear-gradient(145deg,#4fa984,#26664b)}.avatar-stack .avatar-three{background:linear-gradient(145deg,#c88747,#6f4725)}.activity-preview dl{grid-template-columns:repeat(3,1fr);margin:0;display:grid}.activity-preview dl div{border-left:1px solid #9fada724;flex-direction:column-reverse;gap:5px;padding-left:16px;display:flex}.activity-preview dt{color:var(--login-muted);font-size:8px}.activity-preview dd{color:#eef0ef;margin:0;font-size:19px}.activity-preview dl div:last-child dd{color:#d0d6d4}.connection-artwork{z-index:1;opacity:.9;width:min(46%,470px);height:58%;position:absolute;bottom:3%;right:0}.connection-artwork>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.connection-artwork path{fill:none;stroke:#88d3b4;stroke-width:1.2px;stroke-linecap:round;filter:drop-shadow(0 0 4px #79cdaab3);stroke-dasharray:7 8;animation:14s linear infinite login-data-flow}.connection-artwork path:nth-child(2n){stroke:#75cca8;animation-duration:18s}.connection-artwork path:nth-child(3n){stroke:#59c196;animation-duration:11s}.network-node{color:#5fe4ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#171a19d6;border:1px solid #88d3b4b3;border-radius:12px;place-items:center;width:54px;height:54px;display:grid;position:absolute;box-shadow:0 0 28px #79ceab29}.network-node svg{width:25px}.node-message{top:18%;left:78%}.node-whatsapp{color:#52e69a;top:48%;left:34%}.node-automation{color:#9cdbc1;bottom:12%;right:7%}.digital-horizon{z-index:-1;aspect-ratio:1.8;background:radial-gradient(at 50% 4%,#79ceab61,#0000 12%),radial-gradient(at 50% 30%,#30826040,#0000 58%);border:1px solid #7dcfad8c;border-radius:50%;width:115%;position:absolute;bottom:-38%;right:-18%;box-shadow:0 -4px 30px #7cceac80,0 -16px 80px #79ceab33}.login-form-panel{background:radial-gradient(circle at 92% 10%,#74cba757,#0000 30%),radial-gradient(circle at 10% 90%,#41af8142,#0000 34%),linear-gradient(150deg,#1c4b37 0%,#1d4d39 45%,#1c211f 100%);place-items:center;padding:clamp(32px,5vw,76px);display:grid}.login-form-panel:before{content:"";pointer-events:none;opacity:.08;background-image:radial-gradient(circle,#ffffff2e .6px,#0000 .7px);background-size:22px 22px;position:absolute;inset:0}.login-card-shell{z-index:2;width:min(100%,520px);position:relative}.premium-login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(150deg,#2d3431e6,#1d2220d1) padding-box padding-box,linear-gradient(135deg,#9fdcc3,#8bd4b699,#67d8ef) border-box;border:1px solid #0000;border-radius:27px;padding:clamp(30px,4vw,50px);animation:.52s cubic-bezier(.2,.8,.2,1) both login-card-enter;position:relative;overflow:hidden;box-shadow:0 32px 90px #0c0d0d7a,0 0 50px #83d1b11f,inset 0 1px #ffffff14}.premium-login-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#80d0af21,#0000 34%);position:absolute;inset:0}.premium-login-card>*{z-index:1;position:relative}.premium-login-card header p{color:#9fdcc3;margin:0 0 17px;font-size:15px;font-weight:750}.premium-login-card h1{color:var(--login-text);letter-spacing:-.04em;margin:0;font-size:clamp(32px,3vw,42px);line-height:1.08}.premium-login-card form{gap:23px;margin-top:36px;display:grid}.login-field{gap:9px;display:grid}.login-field label{color:#f2f4f3;font-size:13px;font-weight:700}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-wrap>svg{color:#b8c1bd;pointer-events:none;width:20px;position:absolute;left:17px}.login-input-wrap input{width:100%;height:55px;color:var(--login-text);caret-color:var(--login-cyan);background:#1a1f1d5c;border:1px solid #9fada747;border-radius:11px;outline:none;padding:0 50px;transition:border-color .18s,box-shadow .18s,background .18s}.login-input-wrap input::placeholder{color:#92a19b;opacity:1}.login-input-wrap input:hover{border-color:#9fada77a}.login-input-wrap input:focus{background:#1a1f1d8c;border-color:#99d9be;box-shadow:0 0 0 3px #76cda92e,0 0 22px #6cc9a21c}.login-input-wrap input[aria-invalid=true]{border-color:#fb7185}.password-toggle{color:#b8c1bd;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:42px;height:42px;display:grid;position:absolute;right:7px}.password-toggle:hover{color:#fff;background:#ffffff0f}.password-toggle svg{width:21px}.login-field-error{color:#fda4af;font-size:11px}.login-form-error{color:#fecdd3;background:#9f123929;border:1px solid #fb71855c;border-radius:10px;margin:-4px 0 0;padding:10px 12px;font-size:12px;line-height:1.45}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(100deg,#68c79f,#75cca8 52%,#6bc8a1);border:1px solid #ffffff29;border-radius:11px;justify-content:center;align-items:center;gap:12px;min-height:56px;font-weight:780;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #65c69e52}.login-submit:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffff2e,#0000 80%);transition:transform .42s;position:absolute;inset:0;transform:translate(-110%)}.login-submit:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 18px 42px #65c69e6b}.login-submit:hover:not(:disabled):after{transform:translate(110%)}.login-submit:active:not(:disabled){transform:translateY(1px)}.login-submit:disabled{cursor:wait;opacity:.72}.login-submit svg{width:20px}.login-spinner{animation:.8s linear infinite login-spin}.login-divider{color:#909f99;place-items:center;margin:27px 0 22px;font-size:11px;display:grid;position:relative}.login-divider:before{content:"";background:linear-gradient(90deg,#9fada759,#9fada714,#9fada759);height:1px;position:absolute;left:0;right:0}.login-divider span{background:#262c2a;padding:0 18px;position:relative}.premium-auth-links{justify-content:space-between;gap:20px;display:flex}.premium-auth-links a{color:#9ddbc1;font-size:13px;text-decoration:none}.premium-auth-links a:last-child{color:#74cca7}.premium-auth-links a:hover{color:#d6dcd9;text-underline-offset:4px;text-decoration:underline}.login-demo-note{color:#a4b1ac;text-align:center;margin:22px 0 0;font-size:11px}.secure-connection{color:#afbab5;justify-content:center;align-items:center;gap:9px;margin:27px 0 0;font-size:12px;display:flex}.secure-connection svg{color:#9bdcc7;width:16px}.mobile-login-brand{display:none}@keyframes login-card-enter{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes login-data-flow{to{stroke-dashoffset:-120px}}@keyframes login-spin{to{transform:rotate(360deg)}}@media (max-width:1439px){.premium-login-page{grid-template-columns:minmax(0,54fr) minmax(440px,46fr)}.login-brand-panel{padding:34px clamp(30px,4vw,52px)}.brand-content{margin-top:clamp(40px,5vh,66px)}.brand-content>h2{font-size:clamp(40px,4.2vw,58px)}.activity-preview{width:min(88%,540px)}.connection-artwork{opacity:.66;width:43%}}@media (max-width:1100px){.premium-login-page{grid-template-columns:minmax(340px,42fr) minmax(500px,58fr)}.login-brand-panel{padding:32px}.brand-content{margin-top:64px}.login-feature-badges{gap:8px}.feature-badge{min-height:36px;padding:0 11px;font-size:11px}.brand-content>h2{font-size:clamp(38px,4.6vw,50px)}.brand-content>p{font-size:15px}.activity-preview{display:none}.connection-artwork{width:72%;height:48%}.digital-horizon{width:150%;bottom:-18%}}@media (max-width:820px){.premium-login-page{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:auto;min-height:100svh;overflow:visible}.login-brand-panel{height:auto;min-height:0;padding:max(20px, var(--safe-top)) max(22px, var(--safe-right)) 14px max(22px, var(--safe-left));background:#151817}.login-brand-panel>.login-brand,.brand-content,.connection-artwork,.digital-horizon,.login-grid{display:none}.login-form-panel{height:auto;min-height:calc(100svh - 76px);padding:18px max(20px, var(--safe-right)) max(28px, var(--safe-bottom)) max(20px, var(--safe-left));align-items:start}.mobile-login-brand{z-index:2;width:min(100%,520px);margin:0 auto 18px;display:block;position:relative}.login-brand.compact{gap:10px;font-size:20px}.login-brand.compact .login-brand-mark{border-radius:13px;width:42px;height:42px}.login-brand.compact .login-brand-mark svg{width:23px}.login-card-shell{margin:0 auto}.premium-login-card{padding:clamp(28px,6vw,42px)}}@media (max-width:480px){.login-brand-panel{display:none}.login-form-panel{min-height:100svh;padding-top:max(17px, var(--safe-top))}.mobile-login-brand{margin-bottom:14px}.premium-login-card{border-radius:22px;padding:26px 20px 24px}.premium-login-card header p{margin-bottom:10px;font-size:13px}.premium-login-card h1{font-size:clamp(29px,9vw,35px)}.premium-login-card form{gap:18px;margin-top:26px}.login-input-wrap input{height:52px;font-size:14px}.login-submit{min-height:53px}.premium-auth-links{gap:12px}.premium-auth-links a{font-size:12px}.secure-connection{margin-top:18px}}@media (max-width:340px){.login-form-panel{padding-left:12px;padding-right:12px}.premium-login-card{padding-left:16px;padding-right:16px}.premium-auth-links{flex-direction:column;align-items:center;gap:13px}}@media (prefers-reduced-motion:reduce){.premium-login-card,.connection-artwork path,.login-spinner{animation:none}.login-submit,.login-submit:after,.login-input-wrap input{transition:none}}@container (max-width:560px){.composer-action-menu{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 12px);margin:0 6px 10px}.composer-action-menu button{border-bottom:1px solid #eff2f1;border-right:1px solid #eff2f1;min-height:62px;padding:10px}.composer-action-menu button:nth-child(2n){border-right:0}.composer-action-menu button:nth-last-child(-n+2){border-bottom:0}.composer-action-menu button:first-child{border-radius:17px 0 0}.composer-action-menu button:nth-child(2){border-radius:0 17px 0 0}.composer-action-menu button:nth-last-child(2){border-radius:0 0 0 17px}.composer-action-menu button:last-child{border-radius:0 0 17px}}@container (max-width:360px){.composer-action-menu button{gap:7px;font-size:10px}.composer-action-icon{width:30px;height:30px}.composer-plus{width:36px;height:36px}}@media (max-width:1500px){.inbox-grid{grid-template-columns:176px minmax(260px,320px) minmax(0,1fr)}.contact-panel{display:none}.sidebar{width:190px}}@media (max-width:900px){.sidebar{width:68px;padding:18px 8px}.brand-lockup.compact strong,.sidebar .nav-item span,.profile-button span:nth-child(2),.profile-button svg{display:none}.brand-lockup.compact{padding:0 7px 20px}.sidebar .nav-item{justify-content:center}.profile-button{display:block}.inbox-grid{grid-template-columns:minmax(240px,280px) minmax(0,1fr)}.filter-column,.global-search{display:none}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-card{flex-direction:column;justify-content:center;min-height:100vh;display:flex}}@media (max-width:680px){.app-shell{height:100dvh}.sidebar{display:none}.topbar{flex-wrap:wrap;align-items:center;gap:6px;height:auto;min-height:58px;padding:9px 10px 11px}.topbar .page-title{flex:1 0 100%;order:2}.topbar .page-title h1{margin:0;font-size:21px;line-height:1.15}.topbar .page-title .eyebrow{display:none}.mobile-only{display:grid}.workspace-switch small,.workspace-switch .workspace-logo,.channel-health,.topbar .compact-button{display:none}.topbar-actions{order:1;justify-content:flex-end;width:100%;margin-left:auto}.inbox-grid{display:block;position:relative}.conversation-column,.chat-column{position:absolute;inset:0}.chat-column{transition:transform .22s;transform:translate(100%)}.show-chat .chat-column{transform:translate(0)}.conversation-column{transition:transform .22s;transform:translate(0)}.show-chat .conversation-column{transform:translate(-100%)}.back-button{display:grid}.chat-actions .assignee{display:none}.conversation-context{justify-content:flex-start;padding:0 10px;overflow:hidden}.messages{padding:14px}.message{max-width:90%}.media-card{width:min(100%,360px)}.voice-message-card{min-width:0}.composer{border-radius:20px;margin:0 8px 8px}.composer-row{border-radius:20px;min-height:50px;padding:5px}.voice-preview-bar{min-width:0}.voice-preview-bar audio{width:min(190px,46vw)}.interactive-composer{grid-template-columns:1fr}.interactive-composer .primary-button{width:100%}.media-lightbox{padding:10px}.contact-panel{display:none}}.label-summary-grid{grid-template-columns:repeat(7,minmax(112px,1fr));gap:10px;margin-bottom:16px;display:grid}.label-summary-grid article{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:14px}.label-summary-grid span,.labels-table small{color:var(--muted,#6f8079);font-size:12px;display:block}.label-summary-grid strong{margin-top:5px;font-size:24px;display:block}.label-toolbar{grid-template-columns:minmax(240px,2fr) repeat(5,minmax(125px,1fr)) auto;gap:8px;margin-bottom:14px;display:grid}.label-toolbar select,.label-search{border:1px solid var(--line);background:var(--panel);border-radius:10px;min-height:40px}.label-toolbar select{color:inherit;padding:0 10px}.label-search{align-items:center;gap:8px;padding:0 11px;display:flex}.label-search input{width:100%;color:inherit;background:0 0;border:0;outline:0}.label-badge{border-radius:999px;align-items:center;max-width:260px;padding:5px 9px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.label-name-button{max-width:290px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:5px;padding:0;display:flex}.scope-pill{background:var(--soft);text-transform:uppercase;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:700;display:inline-block}.label-row-actions{gap:4px;display:flex}.label-row-actions button,.modal-close{border:1px solid var(--line);width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border-radius:8px;place-items:center;display:inline-grid}.label-row-actions button:disabled{cursor:not-allowed;opacity:.4}.modal-card{position:relative}.modal-close{position:absolute;top:14px;right:14px}.label-editor{width:min(680px,100vw - 32px)}.label-editor-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.label-editor-grid .full{grid-column:1/-1}.label-color-presets{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.label-color-presets button{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px}.label-color-presets button[aria-pressed=true]{outline-offset:2px;outline:2px solid}.label-detail-overlay{z-index:120;background:#0f172a61;position:fixed;inset:0}.label-detail-drawer{background:var(--panel);width:min(440px,94vw);height:100%;padding:32px 24px;position:absolute;top:0;right:0;overflow:auto;box-shadow:-20px 0 45px #0f172a29}.label-detail-drawer dl div{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;display:flex}.label-detail-drawer h3,.protected-note{align-items:center;gap:7px;display:flex}.dependency-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dependency-grid article{background:var(--soft);text-align:center;border-radius:10px;padding:12px}.dependency-grid strong,.dependency-grid span{display:block}.filter-checkbox{align-items:center;gap:8px;flex-direction:row!important;display:flex!important}.filter-checkbox input{width:auto!important}@media (max-width:1100px){.label-summary-grid{grid-template-columns:repeat(4,1fr)}.label-toolbar{grid-template-columns:repeat(3,1fr)}.label-search{grid-column:span 2}}@media (max-width:720px){.label-summary-grid,.label-toolbar,.label-editor-grid{grid-template-columns:1fr 1fr}.label-search,.label-editor-grid .full{grid-column:1/-1}.labels-table{overflow-x:auto}}.quick-summary{grid-template-columns:repeat(7,minmax(110px,1fr));gap:12px;margin-bottom:18px;display:grid;overflow-x:auto}.quick-summary article{border:1px solid var(--line);background:var(--panel);border-radius:14px;min-width:110px;padding:14px 16px}.quick-summary span,.quick-summary strong{display:block}.quick-summary span{color:#6d7e77;font-size:12px}.quick-summary strong{margin-top:4px;font-size:24px}.quick-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.quick-toolbar .management-search{flex:320px}.quick-toolbar select,.quick-toolbar button,.quick-view-toggle button{border:1px solid var(--line);background:var(--panel);min-height:38px;color:var(--ink);border-radius:10px}.quick-toolbar button{cursor:pointer;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.quick-toolbar button.active,.quick-view-toggle button.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.quick-view-toggle{gap:4px;display:inline-flex}.quick-view-toggle button{justify-content:center;width:38px;padding:0}.quick-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;display:grid}.quick-list{gap:8px;display:grid}.quick-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;gap:12px;min-width:0;padding:16px;display:flex;position:relative}.quick-list .quick-card{align-items:flex-start}.quick-card>input{margin-top:4px}.quick-card-main{flex:1;min-width:0}.quick-card header,.quick-card footer{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.quick-card h2{margin:4px 0 0;font-size:17px}.quick-card code{color:#5bc398;font-size:12px;font-weight:700}.quick-card>.quick-card-main>p{color:#505e58;white-space:pre-wrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:42px;margin:12px 0;display:-webkit-box;overflow:hidden}.quick-card button{cursor:pointer;background:0 0;border:0}.quick-card button.favorite{color:#e39b17}.quick-meta{flex-wrap:wrap;gap:6px;margin-bottom:13px;display:flex}.quick-meta span{color:#6d7e77;border:1px solid #e7eae9;border-radius:999px;padding:4px 7px;font-size:11px}.quick-card footer{border-top:1px solid #f0f3f2;align-items:center;padding-top:12px}.quick-card footer small{color:#81928b}.quick-card footer span{gap:4px;display:flex}.quick-card footer button{color:#64756e;border-radius:8px;place-items:center;width:30px;height:30px;display:inline-grid}.quick-card footer button:hover{background:#f4f5f5}.quick-bulk,.quick-import-preview{border:1px solid var(--line);background:var(--brand-soft);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.quick-bulk select,.quick-bulk button{min-height:34px}.quick-import-preview>div{margin-right:auto;display:grid}.quick-import-preview span{color:var(--muted);font-size:12px}.quick-skeleton{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.quick-skeleton span{background:linear-gradient(90deg, var(--soft), var(--surface-subtle), var(--soft));background-size:200% 100%;border-radius:16px;height:210px;animation:1.2s infinite quick-shimmer}@keyframes quick-shimmer{to{background-position:-200% 0}}.modal-card.quick-editor{width:min(1040px,100vw - 32px);max-height:calc(100vh - 36px);overflow:auto}.quick-editor>header{justify-content:space-between;gap:16px;display:flex}.quick-editor>header p{color:#6d7e77;margin:4px 0 0}.quick-editor>header>button{background:0 0;border:0}.quick-editor-grid{grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:22px;margin-top:18px;display:grid}.quick-editor label{gap:6px;margin-bottom:13px;display:grid}.quick-character-count{text-align:right;color:#81928b;margin-top:-10px;font-size:11px}.quick-variable-picker{margin:12px 0}.quick-variable-picker>div{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.quick-variable-picker button{color:#4bbd8d;background:#f9fafa;border:1px solid #eaedec;border-radius:8px;padding:5px 8px;font-size:11px}.quick-variable-config{gap:10px;margin:14px 0;display:grid}.quick-variable-config fieldset{border:1px solid #e5e8e7;border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:10px 12px;display:grid}.quick-variable-config legend{color:#53c093;padding:0 5px;font-family:monospace;font-size:12px}.quick-variable-config label{margin:0}.quick-variable-config .quick-inline-check{align-self:end;align-items:center;gap:7px;min-height:38px;display:flex}.quick-variable-config .quick-inline-check input{width:auto}.quick-editor aside{background:var(--soft);border-radius:16px;padding:16px}.quick-editor aside>span{color:var(--muted);font-size:12px;font-weight:700}.whatsapp-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#d9fdd3;border-radius:8px 8px 2px;margin:14px 0;padding:12px 48px 20px 12px;position:relative;box-shadow:0 1px 2px #00000014}.whatsapp-preview time{color:#6d7e77;font-size:10px;position:absolute;bottom:5px;right:8px}.quick-variable-status,.quick-format-help{background:var(--soft);border-radius:10px;gap:5px;margin-top:12px;padding:12px;display:grid}.quick-variable-status small,.quick-format-help span{color:var(--muted)}.quick-taxonomy{width:min(720px,100vw - 32px);max-height:calc(100vh - 40px);overflow:auto}.quick-taxonomy>header{justify-content:space-between;gap:16px;margin-bottom:14px;display:flex}.quick-taxonomy>header p{color:var(--muted);margin:4px 0 0}.quick-taxonomy>header>button{cursor:pointer;background:0 0;border:0}.quick-taxonomy-list{gap:8px;margin-top:14px;display:grid}.quick-taxonomy-list article{border:1px solid var(--line);border-radius:11px;align-items:center;gap:8px;padding:10px;display:flex}.quick-taxonomy-list article>div{flex:1;min-width:120px;display:grid}.quick-taxonomy-list small{color:var(--muted)}.quick-taxonomy-color{border-radius:999px;flex:none;width:12px;height:12px}@media (max-width:900px){.quick-editor-grid{grid-template-columns:1fr}.quick-summary{grid-template-columns:repeat(7,120px)}}@media (max-width:680px){.quick-grid{grid-template-columns:1fr}.quick-toolbar>*{flex:100%}.quick-card footer{flex-direction:column;align-items:flex-start}.quick-variable-config fieldset{grid-template-columns:1fr}.quick-taxonomy-list article{flex-wrap:wrap}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.chat-person-button{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.conversation-search{z-index:30;background:#fff;border-bottom:1px solid #eaeceb;flex:none;align-items:center;gap:10px;min-height:48px;padding:7px 12px;display:flex;position:relative;box-shadow:0 8px 20px #252a280f}.conversation-search>label{color:#80928a;background:#f9f9f9;border:1px solid #e5e8e7;border-radius:11px;flex:1;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.conversation-search input{color:#204938;background:0 0;border:0;outline:0;flex:1;min-width:0}.conversation-search>span{color:#80928a;flex:none;font-size:10px}.conversation-search>button{color:#6f817a;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:inline-grid}.conversation-search-results{background:#fff;border:1px solid #e7ebe9;border-radius:14px;max-height:min(360px,52vh);padding:6px;position:absolute;top:calc(100% + 6px);left:12px;right:12px;overflow:auto;box-shadow:0 18px 42px #252a2829}.conversation-search-results button{color:#265541;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:9px 10px;display:flex}.conversation-search-results button:hover,.conversation-search-results button:focus-visible{background:#f7f9f8}.conversation-search-results button:focus-visible{outline-offset:-3px;outline:3px solid #67c79f}.conversation-search-results mark{background:#fff0a8;border-radius:3px;padding:0 2px}.conversation-search-results time{color:#909f99;flex:none;font-size:9px}.draft-preview strong{color:#81d0af;font-weight:800}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.messages{position:relative}.date-divider{z-index:3;position:sticky;top:8px}.unread-divider{color:#81d0af;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:10px;margin:18px 0 10px;font-size:9px;font-weight:800;display:flex}.unread-divider:before,.unread-divider:after{content:"";background:#81d0af47;flex:1;height:1px}.unread-divider span{background:#f5f7f6;border-radius:999px;padding:5px 9px}.scroll-to-latest{z-index:5;color:#51be91;cursor:pointer;background:#fff;border:1px solid #e5e8e7;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:0 0 0 auto;display:flex;position:sticky;bottom:10px;box-shadow:0 10px 24px #252a282e}.scroll-to-latest b{color:#fff;background:#81d0af;border:2px solid #fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:8px;display:grid;position:absolute;top:-5px;right:-5px}.message.search-highlight{animation:1.8s message-search-pulse}@keyframes message-search-pulse{0%,to{box-shadow:0 5px 18px #353e3a11}35%{box-shadow:0 0 0 4px #81d0af33,0 8px 24px #353e3a1f}}.message-status.sent,.message-status.delivered,.message-status.pending{color:#81928b}.message-status.read{color:#5ac297}.message-status.failed{color:#d9485f}.message-error-row{justify-content:flex-end;align-items:center;gap:8px;display:flex}.message-error-row .message-error{min-width:0}.message-error-row button{color:#b7273c;cursor:pointer;background:#fff0f2;border:0;border-radius:8px;flex:none;align-items:center;gap:4px;padding:5px 7px;font-size:9px;font-weight:800;display:inline-flex}.contact-drawer-backdrop,.contact-drawer-close{display:none}.contact-panel>.contact-card{position:relative}@media (max-width:1500px){.contact-drawer-backdrop{z-index:89;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1f232157;border:0;display:block;position:fixed;inset:0}.contact-panel.open{z-index:90;border-left:1px solid #e5e8e7;width:min(380px,92vw);animation:.18s ease-out contact-drawer-in;display:block;position:fixed;top:0;bottom:0;right:0;box-shadow:-18px 0 48px #252a282e}.contact-drawer-close{color:#5d6c66;cursor:pointer;background:#f5f6f6;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:inline-grid;position:absolute;top:-5px;right:0}}@keyframes contact-drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (max-width:680px){.conversation-search{padding:6px 8px}.conversation-search>span{display:none}.contact-panel.open{display:block}}.open-channels-page{width:min(100%,1480px);color:var(--ink);margin:0 auto}.oc-breadcrumb{color:var(--muted);align-items:center;gap:8px;margin:-5px 0 20px;font-size:12px;display:flex}.oc-breadcrumb a{color:var(--muted);text-decoration:none}.oc-breadcrumb a:hover{color:var(--brand)}.oc-breadcrumb strong{color:var(--ink);font-weight:700}.oc-toolbar{z-index:4;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:14px;display:flex;position:relative}.oc-search{border:1px solid var(--line);background:var(--panel);width:min(430px,100%);min-height:44px;color:var(--muted);border-radius:11px;align-items:center;gap:10px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #10233f08}.oc-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #625bf61a}.oc-search input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.oc-search button,.oc-filter-heading button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.oc-search button:hover,.oc-filter-heading button:hover{background:var(--soft);color:var(--ink)}.oc-filter-wrap{position:relative}.oc-toolbar-button{border:1px solid var(--line);background:var(--panel);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:11px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.oc-toolbar-button:hover,.oc-toolbar-button.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.oc-toolbar-button strong{background:var(--brand);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:10px;display:grid}.oc-filter-panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;gap:14px;width:310px;padding:16px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 48px #10233f29}.oc-filter-heading,.oc-filter-heading>div{align-items:center;display:flex}.oc-filter-heading{justify-content:space-between}.oc-filter-heading>div{gap:8px}.oc-filter-panel label{color:var(--muted);gap:7px;font-size:11px;font-weight:750;display:grid}.oc-filter-panel select{border:1px solid var(--line);min-height:40px;color:var(--ink);background:var(--panel);font:inherit;border-radius:9px;padding:0 10px;font-size:12px}.oc-clear-button{width:max-content;color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:750;display:inline-flex}.oc-control-bar{border:1px solid var(--line);background:var(--panel);border-radius:13px;justify-content:space-between;align-items:center;gap:16px;min-height:64px;margin-bottom:18px;padding:0 12px;display:flex;box-shadow:0 5px 18px #1e2d460a}.oc-status-tabs{align-self:stretch;gap:4px;min-width:0;display:flex;overflow-x:auto}.oc-status-tabs button{min-width:max-content;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:650;display:inline-flex;position:relative}.oc-status-tabs button:after{content:"";background:0 0;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:10px;right:10px}.oc-status-tabs button:hover,.oc-status-tabs button.active{color:var(--brand)}.oc-status-tabs button.active:after{background:var(--brand)}.oc-status-tabs strong{background:var(--soft);min-width:22px;height:22px;color:var(--muted);border-radius:999px;place-items:center;font-size:10px;display:grid}.oc-status-tabs button.active strong{background:var(--brand-soft);color:var(--brand)}.oc-view-toggle{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex:none;display:inline-flex;overflow:hidden}.oc-view-toggle button{border:0;border-left:1px solid var(--line);min-height:38px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.oc-view-toggle button:first-child{border-left:0}.oc-view-toggle button.active{background:var(--brand-soft);color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.oc-feedback{border:1px solid;border-radius:11px;align-items:center;gap:9px;margin-bottom:13px;padding:11px 13px;font-size:12px;display:flex}.oc-feedback.success{border-color:var(--green);background:var(--green-soft);color:var(--green)}.oc-feedback.error{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.oc-feedback span{flex:1}.oc-feedback button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:800}.oc-connections-panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:hidden;box-shadow:0 10px 34px #1526420f}.oc-connections-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:74px;padding:0 20px;display:flex}.oc-connections-panel>header h2{color:var(--ink);margin:0 0 4px;font-size:16px}.oc-connections-panel>header p{color:var(--muted);margin:0;font-size:11px}.oc-connections-panel>header>span{background:var(--soft);color:var(--muted);border-radius:999px;padding:5px 9px;font-size:10px;font-weight:750}.oc-review-panel,.oc-exclusions-panel{margin-bottom:16px}.oc-exclusion-form{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,.7fr) minmax(180px,.7fr) minmax(220px,1fr) auto;gap:10px;padding:16px 20px;display:grid}.oc-exclusion-form input{border:1px solid var(--line);background:var(--panel);min-height:38px;color:var(--ink);border-radius:9px;padding:0 11px}.oc-exclusion-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.oc-exclusion-list>div:last-child{border-bottom:0}.oc-exclusion-list span{gap:3px;display:grid}.oc-exclusion-list small{color:var(--muted)}.oc-review-panel .oc-table-row{grid-template-columns:minmax(180px,.7fr) minmax(180px,.55fr) minmax(320px,1fr) auto}.oc-review-panel .oc-row-actions{flex-wrap:wrap}.oc-review-panel .oc-row-actions select,.oc-review-panel .oc-row-actions input{border:1px solid var(--line);background:var(--panel);min-height:34px;color:var(--ink);border-radius:8px;padding:0 9px}.oc-review-panel .oc-row-actions input{width:110px}.oc-table-head,.oc-table-row{grid-template-columns:minmax(240px,1fr) minmax(170px,.42fr) minmax(100px,.24fr) auto;align-items:center;gap:24px;display:grid}.oc-table-head{border-bottom:1px solid var(--line);background:var(--soft);min-height:44px;color:var(--muted);letter-spacing:.035em;text-transform:uppercase;padding:0 20px;font-size:9px;font-weight:800}.oc-table-item{border-bottom:1px solid var(--line)}.oc-table-item:last-child{border-bottom:0}.oc-table-row{min-height:72px;padding:10px 20px;transition:background .14s}.oc-table-row:hover{background:var(--soft)}.oc-table-cell{gap:5px;min-width:0;display:grid}.oc-table-cell>strong{color:var(--ink);text-overflow:ellipsis;font-size:11px;font-weight:720;overflow:hidden}.oc-table-cell>small{color:var(--muted);align-items:center;gap:4px;font-size:9px;display:inline-flex}.oc-table-cell.actions{justify-items:end}.oc-channel-summary{align-items:center;gap:11px;min-width:0;display:flex}.oc-channel-summary>span:last-child{min-width:0}.oc-channel-summary strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;display:block;overflow:hidden}.oc-provider-mark{border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:850;display:grid}.oc-provider-mark.whatsapp{color:#fff;background:#21b95b;box-shadow:0 0 0 4px #ebfaef}.oc-status-badge{border-radius:7px;align-items:center;gap:6px;width:max-content;padding:6px 8px;font-size:10px;font-weight:750;display:inline-flex}.oc-status-badge>span{background:currentColor;border-radius:50%;width:6px;height:6px}.oc-status-badge.active{color:#118953;background:#e7f8ef}.oc-status-badge.warning{color:#b36c0d;background:#fff3df}.oc-status-badge.disabled{background:var(--soft);color:var(--muted)}.oc-row-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.oc-secondary-button{border:1px solid var(--line);background:var(--panel);min-height:35px;color:var(--ink);font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:10px;font-weight:750;text-decoration:none;display:inline-flex}.oc-secondary-button:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.oc-secondary-button:disabled{cursor:not-allowed;opacity:.48}.oc-panel-footer{border-top:1px solid var(--line);min-height:58px;color:var(--muted);justify-content:space-between;align-items:center;gap:18px;padding:0 20px;font-size:10px;display:flex}.oc-panel-footer a{color:var(--brand);align-items:center;gap:6px;font-weight:750;text-decoration:none;display:inline-flex}.oc-loading{gap:12px;display:grid}.oc-loading div{border:1px solid var(--line);background:linear-gradient(90deg, var(--soft) 25%, var(--surface-subtle) 50%, var(--soft) 75%);background-size:200% 100%;border-radius:12px;height:96px;animation:1.3s infinite oc-shimmer}@keyframes oc-shimmer{to{background-position:-200% 0}}.oc-empty-state{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:14px;align-content:center;place-items:center;gap:10px;min-height:340px;padding:30px;display:grid;box-shadow:0 8px 28px #1e2d460d}.oc-empty-state.compact{min-height:230px}.oc-empty-state>span{background:var(--brand-soft);width:52px;height:52px;color:var(--brand);border-radius:15px;place-items:center;display:grid}.oc-empty-state h2{color:var(--ink);margin:4px 0 0;font-size:18px}.oc-empty-state p{max-width:470px;color:var(--muted);margin:0 0 8px;font-size:12px;line-height:1.6}.oc-kanban{grid-template-columns:repeat(3,minmax(270px,1fr));align-items:start;gap:14px;display:grid}.oc-kanban-column{border:1px solid var(--line);background:var(--soft);border-radius:14px;overflow:hidden}.oc-kanban-column>header{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;min-height:54px;padding:0 14px;display:flex}.oc-kanban-column>header>div{align-items:center;gap:8px;display:flex}.oc-kanban-column>header span{background:var(--muted);border-radius:50%;width:8px;height:8px}.oc-kanban-column.active>header span{background:#18a565}.oc-kanban-column.warning>header span{background:#e79a24}.oc-kanban-column>header strong{color:var(--ink);font-size:12px}.oc-kanban-column>header em{background:var(--soft);min-width:23px;height:23px;color:var(--muted);border-radius:999px;place-items:center;font-size:10px;font-style:normal;font-weight:750;display:grid}.oc-kanban-stack{gap:10px;padding:10px;display:grid}.oc-kanban-stack>p{color:var(--muted);text-align:center;margin:20px 6px;font-size:11px}.oc-kanban-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:14px;padding:15px;display:grid;box-shadow:0 5px 18px #10233f0a}.oc-kanban-card .oc-kanban-meta{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.oc-kanban-meta>span{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.oc-drawer-backdrop{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d1d356b;justify-content:flex-end;display:flex;position:fixed;inset:0}.oc-drawer{background:var(--soft);grid-template-rows:auto 1fr auto;width:min(660px,94vw);height:100%;animation:.18s ease-out oc-drawer-in;display:grid;box-shadow:-24px 0 60px #10233f33}@keyframes oc-drawer-in{0%{opacity:0;transform:translate(28px)}}.oc-drawer-header{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:flex-start;gap:20px;min-height:106px;padding:20px 22px;display:flex}.oc-drawer-header span{color:var(--brand);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:800}.oc-drawer-header h2{color:var(--ink);margin:5px 0 4px;font-size:20px}.oc-drawer-header p{color:var(--muted);margin:0;font-size:11px}.oc-drawer-header>button{border:1px solid var(--line);background:var(--panel);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:10px;place-items:center;display:grid}.oc-drawer-body{align-content:start;gap:13px;padding:16px 20px 28px;display:grid;overflow-y:auto}.oc-drawer-summary{border:1px solid var(--line);background:var(--panel);border-radius:11px;align-items:center;gap:12px;padding:10px 12px;display:flex}.oc-drawer-summary>span:last-child{color:var(--muted);font-size:10px}.oc-drawer-summary>span:last-child strong{color:var(--ink);margin-left:4px}.oc-form-section{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:17px}.oc-form-section>header{align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.oc-form-section>header>span{background:var(--brand-soft);width:32px;height:32px;color:var(--brand);border-radius:9px;flex:none;place-items:center;display:grid}.oc-form-section h3{color:var(--ink);margin:0 0 3px;font-size:13px}.oc-form-section header p{color:var(--muted);margin:0;font-size:10px}.oc-form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.oc-form-grid label{color:var(--muted);gap:7px;font-size:10px;font-weight:750;display:grid}.oc-form-grid label.full{grid-column:1/-1}.oc-form-grid .oc-binding-choice{border:1px solid var(--line);border-radius:14px;grid-column:1/-1;gap:10px;margin:0;padding:14px;display:grid}.oc-form-grid .oc-binding-choice legend{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding:0 6px;font-size:.78rem;font-weight:700}.oc-form-grid .oc-binding-choice label{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:12px;flex-direction:row;align-items:center;gap:10px;min-height:42px;padding:10px 12px;display:flex}.oc-form-grid .oc-binding-choice input{width:16px;height:16px;accent-color:var(--brand);margin:0}.oc-form-grid select{border:1px solid var(--line);width:100%;min-height:41px;color:var(--ink);background:var(--panel);font:inherit;border-radius:9px;outline:0;padding:0 11px;font-size:11px}.oc-form-grid select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #625bf61a}.oc-safety-note{background:var(--soft);color:var(--muted);border-radius:9px;align-items:flex-start;gap:8px;margin-top:13px;padding:10px;font-size:9px;line-height:1.55;display:flex}.oc-safety-note svg{color:var(--brand);flex:none}.oc-toggle-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.oc-toggle-grid label{border:1px solid var(--line);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-height:55px;padding:9px 11px;display:flex}.oc-toggle-grid label>span{gap:3px;display:grid}.oc-toggle-grid strong{color:var(--ink);font-size:10px}.oc-toggle-grid small{color:var(--muted);font-size:8px}.oc-toggle-grid input{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;flex:none;width:34px;height:19px;transition:background .14s;position:relative}.oc-toggle-grid input:after{content:"";background:var(--panel);border-radius:50%;width:13px;height:13px;transition:transform .14s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #10233f38}.oc-toggle-grid input:checked{background:var(--brand)}.oc-toggle-grid input:checked:after{transform:translate(15px)}.inline-action-group{flex-wrap:wrap;gap:9px;margin-bottom:12px;display:flex}.bitrix-user-mapping-list{display:grid}.bitrix-user-mapping-list article{border-bottom:1px solid var(--line);grid-template-columns:minmax(170px,1fr) minmax(210px,1.15fr) minmax(180px,.9fr) minmax(140px,.7fr) auto;align-items:center;gap:14px;min-height:70px;padding:11px 14px;display:grid}.bitrix-user-mapping-list article:last-child{border-bottom:0}.bitrix-user-mapping-list article>div,.bitrix-user-mapping-list label{gap:5px;display:grid}.bitrix-user-mapping-list strong{color:var(--ink);font-size:11px}.bitrix-user-mapping-list small,.bitrix-user-mapping-list label span{color:var(--muted);font-size:9px}.bitrix-user-mapping-list select{border:1px solid var(--line);min-height:38px;color:var(--ink);background:var(--panel);font:inherit;border-radius:9px;padding:0 10px;font-size:10px}.bitrix-user-mapping-list input{border:1px solid var(--line);min-width:140px;min-height:38px;color:var(--ink);background:var(--panel);font:inherit;border-radius:9px;padding:0 10px;font-size:10px}.channel-access-add-grid{grid-template-columns:minmax(0,1.5fr) minmax(130px,.7fr) auto;align-items:end;gap:10px;display:grid}.channel-access-add-grid label{color:var(--muted);gap:7px;font-size:10px;font-weight:750;display:grid}.channel-access-add-grid select,.channel-access-list select{border:1px solid var(--line);min-height:38px;color:var(--ink);background:var(--panel);font:inherit;border-radius:9px;padding:0 10px;font-size:10px}.channel-access-add-grid .primary-button{min-height:38px}.channel-access-list{gap:8px;display:grid}.channel-access-list article{border:1px solid var(--line);background:var(--soft);border-radius:10px;grid-template-columns:minmax(0,1fr) 125px 36px 36px;align-items:center;gap:8px;padding:10px;display:grid}.channel-access-person{gap:4px;min-width:0;display:grid}.channel-access-person strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex;overflow:hidden}.channel-access-person strong svg{color:#d69a19;flex:none}.channel-access-person small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.channel-access-list article>button{border:1px solid var(--line);background:var(--panel);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:9px;place-items:center;display:grid}.channel-access-list article>button.is-primary{color:#d69a19;background:#d69a1914;border-color:#d69a1959}.channel-access-list article>button.destructive-icon-button{color:var(--danger)}.channel-access-list article>button:disabled{cursor:not-allowed;opacity:.55}.oc-drawer-footer{border-top:1px solid var(--line);background:var(--panel);gap:10px;padding:13px 20px;display:grid}.oc-lifecycle-actions,.oc-save-actions{align-items:center;gap:8px;display:flex}.oc-lifecycle-actions{justify-content:flex-start}.oc-save-actions{justify-content:flex-end}.oc-lifecycle-actions button{min-height:32px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 4px;font-size:9px;font-weight:750;display:inline-flex}.oc-lifecycle-actions button.danger{color:var(--danger)}.oc-lifecycle-actions button:disabled{cursor:not-allowed;opacity:.45}.oc-save-actions .primary-button{border:0;border-radius:9px;min-height:38px;padding:0 13px;font-size:10px}@media (max-width:1220px){.oc-table-head,.oc-table-row{grid-template-columns:minmax(220px,1fr) minmax(155px,.5fr) minmax(95px,.28fr) auto}}@media (max-width:980px){.oc-kanban{grid-template-columns:1fr}.oc-table-head{display:none}.oc-table-item{padding:14px}.oc-table-row{border:1px solid #e4e8e6;border-radius:12px;grid-template-columns:1fr 1fr;gap:15px 20px;min-height:0;padding:15px;display:grid}.oc-table-cell.channel,.oc-table-cell.actions{grid-column:1/-1}.oc-table-cell:before{color:#909f99;content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;font-size:8px;font-weight:800}.oc-table-cell.channel:before,.oc-table-cell.actions:before{display:none}.oc-table-cell.actions{justify-items:stretch}.oc-row-actions{justify-content:flex-start}}@media (max-width:720px){.management-page{padding:18px 14px}.oc-breadcrumb{margin-bottom:14px}.oc-toolbar{align-items:stretch}.oc-search{flex:1}.oc-toolbar-button{justify-content:center;width:44px;padding:0;font-size:0}.oc-toolbar-button strong{font-size:9px;position:absolute;top:-7px;right:-7px}.oc-filter-panel{width:min(310px,100vw - 28px);right:0}.oc-control-bar{gap:10px;min-height:0;padding:8px;display:grid}.oc-status-tabs{min-height:48px}.oc-status-tabs button{padding:0 9px}.oc-view-toggle{width:100%}.oc-view-toggle button{flex:1;justify-content:center}.oc-connections-panel>header{min-height:68px;padding:0 15px}.oc-connections-panel>header p{display:none}.oc-exclusion-form{grid-template-columns:1fr;padding:14px 15px}.oc-exclusion-list>div{flex-direction:column;align-items:stretch;padding:12px 15px}.oc-table-item{padding:10px}.oc-table-row,.oc-review-panel .oc-table-row{grid-template-columns:1fr}.oc-review-panel .oc-row-actions{align-items:stretch}.oc-review-panel .oc-row-actions select,.oc-review-panel .oc-row-actions input,.oc-review-panel .oc-row-actions button{width:100%}.oc-table-cell,.oc-table-cell.channel,.oc-table-cell.actions{grid-column:1}.oc-provider-mark{width:32px;height:32px}.oc-panel-footer{flex-direction:column;align-items:flex-start;padding:14px 15px}.oc-drawer{width:100%}.oc-form-grid,.oc-toggle-grid,.channel-access-add-grid{grid-template-columns:1fr}.channel-access-list article{grid-template-columns:minmax(0,1fr) 36px 36px}.channel-access-list select{grid-area:2/1/auto/-1}.bitrix-user-mapping-list article{grid-template-columns:1fr;align-items:stretch}.bitrix-user-mapping-list article>.status-pill{justify-self:start}.oc-form-grid label.full{grid-column:auto}.oc-drawer-body{padding:12px}.oc-drawer-footer{padding:10px 12px}.oc-lifecycle-actions{overflow-x:auto}.oc-save-actions{grid-template-columns:1fr 1fr;display:grid}.oc-save-actions .primary-button{grid-column:1/-1}}@media (max-width:760px){.studio-shell,.studio-grid,.studio-canvas-wrap{min-height:0}.studio-grid{display:block}.studio-mobile-controls,.studio-mobile-flow{display:grid}.studio-canvas{display:none}.palette-panel,.inspector-panel{z-index:220;top:var(--safe-top);max-height:var(--app-viewport-height,100dvh);display:none;position:fixed;bottom:0;left:0;right:0}.palette-panel.mobile-open,.inspector-panel.mobile-open{display:block}.studio-mobile-sheet-header,.studio-mobile-close{display:flex}}@media (max-width:680px){html,body{width:100%;min-width:320px}.app-shell{height:var(--app-viewport-height,100dvh);min-height:0;padding-top:var(--safe-top);padding-right:var(--safe-right);padding-left:var(--safe-left)}.main-area{min-width:0;overflow:hidden}.topbar{height:auto;min-height:58px;padding:7px max(8px, var(--safe-right)) 7px max(8px, var(--safe-left));flex-wrap:nowrap;gap:8px}.topbar .page-title{order:initial;flex:auto;min-width:0}.topbar .page-title h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(17px,5.4vw,21px);line-height:1.15;overflow:hidden}.topbar-actions{order:initial;flex:none;width:auto;min-width:0}.inbox-topbar .workspace-switch{display:none}.inbox-topbar .channel-account-select{flex:auto;width:auto;min-width:0}.inbox-topbar .topbar-actions>.icon-button{width:var(--touch-target);height:var(--touch-target)}.management-page{overscroll-behavior-y:contain;min-width:0;padding:14px 12px max(18px, var(--safe-bottom));flex:1;overflow:hidden auto}input,textarea,select{font-size:16px}.composer{margin:0 max(6px, var(--safe-right)) max(6px, var(--safe-bottom)) max(6px, var(--safe-left))}.composer textarea{font-size:16px}.chat-header .icon-button,.back-button,.composer-plus,.send-button,.composer .icon-button{width:var(--touch-target);height:var(--touch-target)}.contact-panel.open{top:var(--safe-top);width:100%;max-width:none;padding-right:max(15px, var(--safe-right));padding-bottom:max(17px, var(--safe-bottom));padding-left:max(15px, var(--safe-left))}.modal-card,.modal-card.quick-editor,.quick-taxonomy,.label-editor,.inbox-file-picker{max-height:var(--app-viewport-height,100dvh)}.channel-cards.grid,.card-grid,.integration-widget-grid,.dashboard-grid{grid-template-columns:minmax(0,1fr)}.channels-toolbar{grid-template-columns:minmax(0,1fr);gap:9px}.channels-toolbar>*,.channels-search,.channels-view-toggle{grid-column:1;width:100%;min-width:0}.channels-view-toggle{justify-self:stretch}.channels-view-toggle button{flex:1}.channel-card-row,.channel-cards.grid .channel-card-row,.channel-card-row.compact{grid-template-columns:42px minmax(0,1fr);padding:12px}.channel-card-row>input,.channel-brand-icon{grid-column:1}.channel-identity{grid-column:2}.channel-badges,.channel-team,.channel-last-event,.channel-conversations,.channel-actions,.channel-cards.grid .channel-team,.channel-cards.grid .channel-last-event,.channel-cards.grid .channel-conversations,.channel-cards.grid .channel-actions{grid-column:1/-1;min-width:0;min-height:0;padding:10px 0}.channel-actions,.inline-actions,.integration-actions,.resource-card>footer{flex-wrap:wrap}.list-row,.team-row,.integration-summary{flex-direction:column;align-items:stretch;min-width:0}.settings-tabs,.integration-tabs{overscroll-behavior-x:contain;overflow-x:auto}.chat-person,.chat-person-button{min-width:0}.chat-person strong,.chat-person span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-more-actions>div{top:auto;right:max(8px, var(--safe-right));bottom:max(8px, var(--safe-bottom));left:max(8px, var(--safe-left));min-width:0;position:fixed}.conversation-filter-menu{z-index:180;top:auto;right:max(8px, var(--safe-right));bottom:max(8px, var(--safe-bottom));left:max(8px, var(--safe-left));width:auto;max-height:min(82dvh, var(--app-viewport-height,82dvh));padding-bottom:max(10px, var(--safe-bottom));border-radius:18px;position:fixed;overflow-y:auto}}@media (max-width:374px){.management-page{padding-left:9px;padding-right:9px}.chat-actions .icon-button:nth-of-type(n+3){display:none}.message,.message.has-attachment{width:auto;max-width:92%}.message.has-attachment:has(.voice-message-card):not(:has(.image-message-card,.video-message-card,.file-message-card)){width:auto;max-width:92%}.message.has-attachment:has(.image-message-card,.video-message-card){width:auto;max-width:92%}.messages{padding-left:8px;padding-right:8px}}.ai-nav{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.ai-nav a{border:1px solid var(--line);color:var(--muted);background:var(--panel);border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .15s}.ai-nav a:hover{color:var(--ink);border-color:var(--app-border-strong,#cad2cf)}.ai-nav a.active{color:#fff;background:var(--brand);border-color:var(--brand)}.ai-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:16px;display:grid}.ai-kpi-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:12px;padding:14px 16px;display:flex}.ai-kpi-card strong{color:var(--ink);font-size:19px;line-height:1.2;display:block}.ai-kpi-card small{color:var(--muted);font-size:11.5px}.ai-kpi-icon{width:38px;height:38px;color:var(--brand);background:var(--brand-soft,#f5f7f6);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ai-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ai-search{border:1px solid var(--line);background:var(--panel);min-width:220px;height:38px;color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.ai-search input{color:var(--ink);background:0 0;border:none;outline:none;width:100%;font-size:13px}.ai-toolbar select,.ai-header-select{border:1px solid var(--line);background:var(--panel);height:38px;color:var(--ink);border-radius:10px;padding:0 10px;font-size:13px}.ai-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:16px;padding:18px}.ai-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.ai-panel-header h2{color:var(--ink);margin:0;font-size:15.5px}.ai-panel-note,.ai-note{color:var(--muted);font-size:12px;line-height:1.55}.ai-subheading{color:var(--ink);margin:18px 0 8px;font-size:13.5px}.ai-table-scroll{overflow-x:auto}.ai-table-scroll table{border-collapse:collapse;width:100%;font-size:12.5px}.ai-table-scroll th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 12px;font-size:11px;font-weight:600}.ai-table-scroll td{border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle;padding:11px 12px}.ai-table-scroll tbody tr:hover{background:var(--soft)}.ai-cell-clamp{text-overflow:ellipsis;white-space:nowrap;max-width:340px;display:block;overflow:hidden}.ai-row-title{color:var(--ink);font-weight:600;display:block}.ai-row-actions{white-space:nowrap;justify-content:flex-end;gap:6px;display:flex}.ai-inline-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:11.5px;display:inline-flex}.ai-decision-badge{color:#62716b;white-space:nowrap;background:#f0f3f2;border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.ai-decision-badge.auto_sent{color:#1f7a3d;background:#e2f6e9}.ai-decision-badge.draft_created{color:#8a6100;background:#fff3d6}.ai-decision-badge.suggested{color:#45ba89;background:#f2f4f3}.ai-decision-badge.handoff{color:#b4470f;background:#ffe9e0}.ai-decision-badge.blocked,.ai-decision-badge.failed{color:#b3202e;background:#ffe1e4}.ai-decision-badge.observed,.ai-decision-badge.skipped{color:#62716b;background:#f0f3f2}.ai-chip-list{flex-wrap:wrap;gap:6px;display:flex}.ai-chip{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;display:inline-flex}.ai-version-banner{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--brand-soft);color:var(--brand);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:11px 14px;font-size:12.5px;display:flex}.ai-draft-hint{color:var(--amber);font-size:12px}.ai-error-hint{color:var(--danger,#c22f3e);font-size:12px}.ai-detail-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:14px;padding-bottom:8px;display:flex}.ai-detail-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 12px;font-size:12.5px;font-weight:600}.ai-detail-tabs button:hover{color:var(--ink);background:var(--soft)}.ai-detail-tabs button.active{color:var(--brand);background:var(--brand-soft,#f5f7f6)}.ai-detail-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);padding:18px}.ai-detail-card h2{color:var(--ink);margin:0 0 12px;font-size:15px}.ai-tab-actions{align-items:center;gap:10px;margin-top:16px;display:flex}.ai-form-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 14px;display:grid}.ai-form-grid label,.ai-list-label{color:var(--muted);flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.ai-form-grid input,.ai-form-grid select,.ai-form-grid textarea,.ai-list-editor input,.ai-list-editor textarea,.ai-message-builder input,.ai-message-builder select,.ai-message-builder textarea{border:1px solid var(--line);background:var(--panel);height:38px;color:var(--ink);border-radius:10px;padding:0 11px;font-size:13px;font-weight:400}.ai-form-grid textarea,.ai-textarea-tall{resize:vertical;height:auto;min-height:96px;padding:10px 11px;font-family:inherit;line-height:1.5}.ai-textarea-tall{border:1px solid var(--line);background:var(--panel);width:100%;min-height:160px;color:var(--ink);border-radius:10px;font-size:13px}.ai-number-input{max-width:130px}.ai-range-row{align-items:center;gap:10px;display:flex}.ai-range-row input[type=range]{border:none;flex:1;height:auto;padding:0}.ai-range-label{text-align:right;min-width:46px;color:var(--ink);font-size:13px;font-weight:600}.ai-checkbox-row,.ai-checkbox-align{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex;flex-direction:row!important}.ai-checkbox-row input,.ai-checkbox-align input{width:16px;height:auto;accent-color:var(--brand)}.ai-check-list,.ai-list-editor{flex-direction:column;gap:8px;display:flex}.ai-list-editor li,.ai-plain-list li{align-items:center;gap:8px;display:flex}.ai-plain-list{color:var(--ink);flex-direction:column;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.ai-list-add{gap:8px;margin-top:8px;display:flex}.ai-list-add input{border:1px solid var(--line);background:var(--panel);height:38px;color:var(--ink);border-radius:10px;flex:1;padding:0 11px;font-size:13px}.ai-example-pair{border:1px solid var(--line);background:var(--soft);border-radius:10px;grid-template-columns:1fr 1fr auto;align-items:start;gap:10px;padding:12px;display:grid}.ai-diff{flex-direction:column;gap:10px;display:flex}.ai-channel-list{flex-direction:column;gap:8px;display:flex}.ai-channel-row{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 13px;display:flex}.ai-channel-row select{border:1px solid var(--line);border-radius:8px;height:34px;margin-left:auto;padding:0 9px;font-size:12.5px}.ai-status-actions{flex-wrap:wrap;gap:8px;display:flex}.ai-kb-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.ai-kb-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;gap:9px;padding:16px;display:flex}.ai-kb-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.ai-kb-head h3{color:var(--ink);margin:0;font-size:14px}.ai-kb-stats{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:11.5px;display:flex}.ai-training-list{flex-direction:column;gap:12px;display:flex}.ai-training-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);padding:15px}.ai-training-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.ai-training-card blockquote{border-left:3px solid var(--line);background:var(--soft);color:var(--ink);border-radius:0 8px 8px 0;margin:8px 0;padding:10px 12px;font-size:13px;line-height:1.55}.ai-training-card blockquote.ai-output{border-left-color:#d9dedc}.ai-training-card blockquote.human-output{border-left-color:#8fd6a5}.ai-playground{grid-template-columns:250px minmax(0,1fr) 290px;align-items:start;gap:14px;display:grid}@media (max-width:1100px){.ai-playground{grid-template-columns:1fr}}.ai-chat-panel{flex-direction:column;min-height:460px;display:flex}.ai-chat-messages{flex-direction:column;flex:1;gap:8px;max-height:460px;padding:4px 2px 12px;display:flex;overflow-y:auto}.ai-chat-empty{color:var(--muted);text-align:center;margin:auto;font-size:12.5px}.ai-bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;max-width:78%;padding:9px 13px;font-size:13px;line-height:1.5}.ai-bubble.customer{background:var(--soft);color:var(--ink);border-bottom-left-radius:4px;align-self:flex-start}.ai-bubble.business{background:var(--brand);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.ai-chat-composer{border-top:1px solid var(--line);gap:8px;padding-top:10px;display:flex}.ai-chat-composer input,.ai-playground-input{border:1px solid var(--line);background:var(--panel);height:40px;color:var(--ink);border-radius:10px;flex:1;padding:0 12px;font-size:13px}.ai-meta-panel{flex-direction:column;gap:12px;display:flex}.ai-meta-dl{grid-template-columns:auto 1fr;gap:5px 12px;margin:0;font-size:12px;display:grid}.ai-meta-dl dt{color:var(--muted);font-weight:600}.ai-meta-dl dd{color:var(--ink);overflow-wrap:anywhere;margin:0}.ai-feedback{gap:6px;display:flex}.ai-inspector-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:14px;display:grid}.ai-key-row{align-items:center;gap:10px;display:flex}.ai-model-code{background:var(--soft);color:var(--ink);border-radius:6px;padding:2px 7px;font-family:ui-monospace,Cascadia Code,monospace;font-size:12px}.ai-bars{align-items:flex-end;gap:3px;height:150px;padding:8px 2px 0;display:flex}.ai-bars span{background:var(--brand);opacity:.85;border-radius:3px 3px 0 0;flex:1;min-width:4px;transition:opacity .15s}.ai-bars span:hover{opacity:1}.ai-case-list{flex-direction:column;gap:8px;display:flex}.ai-case-row{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 13px;display:flex}.ai-run-result{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:11px 13px;font-size:12.5px}.ai-run-result.pass{border-color:var(--green);background:var(--green-soft)}.ai-run-result.fail{border-color:var(--danger);background:var(--danger-soft)}.ai-run-action{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ai-message-builder{flex-direction:column;gap:8px;display:flex}.ai-message-builder-row{align-items:center;gap:8px;display:flex}.ai-message-builder-row input{flex:1}.ai-skeleton-list{flex-direction:column;gap:10px;display:flex}.ai-skeleton-list span{background:linear-gradient(90deg, var(--soft) 25%, var(--surface-subtle) 50%, var(--soft) 75%);background-size:200% 100%;border-radius:12px;height:56px;animation:1.4s infinite shimmer;display:block}.ai-spin{animation:.9s linear infinite ai-rotate}@keyframes ai-rotate{to{transform:rotate(360deg)}}.ai-danger-button{color:var(--danger,#c22f3e)}.ai-borderless{background:0 0;border:none}.ai-modal-wide{width:min(640px,94vw);max-width:640px}.ai-working-days{flex-direction:column;gap:8px;margin:12px 0 4px;display:flex}.ai-working-day{border:1px solid var(--line);background:var(--panel);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.ai-working-day .ai-checkbox-row{min-width:120px}.ai-working-day input[type=time]{border:1px solid var(--line);background:var(--panel);height:34px;color:var(--ink);border-radius:8px;padding:0 9px;font-size:12.5px}.ai-working-day input[type=time]:disabled{opacity:.45}.chat-more-agent-select{border-top:1px solid var(--line);margin-top:4px;padding:8px 12px 10px;display:block}.chat-more-agent-select select{border:1px solid var(--line);background:var(--panel);width:100%;height:34px;color:var(--ink);border-radius:8px;padding:0 9px;font-size:12.5px}