@font-face{font-family:'Anthropic Sans';src:url('/assets/fonts/anthropic-sans-ui.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
.clw{width:100%;max-width:640px;margin:18px 0 28px;color:#252522;font-family:'Anthropic Sans',ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:12px;font-weight:450;line-height:1.35;letter-spacing:-.006em;direction:ltr;text-align:left}
.clw *{box-sizing:border-box}
.clw-stage{position:relative;width:100%;aspect-ratio:1.62/1;overflow:hidden;border:1px solid #dfddd7;border-radius:16px;background:#f7f6f2;box-shadow:0 12px 34px rgba(31,30,29,.09);isolation:isolate}
.clw-browser{height:23px;display:flex;align-items:center;gap:4px;padding:0 8px;border-bottom:1px solid #e8e6df;background:#f1f0ea;color:#85827c;font-size:7px}
.clw-dot{width:5px;height:5px;border-radius:50%;background:#d9d6ce}.clw-url{height:14px;flex:1;margin-left:5px;border-radius:5px;background:#fff;padding:2px 8px;color:#77736d;white-space:nowrap;overflow:hidden}
.clw-app{position:absolute;inset:23px 0 0;display:flex;background:#f7f6f2}
.clw-chat-side{width:28%;padding:10px 8px;border-right:1px solid #e7e5df;background:#f7f6f2}
.clw-brand{margin:1px 5px 8px;font-weight:560;font-size:11px}.clw-side-row{height:24px;display:flex;align-items:center;gap:6px;padding:0 7px;border-radius:7px;color:#4f4d48;font-size:8px}.clw-side-row.on,.clw-side-row.selected{background:#ebe9e3;color:#24231f}.clw-side-ico{width:11px;text-align:center;color:#6e6b65}.clw-projects{margin:10px 7px 4px;color:#99958e;font-size:6.5px}.clw-chat-main{position:relative;flex:1;display:grid;place-items:center;background:#faf9f6}.clw-greeting{font-family:'Anthropic Sans',ui-sans-serif,sans-serif;font-size:20px;font-weight:450;letter-spacing:-.03em}.clw-compose{position:absolute;left:18%;right:18%;top:52%;height:54px;border:1px solid #e5e2dc;border-radius:12px;background:#fff;box-shadow:0 4px 15px rgba(31,30,29,.04);padding:9px;color:#a19d95;font-size:8px}
.clw-dim{position:absolute;inset:0;background:rgba(30,29,27,.4)}
.clw-settings{position:absolute;inset:7px 10%;display:grid;grid-template-columns:25% 1fr;border-radius:12px;background:#fff;box-shadow:0 16px 44px rgba(0,0,0,.18);overflow:hidden}
.clw-settings-nav{padding:10px 7px;border-right:1px solid #ebe9e3}.clw-search{height:22px;border:1px solid #e4e2dc;border-radius:6px;padding:5px 8px;margin-bottom:8px;color:#98958f;font-size:7px}.clw-nav-lab{margin:8px 7px 3px;color:#a19e97;font-size:6.5px}.clw-nav-row{height:20px;display:flex;align-items:center;gap:6px;padding:0 7px;border-radius:6px;color:#55524d;font-size:7.5px}.clw-nav-row.on,.clw-nav-row.selected,.clw-nav-row.clw-select.on{background:#e9e7e1;color:#252522;font-weight:600}.clw-nav-row span{width:10px;text-align:center;color:#77736d}
.clw-connectors{min-width:0;padding:11px 12px;background:#fff}.clw-topline{display:flex;align-items:center;gap:6px;height:22px}.clw-title{font-size:10px;font-weight:650}.clw-top-actions{margin-left:auto;display:flex;gap:5px}.clw-iconbtn,.clw-add{height:20px;border:1px solid #e0ded8;border-radius:6px;background:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0 7px;color:#33322f;font-size:7px}.clw-iconbtn{width:20px;padding:0}.clw-popular{margin:7px 0 5px;color:#7f7b75;font-size:7px}.clw-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.clw-card{height:34px;display:flex;align-items:center;gap:5px;padding:0 7px;border:1px solid #ebe9e4;border-radius:7px;box-shadow:0 1px 4px rgba(31,30,29,.04);font-size:7px}.clw-card .clw-mini{margin-left:auto;border:1px solid #e2e0da;border-radius:5px;padding:3px 5px}.clw-tabs{display:flex;gap:3px;margin:7px 0 3px}.clw-pill{border-radius:5px;padding:3px 6px;color:#77736d;font-size:6.5px}.clw-pill.on{background:#eeece7;color:#292824}.clw-table-row{height:22px;display:grid;grid-template-columns:1fr 36px 42px;align-items:center;border-bottom:1px solid #f0eee9;color:#5b5852;font-size:6.5px}.clw-menu{position:absolute;right:16px;top:37px;width:104px;padding:4px;border:1px solid #dfddd7;border-radius:7px;background:#fff;box-shadow:0 10px 24px rgba(31,30,29,.16);opacity:0;transform:translateY(-4px);transition:.28s}.clw-menu.on{opacity:1;transform:none}.clw-menu-row{height:23px;display:flex;align-items:center;padding:0 7px;border-radius:5px;font-size:7px}.clw-menu-row.on{background:#efede7}
.clw-modal{position:absolute;z-index:3;left:50%;top:50%;width:54%;max-height:88%;transform:translate(-50%,-50%);padding:12px 13px 11px;border:1px solid #dfddd7;border-radius:10px;background:#fff;box-shadow:0 18px 48px rgba(0,0,0,.24);overflow:hidden}.clw-modal.wide{width:58%;max-height:91%;overflow:auto}.clw-modal-head{display:flex;align-items:center;margin-bottom:5px;font-size:11px;font-weight:650}.clw-x{margin-left:auto;color:#6e6b65;font-weight:400}.clw-intro{margin:0 0 7px;color:#5f5c56;font-size:6.5px}.clw-intro a{color:#4d6d85;text-decoration:underline}.clw-label{display:block;margin:6px 0 3px;color:#4f4c47;font-size:6.5px}.clw-field{height:23px;border:1px solid #e0ded8;border-radius:4px;background:#fff;padding:5px 7px;color:#30302d;font-size:7px;white-space:nowrap;overflow:hidden}.clw-field.focus{border-color:#3c8bd7;box-shadow:0 0 0 1px rgba(60,139,215,.2)}.clw-helper{margin-top:3px;color:#88847d;font-size:5.8px}.clw-warning{margin:8px 0 0;color:#6d6962;font-size:6px;line-height:1.4}.clw-modal-foot{display:flex;justify-content:flex-end;gap:5px;margin-top:9px}.clw-btn{height:21px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dedcd6;border-radius:5px;background:#fff;padding:0 8px;color:#2e2d29;font-size:7px}.clw-btn.primary{border-color:#262522;background:#262522;color:#fff}.clw-btn.disabled{border-color:#a7a49d;background:#a7a49d;color:#f8f7f4}.clw-linkline{margin:5px 0;color:#85817a;font-family:ui-monospace,monospace;font-size:5.8px}.clw-auth-title{margin:8px 0 4px;font-size:7.5px;font-weight:650}.clw-radio-row{position:relative;padding-left:14px;margin:5px 0;color:#4d4a45;font-size:6.3px}.clw-radio-row::before{content:"";position:absolute;left:0;top:1px;width:7px;height:7px;border:1px solid #bbb8b1;border-radius:50%}.clw-radio-row.selected::before{border:3px solid #4289d2;background:#fff}.clw-radio-row small{display:block;color:#8d8981;font-size:5.4px;line-height:1.3}.clw-detected{margin-left:3px;border-radius:3px;background:#f0eee8;padding:1px 3px;font-size:5px}.clw-sep{height:1px;margin:7px 0;background:#eeece7}
.clw-detail{position:absolute;inset:7px 10%;display:grid;grid-template-columns:25% 1fr;border-radius:12px;background:#fff;box-shadow:0 16px 44px rgba(0,0,0,.18);overflow:hidden}.clw-detail-main{position:relative;padding:11px 12px}.clw-back{font-size:7px}.clw-detail-center{position:absolute;inset:23% 12% 18%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#88847d;font-size:7px}.clw-logo-box{width:28px;height:28px;border:1px solid #efede8;border-radius:8px;display:grid;place-items:center;margin-bottom:7px;background:#fff}.clw-logo-box img{width:16px;height:16px}.clw-detail-url{font-family:ui-monospace,monospace;font-size:5.5px}.clw-connect-copy{margin:5px 0 8px}.clw-tool-list{margin-top:7px}.clw-tool-head{display:flex;align-items:center;border-bottom:1px solid #eceae5;padding:5px 0;color:#5e5a54;font-size:6.5px}.clw-tool-row{height:24px;display:flex;align-items:center;border-bottom:1px solid #efede8;color:#57544e;font-size:6.3px}.clw-tool-state{margin-left:auto;color:#8b8881}.clw-success-toast{position:absolute;right:7px;bottom:7px;min-width:140px;padding:7px 9px;border:1px solid #dfddd7;border-radius:8px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.16);font-size:6.5px;opacity:0;transform:translateY(5px);transition:.3s}.clw-success-toast.on{opacity:1;transform:none}
.clw-auth-page{position:absolute;inset:23px 0 0;display:grid;place-items:center;background:#fff}.clw-auth-card{width:40%;min-width:180px;text-align:center}.clw-jmark{display:block;width:22px;height:22px;margin:0 auto 5px}.clw-auth-card h3{margin:0 0 10px;font-size:11px}.clw-sign-box{border:1px solid #e2e4e2;border-radius:8px;padding:10px;text-align:left;box-shadow:0 2px 8px rgba(27,39,51,.04)}.clw-auth-field{height:22px;border:1px solid #80b7ab;border-radius:4px;margin:3px 0 6px;padding:5px;color:#9a9f9c;font-size:6.5px}.clw-judaro-btn{height:22px;border-radius:4px;background:#22564f;color:#fff;display:grid;place-items:center;font-size:6.5px}.clw-or{display:flex;align-items:center;gap:6px;margin:7px 0;color:#9b9e9c;font-size:5.5px}.clw-or::before,.clw-or::after{content:"";height:1px;flex:1;background:#e1e3e1}.clw-sso{height:22px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #dfe2df;border-radius:4px;margin-top:5px;background:#fff;color:#333b38;font-size:6.5px}.clw-sso b{font-size:8px;color:#4285f4}.clw-consent-logos{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:6px}.clw-consent-logos img{width:22px;height:22px}.clw-claude-sun{color:#d97757;font-size:19px}.clw-consent-card{width:42%;min-width:190px;text-align:center}.clw-consent-card h3{margin:0 0 10px;font-size:11px;line-height:1.2}.clw-permission{border:1px solid #e1e4e1;border-radius:8px;padding:11px;text-align:left;box-shadow:0 2px 8px rgba(27,39,51,.04)}.clw-permission p{margin:0 0 8px;font-size:6.5px;font-weight:650}.clw-permission-row{display:flex;gap:6px;margin:5px 0;color:#5d6662;font-size:5.8px}.clw-allow{height:23px;display:grid;place-items:center;margin-top:9px;border-radius:4px;background:#22564f;color:#fff;font-size:6.5px}.clw-cancel{height:21px;display:grid;place-items:center;margin-top:5px;border:1px solid #dfe2df;border-radius:4px;font-size:6.5px}
.clw-cursor{position:absolute;z-index:20;left:0;top:0;width:14px;height:19px;opacity:0;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));transform:translate(var(--sx),var(--sy)) rotate(-12deg)}.clw-cursor::before{content:"";display:block;width:13px;height:18px;background:#22564f;clip-path:polygon(0 0,0 100%,28% 72%,45% 100%,60% 91%,43% 64%,79% 62%);filter:drop-shadow(0 0 1px #fff)}.clw-cursor.on{animation:clw-pointer var(--dur,900ms) cubic-bezier(.22,1,.36,1) forwards}.clw-cursor.on::after{content:"";position:absolute;left:-7px;top:-7px;width:18px;height:18px;border:2px solid rgba(34,86,79,.4);border-radius:50%;animation:clw-pulse var(--dur,900ms) ease-out forwards}.clw-press.on{animation:clw-press .32s ease}.clw-in{opacity:0;transform:translateY(5px);transition:opacity .3s,transform .3s}.clw-in.on{opacity:1;transform:none}.clw-swap:not(.on){display:none!important}.clw-type::after{content:"";display:inline-block;width:1px;height:9px;margin-left:1px;background:#45433f;vertical-align:-1px;animation:clw-blink .8s steps(1) infinite}
.clw-replay{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 9px;border:1px solid #d8dddb;border-radius:99px;background:transparent;color:var(--muted);font:500 12px/1 'IBM Plex Sans Hebrew',system-ui,sans-serif;cursor:pointer}.clw-replay:hover{border-color:#9aa5a2;color:var(--ink)}.clw-replay svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7}.clw-note{margin-top:8px;color:var(--faint);font-size:13px}
.clw-copy{padding:28px 0 4px;border-top:1px solid var(--line)}.clw-copy:first-of-type{margin-top:24px}.clw-copy h2{margin:0 0 12px;font-size:24px}.clw-copy p{margin:0 0 12px}

/* Focused tutorial components — the same 460px, one-action rhythm as Codex/ChatGPT. */
.clw{max-width:460px;font-size:13px}
.clw-stage{height:auto;aspect-ratio:auto;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(31,30,29,.07)}
.clw-browser{display:none}
.clw-svg{display:block;width:1em;height:1em;fill:currentColor;stroke:none;flex:0 0 auto;shape-rendering:geometricPrecision}
.clw-dim{display:none}
.clw-replay{margin-top:9px}

/* 1 — only the sidebar, then only the settings navigation. */
.clw[data-kind="open"] .clw-stage{width:300px;height:236px;background:#f7f6f2}
html[dir="rtl"] .clw[data-kind="open"] .clw-stage{margin-left:auto}
.clw[data-kind="open"] .clw-app{inset:0;display:block}
.clw[data-kind="open"] .clw-chat-side{width:100%;height:100%;padding:15px 12px;border:0}
.clw[data-kind="open"] .clw-chat-main{display:none}
.clw[data-kind="open"] .clw-brand{height:40px;margin:0 8px 10px;display:flex;align-items:center;gap:9px;font-family:'Anthropic Sans',sans-serif;font-size:18px}.clw[data-kind="open"] .clw-brand .clw-svg{width:20px;height:20px;color:#d97757}
.clw[data-kind="open"] .clw-side-row{height:40px;gap:11px;padding:0 10px;border-radius:10px;font-size:14px}.clw[data-kind="open"] .clw-side-row .clw-svg{width:18px;height:18px;color:#66635d}
.clw[data-kind="open"] .clw-settings{inset:0;width:100%;grid-template-columns:1fr;border-radius:0;box-shadow:none}
.clw[data-kind="open"] .clw-connectors{display:none}
.clw[data-kind="open"] .clw-settings-nav{padding:14px 11px;border:0}
.clw[data-kind="open"] .clw-search{height:34px;margin-bottom:10px;padding:0 11px;display:flex;align-items:center;gap:8px;border-radius:9px;font-size:12px}.clw[data-kind="open"] .clw-search .clw-svg{width:15px;height:15px}
.clw[data-kind="open"] .clw-nav-lab{margin:10px 10px 4px;font-size:10px}
.clw[data-kind="open"] .clw-nav-row{height:23px;gap:9px;padding:0 10px;border-radius:7px;font-size:11px}.clw[data-kind="open"] .clw-nav-row .clw-svg{width:14px;height:14px;color:#716e68}

/* 2 — move from Connectors in the settings navigation to Add. */
.clw[data-kind="connectors"]{max-width:520px}
.clw[data-kind="connectors"] .clw-stage{height:260px;overflow:visible}
.clw[data-kind="connectors"] .clw-settings{inset:0;grid-template-columns:150px 1fr;border-radius:18px;box-shadow:none;overflow:visible}
.clw[data-kind="connectors"] .clw-settings-nav{padding:14px 10px;border-right:1px solid #ebe9e3;border-radius:18px 0 0 18px;background:#faf9f6}
.clw[data-kind="connectors"] .clw-search{height:32px;margin-bottom:9px;padding:0 10px;display:flex;align-items:center;gap:7px;border-radius:9px;font-size:11px}.clw[data-kind="connectors"] .clw-search .clw-svg{width:14px;height:14px}
.clw[data-kind="connectors"] .clw-nav-lab{margin:9px 9px 4px;font-size:9px}.clw[data-kind="connectors"] .clw-nav-row{height:25px;gap:8px;padding:0 9px;border-radius:7px;font-size:11px}.clw[data-kind="connectors"] .clw-nav-row .clw-svg{width:14px;height:14px}
.clw[data-kind="connectors"] .clw-connectors{height:100%;padding:15px 16px;border-radius:0 18px 18px 0}.clw[data-kind="connectors"] .clw-topline{height:38px}.clw[data-kind="connectors"] .clw-title{font-size:17px}.clw[data-kind="connectors"] .clw-top-actions{gap:7px}
.clw[data-kind="connectors"] .clw-iconbtn,.clw[data-kind="connectors"] .clw-add{height:33px;border-radius:10px;font-size:12px}.clw[data-kind="connectors"] .clw-iconbtn{width:33px}.clw[data-kind="connectors"] .clw-add{gap:5px;padding:0 10px}.clw[data-kind="connectors"] .clw-add .clw-svg{width:14px;height:14px}
.clw[data-kind="connectors"] .clw-popular{font-size:10px}.clw[data-kind="connectors"] .clw-cards{grid-template-columns:1fr}.clw[data-kind="connectors"] .clw-card{height:45px;font-size:10px}.clw[data-kind="connectors"] .clw-card:nth-child(n+2),.clw[data-kind="connectors"] .clw-tabs,.clw[data-kind="connectors"] .clw-table-row{display:none}
.clw[data-kind="connectors"] .clw-menu{right:16px;top:58px;width:190px;padding:7px;border-radius:13px}.clw[data-kind="connectors"] .clw-menu-row{height:38px;gap:9px;padding:0 9px;border-radius:8px;font-size:13px}.clw[data-kind="connectors"] .clw-menu-row .clw-svg{width:17px;height:17px}

/* 3 — focused Add menu. */
.clw[data-kind="add"] .clw-stage{height:172px;overflow:visible;background:transparent;border-color:transparent;box-shadow:none}
.clw[data-kind="add"] .clw-settings{inset:0;display:block;border:1px solid #dfddd7;border-radius:18px;box-shadow:0 10px 30px rgba(31,30,29,.07);overflow:visible}
.clw[data-kind="add"] .clw-settings-nav,.clw[data-kind="add"] .clw-popular,.clw[data-kind="add"] .clw-cards,.clw[data-kind="add"] .clw-tabs,.clw[data-kind="add"] .clw-table-row{display:none}
.clw[data-kind="add"] .clw-connectors{height:100%;padding:17px 18px;border-radius:18px}
.clw[data-kind="add"] .clw-topline{height:36px}.clw[data-kind="add"] .clw-title{font-size:17px}.clw[data-kind="add"] .clw-top-actions{gap:8px}
.clw[data-kind="add"] .clw-iconbtn,.clw[data-kind="add"] .clw-add{height:34px;border-radius:10px;font-size:13px}.clw[data-kind="add"] .clw-iconbtn{width:34px}.clw[data-kind="add"] .clw-add{gap:6px;padding:0 11px}.clw[data-kind="add"] .clw-add .clw-svg{width:15px;height:15px}
.clw[data-kind="add"] .clw-menu{right:17px;top:59px;width:190px;padding:7px;border-radius:13px}.clw[data-kind="add"] .clw-menu-row{height:38px;gap:9px;padding:0 9px;border-radius:8px;font-size:13px}.clw[data-kind="add"] .clw-menu-row .clw-svg{width:17px;height:17px;color:#66635d}

/* 4/5 — real-size dialogs, not a whole screen shrunk around them. */
.clw[data-kind="details"],.clw[data-kind="auth-settings"]{max-width:520px}
.clw[data-kind="details"] .clw-stage{height:425px;overflow:visible;border:0;background:transparent;box-shadow:none}
.clw[data-kind="auth-settings"] .clw-stage{height:430px;overflow:visible;border:0;background:transparent;box-shadow:none}
.clw[data-kind="details"] .clw-settings,.clw[data-kind="auth-settings"] .clw-settings{display:none}
.clw[data-kind="details"] .clw-modal,.clw[data-kind="auth-settings"] .clw-modal{left:0;top:0;width:100%;height:100%;max-height:none;transform:none;padding:25px 25px 21px;border-radius:22px;box-shadow:0 20px 58px rgba(0,0,0,.14);overflow:hidden}
.clw[data-kind="auth-settings"] .clw-modal.wide{width:100%;max-height:none;overflow:hidden}
.clw[data-kind="details"] .clw-modal-head,.clw[data-kind="auth-settings"] .clw-modal-head{margin-bottom:8px;font-size:20px;white-space:nowrap}.clw-x .clw-svg{width:18px;height:18px}
.clw[data-kind="details"] .clw-intro,.clw[data-kind="auth-settings"] .clw-intro{margin-bottom:13px;font-size:12px;line-height:1.45}
.clw[data-kind="details"] .clw-label{margin:11px 0 5px;font-size:12px}.clw[data-kind="details"] .clw-field{height:38px;border-radius:9px;padding:9px 11px;font-size:12px}.clw[data-kind="details"] .clw-helper{margin-top:4px;font-size:10px}.clw[data-kind="details"] .clw-warning{margin-top:12px;font-size:10.5px;line-height:1.4}
.clw[data-kind="details"] .clw-modal-foot,.clw[data-kind="auth-settings"] .clw-modal-foot{margin-top:16px;gap:8px}.clw[data-kind="details"] .clw-btn,.clw[data-kind="auth-settings"] .clw-btn{height:35px;padding:0 14px;border-radius:9px;font-size:12px}
.clw[data-kind="auth-settings"] .clw-linkline{margin:5px 0 10px;font-size:10px}.clw[data-kind="auth-settings"] .clw-auth-title{margin:12px 0 7px;display:flex;align-items:center;gap:5px;font-size:13px}.clw[data-kind="auth-settings"] .clw-auth-title .clw-svg{width:13px;height:13px;color:#77736d}
.clw[data-kind="auth-settings"] .clw-radio-row{padding-left:20px;margin:8px 0;font-size:11px}.clw[data-kind="auth-settings"] .clw-radio-row::before{top:1px;width:11px;height:11px}.clw[data-kind="auth-settings"] .clw-radio-row.selected::before{border-width:4px}.clw[data-kind="auth-settings"] .clw-radio-row small{margin-top:2px;font-size:9px;line-height:1.35}.clw[data-kind="auth-settings"] .clw-detected{font-size:8px}.clw[data-kind="auth-settings"] .clw-sep{margin:10px 0}
.clw[data-kind="auth-settings"] .clw-modal{padding:17px 18px 14px;border:1px solid rgba(31,30,29,.14);border-radius:18px;box-shadow:0 6px 22px rgba(0,0,0,.05)}.clw[data-kind="auth-settings"] .clw-modal-head{font-size:17px;font-weight:700}.clw[data-kind="auth-settings"] .clw-intro{font-size:11.5px}.clw[data-kind="auth-settings"] .clw-modal-foot{padding-top:11px;border-top:1px solid rgba(0,0,0,.05);background:#faf9f5}

/* 5/8 — connector details as the focused panel. */
.clw[data-kind="connect"] .clw-stage{height:280px}.clw[data-kind="success"] .clw-stage{height:430px}
.clw[data-kind="connect"] .clw-detail,.clw[data-kind="success"] .clw-detail{inset:0;display:block;border-radius:18px;box-shadow:none}
.clw[data-kind="connect"] .clw-settings-nav,.clw[data-kind="success"] .clw-settings-nav{display:none}
.clw[data-kind="connect"] .clw-detail-main,.clw[data-kind="success"] .clw-detail-main{height:100%;padding:18px 20px}
.clw[data-kind="connect"] .clw-back,.clw[data-kind="success"] .clw-back{display:flex;align-items:center;gap:7px;font-size:12px}.clw-back .clw-svg{width:15px;height:15px}
.clw[data-kind="connect"] .clw-detail-center{inset:23% 10% 13%;font-size:12px}.clw[data-kind="connect"] .clw-logo-box{width:42px;height:42px;margin-bottom:10px;border-radius:12px}.clw[data-kind="connect"] .clw-logo-box img{width:23px;height:23px}.clw[data-kind="connect"] .clw-detail-url{font-size:9px}.clw[data-kind="connect"] .clw-connect-copy{margin:7px 0 11px}.clw[data-kind="connect"] .clw-btn{height:34px;padding:0 14px;border-radius:9px;font-size:12px}
.clw[data-kind="success"] .clw-topline{height:38px}.clw[data-kind="success"] .clw-title{font-size:16px}.clw-judaro-small{width:20px;height:20px}.clw[data-kind="success"] .clw-btn{height:32px;border-radius:9px;font-size:11px}.clw[data-kind="success"] .clw-iconbtn{width:30px;height:30px;border:0}.clw[data-kind="success"] .clw-linkline{margin:2px 0 14px;font-size:10px}.clw-tool-title{font-size:13px}.clw[data-kind="success"] .clw-tool-list{margin-top:10px}.clw[data-kind="success"] .clw-tool-head{height:38px;gap:7px;padding:0;font-size:11px}.clw-count{padding:1px 5px;border-radius:5px;background:#efede7;color:#77736d;font-size:9px}.clw[data-kind="success"] .clw-tool-row{height:45px;font-size:11px}.clw-perm-icons{display:flex;gap:6px;color:#77736d}.clw-perm-icons .clw-svg{width:17px;height:17px}.clw[data-kind="success"] .clw-success-toast{right:10px;bottom:9px;min-width:180px;padding:9px 11px;display:flex;align-items:center;gap:7px;border-radius:10px;font-size:10px}.clw[data-kind="success"] .clw-success-toast .clw-svg{width:14px;height:14px}

/* 7/8 — authorization cards at readable size. */
.clw[data-kind="signin"] .clw-stage{height:400px}.clw[data-kind="consent"] .clw-stage{height:340px}
.clw[data-kind="signin"] .clw-auth-page,.clw[data-kind="consent"] .clw-auth-page{inset:0}
.clw[data-kind="signin"] .clw-auth-card{width:360px;min-width:0;text-align:center;color:#1b2733;font-family:'IBM Plex Sans Hebrew','Anthropic Sans',system-ui,sans-serif}.clw[data-kind="signin"] .clw-auth-card[dir="rtl"] .clw-sign-box{text-align:right}.clw[data-kind="signin"] .clw-jmark{width:26px;height:26px;margin-bottom:6px}.clw[data-kind="signin"] .clw-auth-card h3{margin-bottom:12px;font-size:14px;font-weight:600}.clw[data-kind="signin"] .clw-sign-box{padding:14px;border-radius:10px}.clw[data-kind="signin"] .clw-sign-box>b{display:block;margin:0 2px 5px;font-size:11px;font-weight:500}.clw[data-kind="signin"] .clw-auth-field{height:35px;margin:0 0 10px;padding:8px 11px;border:1.5px solid #7fb5a9;border-radius:7px;font-size:12px}.clw[data-kind="signin"] .clw-judaro-btn,.clw[data-kind="signin"] .clw-sso{height:35px;border-radius:7px;font-size:12.5px;font-weight:500}.clw[data-kind="signin"] .clw-judaro-btn{margin-bottom:12px}.clw[data-kind="signin"] .clw-or{margin:0 0 12px;font-size:11px}.clw[data-kind="signin"] .clw-sso{margin:0 0 9px}.clw-sso-logo{width:14px;height:14px;flex:none}.clw-ms{width:14px;height:14px;display:grid;grid-template-columns:1fr 1fr;gap:1px}.clw-ms i{background:#777}.clw-ms i:nth-child(1){background:#f25022}.clw-ms i:nth-child(2){background:#7fba00}.clw-ms i:nth-child(3){background:#00a4ef}.clw-ms i:nth-child(4){background:#ffb900}.clw-signup{text-align:center;font-size:11px;color:#535f6a;margin-top:4px}.clw-signup b{color:#22564f;font-weight:500}
.clw[data-kind="consent"] .clw-consent-card{width:300px;min-width:0}.clw[data-kind="consent"] .clw-consent-logos{gap:10px;margin-bottom:8px}.clw[data-kind="consent"] .clw-consent-logos img,.clw[data-kind="consent"] .clw-claude-sun .clw-svg{width:28px;height:28px}.clw-link-mark .clw-svg{width:15px;height:15px;color:#9aa5a2}.clw[data-kind="consent"] .clw-consent-card h3{margin-bottom:13px;font-size:17px}.clw[data-kind="consent"] .clw-permission{padding:15px;border-radius:11px}.clw[data-kind="consent"] .clw-permission p{margin-bottom:10px;font-size:11px}.clw[data-kind="consent"] .clw-permission-row{gap:8px;margin:8px 0;font-size:9px}.clw[data-kind="consent"] .clw-permission-row .clw-svg{width:16px;height:16px}.clw[data-kind="consent"] .clw-allow{height:34px;margin-top:12px;border-radius:7px;font-size:11px}.clw[data-kind="consent"] .clw-cancel{height:31px;margin-top:7px;border-radius:7px;font-size:10px}
.clw-card>img,.clw-card>.clw-svg{width:18px;height:18px;object-fit:contain}.clw-menu-row{white-space:nowrap}.clw[data-kind="connectors"] .clw-menu,.clw[data-kind="add"] .clw-menu{width:230px}
@keyframes clw-pointer{0%{opacity:0;transform:translate(var(--sx),var(--sy)) rotate(-12deg)}15%{opacity:1}72%{opacity:1;transform:translate(var(--ex),var(--ey)) rotate(-12deg)}82%{opacity:1;transform:translate(var(--ex),var(--ey)) scale(.86) rotate(-12deg)}100%{opacity:0;transform:translate(var(--ex),var(--ey)) rotate(-12deg)}}
@keyframes clw-pulse{0%,72%{opacity:0;transform:scale(.3)}80%{opacity:.8;transform:scale(.4)}100%{opacity:0;transform:scale(1.5)}}@keyframes clw-press{40%{transform:scale(.95);filter:brightness(.93)}100%{transform:none}}@keyframes clw-blink{50%{opacity:0}}
@media(max-width:480px){
  .clw-cursor{display:none}
  .clw[data-kind="open"] .clw-stage{width:100%;max-width:300px}
  .clw[data-kind="connectors"] .clw-stage{height:240px}.clw[data-kind="connectors"] .clw-settings{grid-template-columns:128px 1fr}.clw[data-kind="connectors"] .clw-settings-nav{padding-inline:7px}.clw[data-kind="connectors"] .clw-connectors{padding-inline:10px}.clw[data-kind="connectors"] .clw-iconbtn{display:none}
  .clw[data-kind="details"] .clw-modal,.clw[data-kind="auth-settings"] .clw-modal,.clw[data-kind="auth-settings"] .clw-modal.wide{width:100%}
  .clw[data-kind="auth-settings"] .clw-stage{height:470px}.clw[data-kind="auth-settings"] .clw-modal-head{font-size:16px}
  .clw[data-kind="signin"] .clw-stage{height:400px}.clw[data-kind="signin"] .clw-auth-card{width:calc(100% - 28px)}
  .clw[data-kind="consent"] .clw-consent-card{width:calc(100% - 36px)}
}
@media(prefers-reduced-motion:reduce){.clw-cursor{display:none}.clw-in,.clw-success-toast,.clw-menu{opacity:1;transform:none;transition:none}.clw-type::after{display:none}}