:root{--ink:#18211f;--muted:#75807d;--line:#e9eeeb;--bg:#f7f9f8;--green:#147b61;--green-dark:#0e624d;--mint:#e7f4ef;--orange:#ed8b51}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans Arabic',Arial,sans-serif;font-size:14px}.shell{display:flex;min-height:100vh}.sidebar{width:252px;background:#fff;border-left:1px solid var(--line);padding:25px 16px 17px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;padding:0 7px 27px}.brand-icon{width:39px;height:39px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:12px;font-size:21px;font-weight:700}.brand b{display:block;font-size:19px;line-height:1.2}.brand small{display:block;font:9px Arial;letter-spacing:1px;color:#84908c;margin-top:4px}.account{display:flex;align-items:center;gap:10px;padding:12px 10px;background:#f8faf9;border:1px solid var(--line);border-radius:12px;margin-bottom:30px}.avatar{width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,#7834a3,#f59a55 55%,#e44368);color:#fff;display:grid;place-items:center;font:700 12px Arial}.account b,.user b{display:block;font-size:12px}.account small,.user small{font-size:10px;color:#919b97}.dots{margin-right:auto;border:0;background:none;color:#77817d;letter-spacing:2px}.nav-label{font-size:10px;color:#a0aaa6;padding:0 10px 10px}.sidebar nav{display:grid;gap:4px}.nav{border:0;background:none;text-align:right;font:500 13px inherit;font-family:inherit;color:#64706c;padding:11px 12px;border-radius:9px;display:flex;align-items:center;gap:11px;cursor:pointer}.nav span{font-size:17px;width:19px;text-align:center;color:#7c8984}.nav.active{background:var(--mint);color:var(--green-dark);font-weight:700}.nav.active span{color:var(--green)}.badge{font-style:normal;background:#f1f3f2;color:#6e7975;font-size:10px;border-radius:12px;padding:2px 7px;margin-right:auto}.sidebar-bottom{margin-top:auto}.help-card{border:1px solid #e7eee9;background:linear-gradient(145deg,#f8fcfa,#f0f7f3);border-radius:13px;padding:14px;margin-bottom:18px}.help-icon{color:var(--green);font-size:19px;margin-bottom:8px}.help-card>b{font-size:12px}.help-card p{font-size:11px;color:#74817b;line-height:1.7;margin:6px 0 11px}.help-card button{border:0;background:none;color:var(--green);font:600 11px inherit;font-family:inherit;padding:0;cursor:pointer}.help-card button span{margin-right:6px}.user{border-top:1px solid var(--line);padding:15px 4px 0;display:flex;align-items:center;gap:9px}.user-avatar{width:34px;height:34px;background:#fbe9dc;border-radius:50%;display:grid;place-items:center;color:#ac612e;font-weight:700}.main{flex:1;min-width:0}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.crumb{font-size:12px;color:#8a9591}.crumb span{padding:0 8px;color:#c0c8c4}.crumb b{color:#29332f;font-weight:600}.top-actions{display:flex;align-items:center;gap:13px}.icon-btn{position:relative;width:35px;height:35px;border:1px solid var(--line);background:#fff;border-radius:10px;color:#66736e;font-size:17px}.icon-btn i{position:absolute;width:6px;height:6px;top:7px;left:8px;background:var(--orange);border:1px solid #fff;border-radius:50%}.outline-btn{border:1px solid #dce5e0;border-radius:9px;background:white;color:#35413c;padding:8px 13px;font:600 11px inherit;font-family:inherit;display:flex;align-items:center;gap:8px;cursor:pointer}.ig-mark{font-size:17px;color:#a449a8}.content{max-width:1250px;margin:auto;padding:34px 40px 60px}.welcome{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px}.eyebrow{color:var(--green);font-size:11px;font-weight:600}.welcome h1{font-size:25px;margin:5px 0 4px;letter-spacing:-.4px}.welcome p{margin:0;color:#818c87;font-size:12px}.primary,.secondary{border:0;background:var(--green);color:#fff;border-radius:9px;padding:10px 15px;font:600 12px inherit;font-family:inherit;cursor:pointer;box-shadow:0 3px 9px #147b6120}.primary:hover{background:var(--green-dark)}.primary span{font-size:16px;margin-right:10px}.secondary{background:#fff;border:1px solid var(--line);color:#34403b;box-shadow:none}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 17px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#7a8580;font-size:11px}.stat-icon{width:31px;height:31px;display:grid;place-items:center;background:#f2f8f5;border-radius:9px;color:var(--green);font-size:15px}.stat strong{display:block;font-size:23px;margin:10px 0 1px}.stat small{font-size:10px;color:#9ba5a1}.grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.9fr);gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head h2{margin:0;font-size:14px}.panel-head p{margin:3px 0 0;color:#909b96;font-size:10px}.text-btn{border:0;background:none;color:var(--green);font:600 11px inherit;font-family:inherit;cursor:pointer}.automation{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #f0f3f1}.rule-icon{width:38px;height:38px;border:1px solid #e5f1eb;background:#f3faf6;color:var(--green);border-radius:11px;display:grid;place-items:center;font-size:16px}.rule-info{flex:1;min-width:0}.rule-info b{font-size:12px;display:block}.rule-info small{display:block;color:#87938e;font-size:10px;margin-top:4px}.status{font-size:9px;padding:4px 8px;border-radius:20px;white-space:nowrap}.status.on{background:#eaf6ef;color:#278456}.status.off{background:#f2f3f2;color:#818a86}.switch{width:34px;height:19px;border-radius:20px;background:#d5ddd9;border:0;padding:2px;cursor:pointer}.switch:after{content:'';display:block;width:15px;height:15px;background:white;border-radius:50%;transition:.2s}.switch.on{background:var(--green)}.switch.on:after{transform:translateX(-15px)}.empty-small{font-size:11px;color:#9aa39f}.activity{display:flex;gap:10px;padding:11px 0;border-top:1px solid #f0f3f1}.activity-dot{width:8px;height:8px;border-radius:50%;background:#7dc49d;margin-top:5px;flex-shrink:0}.activity b{display:block;font-size:11px;font-weight:600}.activity small{display:block;color:#929c97;font-size:10px;margin-top:4px}.quick{display:grid;gap:9px}.quick button{width:100%;display:flex;align-items:center;gap:10px;text-align:right;padding:11px;border:1px solid var(--line);background:white;border-radius:10px;font:500 11px inherit;font-family:inherit;color:#47534e;cursor:pointer}.quick button:hover{border-color:#b5d9c9;background:#fbfefc}.quick-icon{width:27px;height:27px;border-radius:8px;background:#eff7f3;color:var(--green);display:grid;place-items:center}.quick button span:last-child{margin-right:auto;color:#8d9994;font-size:15px}.connect-banner{margin-top:17px;border:1px solid #f2e3d7;background:#fffaf6;border-radius:12px;padding:13px 15px;display:flex;align-items:center;gap:11px}.connect-banner .warn{width:30px;height:30px;background:#fff0e3;border-radius:9px;display:grid;place-items:center;color:#c9783e}.connect-banner div:nth-child(2){flex:1}.connect-banner b{font-size:11px;display:block}.connect-banner p{font-size:10px;color:#8e8983;margin:3px 0 0}.connect-banner button{border:1px solid #eed8c8;background:#fff;border-radius:7px;padding:7px 10px;color:#895c3a;font:600 10px inherit;font-family:inherit;cursor:pointer}.page-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.page-title h1{font-size:23px;margin:4px 0}.page-title p{font-size:11px;color:#87918d;margin:0}.builder{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.8fr);gap:16px;align-items:start}.form-panel{padding:22px}.step-title{display:flex;align-items:center;gap:10px;margin-bottom:18px}.step-no{width:27px;height:27px;background:#eaf5ef;color:var(--green);border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:700}.step-title b{font-size:13px}.step-title small{display:block;color:#929c97;font-size:10px;margin-top:2px}.field{margin:0 0 17px}.field label{font-weight:600;font-size:11px;display:block;margin-bottom:7px}.field input,.field textarea,.field select{font-family:inherit;width:100%;border:1px solid #e3e9e5;background:#fff;border-radius:8px;padding:10px 11px;font-size:11px;color:#26312c;outline:none}.field input:focus,.field textarea:focus{border-color:#88bba4;box-shadow:0 0 0 3px #e9f5ee}.field textarea{min-height:91px;resize:vertical;line-height:1.75}.field .hint{font-size:9px;color:#929d97;margin-top:5px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.chip{padding:5px 9px;border:1px solid #dce9e1;background:#f3faf6;color:#347c5d;border-radius:20px;font-size:9px;cursor:pointer}.toggle-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1ee;padding:13px 0}.toggle-row b{font-size:11px}.toggle-row small{display:block;color:#929c97;font-size:9px;margin-top:3px}.form-actions{display:flex;justify-content:flex-start;gap:8px;border-top:1px solid var(--line);padding-top:15px;margin-top:4px}.preview{position:sticky;top:20px}.preview-card{background:#f8faf9;border:1px solid var(--line);border-radius:12px;padding:15px}.phone-top{display:flex;align-items:center;gap:8px;padding-bottom:11px;border-bottom:1px solid #e9eeeb}.phone-avatar{width:28px;height:28px;background:linear-gradient(135deg,#8344a2,#f08c4b,#df496d);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px}.phone-top b{font-size:10px}.phone-top small{display:block;color:#94a09a;font-size:9px}.bubble{background:white;padding:11px 12px;border:1px solid #edf0ee;border-radius:5px 12px 12px 12px;margin:14px 0 7px;font-size:10px;line-height:1.8;box-shadow:0 2px 7px #1a322608}.bubble.user{margin-right:auto;margin-left:20px;background:#eaf7f0;border:0;display:block;padding:10px}.preview-note{font-size:9px;color:#929b96;margin-top:11px;line-height:1.6}.rule-list{display:grid;gap:10px}.rule-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px}.rule-card .rule-info b{font-size:13px}.rule-card .rule-info small{font-size:10px}.inbox-layout{display:grid;grid-template-columns:300px 1fr;min-height:480px;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.inbox-list{border-left:1px solid var(--line);padding:14px}.search{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;font:11px inherit;font-family:inherit;margin-bottom:11px}.conversation{display:flex;gap:9px;padding:12px 5px;border-bottom:1px solid #f0f3f1}.conversation.active{background:#f3f9f6;border-radius:9px}.conv-avatar{width:34px;height:34px;border-radius:50%;background:#eee9f6;color:#755b9a;display:grid;place-items:center;font-size:11px;flex-shrink:0}.conversation b{font-size:11px}.conversation small{display:block;color:#89948f;font-size:9px;margin-top:4px}.chat{display:flex;flex-direction:column;min-width:0}.chat-head{padding:15px 18px;border-bottom:1px solid var(--line);font-size:12px;font-weight:600}.chat-head small{display:block;color:#929b96;font-size:9px;font-weight:400;margin-top:4px}.chat-body{padding:20px;flex:1;background:#fcfdfc;display:flex;flex-direction:column;gap:11px}.msg{background:white;border:1px solid #edf0ee;border-radius:4px 12px 12px 12px;padding:10px 12px;max-width:70%;font-size:10px;line-height:1.7}.msg.mine{align-self:flex-start;background:#eaf7f0;border:0;border-radius:12px 4px 12px 12px}.chat-compose{padding:12px;border-top:1px solid var(--line);display:flex;gap:8px}.chat-compose input{flex:1;border:1px solid var(--line);border-radius:8px;padding:9px;font:10px inherit;font-family:inherit}.activity-table{width:100%;border-collapse:collapse;font-size:10px}.activity-table th{text-align:right;color:#909a95;font-weight:500;padding:11px;border-bottom:1px solid var(--line)}.activity-table td{padding:13px 11px;border-bottom:1px solid #f0f3f1}.toast{position:fixed;bottom:22px;left:24px;background:#20332c;color:white;border-radius:9px;padding:11px 16px;font-size:11px;opacity:0;transform:translateY(8px);transition:.25s;pointer-events:none;z-index:10}.toast.show{opacity:1;transform:translateY(0)}dialog{border:0;border-radius:16px;padding:0;width:min(440px,calc(100% - 28px));box-shadow:0 25px 90px #14211d30}dialog::backdrop{background:#10201b66;backdrop-filter:blur(3px)}.modal{padding:28px;position:relative}.close{position:absolute;left:17px;top:13px;border:0;background:none;font-size:22px;color:#87918d;cursor:pointer}.modal-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#f3eaf6;color:#a0479c;font-size:23px}.modal h2{font-size:18px;margin:15px 0 7px}.modal p{font-size:11px;color:#77837d;line-height:1.8;margin:0 0 15px}.meta-note{border:1px solid #e5eee8;background:#f7fbf8;border-radius:9px;padding:11px;margin-bottom:16px}.meta-note b{font-size:10px;display:block;margin-bottom:4px}.meta-note span{font-size:10px;color:#77837d;line-height:1.7;display:block}.modal .primary{width:100%}.modal-foot{display:block;text-align:center;color:#9aa39e;font-size:9px;margin-top:12px;line-height:1.6}@media(max-width:1000px){.sidebar{width:220px}.content{padding:28px 24px}.topbar{padding:0 24px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:65px;padding:18px 8px}.brand{padding:0 4px 25px}.brand>span:last-child,.account>div:not(.avatar),.account .dots,.nav-label,.nav:not(.active){display:none}.account{justify-content:center;padding:8px 4px;margin-bottom:20px}.nav{font-size:0;justify-content:center;padding:12px 4px}.nav span{font-size:18px}.nav.active{font-size:0}.nav .badge{display:none}.sidebar-bottom .help-card,.user>div:not(.user-avatar),.user .dots{display:none}.user{justify-content:center;padding-top:12px}.topbar{height:60px;padding:0 14px}.content{padding:24px 14px}.welcome{align-items:flex-start;gap:12px}.welcome h1{font-size:21px}.welcome p{max-width:260px;line-height:1.6}.stats{gap:9px}.stat{padding:13px}.grid,.builder{grid-template-columns:1fr}.preview{position:static}.inbox-layout{grid-template-columns:1fr}.inbox-list{display:none}.top-actions{gap:6px}.outline-btn{font-size:0;padding:8px}.outline-btn .ig-mark{font-size:17px}.two-col{grid-template-columns:1fr}.connect-banner{align-items:flex-start}.connect-banner button{white-space:nowrap}.page-title{gap:10px}.page-title h1{font-size:19px}}@media(max-width:420px){.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:20px}.welcome .primary{padding:9px;font-size:10px}.connect-banner p{max-width:200px}}

/* Usability refinement */
:focus-visible{outline:3px solid #a8d8c3;outline-offset:2px}.welcome{background:linear-gradient(110deg,#f2faf6,#fff 75%);border:1px solid #e3efe8;border-radius:16px;padding:22px 24px;margin-bottom:16px;align-items:center}.welcome h1{font-size:27px}.welcome p{font-size:13px}.onboarding{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e7eeea;border-radius:13px;padding:15px 17px;margin:0 0 16px}.onboarding-copy{display:flex;align-items:center;gap:12px}.onboarding-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f3eaf6;color:#a0479c;font-size:21px}.onboarding-copy b{font-size:12px}.onboarding-copy p{margin:4px 0 0;font-size:10px;color:#89938e}.onboarding-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.onboarding-actions button{padding:9px 12px}.empty-state{min-height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center}.empty-state>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#f2f8f5;color:var(--green);font-size:18px}.empty-state b{font-size:12px}.empty-state small{font-size:10px;color:#89938e}.empty-state .text-btn{margin-top:3px}.required{color:#b87344;background:#fff5ec;border-radius:5px;padding:2px 5px;font-size:9px;margin-right:4px}.delete-rule{border:0;background:transparent;color:#a05a50;font:500 10px inherit;font-family:inherit;cursor:pointer;padding:6px 8px;border-radius:6px}.delete-rule:hover{background:#fff2ef}.automation{gap:10px}.rule-info{min-width:0}.rule-info small{white-space:normal;line-height:1.6}.stat strong{font-size:22px}.stat-top{line-height:1.5}.stat small{display:block;line-height:1.6}.panel{box-shadow:0 4px 18px #1a322605}.nav{min-height:43px}.icon-btn,.outline-btn,.secondary,.primary{transition:background .15s ease,border-color .15s ease,transform .15s ease}.primary:active,.secondary:active,.outline-btn:active{transform:translateY(1px)}.field input,.field textarea,.field select{min-height:41px}.field textarea{min-height:112px}.inbox-layout{position:relative}.inbox-layout:before{content:'محادثات توضيحية';position:absolute;top:10px;left:12px;z-index:1;background:#fff8ed;color:#996d43;border:1px solid #f2e4d4;border-radius:20px;padding:4px 8px;font-size:8px}.chat-head{padding-left:116px}.connect-banner{margin-top:16px}.connect-banner .warn{font-weight:700}.connect-banner p{line-height:1.6}@media(max-width:760px){.welcome{padding:17px;align-items:flex-start;flex-direction:column}.welcome h1{font-size:22px}.onboarding{align-items:stretch;flex-direction:column}.onboarding-actions{display:grid;grid-template-columns:1fr 1fr}.onboarding-actions button{font-size:10px}.sidebar nav .nav:not(.active){display:flex}.nav{width:100%;font-size:0;justify-content:center}.nav span{font-size:18px}.sidebar{width:63px}.account{padding:6px 2px}.content{padding-top:18px}}

/* Focused usability pass */
:root{--bg:#f5f8f6;--ink:#172520;--green:#16765b;--green-dark:#105e49;--mint:#e8f4ee;--line:#e5ece8}
body{background:radial-gradient(ellipse at 85% 0%,#edf6f1 0,transparent 31%),var(--bg);color:#1d2b26}
.sidebar{box-shadow:8px 0 30px #19382b08;position:sticky;top:0;height:100vh}
.brand-icon{box-shadow:0 7px 16px #147b6126}
.account{background:#fbfdfc}
.nav{transition:.18s ease}.nav:hover{background:#f4f8f5;color:var(--green-dark)}
.content{padding-top:32px}.welcome{padding:2px 0 19px}.welcome h1{font-size:27px;line-height:1.45}.welcome p{font-size:13px;line-height:1.8}
.onboarding{border:1px solid #dcebe2;background:linear-gradient(115deg,#eef8f2,#fff 76%);border-radius:16px;padding:20px 21px;display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 19px;box-shadow:0 9px 25px #1a322608}.onboarding-copy{display:flex;align-items:center;gap:13px}.onboarding-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff;color:var(--green);font-size:21px;box-shadow:0 4px 12px #147b6112}.onboarding-copy b{font-size:13px}.onboarding-copy p{margin:4px 0 0;color:#78867f;font-size:11px;line-height:1.7}.onboarding-actions{display:flex;gap:8px;flex-shrink:0}
.stat,.panel{border-radius:15px;box-shadow:0 6px 22px #19382b07}.stat{padding:17px 18px;transition:transform .18s ease,box-shadow .18s ease}.stat:hover{transform:translateY(-2px);box-shadow:0 10px 25px #19382b0c}.stat strong{font-size:25px;letter-spacing:-.4px}.panel{padding:21px}.panel-head{margin-bottom:18px}.empty-state{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px}.empty-state>span{width:42px;height:42px;display:grid;place-items:center;background:#f1f8f4;border-radius:14px;color:var(--green);font-size:20px}.empty-state b{font-size:13px}.empty-state small{color:#8a9690;font-size:11px;line-height:1.7}.empty-state .text-btn{margin-top:4px}
.connect-banner{border-radius:13px;padding:14px 16px}.builder{grid-template-columns:minmax(0,1.25fr) minmax(290px,.78fr);gap:19px}.form-panel{padding:23px}.wizard-progress{display:flex;align-items:center;gap:12px;margin:0 0 24px;padding:0 2px}.wizard-progress>i{height:1px;background:#e5ece8;flex:1}.wizard-progress-item{display:flex;align-items:center;gap:8px;color:#a0aaa5;font-size:11px;white-space:nowrap}.wizard-progress-item span{height:27px;width:27px;display:grid;place-items:center;border-radius:50%;background:#f0f3f1;color:#818d86;font-weight:700}.wizard-progress-item.active{color:var(--green-dark);font-weight:700}.wizard-progress-item.active span{background:var(--green);color:#fff;box-shadow:0 3px 10px #16765b26}.step-title{margin-bottom:20px}.step-title small{line-height:1.7}.field{margin-bottom:20px}.field label{font-size:12px}.field input,.field textarea,.field select{min-height:45px;border-radius:10px;padding:11px 12px;font-size:12px;background:#fdfefd}.field textarea{min-height:145px}.field .hint{font-size:10px;line-height:1.7}.required{display:inline-block;color:#b86141;background:#fff1eb;border-radius:20px;padding:2px 7px;font-size:9px;margin-right:4px}.optional{color:#84918a;font-weight:400;font-size:10px;margin-right:4px}.chips{gap:8px}.chip{font:inherit;font-family:inherit;padding:7px 12px;font-size:10px;transition:.15s}.chip:hover{border-color:#9fc9b2;background:#eaf6ef}.wizard-actions{display:flex;gap:9px;align-items:center;border-top:1px solid #edf1ee;padding-top:17px;margin-top:22px}.wizard-actions .primary{min-width:190px}.primary,.secondary,.outline-btn{min-height:41px;border-radius:10px;font-size:12px}.primary{background:linear-gradient(135deg,#168062,#12654e);box-shadow:0 5px 12px #147b6122}.primary:hover{box-shadow:0 8px 17px #147b612b}.preview{top:18px}.preview-card{border-radius:14px;background:linear-gradient(#f8fbf9,#f3f8f5);padding:17px}.phone-top{padding-bottom:13px}.phone-avatar{width:33px;height:33px}.bubble{font-size:11px;line-height:1.9;padding:12px 13px;border-radius:5px 13px 13px 13px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.user{display:block;border-top:0;margin:15px 0 8px auto;max-width:85%;background:#e5f4eb;padding:10px 12px;box-shadow:none}.preview-public{margin:7px 0 0 auto;max-width:90%;color:#64806f;background:#edf5ef;border-radius:8px;padding:7px 10px;font-size:9px;line-height:1.7}.preview-live{font-size:9px;color:#347859;background:#eaf5ee;border-radius:20px;padding:5px 8px;white-space:nowrap}.preview-note{margin:12px 2px 0;font-size:10px;line-height:1.9;background:#fff9f1;border:1px solid #f3e9db;border-radius:10px;padding:11px;color:#817966}.preview-note b{color:#806342}.wizard-step .hidden{display:none!important}.hidden{display:none!important}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9bcab2;outline-offset:2px}
@media(max-width:1000px){.builder{grid-template-columns:1fr}.preview{position:static;grid-row:1}.preview-card{max-width:500px}.onboarding{align-items:flex-start;flex-direction:column}.onboarding-actions{width:100%}.onboarding-actions button{flex:1}}
@media(max-width:760px){.sidebar{position:fixed;inset:auto 0 0;height:68px;width:auto;padding:5px 8px;background:#fff;z-index:30;border:0;border-top:1px solid var(--line);box-shadow:0 -8px 25px #19382b10;display:flex;flex-direction:row;align-items:center}.brand,.account,.nav-label,.sidebar-bottom{display:none!important}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:2px}.sidebar nav .nav{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:3px 1px;width:100%;min-height:55px;border-radius:9px;font-size:0!important;color:#78847e}.sidebar nav .nav span{font-size:18px;width:auto}.sidebar nav .nav:after{font-size:9px;line-height:1.3;content:''}.sidebar nav .nav[data-view="overview"]:after{content:'الرئيسية'}.sidebar nav .nav[data-view="automations"]:after{content:'الأتمتة'}.sidebar nav .nav[data-view="inbox"]:after{content:'الرسائل'}.sidebar nav .nav[data-view="activity"]:after{content:'النشاط'}.badge{display:none}.main{padding-bottom:72px}.topbar{height:58px;padding:0 16px}.crumb{font-size:10px}.top-actions{gap:7px}.icon-btn{width:33px;height:33px}.outline-btn{font-size:10px;padding:7px 9px;min-height:36px}.content{padding:20px 14px 30px}.welcome{gap:14px;margin-bottom:14px}.welcome h1{font-size:22px}.welcome p{font-size:11px}.welcome .primary{width:100%}.onboarding{padding:15px;gap:13px}.onboarding-copy{align-items:flex-start}.onboarding-actions{display:grid;grid-template-columns:1fr}.onboarding-actions button{width:100%;font-size:11px}.stats{gap:9px;margin-bottom:14px}.stat{padding:13px}.stat-top{font-size:10px}.stat-icon{width:28px;height:28px}.stat strong{font-size:20px;margin:8px 0 0}.stat small{font-size:9px}.grid{grid-template-columns:1fr;gap:12px}.panel{padding:16px}.page-title{align-items:flex-start;margin-bottom:15px}.page-title h1{font-size:20px}.page-title p{line-height:1.7}.builder{gap:12px}.form-panel{padding:16px}.wizard-progress{margin-bottom:18px}.wizard-progress-item{font-size:10px}.wizard-actions{flex-direction:column;align-items:stretch}.wizard-actions button{width:100%}.preview-card{max-width:none}.inbox-layout{grid-template-columns:1fr;min-height:0}.inbox-list{border-left:0;border-bottom:1px solid var(--line);max-height:180px;overflow:auto}.chat{min-height:330px}.connect-banner{align-items:flex-start;flex-wrap:wrap}.connect-banner button{margin-right:41px}.toast{left:12px;right:12px;bottom:78px;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Visual hierarchy and icon system */
.icon-svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.nav-icon svg,.icon-btn svg,.ig-mark svg,.modal-icon svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ig-mark .solid,.modal-icon .solid{fill:currentColor;stroke:none}
.nav{gap:12px;min-height:46px;padding:10px 12px}.nav-icon{width:21px!important;height:21px;display:grid;place-items:center;flex:none}.nav-icon svg{width:18px;height:18px}
.icon-btn{display:grid;place-items:center}.icon-btn svg{width:17px;height:17px}
.ig-mark{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.ig-mark svg{width:17px;height:17px}
.modal-icon{display:grid;place-items:center}.modal-icon svg{width:22px;height:22px}
.button-icon{display:inline-flex;vertical-align:middle;margin-left:5px}.button-icon .icon-svg{width:15px;height:15px}
.stat-icon{display:grid;place-items:center}.stat-icon .icon-svg{width:17px;height:17px}
.rule-icon{display:grid;place-items:center;flex:none}.rule-icon .icon-svg{width:19px;height:19px}
.empty-state>span{display:grid;place-items:center}.empty-state>span .icon-svg{width:21px;height:21px}
.welcome{align-items:center;margin-bottom:18px}.welcome h1{margin-top:4px}.welcome .primary{min-width:150px;white-space:nowrap}
.connect-banner{margin:0 0 17px;border-color:#f0e2d3;background:linear-gradient(100deg,#fffaf5,#fff 85%);min-height:64px}.connect-banner .warn{display:grid;place-items:center;flex:none}.connect-banner .warn .icon-svg{width:17px;height:17px}.connect-banner>div:nth-child(2){min-width:0}.connect-banner b{font-size:12px}.connect-banner p{line-height:1.65}.stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.stat{min-width:0}.stat-top{gap:8px}.stat strong{font-size:24px}
.grid{gap:18px}.grid>.panel{min-width:0}.panel-head h2{font-size:15px}.panel-head p{line-height:1.6}.automation{gap:12px}.rule-info b{line-height:1.5}.status{font-size:10px}
@media(max-width:1000px){.preview{grid-row:auto}}
@media(max-width:760px){.sidebar nav .nav{gap:2px}.nav-icon{height:19px}.nav-icon svg{width:17px;height:17px}.welcome{align-items:flex-start}.welcome .primary{width:auto;min-width:0}.connect-banner{margin-bottom:13px;padding:12px;gap:9px}.connect-banner b{font-size:10px}.connect-banner p{font-size:9px}.connect-banner button{margin:4px 32px 0 0}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat strong{font-size:20px}.grid{gap:12px}.automation{gap:8px;flex-wrap:wrap}.automation .rule-info{flex:1 1 150px}.automation .status{margin-right:auto}.rule-icon{width:35px;height:35px}.delete-rule{margin-right:4px}.page-title .primary{white-space:nowrap}.top-actions .outline-btn{gap:5px}}

/* Page value, truthful states, and working list controls */
.preview-status{background:#eef3f0;color:#64736a;border:1px solid #e2e9e5}
.rule-card{align-items:center;gap:13px}.rule-card .rule-info{flex:1;min-width:180px}.rule-card .rule-info small{display:block;line-height:1.7;white-space:normal}.rule-actions{display:flex;align-items:center;gap:5px;flex:none}.small-action{border:1px solid #e7ece9;background:#fff;border-radius:8px;padding:7px 10px;color:#52625a;font:500 10px inherit;font-family:inherit;cursor:pointer;transition:.15s}.small-action:hover{border-color:#9fc9b2;background:#f6fbf8;color:var(--green-dark)}.small-action.danger{color:#ad5f4a}.small-action.danger:hover{border-color:#edc8bd;background:#fff8f5}
.list-toolbar{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px;margin:0 0 12px}.search-wrap{display:flex;align-items:center;gap:8px;flex:1;min-width:180px;color:#92a098}.search-wrap .icon-svg{width:16px;height:16px}.search.rule-search{border:0;margin:0;padding:7px 0;outline:0;box-shadow:none;min-width:0}.reply-filter{min-height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:6px 10px;color:#59675f;font:11px inherit;font-family:inherit}.rule-count{color:#86928c;font-size:10px;white-space:nowrap}.empty-filter{text-align:center;background:#fff;border:1px dashed #dbe6df;border-radius:12px;padding:24px;color:#829087;font-size:12px}.page-footnote{margin:11px 3px;color:#8a968f;font-size:10px;line-height:1.7}.empty-page{display:flex;flex-direction:column;align-items:center;text-align:center;padding:50px 22px}.empty-page h2{font-size:16px;margin:12px 0 5px}.empty-page p{font-size:11px;color:#859189;line-height:1.8;max-width:470px;margin:0 0 16px}.empty-page.compact{padding:33px 16px}.empty-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#eef7f1;color:var(--green);margin-bottom:12px}.empty-icon .icon-svg{width:22px;height:22px}.connection-empty{margin:6px auto;max-width:850px;padding:37px 28px;text-align:center;background:linear-gradient(145deg,#fff,#f8fbf9)}.connection-empty h2{font-size:20px;margin:8px 0}.connection-empty>p{max-width:550px;margin:0 auto 22px;color:#7c8981;font-size:12px;line-height:1.9}.connection-empty .eyebrow{display:block}.inbox-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 auto 22px;max-width:690px;text-align:right}.inbox-benefits>div{position:relative;border:1px solid #e8eeea;background:#fff;border-radius:11px;padding:13px 13px 13px 8px;min-height:85px}.inbox-benefits>div>span{position:absolute;left:11px;top:12px;width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:#edf6f0;color:var(--green);font-size:10px;font-weight:700}.inbox-benefits b{display:block;font-size:11px;margin-bottom:5px}.inbox-benefits small{display:block;color:#87938c;font-size:9px;line-height:1.7}.demo-note{display:block;margin-top:13px;color:#89958e;font-size:9px}.performance-lock{padding:24px}.performance-top{display:flex;align-items:center;gap:13px}.performance-top .empty-icon{margin:0;flex:none}.performance-top h2{font-size:17px;margin:3px 0}.performance-top p{font-size:11px;color:#849087;margin:0}.performance-stats{margin:21px 0 17px;grid-template-columns:repeat(3,minmax(0,1fr))}.performance-stats .stat{background:#fafcfb;box-shadow:none}.metric-explain{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-top:1px solid var(--line);padding:15px 0;margin-bottom:8px}.metric-explain b{width:100%;font-size:11px}.metric-explain span{border:1px solid #e7eeea;background:#f8fbf9;border-radius:20px;padding:6px 10px;font-size:10px;color:#67756d}.connect-link{margin-right:8px}.local-log-note{display:flex;align-items:center;gap:11px;background:#f5f8f6;border:1px solid #e7ede9;border-radius:11px;padding:12px 14px;margin-bottom:12px}.local-log-note>span{display:grid;place-items:center;width:31px;height:31px;background:#fff;border:1px solid #e6ece8;border-radius:9px;color:#7b8c82}.local-log-note .icon-svg{width:16px;height:16px}.local-log-note b{font-size:11px;display:block}.local-log-note small{font-size:9px;color:#89958e;display:block;margin-top:3px}.table-wrap{overflow:auto}.activity-table{min-width:550px}.activity-table td{line-height:1.6}.reply-variants{display:grid;gap:7px}.reply-variants input{width:100%}.add-reply{margin-top:8px;padding:4px 0}.add-reply:disabled{opacity:.45;cursor:not-allowed}.page-title .preview-live{margin-bottom:3px}
@media(max-width:760px){.sidebar nav{grid-template-columns:repeat(5,1fr)}.sidebar nav .nav[data-view="performance"]:after{content:'الأداء'}.sidebar nav .nav[data-view="activity"]:after{content:'السجل'}.sidebar nav .nav[data-view="inbox"]:after{content:'الرسائل'}.list-toolbar{flex-wrap:wrap;padding:9px}.search-wrap{flex-basis:100%}.reply-filter{flex:1}.rule-count{margin-right:auto}.rule-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px 10px;padding:12px}.rule-card .rule-icon{grid-row:1 / span 2}.rule-card .rule-info{min-width:0}.rule-card .status{grid-column:2;justify-self:start}.rule-actions{grid-column:2;justify-self:start;flex-wrap:wrap}.small-action{padding:6px 9px}.connection-empty{padding:25px 15px}.connection-empty h2{font-size:17px}.inbox-benefits{grid-template-columns:1fr;gap:7px}.inbox-benefits>div{min-height:0;padding:11px 12px 11px 42px}.inbox-benefits>div>span{left:10px;top:11px}.performance-lock{padding:16px}.performance-top{align-items:flex-start}.performance-top h2{font-size:15px}.performance-stats{grid-template-columns:1fr;gap:8px}.performance-stats .stat{padding:12px}.performance-stats .stat strong{font-size:18px}.metric-explain{align-items:flex-start;flex-direction:column}.activity-table{min-width:520px}.page-title{gap:10px}.page-title .preview-live{font-size:8px;max-width:110px;text-align:center;white-space:normal}}
.callback-note{border:1px solid #e5eee8;background:#f8faf9;border-radius:9px;padding:11px;margin-bottom:14px}.callback-note b{font-size:10px;display:block;margin-bottom:6px}.callback-note code{display:block;direction:ltr;text-align:left;overflow-wrap:anywhere;color:#52635a;font:10px ui-monospace,monospace}.live-status{background:#e4f6eb;color:#16834b}.small-action:disabled{opacity:.45;cursor:not-allowed}

/* Premium Mottasil visual system */
:root{--ink:#1d2035;--muted:#85889b;--line:#e8e9f1;--bg:#f5f6fb;--green:#6258e8;--green-dark:#5147d2;--mint:#eeedff;--orange:#f5a05b;--accent:#635bda;--accent-soft:#f0efff;--navy:#19172c;--sidebar-muted:#aaa8bf}
body{background:var(--bg);color:var(--ink);font-size:14px;letter-spacing:-.08px}
.sidebar{background:linear-gradient(180deg,#19172d 0%,#201d39 100%);color:#f8f7ff;border-left:1px solid #2c2945;padding:25px 15px 17px;box-shadow:inset -1px 0 0 #ffffff08}
.brand{color:#fff;padding-bottom:29px}.brand-icon{background:linear-gradient(145deg,#8379ff,#5b4dde);border:1px solid #ffffff28;box-shadow:0 8px 22px #6459e855;border-radius:13px}.brand small{color:#aaa8c0;letter-spacing:1.2px}
.account{background:#25223e;border:1px solid #393651;border-radius:13px;margin-bottom:28px;padding:11px}.account b,.user b{color:#f7f6ff}.account small,.user small{color:#aaa8bd}.account .avatar{box-shadow:0 4px 12px #09081544}
.nav-label{color:#85839f;font-size:10px;letter-spacing:.35px}.sidebar nav{gap:6px}.nav{position:relative;color:#b7b5c9;border-radius:10px;min-height:44px;transition:background .18s,color .18s,transform .18s}.nav:hover{color:#fff;background:#ffffff0c}.nav span{color:#9693ae}.nav.active{color:#fff;background:linear-gradient(100deg,#665ce84a,#685fe81c);box-shadow:inset 0 0 0 1px #938bff28}.nav.active:before{content:"";position:absolute;right:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#a49dff}.nav.active span{color:#b4aeff}
.help-card{background:linear-gradient(145deg,#292540,#302b50);border-color:#443e66;box-shadow:0 12px 28px #0e0c1b28}.help-icon{color:#b1aaff}.help-card>b{color:#fff}.help-card p{color:#b9b6ce}.help-card button{color:#c4beff}.user{border-color:#38354f}.user-avatar{background:#393354;color:#d5d0ff}
.main{background:radial-gradient(ellipse at 68% 0%,#edeaff66 0,transparent 30%),var(--bg)}.topbar{height:70px;background:#ffffffeb;border-bottom-color:#e8e9f1;backdrop-filter:blur(16px);padding:0 clamp(20px,3vw,42px)}.crumb{color:#898b9f}.crumb b{color:#282942}.outline-btn{border-color:#e0e1ec;color:#383951;border-radius:10px;transition:.18s}.outline-btn:hover{border-color:#c5c0ff;background:#faf9ff;transform:translateY(-1px)}.ig-mark{color:#695fe2}
.content{max-width:1370px;padding:35px clamp(20px,3.2vw,46px) 64px}.eyebrow{color:#675de1;font-size:10px;letter-spacing:.25px}.welcome h1{color:#20213a;font-size:28px;letter-spacing:-.6px}.welcome p,.page-title p{color:#85879a}.primary{background:linear-gradient(120deg,#7065ef,#584dd7);box-shadow:0 6px 16px #645be633;border-radius:10px;transition:transform .16s,box-shadow .16s,filter .16s}.primary:hover{background:linear-gradient(120deg,#665be9,#4f44cc);transform:translateY(-1px);box-shadow:0 8px 20px #645be645}.secondary{border-color:#e4e5ef;color:#44455d;border-radius:10px;transition:.16s}.secondary:hover{background:#fafaff;border-color:#c9c5f6;color:#554bd3}.text-btn{color:#6057dc}.text-btn:hover{color:#3f36ba}
.connect-banner{border-color:#e3e0ff;background:linear-gradient(100deg,#f1f0ff,#fff 80%);border-radius:14px;box-shadow:0 5px 20px #28264c08}.connect-banner .warn{background:#e9e7ff;color:#5c53d7}.connect-banner b{color:#30314b}.connect-banner p{color:#77798e}.connect-banner button{border-color:#d9d5ff;color:#554bd0;border-radius:8px}.connect-banner button:hover{background:#f7f6ff;border-color:#bdb7ff}
.stat,.panel,.list-toolbar{border-color:#e7e8f0;border-radius:16px;box-shadow:0 5px 22px #22234a08}.stat{position:relative;overflow:hidden;padding:17px 18px}.stat:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#7c72f0,#c3bdff 55%,transparent)}.stat-top{color:#77798e}.stat-icon{background:#f0efff;color:#665de1;border-radius:10px}.stat strong{color:#22233d;letter-spacing:-.5px}.stat small{color:#9092a4}.panel{padding:20px}.panel-head h2{color:#282942}.panel-head p{color:#898b9e}.rule-icon,.quick-icon,.empty-icon,.step-no{background:linear-gradient(145deg,#f0efff,#f8f7ff);color:#6258df;border-color:#e3e0ff}.quick button{border-color:#e9e9f1;border-radius:12px;transition:.18s}.quick button:hover{border-color:#c8c3ff;background:#fbfaff;transform:translateY(-1px)}
.rule-card{background:#fff;border:1px solid #e8e8f0;border-radius:13px;box-shadow:0 2px 8px #21214205;transition:border-color .18s,box-shadow .18s,transform .18s}.rule-card:hover{border-color:#d5d1ff;box-shadow:0 7px 18px #302a690c;transform:translateY(-1px)}.small-action{border-color:#e7e7ef;color:#55566e;border-radius:8px;transition:.15s}.small-action:hover{border-color:#c6c1ff;background:#f7f6ff;color:#5046ce}.small-action.danger:hover{border-color:#f0c7c2;background:#fff8f7;color:#b94e4a}.status{font-weight:600}.preview-status{background:#f2f2f7;color:#77798b;border-color:#e8e8f0}.live-status{background:#e9f8f1;color:#188157;border:1px solid #d8f0e5}
.list-toolbar{padding:10px 13px}.reply-filter,.field input,.field textarea,.field select{border-color:#e2e3ed;border-radius:10px;color:#292a44}.reply-filter:focus,.field input:focus,.field textarea:focus{border-color:#958df3;box-shadow:0 0 0 3px #eeedff}.chip{border-color:#dedbff;background:#f7f6ff;color:#584fd2}.form-panel{border-radius:17px}.preview-card{border-color:#e7e7ef;border-radius:15px;background:#f9f9fc}.preview-live{border:1px solid #dedbff;background:#f3f2ff;color:#574ed0;border-radius:20px;padding:6px 10px}.wizard-progress-item.active span{background:#6359df;color:#fff}.wizard-progress-item.active b{color:#4f46c5}
.connection-empty{border:1px solid #e8e7f2;border-radius:18px;box-shadow:0 8px 30px #26254d08;background:linear-gradient(145deg,#fff,#f8f8ff)}.connection-empty .empty-icon{box-shadow:0 8px 18px #655be51c}.inbox-benefits>div{border-color:#e8e8f0;border-radius:13px;box-shadow:0 2px 10px #25234e05}.inbox-benefits>div>span{background:#efeeff;color:#6258dc}.performance-lock{border-radius:17px}.performance-stats .stat{background:#fbfbfe}.metric-explain span{background:#f8f8fc;border-color:#e7e7ef;color:#66677b}.local-log-note{background:#f6f6fc;border-color:#e8e8f0;border-radius:13px}.activity-table th{color:#77798e}.activity-table td{color:#3a3b53}.empty-filter{border-color:#dedcff;border-radius:14px;color:#73748d;background:#fdfcff}
.callback-note,.meta-note{border-color:#e5e3f4;background:#f9f9fe;border-radius:12px}.callback-note code{color:#565674}.modal{padding:30px}.modal-icon{background:#eeedff;color:#6258dc;border-radius:14px}.modal h2{color:#252641}.modal p{color:#72748a}.modal-foot{color:#8b8ca0}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b9b4ff;outline-offset:2px}
@media(max-width:760px){.sidebar{position:fixed;z-index:20;inset:auto 0 0;width:100%;height:72px;padding:5px 10px calc(5px + env(safe-area-inset-bottom));border-left:0;border-top:1px solid #34304d;box-shadow:0 -8px 28px #17152c1f}.brand,.sidebar .account,.nav-label,.sidebar-bottom{display:none}.sidebar nav{width:100%;height:100%;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:3px}.sidebar nav .nav,.sidebar nav .nav:not(.active){display:flex!important;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:58px;padding:5px 2px;color:#b7b5c9;font-size:9px!important;line-height:1.2;text-align:center}.sidebar nav .nav:before{display:none}.sidebar nav .nav.active{color:#fff;background:#ffffff10;box-shadow:inset 0 0 0 1px #938bff2b}.nav-icon,.sidebar nav .nav span.nav-icon{width:22px!important;height:22px;font-size:16px!important;color:#9693ae}.nav.active .nav-icon{color:#b4aeff}.nav-icon svg{width:18px;height:18px}.sidebar nav .nav:after{content:none!important}.main{padding-bottom:78px}.topbar{height:62px;padding:0 15px}.content{padding:24px 14px calc(95px + env(safe-area-inset-bottom))}.welcome h1{font-size:23px}.welcome p{font-size:11px}.welcome .primary{padding:9px 11px;font-size:10px}.connect-banner{border-radius:12px}.stat,.panel{border-radius:13px}.panel{padding:15px}.grid{gap:12px}.rule-card:hover,.quick button:hover{transform:none}}
@media(max-width:420px){.content{padding-left:11px;padding-right:11px}.welcome{gap:8px}.welcome h1{font-size:20px}.welcome .primary{font-size:9px;white-space:nowrap}.stat{padding:12px}.stat-icon{width:28px;height:28px}.stat strong{font-size:19px}.connect-banner{gap:8px}.connect-banner button{margin-right:38px}}

/* Guided first-run experience */
.onboarding-card{padding:24px;border-radius:18px;margin-bottom:16px;background:linear-gradient(145deg,#fff 10%,#fafaff 100%)}
.onboarding-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.onboarding-heading h2{font-size:18px;margin:6px 0 4px;color:#252641}
.onboarding-heading p{font-size:11px;color:#82849a;margin:0}
.onboarding-progress{flex:none;border:1px solid #e3e0ff;background:#f5f4ff;color:#574ecf;border-radius:20px;padding:7px 11px;font-size:10px;font-weight:700}
.progress-track{height:5px;background:#efeff5;border-radius:10px;margin:19px 0 9px;overflow:hidden;direction:rtl}
.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8d84ff,#5d53dc);transition:width .25s}
.setup-steps{display:grid}
.setup-step{display:flex;align-items:center;gap:12px;min-height:67px;padding:11px 2px;border-bottom:1px solid #f0f0f5}
.setup-step:last-child{border-bottom:0}
.setup-number{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:10px;background:#f0efff;color:#655bdd;font-size:11px;font-weight:700}
.setup-step.complete .setup-number{background:#eaf7f0;color:#258355}
.setup-step.current .setup-number{background:linear-gradient(135deg,#746aed,#574dd2);color:#fff;box-shadow:0 4px 10px #6358e533}
.setup-step.locked{opacity:.62}
.setup-step.ready .setup-number{background:#f1f1f7;color:#77798d}
.setup-step>div{flex:1;min-width:0}
.setup-step b{display:block;font-size:12px;color:#30314b}
.setup-step small{display:block;font-size:10px;color:#85879a;line-height:1.6;margin-top:3px}
.setup-step>.text-btn{flex:none;font-size:10px}
.setup-next{display:flex;align-items:center;gap:12px;margin-top:13px;padding:14px;background:#f6f5ff;border:1px solid #e5e2ff;border-radius:13px}
.setup-next-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;background:#fff;color:#6259dd;border:1px solid #e8e5ff;border-radius:11px}
.setup-next-icon .icon-svg{width:18px;height:18px}
.setup-next>div{flex:1;min-width:0}
.setup-next b{display:block;font-size:12px;color:#292a45}
.setup-next small{display:block;font-size:10px;color:#7e8096;line-height:1.6;margin-top:3px}
.setup-next .primary{flex:none;padding:9px 12px;font-size:10px}
.onboarding-grid{margin-top:0}
.next-info-row{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-top:1px solid #f0f0f5}
.next-info-row>span{width:23px;height:23px;flex:none;display:grid;place-items:center;background:#f0efff;color:#6158d7;border-radius:8px;font-size:10px;font-weight:700}
.next-info-row b{display:block;font-size:11px;color:#30314b}
.next-info-row small{display:block;margin-top:3px;font-size:10px;line-height:1.6;color:#85879a}
@media(max-width:760px){.onboarding-card{padding:16px;border-radius:15px}.onboarding-heading h2{font-size:16px}.setup-step{gap:9px;min-height:63px}.setup-step>.text-btn{padding:6px;font-size:9px}.setup-next{align-items:flex-start;flex-wrap:wrap}.setup-next>div{flex-basis:calc(100% - 52px)}.setup-next .primary{width:100%;margin-top:2px}.onboarding-grid{margin-top:12px}}

/* Clear, scrollable Meta setup guide */
dialog{max-height:min(90dvh,820px);overflow-y:auto;overscroll-behavior:contain}
.meta-guide{border:1px solid #e8e7f2;background:#fbfbfe;border-radius:13px;padding:13px;margin:0 0 14px}
.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.guide-heading>b{font-size:11px;color:#292a45}
.guide-heading a,.guide-steps a{font-size:9px;color:#574ed0;font-weight:600;text-decoration:none}
.guide-heading a:hover,.guide-steps a:hover{text-decoration:underline}
.guide-steps{list-style:none;margin:0;padding:0;display:grid;gap:1px}
.guide-steps li{display:grid;grid-template-columns:23px minmax(0,1fr);gap:8px;padding:9px 0;border-top:1px solid #eeeef5}
.guide-steps li>span{width:22px;height:22px;display:grid;place-items:center;background:#efeeff;color:#5e55d9;border-radius:7px;font-size:9px;font-weight:700}
.guide-steps li b{display:block;font-size:10px;color:#30314b;margin-bottom:3px}
.guide-steps li small{display:block;font-size:9px;line-height:1.7;color:#77798e;margin-bottom:4px}
.guide-steps a{display:inline-block}
.env-list{display:block;direction:ltr;text-align:left;overflow-wrap:anywhere;padding:6px 8px;margin-top:5px;border:1px solid #e7e6f0;border-radius:7px;background:white;color:#55566f;font:9px/1.8 ui-monospace,monospace}
.copy-row{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.callback-note .copy-row code{flex:1;min-width:0;border:1px solid #e7e7f0;background:#fff;border-radius:7px;padding:8px}
.copy-button{flex:none;border:1px solid #dedcff;background:#f5f4ff;color:#554ccd;border-radius:7px;padding:7px 9px;font:600 9px inherit;font-family:inherit;cursor:pointer}
.copy-button:hover{background:#eeedff;border-color:#c9c4ff}
@media(max-width:520px){dialog{max-height:calc(100dvh - 16px);width:calc(100% - 16px)}.modal{padding:20px 16px}.meta-guide{padding:11px}.guide-heading{align-items:flex-start;flex-wrap:wrap}.copy-row{gap:6px}.copy-button{padding:7px}}

/* Sky and cobalt visual language inspired by the supplied ReLink reference */
:root{--ink:#17243a;--muted:#75859a;--line:#e4edf5;--bg:#f5f9fc;--green:#1769e8;--green-dark:#0f54ca;--mint:#e8f3ff;--orange:#ee9a56;--accent:#1769e8;--accent-soft:#eaf4ff;--navy:#102949;--sidebar-muted:#6f8197}
body{background:#f4f8fc;color:#18263b}
.sidebar{background:#fff;color:#192941;border-left:1px solid #e7edf3;box-shadow:0 2px 14px #173a5b08}
.brand{color:#1c2c43}.brand-icon{background:linear-gradient(145deg,#2696f5,#1f64e5);border:1px solid #ffffff80;box-shadow:0 8px 20px #2486e533;border-radius:12px}.brand small{color:#8b9aab}
.account{background:#f7fbff;border-color:#e5eef6}.account b,.user b{color:#253953}.account small,.user small{color:#8697aa}.nav-label{color:#92a1b2}.nav{color:#5e7086}.nav:hover{color:#175dbd;background:#eff7ff}.nav span{color:#8193a8}.nav.active{color:#145dc9;background:linear-gradient(100deg,#e8f4ff,#f2f8ff);box-shadow:inset 0 0 0 1px #d8eaff}.nav.active:before{background:#2489f0}.nav.active span{color:#1972dd}
.help-card{background:linear-gradient(145deg,#f4fbff,#eaf5ff);border-color:#dcecf8;box-shadow:0 10px 22px #2863990c}.help-icon,.help-card button{color:#1972dd}.help-card>b{color:#1d3652}.help-card p{color:#71869a}.user{border-color:#e8eef4}.user-avatar{background:#e8f4ff;color:#236bb7}
.main{background:radial-gradient(ellipse at 67% 0%,#dff3ff99 0,transparent 32%),#f5f9fc}.topbar{background:#ffffffed;border-color:#e5edf4}.crumb{color:#8393a5}.crumb b{color:#283c55}.outline-btn{border-color:#dce7f0;color:#37516b}.outline-btn:hover{border-color:#b9d9f4;background:#f4faff}.ig-mark{color:#2784db}
.content{max-width:1370px}.eyebrow{color:#1973d2}.welcome{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(112deg,#e5f6ff 0%,#f1faff 50%,#fff 100%);border:1px solid #dcedf8;border-radius:18px;padding:24px 26px;margin-bottom:18px;align-items:center;box-shadow:0 8px 24px #245f880a}.welcome:after{content:"";position:absolute;z-index:-1;width:230px;height:230px;left:8%;top:-145px;border-radius:50%;background:radial-gradient(circle,#9bdeff88 0%,#c4ecff36 48%,transparent 70%);pointer-events:none}.welcome h1{font-size:28px;color:#132c47;letter-spacing:-.65px}.welcome p{color:#70859a}.welcome>div,.welcome>button{position:relative;z-index:1}
.primary{background:linear-gradient(120deg,#2587ed,#165de0);box-shadow:0 6px 16px #2475df32;border-radius:10px}.primary:hover{background:linear-gradient(120deg,#1976df,#104fc9);box-shadow:0 8px 20px #2475df40}.secondary{border-color:#dce7f0;color:#304962}.secondary:hover{background:#f6fbff;border-color:#b9d9f4;color:#145dc9}.text-btn{color:#1769d2}.text-btn:hover{color:#0b4eae}
.connect-banner{background:linear-gradient(100deg,#edf8ff,#fff 82%);border-color:#dcecf8}.connect-banner .warn{background:#e4f3ff;color:#2075d2}.connect-banner b{color:#263d56}.connect-banner p{color:#73869a}.connect-banner button{border-color:#cfe4f6;color:#1769c4}.connect-banner button:hover{background:#f4faff;border-color:#a6cff1}
.stat,.panel,.list-toolbar{border-color:#e3ebf2;box-shadow:0 6px 22px #173d5d08}.stat{border-radius:14px}.stat:before{background:linear-gradient(90deg,#2b96f2,#9ddcff 56%,transparent)}.stat-icon{background:#eaf5ff;color:#1972d5}.stat strong{color:#172b42}.panel{border-radius:15px}.panel-head h2{color:#1f344d}.panel-head p{color:#8293a6}.rule-icon,.quick-icon,.empty-icon,.step-no{background:#eaf5ff;color:#1972d5;border-color:#d8eafd}.quick button:hover{border-color:#b8d9f3;background:#f7fbff}.rule-card:hover{border-color:#c9e3f8;box-shadow:0 8px 18px #19578310}.small-action:hover{border-color:#b8d9f3;background:#f4faff;color:#145dc9}.live-status{background:#e9f8f1;color:#168157;border-color:#d7f0e4}.preview-live{border-color:#d6eaff;background:#f0f8ff;color:#1769c9}.field input:focus,.field textarea:focus,.reply-filter:focus{border-color:#71b6ef;box-shadow:0 0 0 3px #e3f3ff}.chip{border-color:#cfe5f7;background:#f1f8ff;color:#1769c9}
.onboarding-card{background:linear-gradient(125deg,#eaf8ff 0%,#f3faff 43%,#fff 100%);border-color:#d9edf8;box-shadow:0 9px 26px #1957830b}.onboarding-heading h2{color:#183550}.onboarding-progress{border-color:#cfe6f8;background:#f0f8ff;color:#1769c9}.progress-track{background:#e3edf5}.progress-track span{background:linear-gradient(90deg,#44b7f3,#1767e5)}.setup-number{background:#eaf5ff;color:#1769d2}.setup-step.current .setup-number{background:linear-gradient(135deg,#35a4ef,#1767e5);box-shadow:0 4px 10px #2475df30}.setup-next{background:#f1f9ff;border-color:#d8ebf8}.setup-next-icon{color:#176fd0;border-color:#dceeff}.next-info-row>span{background:#eaf5ff;color:#1769d2}.onboarding-card .text-btn{color:#1769d2}
.meta-guide{background:#f8fbfe;border-color:#dfeaf3}.guide-heading a,.guide-steps a{color:#1769c9}.guide-steps li>span{background:#e8f4ff;color:#1769ce}.env-list{border-color:#e2eaf2;color:#38536d}.callback-note,.meta-note{border-color:#dfeaf3;background:#f7fbfe}.copy-button{border-color:#cfe4f8;background:#eff8ff;color:#1769c9}.copy-button:hover{background:#e5f3ff;border-color:#a9d4f3}
@media(max-width:760px){.welcome{padding:17px;border-radius:15px}.welcome h1{font-size:23px}.welcome:after{left:-20px;top:-160px}.sidebar{background:#fff;border-top-color:#e0eaf2;box-shadow:0 -7px 24px #19344d14}.sidebar nav .nav.active{color:#145dc9;background:#eff7ff;box-shadow:inset 0 0 0 1px #d9ebfb}.sidebar nav .nav.active .nav-icon{color:#1b75d5}}

/* TikTok channel onboarding and draft states */
.channel-pill{display:inline-flex;align-items:center;vertical-align:middle;margin-inline-start:8px;padding:3px 8px;border-radius:999px;background:#edf2ff;color:#3559c7;font-size:10px;font-weight:700;letter-spacing:.01em}
.channel-pill.tiktok-pill{background:#f0edf5;color:#30253a}
.tiktok-external{display:inline-flex;text-decoration:none;align-items:center;gap:8px}
.tiktok-hero{display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:start;padding:28px;background:linear-gradient(115deg,#f8f8fb 0%,#f1f4ff 54%,#fff 100%);border-color:#e8eaf2}
.tiktok-mark{width:56px;height:56px;border-radius:18px;background:#111;color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px #17112024}
.tiktok-mark svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tiktok-hero h2{font-size:22px;margin:12px 0 8px;line-height:1.45}
.tiktok-hero p,.tiktok-scope p{color:var(--muted);line-height:1.9;max-width:850px;margin:0}
.tiktok-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:20px}
.tiktok-actions a{text-decoration:none}
.tiktok-grid{margin-top:18px;align-items:stretch}
.tiktok-steps{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:19px}
.tiktok-steps li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}
.tiktok-steps li>span{width:30px;height:30px;border-radius:10px;background:#edf2ff;color:#3159ce;display:grid;place-items:center;font-weight:700;font-size:13px}
.tiktok-steps li b,.tiktok-steps li small{display:block}
.tiktok-steps li b{font-size:14px;margin:1px 0 4px}
.tiktok-steps li small{color:var(--muted);line-height:1.75}
.tiktok-steps li a,.tiktok-scope>a{display:inline-flex;margin-top:6px;font-size:12px;font-weight:700;color:#3159ce;text-decoration:none}
.tiktok-value{display:flex;flex-direction:column;gap:14px}
.tiktok-value .next-info-row{margin:0}
.tiktok-value .next-info-row>span{background:#f2eff8;color:#35283e}
.tiktok-drafts{margin-top:auto;padding:15px 0 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tiktok-scope{margin-top:18px;padding:20px 24px;background:#fbfbfd}
.tiktok-scope>b{display:block;margin-bottom:6px}
#rulePlatform{width:100%;min-height:46px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:#fff;color:var(--text);font:inherit;outline:none}
#rulePlatform:focus{border-color:#7893ed;box-shadow:0 0 0 3px #edf1ff}
/* Channel connection card: stable RTL layout on desktop and narrow mobile screens */
.instagram-hero{grid-template-columns:56px minmax(0,1fr);gap:20px;align-items:start}
.instagram-hero .instagram-mark{grid-column:1;grid-row:1}
.instagram-hero-content{grid-column:2;min-width:0;width:100%;max-width:100%}
.instagram-hero-content h2{margin:10px 0 7px;line-height:1.45;overflow-wrap:anywhere}
.instagram-hero-content p{max-width:780px;line-height:1.8;overflow-wrap:anywhere}
.instagram-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:19px}
.instagram-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 15px;white-space:normal;line-height:1.5}
.instagram-connect-cta{min-width:190px}
.instagram-guide-cta{min-width:170px}
.instagram-actions .button-icon{display:inline-grid;place-items:center;margin:0;width:18px;height:18px}
.instagram-actions .button-icon .icon-svg{width:17px;height:17px}
.dashboard-panel .panel-head{gap:12px;flex-wrap:wrap}
.dashboard-panel .panel-head>div{min-width:0;flex:1 1 auto}
.dashboard-panel .panel-head .text-btn,.dashboard-activity .panel-head .text-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-height:34px;padding:7px 11px;border:1px solid #d9d5ff;border-radius:9px;background:#faf9ff;color:#554bd0;font-size:11px;line-height:1.4;white-space:nowrap;text-decoration:none}
.dashboard-panel .panel-head .text-btn:hover,.dashboard-activity .panel-head .text-btn:hover{background:#f1efff;border-color:#bdb7ff}
.channel-summary{grid-template-columns:minmax(0,1fr);gap:13px;align-content:start}
.channel-summary-top{grid-column:1}
.channel-summary>div:not(.channel-summary-top){grid-column:1;min-width:0}
.channel-summary h2{line-height:1.35}
.channel-summary p{max-width:48ch;overflow-wrap:anywhere}
.channel-summary>.channel-summary-action{grid-column:1;justify-self:start;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;max-width:100%;padding:8px 13px;border:1px solid #d9d5ff;border-radius:10px;background:#f7f6ff;color:#554bd0;font-size:11px;line-height:1.4;font-weight:700;white-space:nowrap;text-decoration:none;box-shadow:0 3px 10px #34306b08}
.channel-summary>.channel-summary-action:hover{background:#efedff;border-color:#bdb7ff;transform:translateY(-1px)}
.channel-summary>.instagram-summary-action{border-color:transparent;background:linear-gradient(120deg,#7065ef,#584dd7);color:#fff;box-shadow:0 6px 15px #645be62b}
.channel-summary>.instagram-summary-action:hover{background:linear-gradient(120deg,#665be9,#4f44cc);box-shadow:0 8px 19px #645be63b}
.channel-summary-action .button-icon{display:inline-grid;place-items:center;width:17px;height:17px;flex:none}
.channel-summary-action .button-icon .icon-svg{width:16px;height:16px}
.channel-summary-action .action-arrow{font-size:15px;line-height:1}
.tiktok-hero{grid-template-columns:64px minmax(0,1fr)}
.tiktok-hero>*{min-width:0}
.tiktok-grid{grid-template-columns:minmax(0,1.55fr) minmax(270px,.9fr)}
.top-actions .outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;white-space:nowrap;line-height:1.4}
.top-actions .outline-btn .ig-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:none}
.top-actions .outline-btn .icon-svg{width:17px;height:17px}
@media(max-width:900px){.tiktok-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.instagram-hero,.tiktok-hero{grid-template-columns:minmax(0,1fr);gap:14px;padding:19px}.instagram-hero .instagram-mark{grid-column:1;grid-row:auto}.instagram-hero-content{grid-column:1}.instagram-hero-content h2{font-size:19px}.instagram-actions{align-items:stretch;gap:9px;margin-top:16px}.instagram-actions button{flex:1 1 auto;min-width:0;min-height:42px}.dashboard-panel .panel-head .text-btn,.dashboard-activity .panel-head .text-btn{min-height:32px;padding:6px 9px;font-size:10px}.channel-summary>.channel-summary-action{width:100%;justify-self:stretch}.tiktok-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){.tiktok-hero{grid-template-columns:1fr;padding:21px}.tiktok-hero h2{font-size:19px}.tiktok-actions{align-items:flex-start;flex-direction:column;gap:12px}.tiktok-external{width:100%;justify-content:center}.tiktok-grid{gap:14px}.tiktok-scope{padding:17px}}
.instagram-mark{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#5b58df,#c43d9e 58%,#f3a13a);color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px #7650aa2b}
.instagram-mark .icon-svg{width:28px;height:28px;stroke-width:1.8}
.instagram-guide-link{margin-inline-start:18px}
@media(max-width:680px){.instagram-guide-link{margin:12px 0 0}}

/* Home dashboard */
.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:2px 0 17px}
.dashboard-heading h1{font-size:28px;color:#17324c;margin:5px 0 2px;letter-spacing:-.55px}
.dashboard-heading p{margin:0;color:#7e8ea0;font-size:12px}
.dashboard-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.dashboard-actions button{display:flex;align-items:center;gap:8px}
.dashboard-actions .icon-svg,.quick-actions-row .icon-svg{width:16px;height:16px}
.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:15px}
.channel-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:15px}
.channel-summary{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px 13px;align-items:start;padding:17px 18px}
.channel-summary-top{display:flex;align-items:center;justify-content:space-between;grid-column:1/-1}
.channel-avatar{width:37px;height:37px;border-radius:12px;display:grid;place-items:center}
.channel-avatar .icon-svg,.channel-avatar svg{width:20px;height:20px}
.instagram-avatar{background:linear-gradient(135deg,#604bd5,#c33a99 58%,#f39a3d);color:#fff}
.tiktok-avatar{background:#17151a;color:#fff}
.tiktok-avatar svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.channel-summary h2{font-size:15px;margin:0 0 4px;color:#1a344d}
.channel-summary p{font-size:11px;color:#8090a2;line-height:1.65;margin:0}
.channel-summary>.text-btn{grid-column:2;justify-self:start;padding:0;font-size:11px}
.dashboard-lower{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:14px;align-items:start}
.dashboard-panel,.dashboard-side>.panel{padding:17px}
.dashboard-rule-list{display:grid;gap:8px}
.dashboard-rule-list .rule-card{box-shadow:none;background:#fff}
.dashboard-side{display:grid;gap:13px}
.glance-icon{width:32px;height:32px;border-radius:10px;background:#eaf5ff;color:#1972d5;display:grid;place-items:center}
.glance-icon .icon-svg{width:17px;height:17px}
.success-rate{display:flex;align-items:center;gap:11px;margin:13px 0 9px}
.success-rate strong{font-size:26px;color:#1769c9;letter-spacing:-.6px}
.success-rate span{font-size:10px;color:#8291a2;line-height:1.5}
.success-track{height:7px;border-radius:10px;background:#f5e6e7;overflow:hidden}
.success-track span{height:100%;display:block;background:linear-gradient(90deg,#3dbd91,#2389dc);border-radius:inherit}
.success-legend{display:flex;justify-content:space-between;color:#8190a0;font-size:9px;margin:7px 0 9px}
.glance-empty{padding:13px;background:#f7faff;border:1px dashed #dce9f4;border-radius:11px;color:#8190a0;font-size:10px;line-height:1.75;margin:12px 0}
.performance-glance>.text-btn{padding:0;font-size:10px}
.dashboard-activity .activity{padding:8px 0;border-top:1px solid #f0f2f5}
.dashboard-activity .activity:first-of-type{border-top:0}
.dashboard-activity .activity small{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.activity-dot.activity-failed{background:#df7373}
.local-activity-label{color:#9a8a62;background:#fbf7e9;border-radius:7px;padding:5px 8px;font-size:9px;margin-bottom:5px}
.dashboard-empty{display:flex;align-items:center;gap:12px;padding:16px 2px}
.dashboard-empty .empty-icon{margin:0;flex:none}
.dashboard-empty b,.dashboard-empty small{display:block}
.dashboard-empty b{font-size:12px}
.dashboard-empty small{font-size:10px;color:#8795a5;margin-top:4px;line-height:1.6}
.dashboard-empty .secondary{margin-right:auto;white-space:nowrap;font-size:10px}
.quick-actions-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;color:#8493a3;font-size:10px}
.quick-actions-row>span{margin-left:3px}
.quick-actions-row button{display:flex;align-items:center;gap:6px;border:1px solid #e3ebf2;border-radius:9px;background:#fff;color:#587087;padding:7px 10px;font:inherit;cursor:pointer}
.quick-actions-row button:hover{border-color:#bddbf2;color:#1769c9}
@media(max-width:900px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-lower{grid-template-columns:1fr}.dashboard-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.dashboard-heading{align-items:flex-start;flex-direction:column}.dashboard-heading h1{font-size:23px}.dashboard-actions{width:100%}.dashboard-actions button{flex:1;justify-content:center;padding:10px 8px;font-size:10px}.dashboard-kpis{gap:8px}.dashboard-kpis .stat{padding:12px}.dashboard-kpis .stat-top{font-size:9px}.dashboard-kpis .stat strong{font-size:20px}.dashboard-kpis .stat small{font-size:8px}.channel-summary-grid{grid-template-columns:1fr;gap:9px}.dashboard-side{grid-template-columns:1fr}.dashboard-panel,.dashboard-side>.panel{padding:13px}.dashboard-empty{align-items:flex-start;flex-wrap:wrap}.dashboard-empty>div{flex:1}.dashboard-empty .secondary{margin-right:50px}.quick-actions-row{gap:6px}.quick-actions-row>span{width:100%}.quick-actions-row button{flex:1;justify-content:center;padding:8px 5px;font-size:9px}.quick-actions-row button .icon-svg{width:13px;height:13px}}
@media(max-width:760px){.sidebar nav .nav{white-space:nowrap;font-size:8px!important}.sidebar nav{overflow:hidden}}
/* Final channel-summary overrides: keep text and actions in full-width rows. */
.channel-summary{grid-template-columns:minmax(0,1fr);gap:13px;align-content:start}
.channel-summary-top{grid-column:1/-1}
.channel-summary>div:not(.channel-summary-top){grid-column:1/-1;min-width:0}
.channel-summary>.channel-summary-action{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;max-width:100%;padding:8px 13px;border:1px solid #d9d5ff;border-radius:10px;background:#f7f6ff;color:#554bd0;font-size:11px;line-height:1.4;font-weight:700;white-space:nowrap;text-decoration:none;box-shadow:0 3px 10px #34306b08}
.channel-summary>.instagram-summary-action{border-color:transparent;background:linear-gradient(120deg,#7065ef,#584dd7);color:#fff;box-shadow:0 6px 15px #645be62b}
.channel-summary-action .button-icon{display:inline-grid;place-items:center;width:17px;height:17px;flex:none}
.channel-summary-action .button-icon .icon-svg{width:16px;height:16px}
.channel-summary-action .action-arrow{font-size:15px;line-height:1}
@media(max-width:680px){.channel-summary>.channel-summary-action{width:100%;justify-self:stretch}}
.secret-security{display:flex;align-items:flex-start;gap:14px;padding:17px 19px;margin-bottom:14px;border-color:#d6eae1;background:#f7fcf9}.secret-shield{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;background:#e5f5ed;font-size:18px}.secret-security b{display:block;font-size:13px}.secret-security p{margin:5px 0 0;color:#71817a;font-size:11px;line-height:1.8}.secret-panel{padding:17px 19px;margin-bottom:14px}.secret-panel .panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.secret-panel .panel-head h2{margin:0;font-size:15px}.secret-panel .panel-head p{margin:4px 0 0;color:#87948e;font-size:10px}.secret-list{display:grid;gap:8px}.secret-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e8efeb;border-radius:11px;background:#fff}.secret-row-info b,.secret-row-info small{display:block}.secret-row-info b{font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;text-align:right}.secret-row-info small{margin-top:4px;color:#89958f;font-size:10px}.secret-row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.secret-row-actions code{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#687770;font:10px ui-monospace,monospace}.small-action.danger-action{color:#ae4242}.secret-empty{padding:14px;border:1px dashed #dce8e1;border-radius:10px;color:#829089;font-size:11px;text-align:center}.secret-form{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;align-items:end}.secret-form .field{display:grid;gap:6px}.secret-form .field span{color:#57665f;font-size:11px}.secret-form .field input{width:100%;min-height:40px;border:1px solid #e1e9e4;border-radius:9px;padding:9px 11px;background:#fff;color:#24342c;font:inherit;outline:none}.secret-form .field input:focus{border-color:#73b69a;box-shadow:0 0 0 3px #e7f5ed}.secret-form-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}.secret-form-foot small{color:#839089;font-size:10px}.secret-form-foot .primary{padding:9px 14px}.copy-row .copy-button{flex:none}
@media(max-width:680px){.secret-security{padding:14px}.secret-panel{padding:14px}.secret-row{align-items:flex-start;flex-direction:column}.secret-row-actions{width:100%;justify-content:flex-start}.secret-form{grid-template-columns:1fr}.secret-form-foot{align-items:flex-start;flex-direction:column}.secret-form-foot .primary{width:100%}}

/* User-controlled navigation visibility, including narrow and split-screen layouts */
.topbar{gap:12px}
.sidebar-toggle{flex:none;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;color:#3b4b43;font-size:17px;cursor:pointer;transition:background .18s,border-color .18s}
.sidebar-toggle:hover{background:#f5faf7;border-color:#b9d9c9}
.crumb{margin-left:auto}
.shell.sidebar-hidden .sidebar{display:none}
.shell.sidebar-hidden .main{width:100%}
@media(max-width:760px){
 .topbar{gap:9px;padding-right:12px;padding-left:12px}
 .sidebar-toggle{width:34px;height:34px}
 .shell.sidebar-hidden .sidebar{display:none}
 .shell.sidebar-hidden .main{padding-bottom:0}
 .shell.sidebar-hidden .content{padding-bottom:32px}
}

/* Keep every destination reachable in the compact bottom navigation */
@media(max-width:760px){
 .sidebar nav{grid-template-columns:repeat(8,minmax(0,1fr));gap:1px;overflow:visible}
 .sidebar nav .nav,.sidebar nav .nav:not(.active){min-width:0;padding-right:1px;padding-left:1px;font-size:0!important;overflow:visible}
 .sidebar nav .nav::after{content:attr(data-mobile-label)!important;display:block;font-size:8px!important;line-height:1.15;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:clip}
 .sidebar nav .nav .nav-icon{width:20px!important;height:20px}
}
@media(max-width:360px){
 .sidebar{padding-right:4px;padding-left:4px}
 .sidebar nav .nav::after{font-size:7px!important}
 .sidebar nav .nav .nav-icon{width:18px!important;height:18px}
}
.all-comments-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin:-6px 0 20px;border:1px solid #e4e2fb;border-radius:11px;background:#f8f7ff;cursor:pointer}
.all-comments-option b{display:block;font-size:12px;color:#393468}
.all-comments-option small{display:block;margin-top:4px;color:#77738e;font-size:10px;line-height:1.6}
.all-comments-option input{width:18px;height:18px;accent-color:#6359df;flex:0 0 auto}
.field select:disabled{opacity:.65;cursor:not-allowed}
.secret-menu{position:relative;flex:none}.secret-menu-trigger{list-style:none;display:grid;place-items:center;width:34px;height:34px;border:1px solid #e5ece8;border-radius:9px;background:#fff;color:#53645b;font-size:22px;line-height:1;cursor:pointer}.secret-menu-trigger::-webkit-details-marker{display:none}.secret-menu-trigger:hover,.secret-menu[open] .secret-menu-trigger{border-color:#9fc9b2;background:#f6fbf8;color:var(--green-dark)}.secret-menu-items{position:absolute;z-index:20;top:calc(100% + 5px);inset-inline-end:0;min-width:136px;padding:5px;border:1px solid #e3ebe6;border-radius:10px;background:#fff;box-shadow:0 10px 28px #173d5d1c;display:grid;gap:2px}.secret-menu-items button{width:100%;border:0;border-radius:7px;background:transparent;padding:9px 10px;text-align:right;color:#40544a;font:inherit;font-size:12px;cursor:pointer}.secret-menu-items button:hover{background:#f3f8f5;color:#18724a}.secret-menu-items button.danger-action{color:#ae4242}.secret-menu-items button.danger-action:hover{background:#fff2ef;color:#a33434}.secret-row-actions{flex-wrap:nowrap}.secret-form-actions{display:flex;align-items:center;gap:12px}.secret-form .readonly-field{background:#f5f7f6!important;color:#687770!important;cursor:not-allowed}.secret-form-foot{flex-wrap:wrap}.secret-form-foot small{max-width:62%;line-height:1.7}@media(max-width:680px){.secret-menu-items{inset-inline-end:0}.secret-form-foot small{max-width:none}.secret-form-actions{width:100%;justify-content:space-between}.secret-form-actions .primary{width:auto!important}}
.shell[hidden]{display:none!important}.auth-root[hidden]{display:none!important}.auth-root{min-height:100vh;background:radial-gradient(ellipse at 10% 15%,#e6f3ff 0,transparent 36%),#f5f8fb;direction:rtl;color:#1d2b3e}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(330px,.86fr) minmax(420px,1.14fr);max-width:1260px;margin:auto;padding:28px;gap:32px}.auth-brand-panel{position:relative;overflow:hidden;border-radius:28px;padding:35px 38px;background:linear-gradient(145deg,#132d4b,#1f5c87 62%,#248eaa);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:650px;box-shadow:0 22px 60px #163c5722}.auth-brand-panel:after{content:'';position:absolute;width:420px;height:420px;left:-150px;bottom:-170px;border:1px solid #ffffff24;border-radius:50%;box-shadow:0 0 0 42px #ffffff0b,0 0 0 90px #ffffff08;pointer-events:none}.auth-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;z-index:1}.auth-brand-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:#ffffff20;border:1px solid #ffffff38;font-size:24px;font-weight:700}.auth-brand b{display:block;font-size:19px}.auth-brand small{display:block;margin-top:3px;font:9px Arial;letter-spacing:1.1px;color:#c3e6f5}.auth-brand-copy{position:relative;z-index:1;max-width:440px;padding:30px 0}.auth-brand-copy .eyebrow{color:#a6e4ee}.auth-brand-copy h1{font-size:clamp(32px,4vw,51px);line-height:1.35;letter-spacing:-1.2px;margin:15px 0}.auth-brand-copy>p{color:#d1e2ee;line-height:2;font-size:14px;max-width:370px;margin:0 0 32px}.auth-feature{display:flex;align-items:center;gap:11px;margin-top:16px;color:#effaff;font-size:12px}.auth-feature span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#a9f0da;background:#ffffff18}.auth-brand-footer{position:relative;z-index:1;color:#c8deeb;font-size:10px}.auth-form-side{display:grid;place-items:center;padding:20px}.auth-card{width:min(100%,440px);padding:36px 38px;background:#fff;border:1px solid #e8edf2;border-radius:22px;box-shadow:0 18px 56px #1c35520d}.auth-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:22px}.auth-card>.eyebrow{font-size:11px;color:#3282b8}.auth-card h2{font-size:27px;margin:7px 0 4px;color:#1b2b40}.auth-subtitle{margin:0 0 22px;color:#75859a;font-size:12px;line-height:1.8}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#f3f6f9;border-radius:11px;margin-bottom:22px}.auth-tabs button{border:0;background:transparent;border-radius:8px;padding:10px;color:#76859a;font:600 11px inherit;font-family:inherit;cursor:pointer}.auth-tabs button.selected{background:#fff;color:#236ea1;box-shadow:0 2px 7px #21374a12}.auth-field{display:grid;gap:8px;margin-bottom:17px}.auth-field>span{font-size:11px;font-weight:600;color:#42546a}.auth-field small{font-size:9px;font-weight:400;color:#8b98a7}.auth-field input{width:100%;min-height:46px;border:1px solid #dfe7ef;border-radius:10px;padding:11px 13px;background:#fbfcfd;color:#24364b;font:13px inherit;font-family:inherit;outline:none}.auth-field input:focus{border-color:#65a6d2;box-shadow:0 0 0 3px #3d95cb19;background:#fff}.auth-field input::placeholder{color:#a4afbd;font-size:11px}.auth-consent{display:flex;align-items:center;gap:8px;margin:3px 0 18px;color:#728197;font-size:10px}.auth-consent input{accent-color:#287fac}.auth-consent a{color:#287fac;text-decoration:none}.auth-submit{width:100%;min-height:47px;border:0;border-radius:10px;background:linear-gradient(110deg,#236fa8,#2397ae);color:#fff;font:700 12px inherit;font-family:inherit;cursor:pointer;box-shadow:0 8px 18px #2785a629}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-submit-note{text-align:center;color:#8997a6;font-size:9px;line-height:1.8;margin-top:13px}.auth-error{padding:10px 12px;margin:-5px 0 16px;border-radius:9px;background:#fff0ee;border:1px solid #f4d8d3;color:#a34f48;font-size:11px;line-height:1.7}.account-settings-card{display:flex;align-items:center;gap:16px;padding:22px}.account-settings-avatar{width:48px;height:48px;flex:none;border-radius:15px;background:#e7f4ff;color:#2873a7;display:grid;place-items:center;font-size:19px;font-weight:700}.account-settings-card>div+div{display:grid;gap:4px}.account-settings-card small{font-size:10px;color:#8492a1}.account-settings-card b{font-size:14px;color:#24364b}.account-settings-card p,.account-security-note p{margin:4px 0 0;font-size:11px;line-height:1.8;color:#75859a}.account-security-note{padding:20px 22px}.account-security-note b{font-size:12px;color:#2873a7}.user-identity{min-width:0;flex:1}.user-identity b{overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:right}.logout-btn{border:1px solid #e4eaf0;border-radius:8px;background:#fff;padding:6px 9px;color:#617389;font:600 10px inherit;font-family:inherit;cursor:pointer}.logout-btn:hover{border-color:#efcbc5;color:#ad594d}
@media(max-width:760px){.auth-layout{grid-template-columns:1fr;padding:16px;min-height:100svh}.auth-brand-panel{display:none}.auth-form-side{padding:0}.auth-card{padding:28px 23px;border-radius:18px}.auth-mobile-brand{display:flex}.auth-card h2{font-size:24px}}
.inbox-heading{align-items:center}.inbox-heading .secondary{white-space:nowrap}.inbox-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);min-height:560px;overflow:hidden;border-radius:16px;background:#fff}.inbox-thread-list{border-left:1px solid var(--line);min-width:0}.inbox-list-heading{height:57px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.inbox-list-heading span{color:#87938c;font-size:10px}.inbox-threads{max-height:calc(100vh - 230px);overflow:auto}.inbox-thread{width:100%;border:0;border-bottom:1px solid #f0f3f1;background:#fff;text-align:right;padding:14px 16px;display:grid;gap:5px;cursor:pointer;color:var(--ink);font:inherit}.inbox-thread:hover,.inbox-thread.selected{background:#f4f9f6}.inbox-thread b{font-size:12px}.inbox-thread small{color:#77837d;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-thread time{font-size:9px;color:#9aa49f}.inbox-conversation{min-width:0;display:flex;flex-direction:column;min-height:560px}.inbox-placeholder{margin:auto;padding:24px;text-align:center;color:#7f8b84}.inbox-placeholder .empty-icon{margin:0 auto 12px}.inbox-placeholder b{display:block;font-size:13px;color:#344139}.inbox-placeholder p{font-size:11px;line-height:1.8;max-width:360px}.inbox-chat-heading{padding:15px 18px;border-bottom:1px solid var(--line)}.inbox-chat-heading b,.inbox-chat-heading small{display:block}.inbox-chat-heading b{font-size:12px}.inbox-chat-heading small{font-size:10px;color:#86928c;margin-top:3px}.inbox-messages{flex:1;min-height:0;max-height:calc(100vh - 390px);overflow:auto;padding:20px;display:flex;flex-direction:column;gap:10px;background:#fbfcfb}.inbox-message{max-width:min(78%,460px);padding:10px 12px;border-radius:13px}.inbox-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}.inbox-message time{display:block;margin-top:5px;font-size:9px;opacity:.7}.inbox-message.incoming{align-self:flex-start;background:#fff;border:1px solid #e9efeb;border-top-right-radius:4px}.inbox-message.outgoing{align-self:flex-end;background:#e7f4ef;color:#145d4b;border-top-left-radius:4px}.inbox-reply{display:flex;align-items:flex-end;gap:9px;padding:12px;border-top:1px solid var(--line)}.inbox-reply textarea{resize:vertical;flex:1;min-height:45px;max-height:120px;border:1px solid #e3eae5;border-radius:10px;padding:10px;font:12px inherit;font-family:inherit;outline-color:#147b61}.inbox-reply button{min-width:78px}.inbox-empty,.inbox-loading{padding:18px;text-align:center;color:#7c8981;font-size:11px;line-height:1.8}.inbox-empty p{font-size:10px}.inbox-empty b{color:#344139}.inbox-empty .text-btn{font:inherit;color:var(--green);border:0;background:none;cursor:pointer}.inbox-heading .secondary:disabled{opacity:.6;cursor:wait}@media(max-width:800px){.inbox-layout{grid-template-columns:minmax(125px,38%) minmax(0,1fr);min-height:calc(100vh - 210px)}.inbox-thread-list{border-left:1px solid var(--line)}.inbox-thread{padding:12px 9px}.inbox-thread b{font-size:10px}.inbox-thread small{font-size:9px}.inbox-thread time{font-size:8px}.inbox-conversation{min-height:calc(100vh - 210px)}.inbox-messages{padding:12px 9px;max-height:calc(100vh - 360px)}.inbox-message{max-width:90%;padding:8px 9px}.inbox-message p{font-size:11px}.inbox-reply{padding:8px;gap:5px}.inbox-reply textarea{min-width:0;width:60px;font-size:11px}.inbox-reply button{min-width:55px;padding-inline:8px}.inbox-list-heading{padding:0 9px;font-size:10px}.inbox-heading .secondary{padding:8px 10px;font-size:10px}}

/* Account password settings */
.password-settings{padding:24px;margin:18px 0 22px;overflow:hidden}
.password-panel-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:24px}
.password-panel-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--mint);color:var(--green)}
.password-panel-icon svg{width:23px;height:23px}
.password-panel-heading h2{font-size:17px;line-height:1.5;margin:0 0 5px;color:var(--ink)}
.password-panel-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}
.password-change-form{max-width:760px}
.password-current{max-width:374px;margin-bottom:20px}
.password-new-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.password-field{min-width:0;display:grid;align-content:start;gap:8px}
.password-field label{color:#42546a;font-size:12px;font-weight:600}
.password-input-wrap{position:relative;min-width:0}
.password-input-wrap input{display:block;width:100%;min-height:46px;border:1px solid #dfe7e2;border-radius:10px;padding:11px 13px;padding-inline-end:66px;background:#fbfcfb;color:var(--ink);font:14px inherit;font-family:inherit;outline:none}
.password-input-wrap input::placeholder{font-size:11px;color:#89968f}
.password-input-wrap input:focus{border-color:#73b69a;box-shadow:0 0 0 3px #e7f5ed;background:#fff}
.password-input-wrap input[aria-invalid="true"]{border-color:#cd6b60}
.password-visibility{position:absolute;inset-inline-end:5px;top:3px;bottom:3px;min-width:52px;border:0;border-radius:7px;background:transparent;color:var(--green-dark);font:600 11px inherit;font-family:inherit;cursor:pointer}
.password-visibility:hover{background:var(--mint)}
.password-field small{color:var(--muted);font-size:10px;line-height:1.8}
.password-form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding-top:19px;border-top:1px solid var(--line)}
.password-form-footer p{max-width:410px;margin:0;color:var(--muted);font-size:11px;line-height:1.9}
.password-form-footer .primary{flex:none;min-height:44px;font-size:12px;white-space:nowrap}
.password-change-form button:disabled{opacity:.6;cursor:wait}
.password-feedback{margin-top:18px;padding:12px 14px;border:1px solid;border-radius:10px;font-size:12px;line-height:1.8}
.password-feedback[hidden]{display:none!important}
.password-feedback.success{background:#effaf4;border-color:#c8e6d5;color:#176343}
.password-feedback.error{background:#fff3f0;border-color:#f0d2cb;color:#a34f48}
@media(max-width:680px){.password-settings{padding:19px 16px}.password-panel-heading{margin-bottom:20px}.password-panel-heading h2{font-size:16px}.password-current{max-width:none}.password-new-fields{grid-template-columns:1fr;gap:19px}.password-form-footer{flex-direction:column;align-items:stretch;gap:14px}.password-form-footer .primary{width:100%;white-space:normal}.password-input-wrap input{font-size:16px}}

/* Two-step button reply flow */
.flow-editor{display:grid;gap:2px;margin:8px 0 18px;padding:17px;border:1px solid #e4ece7;border-radius:14px;background:#fbfdfb}.flow-editor-heading{display:flex;align-items:center;gap:11px;margin:3px 0 12px}.flow-editor-heading b,.flow-editor-heading small{display:block}.flow-editor-heading b{font-size:12px;color:#24372c}.flow-editor-heading small{margin-top:3px;font-size:10px;line-height:1.6;color:#7d8b82}.flow-step-icon{width:29px;height:29px;flex:none;display:grid;place-items:center;border-radius:10px;background:#e7f4ec;color:#18724a;font-size:12px;font-weight:700}.flow-step-icon.secondary-step{background:#edf1ff;color:#5669bf}.flow-editor .field{margin:0 0 13px}.flow-editor textarea{min-height:88px}.flow-editor .button-field input{max-width:360px}.flow-connector{position:relative;margin:4px 0 14px;padding:9px 0 9px 40px;color:#74837a;font-size:10px}.flow-connector:before{content:"";position:absolute;top:-8px;bottom:-8px;right:14px;border-right:1px dashed #bbcdc1}.flow-connector span{position:relative;padding:6px 10px;border-radius:20px;background:#eef5f0}.bubble.followup-preview{margin-top:10px;background:#f5f6f8;border:1px solid #e9ecef}.preview-action-button{display:flex;align-items:center;justify-content:center;width:100%;margin-top:12px;padding:10px 12px;border:0;border-radius:10px;background:#e8ecef;color:#34424d;text-decoration:none;font:600 12px inherit;font-family:inherit;cursor:default}.preview-action-button:hover{background:#e8ecef}
@media(max-width:680px){.flow-editor{padding:13px}.flow-editor .button-field input{max-width:none}.flow-connector{padding-left:0}}