:root{--ink:#242723;--muted:#888c84;--line:#e9ebe4;--paper:#fff;--canvas:#f8f9f5;--wash:#f0f2e9;--green:#278060;--green-soft:#e8f5ee;--purple:#7973bb;--radius:15px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Plex,Arial,sans-serif;font-size:15px;line-height:1.7}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button{color:inherit}input,textarea,select{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:#879b83;box-shadow:0 0 0 3px #eaf1e6}input[type=checkbox]{width:17px;height:17px;accent-color:#3e7759}label{display:grid;gap:7px;margin-bottom:17px;font-size:14px;font-weight:500}textarea{min-height:116px;resize:vertical}h1,h2,h3,p{margin:0}h1{font-size:29px;line-height:1.5;font-weight:600}h2{font-size:21px;font-weight:600}h3{font-size:16px;font-weight:600}p{font-size:16px}small{font-size:12px}svg.lucide{width:18px;height:18px;stroke-width:1.65;flex-shrink:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}.muted{color:var(--muted)}.eyebrow{font-size:12px;color:#7b8075;letter-spacing:.4px;margin-bottom:7px}.brand{display:flex;align-items:center;gap:11px;direction:ltr;width:max-content}.brand b{display:block;font-family:Arial,sans-serif;font-size:32px;font-weight:750;letter-spacing:-1.8px;line-height:1}.brand small{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.9px;display:block;margin-top:6px;color:#777d71}.brand-dot{color:#879b64}.brand-mark{background:#292e27;color:#fff;width:39px;height:39px;border-radius:13px;display:grid;place-items:center;transform:rotate(-5deg)}.brand-mark svg{width:24px;height:24px;transform:rotate(5deg)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:41px;background:#fff;border:1px solid #e4e7df;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;white-space:nowrap;transition:background .15s,transform .15s}.button:hover{background:#f4f5ef}.button.dark{background:#2b3029;border-color:#2b3029;color:#fff}.button.dark:hover{background:#404a3a}.button.soft{background:var(--wash);border-color:transparent}.button.danger{color:#b34f4f}.button.large{min-height:49px;padding:12px 22px}.button.full{width:100%}.icon-button{width:34px;height:34px;padding:0;border:0;background:transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#777c71}.icon-button:hover{background:var(--wash)}.pill{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:30px;background:#f2f3ed;font-size:12px;white-space:nowrap}.pill.green,.green{background:var(--green-soft);color:var(--green)}.pill.purple{background:#efedfb;color:#8278c6}.pill.red{background:#fff0ef;color:#bd665d}.pill.amber{background:#fbf2df;color:#ad8635}.system-dot{height:6px;width:6px;border-radius:100%;background:#7e9a62;display:inline-block}.avatar{height:35px;width:35px;border-radius:100%;background:#e9e5db;display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;color:#716852}.avatar.small{height:29px;width:29px;font-size:12px}.workspace{display:flex;min-height:100vh;background:#fff}.sidebar{width:228px;position:fixed;inset:0 0 0 auto;background:#fbfcf9;border-left:1px solid var(--line);padding:30px 18px 12px;display:flex;flex-direction:column;z-index:20}.sidebar>.brand{margin:0 16px 32px auto}.workspace-switch{border:1px solid var(--line);background:white;border-radius:10px;width:100%;display:flex;gap:10px;text-align:right;align-items:center;padding:10px;margin-bottom:19px}.workspace-switch>span:nth-child(2){flex:1;font-size:13px;line-height:1.5}.workspace-switch small{display:block;color:var(--muted);font-size:11px}.workspace-switch>svg{width:13px}.nav-label{font-size:11px;color:#a2a69a;margin:15px 13px 7px}.nav-link{display:flex;align-items:center;gap:12px;padding:9px 12px;margin:3px 0;font-size:13px;border-radius:7px;color:#757b6f;min-height:39px;position:relative}.nav-link:hover{background:#f0f2e9;color:#323a2b}.nav-link.active{background:#eaf0df;color:#4d633c;font-weight:600}.nav-link.active:before{content:'';position:absolute;right:-18px;height:20px;width:3px;background:#819863;border-radius:3px}.nav-link svg{width:17px;height:17px}.tiny-tag{font-size:10px;background:#edeaf9;color:#8b7cc4;padding:0 5px;border-radius:4px;margin-right:auto;direction:ltr}.sidebar-bottom{margin-top:auto;padding-top:20px}.support-link{display:flex;align-items:center;gap:10px;color:#84897e;font-size:12px;padding:12px}.support-link svg:last-child{margin-right:auto;width:14px}.profile{display:flex;align-items:center;width:100%;text-align:right;gap:10px;padding:15px 3px 0;border:0;border-top:1px solid var(--line);background:transparent;font-size:12px}.profile>span:nth-child(2){flex:1}.profile small{display:block;font-family:Plex,Arial;font-size:10px;color:#999e92}.profile>svg{width:13px}.main-shell{margin-right:228px;width:calc(100% - 228px);min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);padding:0 37px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:12px;color:#969b8f}.breadcrumb>svg{width:12px}.breadcrumb strong{font-weight:400;color:#535b4b}.top-actions{display:flex;align-items:center;gap:12px}.top-status{font-size:11px;color:#969c8d}.divider{height:17px;width:1px;background:var(--line);margin:0 5px}.mobile-menu{display:none}.app-content{padding:35px 38px 45px;max-width:1540px;margin:auto;min-height:calc(100vh - 128px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.page-heading p{font-size:13px;color:#92988b;margin-top:6px}.page-heading .eyebrow{font-size:11px}.muted-dot{color:#7f9764}.trial-banner{border:1px solid #e4e9d9;border-radius:10px;background:#f5f7ee;display:flex;align-items:center;gap:14px;padding:13px 17px;margin-bottom:25px}.trial-icon{background:#e8edda;width:33px;height:33px;border-radius:10px;display:grid;place-items:center;color:#899862}.trial-banner>div:nth-child(2){flex:1;font-size:13px}.trial-banner span.muted{font-size:12px;margin-right:8px}.trial-banner a{font-size:12px;display:flex;align-items:center;gap:10px}.trial-banner a svg{width:15px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;margin-bottom:26px;background:#fff}.metric{padding:20px 22px;position:relative}.metric:not(:last-child){border-left:1px solid var(--line)}.metric-head{display:flex;align-items:center;justify-content:space-between;color:#81877a;font-size:12px}.metric-icon{color:#939c88}.metric-icon svg{width:16px;height:16px}.metric-value{font-family:Arial,sans-serif;font-size:31px;line-height:1.2;margin:16px 0 9px;font-weight:500;letter-spacing:-.8px;direction:ltr;text-align:right}.metric-value small{font-size:15px;color:#a0a596;margin-left:4px}.metric-caption{font-size:10px;color:#a0a696;display:flex;align-items:center;gap:7px}.metric-caption .pill{font-family:Arial;font-size:10px;padding:0 5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 287px;gap:21px;margin-bottom:26px}.panel{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;gap:12px}.panel-head h2{font-size:14px}.panel-head p{font-size:11px;color:#969c8e;margin-top:3px}.panel-head .button{font-size:11px;min-height:29px;padding:4px 8px;gap:6px}.panel-head .button svg{width:12px}.chart-legend{display:flex;align-items:center;gap:13px;padding:0 23px;font-size:10px;color:#8f9587}.legend-dot{width:6px;height:6px;background:#92a76c;border-radius:50%;display:inline-block;margin-left:5px}.legend-dot.pale{background:#dfe7cf}.chart{height:194px;padding:18px 22px 12px;display:flex;direction:ltr;gap:12px}.chart-scale{width:24px;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:26px;font-size:9px;color:#a6ad9c;font-family:Arial}.chart-plot{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:space-around;gap:9px;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#eef0e9 40px,#eef0e9 41px);margin-bottom:22px;border-bottom:1px solid #eef0e9}.bar-group{height:100%;flex:1;max-width:44px;display:flex;align-items:flex-end;gap:4px;position:relative;justify-content:center}.bar{width:12px;max-width:40%;border-radius:4px 4px 0 0;background:#93a774;min-height:2px}.bar.secondary{background:#e4e9d9}.bar-group span{position:absolute;bottom:-25px;white-space:nowrap;font-size:9px;color:#919987;font-family:Plex}.bar-group .bar:hover{background:#718953}.chart-summary{border-top:1px solid var(--line);padding:12px 22px;display:flex;align-items:center;gap:7px;font-size:10px;color:#939b87}.chart-summary svg{width:13px;color:#889a6c}.usage-panel{background:#f8f9f3}.usage-panel .panel-head{padding-bottom:8px}.usage-ring{display:block;width:143px;height:143px;margin:7px auto 11px;transform:rotate(-90deg)}.usage-ring circle{fill:none;stroke:#e7ebdc;stroke-width:8}.usage-ring circle:nth-child(2){stroke:#879d63;stroke-linecap:round}.ring-wrap{position:relative}.ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:0}.ring-label b{font-size:27px;font-family:Arial;font-weight:500}.ring-label small{font-size:10px;color:#949b86}.usage-lines{padding:0 23px 18px}.usage-line{display:flex;justify-content:space-between;font-size:11px;margin:8px 0;color:#8e9681}.usage-line b{font-family:Arial;color:#575f49;font-weight:400}.usage-panel .button{font-size:12px;margin-top:7px;background:#fff}.sessions-heading{display:flex;align-items:center;justify-content:space-between;margin:3px 0 15px}.sessions-heading>div{display:flex;align-items:center;gap:9px}.sessions-heading h2{font-size:16px}.count-pill{background:#f1f3ec;border-radius:6px;font-size:10px;padding:1px 6px;color:#9ba48d}.text-link{font-size:12px;color:#777f6b;display:inline-flex;align-items:center;gap:7px}.text-link svg{width:13px}.sessions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.session-card{border:1px solid var(--line);border-radius:12px;padding:17px;background:#fff}.session-card-head{display:flex;align-items:center;gap:10px;margin-bottom:18px}.session-symbol{height:35px;width:35px;display:grid;place-items:center;background:#eef3e6;color:#879869;border-radius:10px}.session-card-head>div{flex:1;min-width:0}.session-card h3{font-size:13px}.session-card small{color:#9ca392;font-size:10px}.session-card-head .pill{font-size:9px;padding:2px 7px}.session-meta{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid #f1f2ed;font-size:10px;color:#929986}.session-meta b{font-family:Arial;font-size:12px;color:#58604e;font-weight:400}.progress{height:4px;background:#edf0e5;border-radius:5px;overflow:hidden}.progress>div{height:100%;background:#a1af85;border-radius:5px}.session-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;color:#929a86}.session-bottom .button{font-size:10px;min-height:26px;padding:3px 8px}.activity-panel{margin-top:25px}.activity-list{padding:0 22px 12px}.activity-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #f1f3ed;padding:12px 0;font-size:12px}.activity-row:last-child{border:0}.activity-row time{margin-right:auto;color:#a4ab99;font-size:10px}.activity-row>.circle-icon{width:27px;height:27px}.activity-row svg{width:13px}.activity-row .muted{font-size:11px}.app-footer{border-top:1px solid var(--line);padding:15px 38px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a7ac9e}.footer-dot{padding:0 8px}.circle-icon{height:42px;width:42px;border-radius:12px;background:var(--wash);display:inline-flex;align-items:center;justify-content:center;color:#7d8b68;flex-shrink:0}.toolbar{display:flex;gap:10px;align-items:center;margin:10px 0 21px;flex-wrap:wrap}.search-input{max-width:320px;position:relative}.search-input input{padding-right:37px;font-size:12px;min-height:39px}.search-input svg{position:absolute;right:12px;top:12px;width:15px;height:15px;color:#a3aa97}.tabs{display:flex;padding:4px;background:#f3f4ef;border-radius:8px;width:max-content;gap:3px}.tabs button{border:0;background:transparent;padding:5px 13px;border-radius:6px;font-size:12px;color:#8b9280}.tabs button.active{background:white;color:#434d36}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;text-align:right;font-size:12px;white-space:nowrap}th{padding:12px 18px;font-weight:400;background:#f8f9f5;color:#949b88;border-bottom:1px solid var(--line)}td{padding:17px 18px;border-bottom:1px solid #f0f2eb}tr:last-child td{border:0}td .pill{font-size:10px}.empty{padding:48px 20px;text-align:center;color:#9da592;border:1px dashed #e1e7d6;border-radius:12px;margin:14px 0}.empty .circle-icon{margin-bottom:12px}.empty h3{color:#5f6c51}.empty p{font-size:13px;margin:7px auto 18px;max-width:380px}.notice{padding:13px 16px;background:#f8f5e9;color:#938050;border:1px solid #ece4cd;border-radius:9px;font-size:13px;margin:15px 0}.notice.success{background:#eef7ef;color:#427650;border-color:#d9e9da}.form-error{color:#b14e4e;font-size:13px;margin:10px 0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check-label{display:flex;align-items:center;gap:9px;font-weight:400;font-size:13px}.form-panel{max-width:760px;padding:28px;border:1px solid var(--line);border-radius:12px}.settings-layout{display:grid;grid-template-columns:1fr 270px;gap:25px}.setting-note{padding:25px;background:var(--canvas);border-radius:12px;height:max-content}.setting-note p{font-size:13px;color:#8c947e;margin-top:10px}.loading{padding:70px;text-align:center;color:#8b957d}#modal{border:1px solid var(--line);border-radius:18px;width:min(540px,calc(100% - 30px));max-height:90vh;padding:25px;color:var(--ink)}#modal::backdrop{background:#242c274d;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modal-head h2{font-size:19px}#modal-body p{font-size:14px;color:#8e9680}#modal-body pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--canvas);border:1px solid var(--line);border-radius:9px;padding:15px;font-size:12px;direction:ltr;text-align:left}#toast{position:fixed;bottom:25px;left:25px;max-width:calc(100% - 50px);background:#30382b;color:white;padding:13px 22px;border-radius:10px;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none;z-index:100;font-size:13px}#toast.show{opacity:1;transform:translateY(0)}.marketing-nav{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:27px 45px;gap:25px}.marketing-nav nav{display:flex;gap:34px;font-size:14px;color:#79806f}.marketing-nav>div{display:flex;gap:23px;align-items:center}.login-link{font-size:13px}.hero{max-width:1270px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:75px 55px 95px;align-items:center}.hero h1{font-size:72px;line-height:1.32;letter-spacing:-2px;margin:24px 0}.hero h1>span{color:#8d9c6f}.hero-copy>p{color:#858c79;font-size:17px;line-height:1.95}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-notes{display:flex;gap:19px;margin-top:20px;font-size:11px;color:#929a83}.hero-notes>span{display:flex;align-items:center;gap:5px}.hero-notes svg{width:12px;height:12px}.hero-product{background:#f6f8ef;padding:28px;border:1px solid #e6eadd;border-radius:23px;transform:rotate(-2deg);position:relative}.product-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e6d7;padding-bottom:21px}.product-mark{display:flex;gap:7px;align-items:center;font-family:Arial;font-size:24px;font-weight:700;direction:ltr}.product-heading{display:flex;justify-content:space-between;margin:23px 0;align-items:center}.product-heading small{color:#929c83;font-size:11px}.product-heading h3{font-size:23px;margin-top:4px}.product-stats{display:flex;gap:35px}.product-stats>div{display:flex;flex-direction:column;gap:6px}.product-stats small{color:#959c89}.product-stats b{font-family:Arial;font-size:31px;direction:ltr;font-weight:500}.product-stats em{font-size:17px;font-style:normal}.product-stats>div>span{font-size:10px;color:#6d8c5b}.mini-bars{height:125px;display:flex;align-items:flex-end;gap:7px;direction:ltr;border-bottom:1px solid #dce4cd;margin:18px 0 27px}.mini-bars span{flex:1;background:#b6c39c;height:48%;border-radius:4px 4px 0 0}.mini-bars span:nth-child(3n){height:76%;background:#91a376}.mini-bars span:nth-child(2n){height:62%}.mini-bars span:nth-child(5n){height:95%;background:#879d6c}.product-message{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:15px;margin:0 -43px 0 6px;box-shadow:0 7px 25px #42573009}.product-message>div{flex:1}.product-message b{font-size:12px}.product-message small{font-size:10px;display:block;color:#9ba68d;margin-top:3px}.product-message>span:last-child{font-size:9px;color:#aab29e}.product-caption{font-size:9px;text-align:center;color:#a9b298;margin-top:18px}.value-strip{display:flex;align-items:center;justify-content:center;gap:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 20px;color:#919a83;font-size:13px}.value-strip>span{color:#575f4d}.value-strip>div{display:flex;gap:9px;align-items:center}.feature-section{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding:100px 55px;max-width:1250px;margin:auto}.section-intro h2,.developer-section h2,.center-heading h2,.faq-section h2{font-size:39px;line-height:1.5;margin:14px 0 17px}.section-intro p,.developer-section p,.center-heading p,.faq-section>div>p{font-size:15px;color:#919983}.feature-list article{display:flex;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.feature-list article:first-child{padding-top:0}.feature-list article>div{flex:1}.feature-list p{font-size:13px;color:#939b86;margin-top:5px}.feature-list article>svg{color:#bdc5b3;width:16px}.developer-section{max-width:1140px;margin:0 auto 90px;background:#f5f7f0;border:1px solid #e9edde;border-radius:18px;padding:45px;display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.developer-section p{margin-bottom:25px}.developer-section pre{font-size:12px;background:#fff;border:1px solid #e2e8d6;padding:27px;border-radius:12px;overflow:auto;line-height:2;color:#838e76}.developer-section pre span{color:#619153}.pricing-section{max-width:1240px;padding:0 50px 80px;margin:auto}.center-heading{text-align:center;margin-bottom:40px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-plan{padding:26px;border:1px solid var(--line);border-radius:14px}.price-plan.featured{background:#f6f8ef;border-color:#dce5ce}.price-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.price-head .pill{font-size:9px}.price{margin:27px 0;font-size:12px;color:#899378}.price strong{font-size:37px;color:var(--ink);font-family:Arial;letter-spacing:-1px}.price small{margin-right:7px}.price-plan ul{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:12px;color:#818c70;font-size:13px}.price-plan li{display:flex;gap:10px;align-items:center}.price-plan li svg{width:14px;height:14px}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;max-width:1150px;margin:auto;padding:35px 30px 90px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:15px}summary::-webkit-details-marker{display:none}summary svg{width:15px;color:#939f80}details p{font-size:14px;color:#8d987b;margin-top:16px;line-height:1.9}.closing-cta{text-align:center;padding:60px 20px;background:#f3f6eb}.closing-cta h2{font-size:43px;margin:16px 0 26px}.marketing-footer{display:flex;align-items:center;justify-content:space-between;padding:35px 6%;font-size:12px;color:#9ca48e;gap:25px}.marketing-footer>div{display:flex;gap:25px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-story{background:#eff3e6;padding:60px 70px;display:flex;flex-direction:column;justify-content:space-between}.auth-story h1{font-size:52px;margin:25px 0 20px;line-height:1.5}.auth-story p{font-size:15px;color:#8e997d}.auth-quote{display:flex;gap:15px;align-items:center;margin-top:50px;padding-top:30px;border-top:1px solid #dbe2cf}.auth-quote b{font-size:13px;font-weight:500}.auth-quote p{font-size:12px}.quote-icon{display:grid;place-items:center;background:#e1e8d4;border-radius:12px;width:44px;height:44px;color:#84976a}.auth-story>.muted{font-size:11px}.auth-main{padding:40px 65px;display:flex;flex-direction:column}.back-link{font-size:12px;color:#939d84;display:flex;align-items:center;gap:8px;margin-right:auto}.auth-form-wrap{width:100%;max-width:385px;margin:auto;padding:50px 0}.auth-form-wrap>p{font-size:13px;margin:10px 0 27px}.auth-form-wrap>h1{font-size:31px}.auth-form-wrap form .button{margin-top:15px}.auth-form-wrap small{font-size:11px}.auth-alternate{text-align:center!important;margin:22px 0!important;color:#929c81}.auth-alternate a{color:#455636}.legal{max-width:850px;margin:50px auto;padding:0 30px 70px}.legal h2{margin-top:30px;margin-bottom:10px}.legal p{color:#7d8970;line-height:2}.docs-layout{display:grid;grid-template-columns:220px 1fr;gap:45px;max-width:1200px;margin:45px auto;padding:0 30px}.docs-layout aside{position:sticky;top:30px;height:max-content;display:grid;gap:10px}.docs-layout aside a{padding:8px;font-size:13px;color:#889477}.docs-layout article{min-width:0}.docs-layout section{margin-bottom:40px;scroll-margin-top:20px}.docs-layout h2{margin:22px 0 12px}.docs-layout p{font-size:14px;color:#8c987b;margin:10px 0}.code{background:#f6f8f1;border:1px solid #e6ecdc;border-radius:10px;padding:20px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.9;direction:ltr;text-align:left}.code-tabs{margin:15px 0 0}.code-tabs+.code{margin-top:8px}.route-label{font-family:monospace;direction:ltr;display:inline-block;background:#eff4e7;border-radius:6px;padding:6px 12px;color:#6b8052}.demo-banner{font-size:11px;text-align:center;padding:8px;background:#f0edfa;color:#8c7db6;border-radius:8px;margin-bottom:20px}.demo-banner a{text-decoration:underline}.feature-placeholder{display:grid;grid-template-columns:1fr 1fr;gap:22px}.feature-placeholder .form-panel{padding:25px}.feature-placeholder h2{font-size:17px;margin-bottom:18px}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.chip-row .pill{font-size:11px}.invoice-total{font-size:38px;font-family:Arial;margin:20px 0}.endpoint-demo{display:grid;grid-template-columns:1fr auto;gap:10px}.subheading{font-size:17px;margin:30px 0 17px}.inline-actions{display:flex;gap:6px}.inline-actions .button{font-size:11px;min-height:30px;padding:4px 10px}
@media(min-width:1600px){.app-content{padding-top:45px}.metric{padding:25px}.chart{height:230px}.sidebar{width:245px}.main-shell{margin-right:245px;width:calc(100% - 245px)}}
@media(max-width:1150px){.sidebar{width:205px;padding-left:13px;padding-right:13px}.nav-link.active:before{right:-13px}.main-shell{margin-right:205px;width:calc(100% - 205px)}.app-content{padding:27px 24px}.topbar{padding:0 24px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 240px;gap:15px}.metric{padding:18px 14px}.metrics{margin-bottom:20px}.metric-head{font-size:11px}.session-card{padding:13px}.session-card-head{flex-wrap:wrap}.session-card-head>.pill{margin-right:45px;margin-top:-9px}.hero{gap:45px;padding:55px 35px 75px}.hero h1{font-size:59px}.marketing-nav nav{gap:20px}.marketing-nav{padding:24px 30px}.hero-notes{gap:10px}.value-strip{gap:30px}.developer-section{margin-left:35px;margin-right:35px}.auth-story{padding:40px}.auth-main{padding:35px}}
@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.usage-panel{display:block;width:100%;min-width:0}.metrics{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-left:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.sessions-grid{grid-template-columns:1fr 1fr}.sessions-grid .session-card:last-child:nth-child(3){display:none}.trial-banner span.muted{display:block;margin-right:0}.top-status{display:none}.page-heading h1{font-size:25px}.page-heading .button{padding:8px 12px;font-size:12px}.feature-section{gap:45px;padding:70px 35px}.developer-section{gap:30px;padding:30px}.hero{gap:35px}.hero h1{font-size:49px}.hero-product{padding:20px}.hero-actions{flex-wrap:wrap}.hero-notes{flex-wrap:wrap}.hero-copy>p{font-size:15px}.marketing-nav nav{display:none}.pricing-section{padding:0 30px 60px}.price-plan{padding:18px}.price-head{flex-wrap:wrap}.value-strip>span{display:none}.faq-section{gap:30px}.auth-story h1{font-size:43px}.settings-layout{grid-template-columns:1fr}.setting-note{display:none}.feature-placeholder{grid-template-columns:1fr}}
@media(max-width:700px){body{font-size:14px}.sidebar{transform:translateX(100%);transition:transform .2s;width:230px;box-shadow:-15px 0 50px #242d2210}.sidebar.open{transform:translateX(0)}.main-shell{margin-right:0;width:100%}.mobile-menu{display:inline-flex}.topbar{padding:0 16px;height:65px}.top-actions{gap:5px}.breadcrumb{gap:8px}.breadcrumb>span{display:none}.top-actions>.system-dot,.top-actions>.divider{display:none}.app-content{padding:25px 17px 30px}.page-heading{align-items:flex-start;margin-bottom:20px;gap:8px}.page-heading h1{font-size:24px;line-height:1.5}.page-heading p{font-size:11px;max-width:250px}.page-heading .eyebrow{font-size:10px}.page-heading>.button{font-size:11px;padding:7px 10px;gap:5px;min-height:35px;margin-top:5px}.page-heading>.button svg{width:13px}.trial-banner{padding:12px;gap:10px}.trial-banner>div:nth-child(2){font-size:11px}.trial-banner span.muted{font-size:10px}.trial-banner a{font-size:10px;gap:3px}.trial-banner a svg{width:12px}.trial-icon{width:29px;height:29px}.metric{padding:17px}.metric-value{font-size:29px;margin:12px 0 8px}.metric-head{font-size:11px}.metric-caption{font-size:9px}.panel-head{padding:17px}.chart{padding:17px 12px 12px}.chart-summary{padding:12px 17px;font-size:9px}.sessions-grid{grid-template-columns:1fr}.sessions-grid .session-card:last-child:nth-child(3){display:block}.session-card{padding:18px}.session-card-head{flex-wrap:nowrap}.session-card-head>.pill{margin:0}.session-card h3{font-size:14px}.session-card small,.session-meta,.session-bottom{font-size:11px}.session-bottom .button{font-size:11px}.session-symbol{height:38px;width:38px}.activity-list{padding:0 17px 12px}.activity-row{font-size:11px;gap:9px}.activity-row time{font-size:9px;white-space:nowrap}.activity-row .muted{font-size:10px}.app-footer{padding:15px 17px;font-size:9px}.app-footer span:last-child{display:none}.marketing-nav{padding:23px 22px}.marketing-nav .brand b{font-size:27px}.marketing-nav .brand small{font-size:7px}.marketing-nav .brand-mark{width:34px;height:34px}.marketing-nav .button{font-size:11px;padding:7px 11px;min-height:35px}.marketing-nav>div{gap:14px}.marketing-nav .login-link{font-size:11px}.hero{grid-template-columns:1fr;padding:38px 25px 60px;gap:60px}.hero h1{font-size:57px;margin:20px 0}.hero-copy>p{font-size:16px}.hero-product{max-width:450px;width:calc(100% - 15px);margin:auto}.product-message{margin-right:-29px;margin-left:0}.hero-actions{flex-wrap:nowrap;gap:8px}.hero-actions .button{font-size:12px;padding:11px 15px}.hero-notes{gap:17px;font-size:10px}.hero-notes svg{width:10px}.value-strip{gap:20px;flex-wrap:wrap;padding:23px;font-size:11px}.value-strip svg{width:16px}.feature-section{grid-template-columns:1fr;gap:38px;padding:58px 25px}.section-intro h2,.developer-section h2,.center-heading h2,.faq-section h2{font-size:32px}.feature-list h3{font-size:15px}.feature-list p{font-size:12px;line-height:1.9}.developer-section{grid-template-columns:1fr;margin:0 20px 55px;padding:27px;gap:15px}.developer-section pre{padding:16px;font-size:10px}.pricing-section{padding:0 24px 50px}.pricing-grid{grid-template-columns:1fr;gap:18px}.price-plan{padding:25px}.price-head{flex-wrap:nowrap}.price{margin:20px 0}.faq-section{grid-template-columns:1fr;padding:20px 25px 60px;gap:22px}.faq-section summary{font-size:14px}.closing-cta h2{font-size:34px}.marketing-footer{flex-direction:column;gap:23px;padding:35px 20px}.auth-layout{grid-template-columns:1fr}.auth-story{display:none}.auth-main{min-height:100vh;padding:25px}.auth-form-wrap{padding:40px 0}.field-row{grid-template-columns:1fr;gap:0}.form-panel{padding:21px}.toolbar{gap:8px}.search-input{max-width:100%;width:100%}.toolbar .button{font-size:11px}.docs-layout{grid-template-columns:1fr;padding:0 22px;margin:25px 0}.docs-layout aside{position:static;display:flex;flex-wrap:wrap;gap:3px}.docs-layout aside a{font-size:11px;padding:6px 10px;background:#f4f6ee;border-radius:7px}.docs-layout h1{font-size:27px}.endpoint-demo{grid-template-columns:1fr}.feature-placeholder{grid-template-columns:1fr}#modal{padding:21px}.demo-banner{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.message-recipient{font-family:Arial,sans-serif;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.message-preview{display:flex;align-items:center;gap:8px;min-width:190px;max-width:360px}.message-preview>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#50594b}.message-view{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;flex:0 0 25px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#7c8973;cursor:pointer}.message-view:hover{color:var(--ink);background:#f3f6ef}.message-view svg{width:13px;height:13px}.message-source{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:10px;background:#f1f3ed;color:#6e7867;white-space:nowrap}.source-ai{background:#eeeafb;color:#7968a9}.source-employee{background:#e9f5ec;color:#4e805b}.source-automation{background:#eaf2f7;color:#55778d}.source-campaign{background:#f8f0df;color:#8d7342}.message-detail{display:grid;gap:18px}.message-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px}.message-detail-meta>span{display:flex;flex-direction:column;gap:5px;padding:12px;background:#f7f9f4;border-radius:9px}.message-detail-meta small{color:var(--muted);font-size:10px}.message-detail-meta b,.message-detail-meta bdi{font-size:13px}.message-detail-body{padding:18px;border:1px solid var(--line);border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;background:#fff}.message-detail-foot{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.compose-intro{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:14px;background:#f4f7f0;border:1px solid #e5eadf;border-radius:11px}.compose-intro>span{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#fff;color:#738568}.compose-intro svg{width:17px}.compose-intro div{display:flex;flex-direction:column;gap:3px}.compose-intro b{font-size:13px}.compose-intro small{font-size:10px;color:var(--muted)}.compose-modal #modal-form>label{gap:7px;font-size:12px}.compose-modal #modal-form select,.compose-modal #modal-form input,.compose-modal #modal-form textarea{background:#fcfdfb;border-color:#dfe5d9}.compose-count{display:block;text-align:left;color:var(--muted);font-size:9px;margin-top:-4px}.compose-modal #modal-form>button[type=submit]{border-radius:9px;min-height:44px;font-weight:600}@media(max-width:700px){.message-preview{min-width:130px}.message-detail-meta{grid-template-columns:1fr}.compose-intro{padding:12px}}
.compose-modal{width:min(680px,calc(100% - 28px))}.compose-modal #modal-form{display:flex;flex-direction:column;gap:13px}.compose-intro{display:flex;align-items:center;gap:13px;padding:15px 16px;background:linear-gradient(135deg,#f2f6ed,#fafbf8);border:1px solid #e1e8da;border-radius:12px}.compose-intro>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:10px;background:#fff;color:#6f8363;box-shadow:0 2px 8px #36452b0a}.compose-intro svg{width:18px}.compose-intro div{display:flex;flex-direction:column;gap:3px}.compose-intro b{font-size:14px}.compose-intro small{font-size:10px;color:var(--muted)}.compose-section{padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}.compose-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.compose-section-head b{font-size:13px}.compose-section-head small{font-size:10px;color:var(--muted)}.compose-section-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.compose-section:nth-of-type(2) .compose-section-fields,.compose-section:nth-of-type(3) .compose-section-fields{grid-template-columns:1fr}.compose-section label{margin:0;gap:6px;font-size:11px}.compose-section select,.compose-section input,.compose-section textarea{background:#fafcf8;border-color:#dfe5d9}.compose-section textarea[name=to]{min-height:72px;direction:ltr;text-align:left;font-family:Arial,sans-serif}.compose-section textarea[name=body]{min-height:135px;line-height:1.8;resize:vertical}.compose-count{display:block;text-align:left;color:var(--muted);font-size:9px;margin-top:-3px}.compose-advanced{border:1px dashed #dce3d5;border-radius:10px;padding:0 14px}.compose-advanced[open]{padding-bottom:13px}.compose-advanced summary{padding:12px 0;margin:0;font-size:11px;color:#697561}.compose-advanced summary small{margin-inline-start:5px;color:#9aa390}.compose-advanced label{font-size:11px}.compose-modal .form-error:empty{display:none}.compose-modal #modal-form>button[type=submit]{min-height:46px;border-radius:10px;font-weight:600;margin-top:1px}.compose-modal #modal-form>button[type=submit] svg{width:15px}@media(max-width:600px){.compose-modal{width:calc(100% - 18px);padding:16px}.compose-section{padding:13px}.compose-section-head{align-items:flex-start;flex-direction:column;gap:3px}.compose-section-fields{grid-template-columns:1fr}.compose-intro{padding:13px}.compose-intro small{line-height:1.6}}
.qr-box{text-align:center;margin:20px 0}.qr-box img{display:block;max-width:100%;height:auto;margin:15px auto;border:1px solid var(--line);border-radius:12px}.qr-box p{font-size:12px!important}

/* Compact controls and scrollable white navigation. */
.sidebar{background:#fff;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;height:100dvh}
.sidebar>*{flex-shrink:0}
.button{min-height:36px;padding:6px 12px;font-size:13px;gap:7px}
.button.large{min-height:42px;padding:9px 17px}
button:disabled{opacity:.42;cursor:not-allowed;transform:none}
.settings-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
@media(max-width:700px){.button{min-height:40px}.settings-actions{gap:12px}}

.sidebar{scrollbar-width:none;-ms-overflow-style:none}
.sidebar::-webkit-scrollbar{display:none;width:0;height:0}

[hidden]{display:none!important}
.usage-locked{position:relative;overflow:hidden}
.usage-locked>:not(.usage-lock-overlay){filter:blur(5px);pointer-events:none;user-select:none;opacity:.5}
.usage-lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#ffffff50;z-index:2}
.usage-lock-overlay>svg{width:30px;height:30px}

/* Payment widget: clear amount, isolated numbers, compact copy controls. */
.payment-form{display:flex;flex-direction:column;gap:16px}
.payment-form>label{margin:0;gap:6px}
.payment-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.payment-caption{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}
.payment-amount{display:flex;align-items:baseline;gap:8px}
.payment-amount b{font-size:32px;line-height:1.2;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.payment-amount>span,.payment-invoice{font-size:11px;color:var(--muted)}
.payment-invoice{display:flex;flex-direction:column;gap:6px;text-align:left}.payment-invoice bdi{color:var(--ink);font-family:monospace}
.payment-intro{margin:0;color:var(--muted);font-size:12px;line-height:1.9}
.payment-destination{padding:15px;background:#f7f8f5;border:1px solid var(--line);border-radius:10px}
.wallet-list{display:flex;flex-direction:column;gap:8px}.wallet-row{display:flex;direction:ltr;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:7px 10px}
.wallet-number{font-family:Arial,sans-serif;font-size:18px;font-weight:600;letter-spacing:.6px;unicode-bidi:isolate;font-variant-numeric:tabular-nums;user-select:all;overflow-wrap:anywhere}
.wallet-copy{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border:0;border-radius:6px;background:transparent;color:#737b70}.wallet-copy svg{width:16px;height:16px}.wallet-copy:hover,.wallet-copy.copied{background:#e8f5ee;color:#278060}.wallet-copy:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.payment-hint{display:block;font-size:11px;color:var(--muted);margin-top:10px}.instapay-link{width:100%;margin-top:4px}
.payment-form input[dir=ltr]{text-align:left;font-variant-numeric:tabular-nums}.payment-form .form-error:empty{display:none}
@media(max-width:700px){.payment-summary{gap:12px}.payment-amount b{font-size:28px}.wallet-copy{width:40px;height:40px}}

.payment-method-options{display:flex;gap:10px}.payment-method-option{flex:1;display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #e5e8e1;background:#fff;border-radius:9px;font-size:13px;min-height:46px;text-align:right}.payment-method-option>svg,.payment-method-fixed>svg{width:18px;height:18px;color:#78816f;flex-shrink:0}.payment-method-option[aria-pressed=true]{background:#f3f6ef;border-color:#87947a}.method-indicator{width:14px;height:14px;border:1px solid #d0d6ca;border-radius:50%;margin-inline-start:auto;flex-shrink:0}.payment-method-option[aria-pressed=true] .method-indicator{border:4px solid #53664a;background:#fff}.payment-method-option:focus-visible{outline:2px solid var(--green);outline-offset:2px}.payment-method-fixed{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink)}.sender-wallet-label{font-size:13px}.sender-wallet-label input{background:#fff;border:1px solid #e2e6dd;border-radius:8px;min-height:44px;padding:10px 13px;font-size:16px;letter-spacing:.6px}.sender-wallet-label input:focus{border-color:#87947a;outline:2px solid #87947a20}
@media(max-width:380px){.payment-method-option{gap:6px;padding:10px;font-size:12px}}

.payment-form .sender-wallet-label{font-size:12px;font-weight:500;color:#515a4d;display:block}
.sender-number-field{display:flex;direction:ltr;align-items:center;margin-top:8px;background:#fff;border:1px solid #dfe4da;border-radius:10px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.payment-form .sender-number-field input{flex:1;min-width:0;width:100%;margin:0;border:0;background:transparent;border-radius:0;box-shadow:none;outline:none;padding:13px 15px;min-height:48px;font-family:Arial,sans-serif;font-size:17px;font-weight:500;letter-spacing:1px;line-height:1.3;text-align:left;direction:ltr}
.payment-form .sender-number-field input:focus{border:0;outline:none;box-shadow:none}
.sender-number-field:focus-within{border-color:#8b9c80;box-shadow:0 0 0 3px #8b9c8012}
.sender-number-field input::placeholder{color:#b2b8ad;font-weight:400;opacity:1}
.sender-number-icon{display:flex;align-items:center;justify-content:center;width:43px;flex-shrink:0;height:23px;border-left:1px solid #e9ece5;color:#929c8a;margin-right:4px}
.sender-number-icon svg{width:18px;height:18px}

.payment-form{gap:18px}.payment-form .payment-summary{padding:8px 0 18px}.payment-form .payment-destination{padding:16px;background:#f8f9f6;border-color:#edf0e8}.payment-form .sender-number-field{border-radius:8px;background:#fcfdfb}.payment-form .sender-number-field input{padding:12px 14px;min-height:46px;font-size:16px;letter-spacing:.5px}.instapay-destination{font-size:15px;overflow-wrap:anywhere;white-space:normal;line-height:1.7}.payment-form>.button[type=submit]{margin-top:2px;min-height:42px}.payment-form .payment-intro{font-size:12px}

/* Shared form controls, with a consistently inset RTL select indicator. */
:where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){border-color:#e3e7df;border-radius:8px;background-color:#fff;font-size:13px;line-height:1.6;transition:border-color .15s,box-shadow .15s}
:where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){min-height:42px;padding-block:9px}
select:not([multiple]):not([size]),select[size="1"]{appearance:none;-webkit-appearance:none;background-image:url('/assets/select-chevron.svg');background-repeat:no-repeat;background-size:16px 16px;background-position:left 14px center;padding-left:43px;padding-right:13px;min-height:42px;cursor:pointer;max-width:100%;text-overflow:ellipsis}
select[dir=ltr]:not([multiple]){background-position:right 14px center;padding-right:43px;padding-left:13px}
select:disabled{cursor:not-allowed;opacity:.5;background-color:#f7f8f5}
:where(input,textarea)::placeholder{color:#a7afa0;opacity:1}
:where(input,textarea,select):focus-visible{border-color:#8c9a80;box-shadow:0 0 0 3px #8c9a8014;outline:none}
:where(form label){font-size:13px;line-height:1.7;gap:8px;margin-bottom:16px}
:where(textarea){padding:11px 13px;min-height:105px}
#modal{padding:24px;border-radius:14px;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dce2d6 transparent}
#modal .modal-head{gap:14px;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--line)}
#modal .modal-head h2{margin:0;font-size:17px;line-height:1.6;font-weight:600}
#modal .modal-head>.icon-button{flex-shrink:0;width:32px;height:32px;border-radius:7px}
#modal-body>p{margin:0 0 16px;font-size:13px;line-height:1.9}
#modal-body>p+br{display:none}
#modal-form:not(.payment-form)>.button[type=submit]{margin-top:5px;min-height:40px}
.form-error:empty{display:none}
.form-error:not(:empty){font-size:12px;line-height:1.8;margin-block:10px}
.form-panel{background:#fff;border-color:#e7ebe2;border-radius:12px}
.field-row{gap:14px}
@media(max-width:700px){#modal{padding:19px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}#modal .modal-head h2{font-size:16px}:where(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}.field-row{gap:0}}
@media(forced-colors:active){select:not([multiple]):not([size]),select[size="1"]{appearance:auto;background-image:none;padding-inline:12px}}

.session-code{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f7f8f5;border:1px solid var(--line);border-radius:8px;margin-bottom:16px;flex-wrap:wrap}.session-code>span{font-size:11px;color:var(--muted)}.session-code bdi{font-family:monospace;font-size:12px;overflow-wrap:anywhere;user-select:all}.session-code .icon-button{margin-inline-start:auto}
#modal.flow-builder-modal{width:min(1080px,calc(100% - 24px));padding:22px}.flow-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px}.flow-config{border-inline-end:1px solid var(--line);padding-inline-end:20px}.flow-config h3,.flow-preview h3{font-size:14px;margin:0 0 12px}.flow-help{font-size:12px!important;line-height:1.9;color:var(--muted)}.flow-palette{display:grid;gap:8px;margin-bottom:12px}.flow-palette .button{justify-content:flex-start}.flow-workspace{min-width:0;padding:16px;background:#fafbf8;border-radius:10px}.flow-canvas-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:18px}.flow-start{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#52744b;margin-bottom:20px}.flow-node{position:relative;background:#fff;border:1px solid #e3e8dc;border-radius:10px;padding:15px;margin-bottom:24px}.flow-node:not(:last-child):after{content:'';position:absolute;top:100%;height:24px;right:50%;border-right:1px solid #ccd6c4}.flow-node-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.flow-node-head>svg{width:16px;height:16px;color:#7e9072}.flow-node-head b{font-size:13px}.flow-node-number{font-size:10px;background:#f0f4ec;border-radius:5px;padding:2px 6px}.flow-node-actions{display:flex;gap:2px;margin-inline-start:auto}.flow-node-actions .icon-button{width:28px;height:30px}.flow-node-actions svg{width:14px;height:14px}.flow-node textarea{min-height:80px;font-size:13px}.flow-node label{font-size:12px;margin-bottom:10px}.flow-node .field-row{margin-bottom:0}.flow-next{font-size:10px;color:#87947a;text-align:center;margin-top:10px}.flow-preview{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.flow-preview-controls{display:flex;gap:8px;margin-top:12px}.flow-preview-controls input{flex:1;min-width:0}#flow-preview-log{font-size:12px;max-height:180px;overflow:auto}#flow-preview-log p{border-bottom:1px solid var(--line);padding:8px 0;margin:0}.flow-save{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.flow-save .form-error{flex:1}
@media(max-width:700px){.flow-layout{grid-template-columns:1fr;gap:16px}.flow-config{border:0;padding:0}.flow-palette{grid-template-columns:1fr 1fr}.flow-workspace{padding:10px}.flow-preview-controls{flex-wrap:wrap}.flow-preview-controls input{flex-basis:100%}.flow-node{padding:11px}.flow-node-head{gap:5px}.flow-node-head b{font-size:12px}.flow-node-actions{gap:0}.flow-node-actions .icon-button{width:25px}.flow-config .field-row{grid-template-columns:1fr 1fr;gap:10px}}

.session-widget{display:grid;gap:20px}
.session-widget-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.session-widget-status>div{display:grid;gap:4px;min-width:0}.session-caption{font-size:11px;color:var(--muted)}.session-widget-status bdi{font-size:15px;font-weight:500;overflow-wrap:anywhere;text-align:start}
.session-connection h3{font-size:13px;font-weight:500;margin:0 0 12px}
.session-methods{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.session-method{display:flex;align-items:center;gap:12px;width:100%;border:0;background:#fff;padding:15px;text-align:start;transition:background .15s}
.session-method:hover{background:#f7f9f4}.session-method+.session-method{border-top:1px solid var(--line)}
.session-method-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#f2f5ed;color:#637653;flex-shrink:0}
.session-method>span:nth-child(2){display:grid;gap:2px;flex:1;min-width:0}.session-method strong{font-size:13px;font-weight:500}.session-method small{font-size:11px;color:var(--muted)}.session-method>svg{width:15px;color:#969e91}
.session-meta-route{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px;font-size:11px;color:var(--muted);padding-top:12px}
.session-meta-link{border:0;background:none;color:#506844;font-size:11px;padding:6px 3px;text-decoration:underline;text-underline-offset:4px}
.session-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;font-size:12px;color:#717a69;padding:8px 0}.session-disclosure summary::-webkit-details-marker{display:none}.session-disclosure summary svg{width:14px;height:14px;transition:transform .15s}.session-disclosure[open]>summary svg{transform:rotate(180deg)}
.session-disclosure>.session-methods{margin-top:8px}.session-widget .session-code{margin:8px 0 0;flex-wrap:nowrap;padding:9px;background:#fafbf8}.session-widget .session-code bdi{font-size:11px;min-width:0;overflow-wrap:anywhere}.session-widget .session-code .icon-button{flex-shrink:0}
.session-widget-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:16px}.session-widget-actions>.button{min-height:36px;padding:6px 11px;font-size:12px}.session-widget-actions>.button svg{width:14px}
.session-more{min-width:100px}.session-more summary{justify-content:flex-end;min-height:36px}.session-more-items{display:grid;gap:3px;padding-top:6px}.session-more-items button{display:flex;align-items:center;gap:8px;background:none;border:0;border-radius:7px;font-size:12px;padding:9px 10px;text-align:start;min-height:38px}.session-more-items button:hover{background:#faf6f4}.session-more-items svg{width:14px}.session-more-items .session-delete{color:#b34f4f}
.session-connected-note{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--green);padding:12px;background:#f1f8f3;border-radius:9px}
@media(max-width:380px){.session-method{padding:13px 11px;gap:10px}.session-widget{gap:16px}.session-method small{font-size:10px}}

.pairing-code{display:block;font-size:clamp(26px,7vw,38px);font-weight:600;letter-spacing:.12em;padding:22px 8px;font-variant-numeric:tabular-nums;user-select:all}

.pairing-option{margin-top:10px}

.session-widget{gap:14px}.session-widget-status{padding-bottom:12px}.session-widget-actions{border:0;padding-top:2px;justify-content:flex-start;gap:8px;flex-wrap:wrap}.session-widget-actions>.button{flex:1;min-height:36px;font-size:12px;padding:6px 8px}.session-id-line>span{font-size:11px;color:var(--muted)}.session-widget .session-code{border:0;background:#f7f8f5;margin:5px 0 0;padding:5px 9px;gap:6px}.session-widget .session-code bdi{font-size:11px}.session-account{display:flex;align-items:center;gap:14px;padding:8px 0 12px}.session-account-avatar{width:58px;height:58px;border-radius:50%;overflow:hidden;background:#f0f4ec;color:#728568;display:grid;place-items:center;flex-shrink:0}.session-account-avatar>img{width:100%;height:100%;object-fit:cover}.session-account-avatar>svg{width:25px;height:25px}.session-account>div{display:grid;gap:4px;min-width:0}.session-account strong{font-size:17px;font-weight:500;overflow-wrap:anywhere}.session-account>div>span{font-size:11px;color:var(--green)}
.wa-picker-tools{display:flex;gap:8px;margin-bottom:10px}.wa-picker-tools input{min-width:0;flex:1}.wa-picker-tools .button{font-size:12px;padding-inline:10px}#wa-sync-state{font-size:12px;min-height:22px}.wa-select-all{display:flex;align-items:center;gap:9px;font-size:12px;margin:12px 0}.wa-picker-rows{max-height:300px;overflow:auto;border-block:1px solid var(--line)}.wa-picker-row{display:flex;align-items:center;gap:10px;padding:11px 2px;margin:0;border-bottom:1px solid #f0f2ed;font-size:12px}.wa-picker-row>span{display:grid;gap:2px;flex:1;min-width:0}.wa-picker-row strong{font-weight:500;overflow-wrap:anywhere}.wa-picker-row bdi{color:var(--muted);text-align:right}.wa-picker-row>small{font-size:10px;color:var(--muted)}.wa-picker-rows>p{font-size:12px;padding:20px 0}.wa-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.wa-picker-footer>span{font-size:12px;color:var(--muted)}#wa-more{margin-top:10px;font-size:12px}
/* Compact contact dialogs */
#modal.contact-form-modal,#modal.contact-import-modal{width:min(560px,calc(100% - 28px))}.contact-form-modal #modal-form{display:grid;grid-template-columns:1fr 1fr;gap:15px 14px}.contact-form-modal #modal-form>label{margin:0;font-size:12px;gap:6px}.contact-form-modal #modal-form input:not([type=checkbox]){min-height:42px;font-size:14px;background:#fcfdfb}.contact-form-modal #modal-form>label:has(input[type=checkbox]){grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:10px 0}.contact-form-modal .form-error,.contact-form-modal button[type=submit]{grid-column:1/-1}.contact-form-modal .form-error:empty{display:none}.contact-form-modal button[type=submit]{margin-top:3px;min-height:40px}.contact-import-modal #wa-picker>label{font-size:12px;margin-bottom:13px}.contact-import-modal .wa-picker-tools{align-items:center;gap:10px}.contact-import-modal .wa-picker-tools input{font-size:13px;min-height:40px;background:#fafbf8}.picker-icon{border:1px solid var(--line);width:39px;height:39px;background:#fff;flex-shrink:0}.picker-icon:hover{background:#f1f5ed}#wa-sync:disabled svg{animation:picker-spin 1s linear infinite}#wa-more{display:flex;margin:10px auto 0;width:36px;height:32px}#wa-more:disabled svg{opacity:.35}.wa-picker-rows{max-height:min(330px,40dvh);border-top:0}.wa-picker-row{padding:11px 4px}.wa-picker-row:hover{background:#fafcf7}.wa-picker-row:has(input:checked){background:#f1f6ec}.wa-picker-row input{width:16px;height:16px}.wa-picker-row strong{font-size:13px}.wa-select-all{padding-bottom:10px;border-bottom:1px solid var(--line)}.wa-picker-footer{margin-top:14px;padding-top:4px}.wa-picker-footer .button{font-size:12px;min-height:38px}.wa-picker-footer>span{font-size:11px}@keyframes picker-spin{to{transform:rotate(360deg)}}
/* Conversation workspace */
.inbox-layout{display:grid;grid-template-columns:285px minmax(0,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;height:calc(100dvh - 220px);min-height:470px;background:#fff}.inbox-list{border-inline-end:1px solid var(--line);overflow:auto}.inbox-filters{display:grid;gap:9px;padding:15px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}.inbox-filters input,.inbox-filters select{font-size:12px;padding-block:8px}.inbox-thread{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid #f1f3ed;padding:14px 12px;text-align:start;background:#fff}.inbox-thread:hover,.inbox-thread.selected{background:#f3f7ed}.inbox-thread>span:nth-child(2){flex:1;min-width:0;display:grid;gap:3px}.inbox-thread strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.inbox-thread small,.inbox-thread time{font-size:10px;color:var(--muted)}.inbox-thread time{max-width:65px;line-height:1.6}.inbox-conversation{display:flex;flex-direction:column;min-width:0;min-height:0}.inbox-placeholder{margin:auto;padding:30px;text-align:center;color:var(--muted)}.inbox-placeholder>svg{width:30px;height:30px;margin-bottom:10px}.inbox-placeholder h3{font-size:15px;color:var(--ink)}.inbox-placeholder p{font-size:12px;margin-top:8px}.inbox-thread-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}.inbox-thread-head>div{flex:1;min-width:0}.inbox-thread-head h3{font-size:14px;overflow-wrap:anywhere}.inbox-thread-head small{font-size:11px;color:var(--muted)}.inbox-thread-head .button{font-size:11px;padding:6px 9px;min-height:34px}.inbox-mode-label{font-size:10px;color:#79886d;padding:7px 20px;background:#fafcf7}.inbox-messages{flex:1;overflow:auto;min-height:0;padding:20px;display:flex;flex-direction:column;gap:12px;background:#fbfcfa}.chat-bubble{max-width:82%;padding:11px 14px;border-radius:11px;background:#fff;border:1px solid #edf0e8;align-self:flex-start;min-width:100px}.chat-bubble.outgoing{background:#edf4e6;border-color:#e3ecd9;align-self:flex-end}.chat-bubble p{font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:7px}.chat-bubble time{font-size:9px;color:var(--muted)}.chat-bubble .pill{font-size:9px;padding:0 5px}.inbox-compose{padding:12px 18px;border-top:1px solid var(--line)}.inbox-compose>small{font-size:10px;color:var(--muted)}.inbox-reply-row{display:flex;align-items:flex-end;gap:9px;margin-top:7px}.inbox-reply-row textarea{min-height:47px;max-height:130px;resize:vertical;font-size:13px}.inbox-reply-row .button{min-height:44px;font-size:12px}.inbox-back{display:none}.inbox-empty{font-size:12px;color:var(--muted);padding:22px;text-align:center}
/* Operator monitoring */
.service-monitor{border:1px solid var(--line);border-radius:12px;margin:26px 0;padding:20px;background:#fff}.monitor-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.monitor-heading h2{font-size:16px}.monitor-heading small{font-size:10px;color:var(--muted)}.monitor-services{display:grid;grid-template-columns:1fr 1fr;gap:16px}.monitor-services>div{display:flex;align-items:center;gap:9px}.monitor-services strong{display:block;font-size:12px;font-weight:500}.monitor-services small{font-size:10px;color:var(--muted)}.health-dot{width:8px;height:8px;border-radius:50%;background:#999;flex-shrink:0}.health-dot.healthy{background:#4d9361}.health-dot.unhealthy{background:#d79a48}.monitor-alert{font-size:12px!important;background:#fff7e9;color:#8a662b;padding:10px 12px;border-radius:7px;margin:15px 0}.monitor-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-block:1px solid var(--line);padding:18px 0;margin:18px 0}.monitor-numbers>div{display:grid;align-content:start;gap:4px}.monitor-numbers b{font-size:24px;font-weight:500}.monitor-numbers span{font-size:11px}.monitor-numbers small{font-size:10px;color:var(--muted)}.monitor-sessions{display:flex;flex-wrap:wrap;gap:16px}.monitor-sessions>span{display:flex;align-items:center;gap:7px;font-size:12px}.service-monitor details{margin-top:15px;font-size:12px}.service-monitor summary{cursor:pointer}
@media(max-width:850px){.inbox-layout{grid-template-columns:230px minmax(0,1fr)}.inbox-thread-head{padding:12px}.inbox-messages{padding:12px}.inbox-thread-head .button{white-space:normal}}
@media(max-width:700px){.contact-form-modal #modal-form{grid-template-columns:1fr;gap:12px}.contact-form-modal #modal-form input:not([type=checkbox]){font-size:16px}.contact-import-modal .wa-picker-tools input{font-size:16px}.inbox-layout{display:block;height:calc(100dvh - 195px);min-height:400px}.inbox-list{height:100%;border:0}.inbox-conversation{display:none;height:100%}.inbox-layout.thread-open .inbox-list{display:none}.inbox-layout.thread-open .inbox-conversation{display:flex}.inbox-back{display:inline-flex}.inbox-reply-row textarea{font-size:16px}.chat-bubble{max-width:90%}.monitor-services{grid-template-columns:1fr}.monitor-numbers{grid-template-columns:1fr 1fr}.service-monitor{padding:15px}.inbox-thread time{max-width:100px}}
@media(prefers-reduced-motion:reduce){#wa-sync:disabled svg{animation:none}}
@media(max-width:700px){.inbox-layout{height:calc(100dvh - 280px)}}

.chat-sticker{display:block;width:160px;max-width:100%;height:160px;object-fit:contain;margin:6px auto}.chat-quote{margin:0 0 8px;padding:8px 10px;border-inline-start:3px solid #aaa;background:#00000005;border-radius:6px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-reply-action{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:6px;min-height:32px}.chat-reply-action:hover{background:#00000008;border-radius:6px}.chat-reply-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f6f7f8;border-inline-start:3px solid #777;padding:8px 12px;border-radius:8px;margin:8px 0;font-size:13px}.chat-reply-preview[hidden]{display:none}.chat-reply-preview span{overflow-wrap:anywhere;min-width:0}.chat-reply-preview button{flex-shrink:0}

.inbox-safety-bar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #eee;font-size:12px;color:#666}.inbox-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.inbox-thread-head>.avatar{width:36px;height:36px;flex-shrink:0}.chat-reply-action{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:5px;min-height:30px}.chat-reply-action svg{width:15px;height:15px}.chat-reason{display:block;color:#777;font-size:10px;margin:6px 0}.inbox-layout{grid-template-rows:auto minmax(0,1fr)}@media(max-width:700px){.inbox-safety-bar{flex-wrap:wrap}.inbox-safety-bar .button{font-size:11px;padding:6px 10px}.inbox-layout.thread-open .inbox-safety-bar{display:none}}
.chat-bubble{position:relative;margin-inline:34px}.chat-bubble .chat-reply-action{position:absolute;inset-inline-end:-32px;bottom:4px;color:#777}.inbox-list,.inbox-conversation{min-height:0}@media(max-width:700px){.inbox-layout.thread-open{grid-template-rows:minmax(0,1fr)}}

@media(max-width:700px){.inbox-layout{display:grid;grid-template-columns:minmax(0,1fr)}.inbox-list,.inbox-conversation{height:auto}.inbox-safety-bar{min-width:0}.chat-bubble{max-width:calc(100% - 68px)}}

#wa-sync,#wa-sync:hover{background:transparent;border:0;box-shadow:none;color:#777}#wa-sync:hover{color:#222}.contact-import-modal .wa-picker-tools{gap:10px;align-items:center}.wa-picker-rows{overscroll-behavior:contain;scrollbar-width:thin}.wa-picker-footer{border-top:1px solid #eee;padding-top:16px}.compose-modal{max-width:620px}.compose-modal #modal-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compose-modal #modal-form>label:has([name=to]),.compose-modal #modal-form>label:has([name=body]),.compose-modal #modal-form>label:has([name=url]),.compose-modal #modal-form>.compose-advanced,.compose-modal #modal-form>.form-error,.compose-modal #modal-form>button{grid-column:1/-1}.compose-modal label:has([name=to]) textarea{min-height:76px;direction:ltr;text-align:left}.compose-modal textarea[name=body]{min-height:140px}.compose-advanced{font-size:12px;color:#777;border-top:1px solid #eee;padding-top:12px}.compose-advanced summary{cursor:pointer;margin-bottom:10px}.compose-modal label[hidden]{display:none!important}@media(max-width:600px){.compose-modal #modal-form{grid-template-columns:1fr}.compose-modal input,.compose-modal textarea{font-size:16px}}

.agent-test-answer{white-space:pre-wrap;overflow-wrap:anywhere}

.flow-buttons{margin-top:12px;padding-top:12px;border-top:1px solid #eee}.flow-button-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.flow-button-chip,.flow-add-button{border:1px solid #dedfd9;border-radius:8px;background:#fff;padding:7px 12px;font:inherit;font-size:12px}.flow-add-button{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.flow-add-button svg{width:14px;height:14px}.flow-button-editor{padding:12px 0;border-top:1px solid #f0f0ed}.flow-button-editor .field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end}.flow-buttons small{display:block;line-height:1.8}.flow-node:has(.flow-buttons){min-width:0}@media(max-width:600px){.flow-button-editor .field-row{grid-template-columns:minmax(0,1fr)}.flow-button-editor input,.flow-button-editor select{font-size:16px}}

.automation-control{display:flex;align-items:center;justify-content:space-between;gap:16px}.automation-control p{margin:6px 0 0}.automation-control .button{flex-shrink:0}@media(max-width:600px){.automation-control{align-items:stretch;flex-direction:column}}

.support-bell{position:fixed;bottom:20px;left:20px;z-index:35;background:#fff;border:1px solid #ddd;font-size:12px;padding:10px 14px}.support-dialog{border:1px solid #e5e5e5;border-radius:18px;padding:22px;width:min(620px,calc(100vw - 24px));max-height:90dvh;color:#232323;background:white}.support-dialog::backdrop{background:#0005}.support-head,.support-person,.support-list article{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-head h2{font-size:18px}.support-person{justify-content:flex-start}.support-person img,.support-avatar{border-radius:50%;object-fit:cover;width:42px;height:42px}.support-person small,.support-list small{display:block;color:#777;font-size:12px;margin-top:5px}.support-list article{padding:16px 0;border-bottom:1px solid #eee}.support-messages{height:45dvh;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:18px 0}.support-message{background:#f5f5f5;border-radius:12px;padding:10px 14px;max-width:88%;align-self:flex-start}.support-message.out{background:#eaf5ef;align-self:flex-end}.support-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px}.support-message small{display:block;color:#707570;font-size:10px;margin-top:7px}.support-controls form{display:flex;gap:10px;align-items:center;margin-bottom:12px}.support-controls textarea{flex:1;min-width:0;border:1px solid #ddd;border-radius:10px;padding:10px;resize:vertical;font:inherit}.support-error{color:#b42318;font-size:13px}.support-controls button{font-size:13px;min-height:38px}.support-dialog .icon-button{flex-shrink:0}@media(max-width:480px){.support-dialog{padding:14px}.support-bell{bottom:12px;left:12px}.support-person{min-width:0}.support-person b{overflow-wrap:anywhere}.support-controls form{gap:6px}}
.support-controls textarea{min-height:70px;max-height:160px}.support-avatar{display:grid;place-items:center;background:#f3f4f2;color:#73796d}.support-avatar svg{width:20px;height:20px}.support-bell svg{width:16px;height:16px}
.ai-session-row{display:grid;grid-template-columns:minmax(0,1fr) auto 34px;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #eef0eb}.ai-session-row:last-child{border-bottom:0}.ai-session-name{font-size:13px;overflow-wrap:anywhere}.ai-mode-button{display:inline-flex;gap:7px;align-items:center;padding:7px 10px;min-height:34px;font-size:12px;border-radius:9px;background:#f7f8f5}.ai-mode-button svg{width:13px;height:13px}.ai-power{width:34px;height:34px;border-radius:9px;color:#8b9086;background:#f4f5f2}.ai-power.is-on{background:#eaf5eb;color:#25804b}.ai-power svg{width:17px;height:17px}.ai-power:disabled{opacity:.4;cursor:not-allowed}@media(max-width:420px){.ai-session-row{gap:7px}.ai-mode-button{padding:6px 8px}}
.compose-preview{grid-template-columns:1fr;gap:10px;padding-top:14px}.compose-preview-head{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}.compose-phone{width:100%}@media(max-width:600px){.compose-preview-head{flex-direction:row;align-items:center}.compose-preview-head small{text-align:left}}
.compose-modal{width:min(720px,calc(100% - 28px));max-width:720px}.compose-modal #modal-form{display:flex;flex-direction:column;gap:13px}.compose-modal .compose-section{width:100%;box-sizing:border-box}.compose-recipient-meta{margin-inline-start:auto;padding:4px 9px;border-radius:999px;background:#edf4e9;color:#617558;font-size:9px;font-weight:700;white-space:nowrap}.compose-preview{display:grid;grid-template-columns:145px 1fr;gap:14px;align-items:start;margin-top:15px;padding-top:15px;border-top:1px solid #edf0e9}.compose-preview-head{display:flex;flex-direction:column;gap:5px;padding-top:3px}.compose-preview-head span{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#53614e}.compose-preview-head svg{width:13px}.compose-preview-head small{font-size:9px;line-height:1.6;color:var(--muted)}.compose-phone{overflow:hidden;border:1px solid #dce4d7;border-radius:13px;background:#e9e3da;box-shadow:0 8px 24px #34402c12}.compose-phone-top{display:flex;align-items:center;gap:7px;padding:9px 12px;background:#f8faf6;border-bottom:1px solid #dfe5da;color:#55604f;font-size:10px}.compose-phone-top span{width:7px;height:7px;border-radius:50%;background:#62b36d;box-shadow:0 0 0 3px #e4f2e5}.compose-chat{min-height:112px;padding:15px;background:radial-gradient(circle at 20% 30%,#ffffff52 0 1px,transparent 2px),#ece7df;background-size:15px 15px}.compose-bubble{position:relative;width:fit-content;max-width:88%;margin-inline-start:auto;padding:9px 11px 17px;border-radius:10px 2px 10px 10px;background:#d9fdd3;color:#20251f;box-shadow:0 1px 2px #26312218}.compose-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.7}.compose-bubble time{position:absolute;inset-inline-end:7px;bottom:3px;color:#6d796a;font-size:7px}.compose-preview-kind{display:inline-flex;margin-bottom:7px;padding:4px 7px;border-radius:6px;background:#c8edc3;color:#557050;font-size:8px;font-weight:700}.compose-preview-kind[hidden]{display:none}.compose-modal label[hidden]{display:none!important}@media(max-width:600px){.compose-modal{width:calc(100% - 18px);padding:14px}.compose-preview{grid-template-columns:1fr}.compose-preview-head{padding:0}.compose-chat{min-height:100px}.compose-recipient-meta{margin-inline-start:0}}
.compose-preview{grid-template-columns:1fr;gap:10px;padding-top:14px}.compose-preview-head{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}.compose-phone{width:100%}@media(max-width:600px){.compose-preview-head{flex-direction:row;align-items:center}.compose-preview-head small{text-align:left}}
/* Refined toolbar, media upload and WhatsApp contact import */
.toolbar .button[data-action="upload-media"],.toolbar .button[data-action="export"]{background:transparent;border-color:transparent;box-shadow:none;color:#70786b;padding-inline:10px}.toolbar .button[data-action="upload-media"]:hover,.toolbar .button[data-action="export"]:hover{background:transparent;border-color:transparent;color:#293126}.toolbar .button[data-action="upload-media"] svg,.toolbar .button[data-action="export"] svg{width:15px}
.media-upload-modal{width:min(580px,calc(100% - 28px))}.media-upload-intro,.wa-import-intro{display:flex;align-items:center;gap:13px;padding:14px 15px;margin-bottom:16px;border:1px solid #e3e9dd;border-radius:12px;background:linear-gradient(135deg,#f3f7ef,#fbfcfa)}.media-upload-intro>span,.wa-import-intro>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:10px;background:#fff;color:#708465;box-shadow:0 2px 10px #33452b0c}.media-upload-intro>span svg,.wa-import-intro>span svg{width:18px}.media-upload-intro div,.wa-import-intro div{display:flex;flex-direction:column;gap:2px}.media-upload-intro b,.wa-import-intro b{font-size:13px}.media-upload-intro small,.wa-import-intro small{font-size:10px;line-height:1.7;color:var(--muted)}.media-dropzone{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-height:205px;margin:0 0 14px;padding:24px;border:1.5px dashed #ccd7c4;border-radius:14px;background:#fbfcf9;text-align:center;cursor:pointer;transition:.18s}.media-dropzone:hover,.media-dropzone.has-file{border-color:#829b76;background:#f5f8f1}.media-dropzone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.media-drop-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:3px;border-radius:14px;background:#edf3e8;color:#6e8562}.media-drop-icon svg{width:21px}.media-dropzone strong{font-size:13px}.media-dropzone small{font-size:10px;color:var(--muted)}.media-dropzone em{max-width:100%;margin-top:7px;padding:4px 9px;border-radius:999px;background:#eef1ea;color:#687361;font-size:9px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-dropzone.has-file em{background:#e5f2e7;color:#39704b}.media-upload-modal #upload-media-submit{min-height:45px;border-radius:10px}
.contact-import-modal{width:min(650px,calc(100% - 28px));padding:23px}.contact-import-modal #wa-picker{display:flex;flex-direction:column;gap:12px}.wa-import-intro{margin:0}.wa-source-card{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.wa-source-card>label{margin-bottom:11px;font-size:11px}.wa-source-card select{background:#fafcf8}.contact-import-modal .wa-picker-tools{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px}.wa-search-box{position:relative;display:block}.wa-search-box>svg{position:absolute;right:12px;top:12px;width:14px;color:#9aa392;z-index:1}.wa-search-box input{padding-right:37px;background:#fafcf8}.contact-import-modal #wa-sync{width:38px;height:38px;border:1px solid #e3e7df!important;border-radius:9px!important;background:#fafbf8!important}.contact-import-modal #wa-sync:hover{background:#f0f4eb!important}.contact-import-modal #wa-sync-state{min-height:18px;margin-top:8px;font-size:9px!important}.wa-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 3px}.wa-list-head>span{font-size:10px;color:var(--muted)}.contact-import-modal .wa-select-all{display:flex;align-items:center;gap:8px;margin:0;font-size:10px;font-weight:600}.wa-picker-rows{max-height:330px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}.wa-picker-row{display:grid;grid-template-columns:18px 36px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0;padding:11px 13px;border-bottom:1px solid #f0f2ed;cursor:pointer}.wa-picker-row:last-child{border-bottom:0}.wa-picker-row:hover{background:#fafbf8}.wa-picker-row:has(input:checked){background:#f2f7ee}.wa-picker-row input{margin:0}.wa-contact-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf0e4;color:#64785a;font-size:12px;font-style:normal;font-weight:700}.wa-picker-row>span{display:flex;min-width:0;flex-direction:column;line-height:1.5}.wa-picker-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.wa-picker-row bdi{color:var(--muted);font:10px Arial,sans-serif}.wa-picker-row>small{padding:3px 7px;border-radius:999px;background:#f1f2ef;color:#91968d;font-size:8px;white-space:nowrap}.contact-import-modal .wa-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px}.contact-import-modal #wa-selected{font-size:10px;color:#6f786a}.contact-import-modal #wa-save{min-height:40px;border-radius:9px;font-size:11px}.contact-import-modal #wa-save svg{width:14px}@media(max-width:600px){.media-upload-modal,.contact-import-modal{width:calc(100% - 18px);padding:15px}.media-dropzone{min-height:175px;padding:18px}.wa-picker-rows{max-height:42vh}.wa-picker-row{grid-template-columns:18px 34px minmax(0,1fr);gap:8px}.wa-picker-row>small{grid-column:3}.contact-import-modal .wa-picker-footer{position:sticky;bottom:-15px;margin:0 -15px -15px;padding:12px 15px;background:#fff;border-top:1px solid var(--line)}}
/* Unified lightweight list tools */
.toolbar>.button{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#70786b;padding-inline:10px}.toolbar>.button:hover{background:transparent!important;border-color:transparent!important;color:#293126}.toolbar>.button svg{width:15px}.toolbar .search-input input{background:transparent;border-color:transparent;box-shadow:none;padding-block:8px}.toolbar .search-input input:focus{background:transparent;border-color:transparent;box-shadow:none}.toolbar .search-input{border-bottom:1px solid transparent}.toolbar .search-input:focus-within{border-bottom-color:#dfe4da}
/* Compact WhatsApp source controls */
.contact-import-modal .wa-source-card{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.2fr);align-items:end;gap:10px 12px;padding:11px 12px;background:transparent}.contact-import-modal .wa-source-card>label{margin:0;gap:4px;font-size:9px;color:var(--muted)}.contact-import-modal .wa-source-card select{height:38px;padding-block:6px;background:transparent;border:0;border-bottom:1px solid #e3e7df;border-radius:0;box-shadow:none;font-size:11px}.contact-import-modal .wa-search-box input{height:38px;padding-block:6px;background:transparent;border:0;border-bottom:1px solid #e3e7df;border-radius:0;box-shadow:none;font-size:11px}.contact-import-modal .wa-search-box input:focus,.contact-import-modal .wa-source-card select:focus{border-bottom-color:#809375;box-shadow:none}.contact-import-modal .wa-search-box>svg{top:11px}.contact-import-modal #wa-sync,.contact-import-modal #wa-sync:hover{width:34px;height:38px;background:transparent!important;border:0!important;box-shadow:none!important}.contact-import-modal .wa-picker-tools{grid-template-columns:minmax(0,1fr) 34px;gap:4px}.contact-import-modal #wa-sync-state{grid-column:1/-1;margin:0;min-height:14px}
/* Campaign composer */
.campaign-modal{width:min(720px,calc(100% - 28px));max-width:720px}.campaign-modal #modal-form{display:flex;flex-direction:column;gap:12px}.campaign-intro{display:flex;align-items:center;gap:13px;padding:14px 15px;border:1px solid #e3e9dd;border-radius:12px;background:linear-gradient(135deg,#f3f7ef,#fbfcfa)}.campaign-intro>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:10px;background:#fff;color:#708465;box-shadow:0 2px 10px #33452b0c}.campaign-intro>span svg{width:18px}.campaign-intro div{display:flex;flex-direction:column;gap:2px}.campaign-intro b{font-size:13px}.campaign-intro small{font-size:10px;color:var(--muted)}.campaign-section{padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:#fff}.campaign-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.campaign-section-head>div{display:flex;flex-direction:column;gap:2px}.campaign-section-head b{font-size:12px}.campaign-section-head small{font-size:9px;color:var(--muted)}.campaign-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.campaign-audience .campaign-fields,.campaign-message .campaign-fields{grid-template-columns:1fr}.campaign-fields label{margin:0;gap:5px;font-size:10px}.campaign-fields input,.campaign-fields select,.campaign-fields textarea{background:#fafcf8;border-color:#e1e6dc;font-size:12px}.campaign-fields textarea{min-height:125px;line-height:1.8}.campaign-preview{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:9px;margin-top:11px;padding:10px 11px;border-radius:10px;background:#f5f7f2}.campaign-preview>span,.campaign-summary>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#fff;color:#718167}.campaign-preview svg,.campaign-summary svg{width:14px}.campaign-preview div{min-width:0}.campaign-preview small,.campaign-summary small{display:block;color:var(--muted);font-size:8px}.campaign-preview p{margin-top:2px;color:#4e5749!important;font-size:10px!important;white-space:pre-wrap;overflow-wrap:anywhere}.campaign-preview em{color:var(--muted);font-size:8px;font-style:normal;white-space:nowrap}.campaign-summary{display:flex;align-items:center;gap:9px;margin-top:11px;padding:10px 11px;border:1px dashed #dfe5d9;border-radius:10px}.campaign-summary b{display:block;margin-top:1px;font-size:10px;font-weight:600}.campaign-modal #modal-form>button[type=submit]{min-height:45px;border-radius:10px;margin-top:1px}.campaign-modal .form-error:empty{display:none}@media(max-width:600px){.contact-import-modal .wa-source-card{grid-template-columns:1fr}.campaign-modal{width:calc(100% - 18px);padding:15px}.campaign-fields{grid-template-columns:1fr}.campaign-section{padding:12px}.campaign-section-head small{line-height:1.5}.campaign-intro{padding:12px}}
/* Final alignment refinements */
.toolbar .search-input,.toolbar .search-input:focus-within{border:0!important;box-shadow:none!important}.toolbar .search-input input,.toolbar .search-input input:focus{border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important}.contact-import-modal .wa-source-card{align-items:start}.wa-source-label{display:flex;align-items:center;justify-content:space-between;height:18px}.wa-source-label i{font:700 8px Arial,sans-serif;letter-spacing:.2px;color:#718466;background:#eef3ea;padding:2px 6px;border-radius:999px}.contact-import-modal .wa-source-card>label,.contact-import-modal .wa-picker-tools{display:grid;grid-template-rows:18px 38px;align-items:stretch}.contact-import-modal .wa-picker-tools{position:relative;padding-top:18px;display:grid;grid-template-columns:minmax(0,1fr) 34px;grid-template-rows:38px}.contact-import-modal .wa-source-card select,.contact-import-modal .wa-search-box input{height:38px;min-height:38px;margin:0;padding-top:6px;padding-bottom:6px}.contact-import-modal .wa-search-box,.contact-import-modal #wa-sync{height:38px}.contact-import-modal #wa-sync{align-self:center}.contact-import-modal .wa-select-all{position:relative;min-height:34px;padding:7px 10px!important;border:1px solid #e4e8df!important;border-radius:9px;background:#fafbf8;transition:.15s}.contact-import-modal .wa-select-all:hover{background:#f4f7f0}.contact-import-modal .wa-select-all:has(input:checked){border-color:#cfddc8!important;background:#edf5e9;color:#526b49}.contact-import-modal .wa-select-all input{width:15px;height:15px}.wa-list-head{padding:0}.automation-row-actions{display:flex;align-items:center;gap:10px}.automation-edit{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:#747d6e}.automation-edit:hover{background:#f1f4ed;color:#30382d}.automation-edit svg{width:14px}.automation-switch{display:flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:#8c9287;font-size:10px}.automation-switch i{position:relative;width:31px;height:17px;border-radius:999px;background:#dfe3dc;transition:.18s}.automation-switch i:after{content:'';position:absolute;top:3px;right:3px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #26302122;transition:.18s}.automation-switch.is-on{color:#3e7650}.automation-switch.is-on i{background:#75a482}.automation-switch.is-on i:after{transform:translateX(-14px)}.automation-switch:hover i{box-shadow:0 0 0 3px #edf1e9}@media(max-width:600px){.wa-source-label{height:auto}.contact-import-modal .wa-source-card>label{grid-template-rows:auto 38px}.contact-import-modal .wa-picker-tools{padding-top:0;grid-template-rows:38px}.automation-switch span{display:none}}
/* Refined live customer support */
.support-bell{display:flex;align-items:center;gap:8px;bottom:18px;left:18px;padding:9px 12px;border:1px solid #e1e5dd;border-radius:999px;background:#fff;color:#5f685a;box-shadow:0 8px 25px #28312514}.support-bell:hover{background:#f8faf6}.support-bell svg{width:15px}.support-bell span{font-size:10px;font-weight:600}.support-bell b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#2f3930;color:#fff;font:9px Arial,sans-serif}.support-bell.has-waiting{border-color:#e4c8c2;color:#a14e44;animation:supportPulse 1.8s ease-in-out infinite}.support-bell.has-waiting b{background:#b7594d}@keyframes supportPulse{50%{box-shadow:0 8px 25px #82372b26,0 0 0 5px #b7594d0d}}
.support-dialog{width:min(680px,calc(100vw - 24px));height:min(760px,calc(100dvh - 30px));max-height:calc(100dvh - 30px);padding:0;overflow:hidden;border:1px solid #e2e6de;border-radius:20px;box-shadow:0 24px 70px #1e271f24}.support-dialog::backdrop{background:#20272066;backdrop-filter:blur(4px)}.support-head{min-height:72px;padding:15px 19px;border-bottom:1px solid #edf0ea;background:#fff}.support-head>div:first-child:not(.support-person){display:flex;flex-direction:column}.support-head h2{font-size:16px}.support-kicker{color:#84907d;font-size:8px;letter-spacing:.4px}.support-summary{display:flex;align-items:center;gap:11px;margin:15px 18px 8px;padding:12px 13px;border:1px solid #e4e9df;border-radius:11px;background:#f7f9f4}.support-summary>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#fff;color:#74856a}.support-summary svg{width:16px}.support-summary div{display:flex;flex-direction:column}.support-summary b{font-size:11px}.support-summary small{font-size:9px;color:var(--muted)}.support-list{padding:5px 18px 18px;overflow:auto;max-height:calc(100% - 170px)}.support-list article{padding:12px 3px}.support-person{min-width:0}.support-person img,.support-avatar{width:44px;height:44px;flex:0 0 44px}.support-person img{border:1px solid #e5e8e1}.support-person>div{min-width:0}.support-person b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.support-person small{margin-top:2px;font-size:9px}.support-list-action{display:flex;align-items:center;gap:9px}.support-state{padding:3px 7px;border-radius:999px;background:#fff0ed;color:#a7564d;font-size:8px;white-space:nowrap}.support-state.claimed{background:#eaf4eb;color:#4c7757}.support-open{display:grid;place-items:center;width:31px;height:31px;padding:0;border:0;border-radius:50%;background:#f1f4ed;color:#65705f}.support-open:hover{background:#e7ede1}.support-open svg{width:13px}.support-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:180px;color:#8a9283;text-align:center}.support-empty>svg{width:24px}.support-empty b{font-size:12px}.support-empty small{font-size:9px;color:var(--muted)}
.support-chat-head{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:10px}.support-chat-head .support-person{justify-self:start}.support-back{transform:none}.support-messages{position:relative;isolation:isolate;height:auto;flex:1;min-height:0;margin:0;padding:22px 20px;overflow:auto;background:#f4f5ef url("/assets/support-chat-pattern.svg?v=1") repeat;background-size:260px 220px}.support-messages:before{content:attr(data-watermark);position:absolute;z-index:-1;inset:50% auto auto 50%;transform:translate(-50%,-50%) rotate(-9deg);color:#6576530d;font:700 clamp(36px,8vw,62px) Arial,sans-serif;letter-spacing:-2px;pointer-events:none}.support-message{position:relative;z-index:1;padding:9px 12px;max-width:78%;border:1px solid #e8ece5;border-radius:12px 12px 12px 3px;background:#fff;box-shadow:0 2px 8px #27312608}.support-message.out{border-color:#dce9d7;border-radius:12px 12px 3px 12px;background:#eaf4e6}.support-message p{font-size:12px;line-height:1.75}.support-message small{margin-top:4px;font-size:8px}.support-error:empty{display:none}.support-error{margin:0;padding:7px 18px;background:#fff1ef}.support-controls{padding:11px 15px 13px;border-top:1px solid #e7ebe3;background:#fff}.support-controls form{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:end;gap:8px;margin:0}.support-controls textarea{min-height:42px;height:42px;max-height:112px;margin:0;padding:10px 13px;border:1px solid #e0e5dc;border-radius:21px;background:#f8faf6;resize:none;font-size:12px;line-height:1.7}.support-controls textarea:focus{background:#fff}.support-send{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#2f3930;color:#fff;transition:.15s}.support-send:hover{background:#465342;transform:translateY(-1px)}.support-send svg{width:16px}.support-chat-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;padding-inline:5px}.support-chat-foot small{color:#9aa095;font-size:8px}.support-end{display:inline-flex;align-items:center;gap:5px;padding:3px 5px;border:0;background:transparent;color:#888f83;font-size:9px}.support-end:hover{color:#a84f48}.support-end svg{width:12px}@media(max-width:600px){.support-dialog{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.support-bell{bottom:12px;left:12px}.support-bell span{display:none}.support-list{max-height:calc(100% - 165px)}.support-summary{margin-inline:13px}.support-list{padding-inline:13px}.support-message{max-width:86%}.support-chat-foot small{display:none}}
/* Customer support uses its content height; only the conversation/list scrolls. */
.support-dialog,.support-dialog.support-chat-open{width:min(450px,calc(100vw - 24px))!important;height:fit-content!important;min-height:0!important;max-height:calc(100dvh - 32px)!important;padding:0;overflow:hidden}
.support-dialog[open]{display:flex;flex-direction:column}
.support-dialog .support-head{flex:none;min-height:58px;padding:8px 15px}
.support-dialog .support-summary{flex:none;margin:8px 14px 3px;padding:7px 13px}
.support-dialog .support-list{flex:0 1 auto;height:auto;min-height:0;max-height:min(345px,calc(100dvh - 175px));padding:5px 14px 12px;overflow-y:auto}
.support-dialog .support-list article{justify-content:flex-start;gap:12px}
.support-dialog .support-list article>.support-person{flex:1}
.support-dialog .support-list-action{margin-inline-start:auto;gap:6px}
.support-dialog .support-list .support-empty{height:auto;min-height:69px}
.support-dialog.support-chat-open .support-messages{flex:0 1 auto;height:auto;min-height:0;max-height:min(245px,calc(100dvh - 180px));padding:12px 14px;overflow-y:auto;overscroll-behavior:contain}
.support-dialog.support-chat-open .support-empty{min-height:70px}
.support-dialog .support-message{max-width:88%;margin-inline:0}
.support-dialog .support-controls{flex:none;padding:8px 12px 10px}
.support-dialog .support-controls form{margin:0}
.support-dialog .support-chat-foot{justify-content:flex-end;margin:6px 0 0;padding:0 2px;min-height:24px}
.support-dialog .support-end{line-height:1.5;min-height:24px;padding:2px 6px;gap:6px;border-radius:6px}.support-dialog .support-end svg{width:14px;height:14px}
.support-dialog .support-error:empty{display:none;padding:0;margin:0}
@media(max-width:600px){
 .support-dialog,.support-dialog.support-chat-open{width:calc(100% - 20px)!important;max-height:calc(100dvh - 20px)!important;margin:auto;border:1px solid #e2e6de;border-radius:16px}
 .support-dialog .support-state{display:none}
 .support-dialog.support-chat-open .support-messages{max-height:min(55dvh,calc(100dvh - 175px))}
 .support-dialog .support-controls{padding-bottom:max(10px,env(safe-area-inset-bottom))}
}
.support-dialog .support-chat-head{grid-template-columns:34px minmax(0,1fr) auto}
.support-dialog .support-head-actions{display:flex;align-items:center;gap:4px}
.support-dialog .support-head-actions .support-end{width:auto;height:32px;min-height:32px;padding:0 7px;font-size:12px;white-space:nowrap;color:#718168;background:transparent;border:0}
.support-dialog .support-head-actions .support-end svg{width:18px;height:18px}
.support-dialog .support-head-actions .support-end:hover{color:#426139;background:transparent}

/* Readable, compact customer follow-up and notifications. */
.support-dialog .support-head h2{font-size:18px}
.support-dialog .support-kicker{font-size:11px}
.support-dialog .support-summary b{font-size:14px}
.support-dialog .support-summary small{font-size:12px;line-height:1.6}
.support-dialog .support-person b{font-size:15px}
.support-dialog .support-person small{font-size:12px;line-height:1.5}
.support-dialog .support-state{font-size:11px;padding:4px 8px}
.support-dialog .support-empty b{font-size:15px}
.support-dialog .support-empty small{font-size:12px}
.support-dialog .support-message p{font-size:14px}
.support-dialog .support-message small{font-size:10px}
.support-message-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;direction:ltr;margin-top:5px}
.support-dialog .support-message-meta small{display:flex;align-items:center;gap:5px;margin:0;margin-left:auto;white-space:nowrap}
.support-receipt{display:inline-flex;align-items:center;justify-content:center;color:#899580;line-height:1}.support-receipt svg{width:13px;height:13px;stroke-width:1.7}.support-receipt.is-failed{color:#b76658}.support-receipt.is-read{color:#53a7c4}
.support-agent-name{font-size:10px;color:#77826f;overflow-wrap:anywhere;max-width:65%;text-align:left}
.support-typing{display:flex;align-items:center;align-self:flex-start;padding:7px 10px;background:transparent;border:0;border-radius:0;box-shadow:none}
.support-typing-dots{display:flex;gap:3px;align-items:center;height:14px}
.support-typing-dots i{width:5px;height:5px;background:#839475;border-radius:50%;animation:support-typing-bounce 1.2s ease-in-out infinite}
.support-typing-dots i:nth-child(2){animation-delay:.15s}.support-typing-dots i:nth-child(3){animation-delay:.3s}
@keyframes support-typing-bounce{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}
@media(prefers-reduced-motion:reduce){.support-typing-dots i{animation:none}}
.support-dialog .support-controls textarea{font-size:14px}
.support-dialog .support-chat-foot small{font-size:10px}
.support-dialog .support-end{font-size:12px}
/* Compact notifications with details on demand. */
#modal.notifications-modal{position:fixed;inset:88px auto auto 64px;margin:0;width:min(330px,calc(100vw - 32px));padding:0;height:fit-content;max-height:min(340px,calc(100dvh - 112px));overflow:hidden;border:1px solid #e5e9df;border-radius:20px;background:#fff;box-shadow:0 20px 60px -12px #28342030,0 4px 16px -4px #28342014}
#modal.notifications-modal[open]{display:flex;flex-direction:column}
#modal.notifications-modal::backdrop{background:transparent;backdrop-filter:none}
#modal.notifications-modal .modal-head{flex:none;margin:0;padding:15px 17px 8px;border:0;background:#fff;gap:12px}
#modal.notifications-modal #modal-title{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:600;line-height:1.5}
#modal.notifications-modal .notification-header-count{font-size:10px;font-weight:400;color:#87976b}
#modal.notifications-modal .notification-header-count[hidden]{display:none}
#modal.notifications-modal .modal-head>.icon-button{width:26px;height:26px;border-radius:50%;color:#929d86;background:transparent;transition:color .18s,background .18s}
#modal.notifications-modal .modal-head>.icon-button svg{width:15px;height:15px}
#modal.notifications-modal #modal-body{min-height:0;padding:0 10px 10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e1e6d9 transparent;border-radius:0 0 19px 19px}
#modal.notifications-modal .notification-item{position:relative;padding:0;margin:2px 0;border:0;border-radius:9px;background:transparent;transition:background .18s}
#modal.notifications-modal .notification-item:last-child{border:0}
#modal.notifications-modal .notification-item summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:11px 9px;list-style:none;cursor:pointer;border-radius:9px;transition:background .18s}
#modal.notifications-modal .notification-item summary::-webkit-details-marker{display:none}
#modal.notifications-modal .notification-item summary:hover{background:#f7f9f3}
#modal.notifications-modal .notification-item summary:focus-visible{outline:2px solid #87976b;outline-offset:-2px}
#modal.notifications-modal .notification-summary-text{display:grid;gap:3px;min-width:0;flex:1}
#modal.notifications-modal .notification-summary-text strong{font-size:13px;font-weight:500;line-height:1.6;color:#414e37;overflow-wrap:anywhere}
#modal.notifications-modal .notification-summary-end{display:flex;align-items:center;align-self:flex-start;padding-top:3px;gap:7px;flex-shrink:0}
#modal.notifications-modal .notification-summary-end time{font-size:10px;color:#9da791;line-height:1.5;white-space:nowrap}
#modal.notifications-modal .notification-summary-end svg{width:12px;height:12px;color:#a3ad96;transition:transform .16s}
#modal.notifications-modal .notification-item[open] .notification-summary-end svg{transform:rotate(180deg)}
#modal.notifications-modal .notification-item.is-unread .notification-summary-text strong:before{content:'';display:inline-block;width:4px;height:4px;margin-inline-end:7px;border-radius:50%;background:#87976b;vertical-align:middle}
#modal.notifications-modal .notification-chat-state{font-size:10px;color:#9aa38e;line-height:1.5;white-space:nowrap}

#modal.notifications-modal .notification-detail{padding:0 10px 13px}
#modal.notifications-modal .notification-detail p{font-size:12px;line-height:1.8;color:#808d72;overflow-wrap:anywhere;margin:0}
#modal.notifications-modal .notification-otp-code{display:inline-flex;direction:ltr;align-items:center;margin-top:8px;padding:7px 12px;border-radius:10px;background:#f3f5ef;color:#253122;font-size:20px;font-weight:650;letter-spacing:.16em;font-variant-numeric:tabular-nums}
#modal.notifications-modal .notification-handoff{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;text-align:right;margin:0;padding:12px 8px;border:0;border-bottom:1px solid #e6ecdc;border-radius:0;background:transparent}
#modal.notifications-modal .notification-handoff>div{display:grid;gap:2px;min-width:0}
#modal.notifications-modal .notification-handoff b{font-size:13px;font-weight:600;color:#4c5e3d;overflow-wrap:anywhere}
#modal.notifications-modal .notification-handoff small{font-size:11px;line-height:1.6;color:#969f8a}
#modal.notifications-modal .notification-handoff>svg{width:14px;height:14px;color:#87976b}
#modal.notifications-modal .notification-empty{padding:24px 0;text-align:center}
#modal.notifications-modal .notification-empty p{font-size:12px;color:var(--muted)}
@media(max-width:600px){
 .support-dialog .support-controls textarea{font-size:16px}
 #modal.notifications-modal{inset:76px 14px auto 14px;width:calc(100vw - 28px);max-height:min(360px,calc(100dvh - 98px));border-radius:18px}
}

#modal.notifications-modal .notification-item[open]{background:#f6f8f1}
#modal.notifications-modal .notification-item[open] summary{background:transparent}
#modal.notifications-modal .notification-item[open] .notification-summary-text strong{color:#5e7647}
#modal.notifications-modal .notification-item[open] .notification-detail{animation:notification-detail-in .16s ease-out}
#modal.notifications-modal .notification-handoff{padding:12px 9px;margin-bottom:5px;border-radius:9px;border:0;background:#f3f6ec}
#modal.notifications-modal .notification-handoff:hover{background:#edf2e3}
#modal.notifications-modal .notification-handoff small{font-size:11px}
@keyframes notification-detail-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#modal.notifications-modal .notification-item[open] .notification-detail{animation:none}}

#modal.notifications-modal .modal-head>.icon-button:hover{color:#52683e;background:#f1f4ea}
#modal.notifications-modal[open]{animation:notification-panel-in .18s ease-out}
@keyframes notification-panel-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#modal.notifications-modal[open]{animation:none}}

/* Unread verification notifications gently draw attention to the header bell. */
.top-actions .notification-bell{position:relative}
.notification-unread-badge{position:absolute;top:2px;right:1px;display:grid;place-items:center;min-width:15px;height:15px;padding:0 3px;border:2px solid #fff;border-radius:999px;background:#82936d;color:#fff;font:700 8px/1 Arial,sans-serif}
.notification-unread-badge[hidden]{display:none}
.notification-bell.is-shaking svg{animation:notification-bell-shake .72s ease-in-out}
@keyframes notification-bell-shake{0%,100%{transform:rotate(0)}15%,45%,75%{transform:rotate(-13deg)}30%,60%,90%{transform:rotate(13deg)}}
@media(prefers-reduced-motion:reduce){.notification-bell.is-shaking svg{animation:none}}

#modal.notifications-modal .notification-title-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;min-width:0}
#modal.notifications-modal .notification-order-ref{font-size:11px;font-weight:500;line-height:1.5;color:#83946e;white-space:nowrap}
#modal.notifications-modal .notification-preview{display:block;font-size:11px;line-height:1.65;color:#9aa48d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#modal.notifications-modal .notification-chat-state{font-size:9px;color:#a0a894}

/* AI workspace redesign */
.ai-page>.notice:first-of-type{display:flex;align-items:center;min-height:58px;margin:0 0 18px;padding:13px 16px;border:1px solid #dfe8d8;border-radius:12px;background:linear-gradient(135deg,#f2f7ed,#fbfcfa);color:#617058;font-size:11px}.ai-page-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:start}.ai-page .form-panel{max-width:none;border-color:#e3e7df;border-radius:14px;background:#fff;box-shadow:0 6px 22px #2d372908}.ai-settings-card{display:grid;grid-template-columns:1fr 1fr;gap:13px 14px;padding:20px}.ai-settings-card>h2{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:0 0 3px;padding-bottom:14px;border-bottom:1px solid #edf0ea;font-size:15px}.ai-settings-card>h2:before{content:'AI';display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#edf2e8;color:#6c8060;font:700 9px Arial,sans-serif}.ai-settings-card>label{margin:0;gap:5px;color:#555e50;font-size:10px}.ai-settings-card>label:has(textarea),.ai-settings-card>label:has([name=business_name]),.ai-settings-card>label:has([name=outside_message]),.ai-settings-card>label:has([name=handoff_terms]),.ai-settings-card>label:has(input[type=checkbox]),.ai-settings-card>.form-error,.ai-settings-card>button{grid-column:1/-1}.ai-settings-card textarea{min-height:92px;line-height:1.75;resize:vertical}.ai-settings-card label:has([name=knowledge]) textarea{min-height:135px}.ai-settings-card input,.ai-settings-card textarea,.ai-settings-card select{padding:9px 11px;border-color:#e1e6dc;background:#fafcf8;font-size:11px}.ai-settings-card label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #e4e8df;border-radius:9px;background:#fafbf8}.ai-settings-card>button{min-height:44px;margin-top:2px;border-radius:10px}.ai-page-side{display:grid;gap:16px}.ai-session-panel{padding:18px;position:sticky;top:15px}.ai-session-panel>h2{font-size:14px}.ai-session-panel>.metric-value{margin:14px 0 3px;padding:14px;border-radius:11px;background:#f5f7f2;font-size:27px}.ai-session-panel>.muted{font-size:9px}.ai-session-panel .subheading{margin:19px 0 8px;padding-top:13px;border-top:1px solid #edf0ea;font-size:11px}.ai-session-row{padding:11px 0}.ai-session-name{font-size:11px}.ai-mode-button{min-height:31px;background:transparent;border-color:transparent;font-size:9px}.ai-power{width:31px;height:31px}.ai-page-side>.subheading{margin:2px 0 -8px;font-size:12px}.ai-page-side>.session-card{padding:13px;border-color:#e5e8e1}.ai-page-side>.session-card p{margin-top:4px;font-size:10px}.ai-page-side>.empty{margin:0;padding:25px 12px;background:#fbfcfa}.ai-page-side>.empty h3{font-size:12px}.ai-page-side>.empty p{font-size:10px}.ai-page>.subheading{display:flex;align-items:center;gap:8px;margin:24px 0 11px;font-size:13px}.ai-page>.subheading:before{content:'';width:4px;height:15px;border-radius:999px;background:#82976f}.ai-page>.table-wrap{border-radius:12px}.ai-page>.table-wrap th{font-size:9px}.ai-page>.table-wrap td{padding-block:13px;font-size:10px}.ai-sources-card,.ai-test-card{margin-top:18px;padding:19px}.ai-sources-card h2,.ai-test-card h2{font-size:14px}.ai-sources-card>p,.ai-test-card>p{margin:4px 0 14px;font-size:10px!important}.ai-sources-card .activity-row{padding:10px 0}.ai-sources-card .activity-row a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.ai-test-card #ai-test-form{display:grid;grid-template-columns:1fr 1.4fr auto;gap:11px;align-items:end}.ai-test-card #ai-test-form label{margin:0;font-size:10px}.ai-test-card #ai-test-form textarea{min-height:42px;height:42px;resize:vertical}.ai-test-card #ai-test-form button{min-height:42px}.ai-test-card #ai-test-form .form-error{grid-column:1/-1}.agent-test-answer:not(:empty){margin-top:13px;padding:13px;border:1px solid #e3e8de;border-radius:10px;background:#f7f9f4;color:#4c5847!important;font-size:11px!important}@media(max-width:980px){.ai-page-main{grid-template-columns:1fr}.ai-session-panel{position:static}.ai-page-side{grid-template-columns:1fr 1fr}.ai-page-side>.subheading{grid-column:1/-1}.ai-session-panel{grid-column:1/-1}}@media(max-width:650px){.ai-settings-card{grid-template-columns:1fr;padding:14px}.ai-settings-card>*{grid-column:1!important}.ai-page-side{grid-template-columns:1fr}.ai-test-card #ai-test-form{grid-template-columns:1fr}.ai-test-card #ai-test-form input,.ai-test-card #ai-test-form textarea,.ai-test-card #ai-test-form select{font-size:16px}.ai-page>.table-wrap{overflow-x:auto}}
/* AI page v2: structured workspace */
.ai-page{--ai-border:#e4e8e1;--ai-soft:#f7f9f5;--ai-accent:#718565}.ai-page>.notice:first-of-type{min-height:auto;margin-bottom:14px;padding:11px 14px;font-size:12px}.ai-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.ai-overview>div{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:11px;align-items:center;padding:14px 15px;border:1px solid var(--ai-border);border-radius:13px;background:#fff}.ai-overview>div>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eff3eb;color:var(--ai-accent)}.ai-overview svg{width:17px}.ai-overview small{align-self:end;color:#8a9185;font-size:11px}.ai-overview b{align-self:start;font-size:16px;font-weight:600}.ai-overview em{color:#999f95;font-size:11px;font-style:normal;font-weight:400}.ai-page-main{grid-template-columns:minmax(0,1fr) 330px;gap:18px}.ai-page .form-panel{padding:0;border:1px solid var(--ai-border);border-radius:14px;box-shadow:none}.ai-settings-card{display:block;padding:0;overflow:hidden}.ai-settings-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--ai-border);background:#fff}.ai-settings-head>div{display:flex;align-items:center;gap:12px}.ai-settings-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#edf3e9;color:#687e5d}.ai-settings-icon svg{width:19px}.ai-settings-head h2{margin:0;padding:0;border:0;font-size:16px}.ai-settings-head p{margin-top:2px;color:#8a9185;font-size:11px}.ai-save-state{padding:5px 9px;border-radius:999px;background:#eef4e9;color:#5e7954;font-size:10px;white-space:nowrap}.ai-config-group{display:grid;grid-template-columns:175px minmax(0,1fr);gap:22px;padding:20px;border-bottom:1px solid #eef0ec}.ai-config-head h3{font-size:13px}.ai-config-head p{margin-top:5px;color:#91978e;font-size:10px;line-height:1.7}.ai-config-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.ai-config-fields label{margin:0;gap:6px;color:#4f574b;font-size:12px}.ai-config-fields input,.ai-config-fields textarea,.ai-config-fields select{padding:10px 12px;border-color:#dfe4dc;background:#fbfcfa;font-size:13px}.ai-config-fields textarea{min-height:90px;line-height:1.75}.ai-config-group.identity .ai-config-fields label,.ai-config-group.knowledge .ai-config-fields label{grid-column:1/-1}.ai-config-group.knowledge label:has([name=knowledge]) textarea{min-height:150px}.ai-config-group.voice .ai-config-fields{grid-template-columns:repeat(3,1fr)}.ai-config-group.voice label:has(input[type=checkbox]){grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #e3e7e0;border-radius:9px;background:var(--ai-soft)}.ai-config-group.schedule .ai-config-fields{grid-template-columns:repeat(3,1fr)}.ai-config-group.schedule label:has([name=outside_message]),.ai-config-group.schedule label:has([name=handoff_terms]){grid-column:span 3}.ai-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#fafbf9}.ai-settings-footer label{display:flex;align-items:center;gap:9px;margin:0;font-size:12px}.ai-settings-footer button{width:auto!important;min-width:175px;min-height:42px;margin:0}.ai-settings-card>.form-error{margin:0;padding-inline:20px}.ai-session-panel{position:static;padding:18px!important}.ai-session-panel>h2{font-size:15px}.ai-session-panel>.metric-value{margin:14px 0 5px;padding:16px;background:#f4f7f1;font-size:30px}.ai-session-panel>.muted{font-size:11px}.ai-session-panel .subheading{margin:20px 0 7px;font-size:12px}.ai-session-row{padding:12px 0}.ai-session-name{font-size:12px;font-weight:600}.ai-mode-button{font-size:10px}.ai-page-side{display:block}.ai-page-side>.subheading{margin:18px 0 9px;font-size:13px}.ai-page-side>.session-card{margin-bottom:9px}.ai-page-side>.empty{padding:24px 14px}.ai-page-side>.empty h3{font-size:13px}.ai-page-side>.empty p{font-size:11px}.ai-page>.subheading{margin:24px 0 11px;font-size:14px}.ai-page>.table-wrap th{font-size:11px}.ai-page>.table-wrap td{padding-block:14px;font-size:12px}.ai-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.ai-sources-card,.ai-test-card{margin:0;padding:19px!important}.ai-sources-card h2,.ai-test-card h2{font-size:15px}.ai-sources-card>p,.ai-test-card>p{font-size:11px!important}.ai-test-card #ai-test-form{display:grid;grid-template-columns:1fr;gap:11px}.ai-test-card #ai-test-form label{font-size:12px}.ai-test-card #ai-test-form textarea{height:80px;min-height:80px}.ai-test-card #ai-test-form button{justify-self:start;min-width:120px}.ai-test-card #ai-test-form input,.ai-test-card #ai-test-form textarea,.ai-test-card #ai-test-form select{font-size:13px}@media(max-width:1050px){.ai-page-main{grid-template-columns:1fr}.ai-page-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ai-session-panel{grid-column:1/-1}.ai-page-side>.subheading{grid-column:1/-1;margin-bottom:-5px}}@media(max-width:760px){.ai-overview{grid-template-columns:1fr}.ai-config-group{grid-template-columns:1fr;gap:13px;padding:16px}.ai-config-fields,.ai-config-group.voice .ai-config-fields,.ai-config-group.schedule .ai-config-fields{grid-template-columns:1fr}.ai-config-fields label,.ai-config-group.schedule label:has([name=outside_message]),.ai-config-group.schedule label:has([name=handoff_terms]){grid-column:1!important}.ai-page-side,.ai-tools-grid{grid-template-columns:1fr}.ai-settings-head{align-items:flex-start}.ai-settings-footer{align-items:stretch;flex-direction:column}.ai-settings-footer button{width:100%!important}.ai-config-fields input,.ai-config-fields textarea,.ai-config-fields select{font-size:16px}}


/* AI page v3: clearer hierarchy and live editing feedback */
.ai-overview>div{position:relative;overflow:hidden;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.ai-overview>div:hover{transform:translateY(-2px);border-color:#d7dfd1;box-shadow:0 8px 24px #31412b0a}.ai-usage-track{grid-column:2;display:block;height:4px;margin-top:8px;overflow:hidden;border-radius:999px;background:#edf1e9}.ai-usage-track>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#93a783,#607d58);transition:width .35s ease}.ai-save-state{display:inline-flex;align-items:center;gap:6px}.ai-save-state:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #6d855516}.ai-save-state.is-dirty{background:#fff4df;color:#9b7022}.ai-save-state.is-dirty:before{animation:ai-state-pulse 1.7s infinite}@keyframes ai-state-pulse{50%{box-shadow:0 0 0 6px transparent}}
.ai-config-head{display:grid;grid-template-columns:28px 1fr;column-gap:9px;align-content:start}.ai-config-head>span{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border:1px solid #dfe6da;border-radius:8px;background:#f4f7f1;color:#718368;font:600 10px Arial,sans-serif}.ai-config-head h3,.ai-config-head p{grid-column:2}.ai-config-head h3{align-self:center;min-height:28px;display:flex;align-items:center}.ai-field-count{display:block;margin-top:-2px;color:#a0a69b;font:400 9px Arial,sans-serif;direction:ltr;text-align:left}.ai-config-fields textarea:focus+.ai-field-count{color:#6f8564}.ai-config-fields input,.ai-config-fields textarea,.ai-config-fields select{transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.ai-config-fields input:hover,.ai-config-fields textarea:hover,.ai-config-fields select:hover{border-color:#cdd6c8;background:#fff}.ai-settings-footer{position:sticky;bottom:0;z-index:2;border-top:1px solid #edf0eb;box-shadow:0 -8px 24px #26321e08}.ai-settings-footer button{box-shadow:0 6px 16px #27352318}.ai-session-panel>.metric-value{position:relative;overflow:hidden}.ai-session-panel>.metric-value:after{content:'';position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#7e956e,#c6d2bb)}.ai-session-row{margin-inline:-6px;padding-inline:6px;border-radius:9px;transition:background .15s ease}.ai-session-row:hover{background:#f7f9f5}.ai-session-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-mode-button{margin-right:auto;border:1px solid #e5e9e1;background:#fafbf9}.ai-power.is-on{background:#eaf3e5;color:#5d7e52}.ai-tools-grid>.form-panel{height:100%}.ai-sources-card,.ai-test-card{position:relative;overflow:hidden}.ai-sources-card:before,.ai-test-card:before{content:'';position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#dce6d5,#7f966f)}.ai-test-card #ai-test-form button{border-radius:9px}.agent-test-answer:not(:empty){position:relative;padding-right:38px}.agent-test-answer:not(:empty):before{content:'AI';position:absolute;right:12px;top:12px;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#e8f0e3;color:#637c58;font:700 7px Arial,sans-serif}
@media(max-width:760px){.ai-config-head{grid-template-columns:28px 1fr}.ai-settings-footer{position:static}.ai-overview>div:hover{transform:none}.ai-tools-grid>.form-panel{height:auto}}

/* AI page v4: section navigation and balanced workspace */
.ai-page-main{align-items:start}.ai-settings-card{background:#fcfdfb}.ai-section-nav{position:sticky;top:0;z-index:4;display:flex;gap:6px;padding:10px 20px;border-bottom:1px solid #e7ebe4;background:#fffffff2;backdrop-filter:blur(12px)}.ai-section-nav button{flex:1;min-height:34px;padding:6px 10px;border:0;border-radius:8px;background:transparent;color:#7f8879;font-size:11px;white-space:nowrap}.ai-section-nav button:hover,.ai-section-nav button:focus-visible{background:#edf3e9;color:#566c4c}.ai-config-group{scroll-margin-top:58px}.ai-config-group:nth-of-type(odd){background:#fafbf9}.ai-config-group:last-of-type{border-bottom:0}.ai-config-fields label{position:relative}.ai-config-fields label>input,.ai-config-fields label>textarea,.ai-config-fields label>select{box-shadow:0 1px 0 #2d392605}.ai-config-fields label:focus-within{color:#5d7653}.ai-config-fields label:focus-within>input,.ai-config-fields label:focus-within>textarea,.ai-config-fields label:focus-within>select{background:#fff;box-shadow:0 0 0 3px #7a906517}.ai-session-panel>h2,.ai-sources-card>h2,.ai-test-card>h2{display:flex;align-items:center;gap:10px}.ai-session-panel>h2>span:first-child,.ai-sources-card>h2>span:first-child,.ai-test-card>h2>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#edf3e9;color:#6a805e}.ai-session-panel>h2 svg,.ai-sources-card>h2 svg,.ai-test-card>h2 svg{width:16px}.ai-session-panel>h2>span:last-child,.ai-sources-card>h2>span:last-child,.ai-test-card>h2>span:last-child{display:grid;line-height:1.45}.ai-session-panel>h2 small,.ai-sources-card>h2 small,.ai-test-card>h2 small{color:#92998d;font-size:9px;font-weight:400}.ai-page-side{position:sticky;top:16px}.ai-session-panel{box-shadow:0 8px 28px #2b392508!important}.ai-session-panel>.metric-value{display:flex;align-items:baseline;gap:4px}.ai-session-panel>.metric-value small{margin-right:auto}.ai-page-side>.subheading{padding-inline:4px}.ai-page-side>.session-card{box-shadow:0 4px 14px #26351f06}.ai-tools-grid{align-items:stretch}.ai-sources-card>p,.ai-test-card>p{padding-right:44px}.ai-sources-card .activity-row{margin-inline:-4px;padding-inline:4px;border-radius:7px}.ai-sources-card .activity-row:hover{background:#f7f9f5}.ai-test-card #ai-test-form{padding-top:3px}.ai-page>.subheading{padding:12px 15px;margin-top:20px!important;border:1px solid #e8ebe5;border-bottom:0;border-radius:12px 12px 0 0;background:#fafbf9}.ai-page>.subheading+.table-wrap{border-radius:0 0 12px 12px}.ai-page>.subheading+.empty{margin-top:0;border-radius:0 0 12px 12px;background:#fcfdfb}
@media(max-width:1050px){.ai-page-side{position:static}.ai-session-panel{box-shadow:none!important}}
@media(max-width:760px){.ai-section-nav{top:0;overflow-x:auto;padding:8px 12px}.ai-section-nav button{flex:0 0 auto}.ai-config-group{scroll-margin-top:52px}.ai-sources-card>p,.ai-test-card>p{padding-right:0}.ai-settings-head{padding:15px}.ai-settings-head p{max-width:220px}.ai-overview{gap:8px}.ai-overview>div{padding:12px}}

/* AI page v5: full visual redesign */
.ai-page{--ai-surface:#fff;--ai-canvas:#f5f7f3;--ai-border:#e1e6de;--ai-deep:#263226;--ai-accent:#718864}.ai-page>.notice:first-of-type{border:0;border-right:3px solid #819975;border-radius:8px;background:#f3f7f0;padding:10px 14px;color:#657260}.ai-overview{gap:14px;margin:16px 0 22px}.ai-overview>div{min-height:84px;padding:17px 18px;border:0;border-radius:16px;background:linear-gradient(145deg,#fff,#f8faf7);box-shadow:inset 0 0 0 1px #e4e9e1,0 8px 26px #26362108}.ai-overview>div>span{width:42px;height:42px;border-radius:13px;background:#e9f0e5}.ai-overview small{font-size:12px}.ai-overview b{font-size:18px}.ai-page-main{grid-template-columns:minmax(0,1fr) 350px;gap:22px}.ai-page .ai-settings-card{padding:12px;border:0;border-radius:18px;background:var(--ai-canvas);box-shadow:inset 0 0 0 1px #e3e8e0}.ai-settings-head{margin-bottom:12px;padding:10px 9px 16px;border-bottom:1px solid #dfe5dc;background:transparent}.ai-settings-icon{width:46px;height:46px;border-radius:14px;background:var(--ai-deep);color:#fff}.ai-settings-head h2{font-size:18px}.ai-settings-head p{font-size:12px}.ai-save-state{padding:7px 11px;background:#e8f0e4;font-size:11px}.ai-section-nav{display:none}.ai-config-group,.ai-config-group:nth-of-type(odd){grid-template-columns:190px minmax(0,1fr);gap:24px;margin-bottom:12px;padding:22px;border:1px solid #e1e6de;border-radius:14px;background:#fff;box-shadow:0 5px 18px #26362105}.ai-config-group:last-of-type{margin-bottom:0;border-bottom:1px solid #e1e6de}.ai-config-head{display:flex;grid-template-columns:none;gap:12px}.ai-config-head>span{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:11px;background:#edf2e9;color:#63795a}.ai-config-head>span svg{width:18px;height:18px}.ai-config-head>div{min-width:0}.ai-config-head small{display:block;margin-bottom:2px;color:#99a093;font-size:9px}.ai-config-head h3{display:block;min-height:0;font-size:14px}.ai-config-head p{margin-top:6px;font-size:11px;line-height:1.75}.ai-config-fields{gap:15px}.ai-config-fields label{gap:7px;font-size:12px;font-weight:600}.ai-config-fields input,.ai-config-fields textarea,.ai-config-fields select{min-height:44px;border:1px solid #dce3d9;border-radius:10px;background:#f9fbf8;font-size:13px;font-weight:400}.ai-config-fields textarea{padding:12px 13px}.ai-config-group.identity textarea{min-height:105px}.ai-config-group.knowledge .ai-config-fields{grid-template-columns:1fr 1fr}.ai-config-group.knowledge .ai-config-fields label{grid-column:auto}.ai-config-group.knowledge textarea,.ai-config-group.knowledge label:has([name=knowledge]) textarea{min-height:190px}.ai-field-count{margin-top:-25px;margin-left:9px;padding-bottom:8px;pointer-events:none}.ai-settings-footer{position:static;margin-top:12px;padding:15px 17px;border:1px solid #e0e5dd;border-radius:13px;background:#fff;box-shadow:none}.ai-settings-footer label{padding:0!important;border:0!important;background:transparent!important;font-size:13px!important}.ai-settings-footer button{min-width:200px;border-radius:10px;box-shadow:0 7px 18px #2636211c}.ai-page-side{top:18px}.ai-page .ai-session-panel{padding:20px!important;border:0;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #e2e7df,0 10px 30px #26362109!important}.ai-session-panel>h2{padding-bottom:15px;border-bottom:1px solid #e9ece7;font-size:15px}.ai-session-panel>h2>span:first-child{width:38px;height:38px;border-radius:11px}.ai-session-panel>.metric-value{margin:16px 0 7px;padding:17px 18px;border-radius:13px;background:linear-gradient(135deg,#273327,#43523d);color:#fff}.ai-session-panel>.metric-value small{color:#b9c5b4}.ai-session-panel>.metric-value:after{display:none}.ai-session-panel>.muted{padding-inline:3px}.ai-session-panel .subheading{margin-top:22px;padding-top:16px}.ai-session-row{display:grid;grid-template-columns:minmax(0,1fr) auto 34px;gap:7px;margin:8px 0 0;padding:10px;border:1px solid #e8ebe6;border-radius:11px;background:#fafbf9}.ai-session-row:hover{border-color:#d5ddd1;background:#fff}.ai-mode-button{min-height:32px;padding-inline:9px;border-color:#e2e7df;background:#fff}.ai-page-side>h2.subheading{display:flex;align-items:center;gap:9px;margin:18px 0 10px;padding:0;border:0;background:transparent}.ai-page-side>h2.subheading>span:first-child{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#edf2e9;color:#687e5e}.ai-page-side>h2.subheading>span:first-child svg{width:15px}.ai-page-side>h2.subheading>span:last-child{display:grid;font-size:13px}.ai-page-side>h2.subheading small{color:#959b91;font-size:9px;font-weight:400}.ai-page-side>.empty{border:1px dashed #dce3d8;border-radius:14px;background:#fafbf9}.ai-tools-grid{gap:22px;margin-top:22px}.ai-page .ai-sources-card,.ai-page .ai-test-card{padding:22px!important;border:0;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #e2e7df,0 8px 26px #26362108}.ai-sources-card:before,.ai-test-card:before{display:none}.ai-sources-card>h2,.ai-test-card>h2{padding-bottom:14px;border-bottom:1px solid #eaede8}.ai-sources-card>p,.ai-test-card>p{margin-top:13px!important;padding-right:0;color:#858d81!important;line-height:1.8}.ai-test-card #ai-test-form textarea{height:105px;min-height:105px}.ai-test-card #ai-test-form button{min-height:40px;background:#273327;color:#fff}.ai-page>.subheading{margin-top:22px!important;padding:15px 18px;border-color:#e1e6de;border-radius:14px 14px 0 0;background:#f7f9f5;font-size:14px}.ai-page>.subheading+.table-wrap{border-color:#e1e6de}.ai-page>.subheading+.empty{border-color:#e1e6de;min-height:130px}
@media(max-width:1150px){.ai-page-main{grid-template-columns:minmax(0,1fr) 310px}.ai-config-group{grid-template-columns:160px minmax(0,1fr)}.ai-config-group.knowledge .ai-config-fields{grid-template-columns:1fr}}
@media(max-width:980px){.ai-page-main{grid-template-columns:1fr}.ai-page-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}.ai-session-panel{grid-column:1/-1}.ai-page-side>h2.subheading{grid-column:1/-1;margin-bottom:-3px}}
@media(max-width:760px){.ai-page .ai-settings-card{padding:8px}.ai-settings-head{padding:8px 7px 14px}.ai-settings-icon{width:40px;height:40px}.ai-settings-head h2{font-size:16px}.ai-settings-head p{max-width:190px;font-size:10px}.ai-config-group,.ai-config-group:nth-of-type(odd){grid-template-columns:1fr;gap:17px;padding:17px}.ai-config-head{gap:10px}.ai-config-group.knowledge .ai-config-fields{grid-template-columns:1fr}.ai-config-group.knowledge .ai-config-fields label{grid-column:1}.ai-config-group.knowledge textarea,.ai-config-group.knowledge label:has([name=knowledge]) textarea{min-height:150px}.ai-settings-footer{align-items:stretch;padding:13px}.ai-page-side{grid-template-columns:1fr}.ai-tools-grid{gap:14px}.ai-page .ai-sources-card,.ai-page .ai-test-card{padding:17px!important}}

/* AI page v6: compact fields, repaired schedule and session toggles */
.ai-config-group.identity .ai-config-fields{grid-template-columns:minmax(220px,380px) minmax(0,1fr);align-items:start}.ai-config-group.identity .ai-config-fields label{grid-column:auto}.ai-config-group.identity .ai-config-fields label:has([name=business_description]){grid-column:2}.ai-config-group.identity input[name=business_name]{height:44px}.ai-config-group.identity textarea[name=business_description]{min-height:96px}.ai-config-group.schedule .ai-config-fields{grid-template-columns:minmax(200px,1fr) minmax(120px,.55fr) minmax(120px,.55fr);align-items:start}.ai-config-group.schedule label:has([name=timezone]){grid-column:1}.ai-config-group.schedule label:has([name=start_hour]){grid-column:2}.ai-config-group.schedule label:has([name=end_hour]){grid-column:3}.ai-config-group.schedule label:has([name=outside_message]),.ai-config-group.schedule label:has([name=handoff_terms]){grid-column:1/-1}.ai-config-group.schedule input[name=outside_message],.ai-config-group.schedule input[name=handoff_terms]{min-height:46px}.ai-session-panel .subheading{margin-bottom:10px}.ai-session-row{grid-template-columns:minmax(0,1fr) auto 46px;align-items:center;gap:10px;padding:12px}.ai-session-name{display:grid;gap:2px}.ai-session-name b{overflow:hidden;color:#3c4738;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.ai-session-name small{color:#979e92;font-size:9px;font-weight:400}.ai-session-row:has(.ai-power.is-on) .ai-session-name small{color:#6d8a61}.ai-mode-button{gap:5px;min-height:32px;padding:5px 9px;border:0;background:#f0f3ed;color:#64705e;font-size:9px}.ai-mode-button:hover{background:#e8ede4}.ai-mode-button svg{width:12px}.ai-power{position:relative;width:44px;height:25px;padding:0;border:0;border-radius:999px;background:#dfe4dd;box-shadow:inset 0 0 0 1px #d3d9d0;transition:background .2s ease,box-shadow .2s ease}.ai-power>span{position:absolute;top:3px;right:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #2631262b;transition:transform .2s ease}.ai-power.is-on{background:#748d67;box-shadow:inset 0 0 0 1px #687f5c}.ai-power.is-on>span{transform:translateX(-19px)}.ai-power:focus-visible{outline:2px solid #718864;outline-offset:3px}.ai-power:disabled{opacity:.45}.ai-session-panel>.metric-value{font-size:27px}.ai-settings-footer{position:sticky;bottom:8px;z-index:3;box-shadow:0 10px 28px #26362110}
@media(max-width:1150px){.ai-config-group.identity .ai-config-fields{grid-template-columns:1fr}.ai-config-group.identity .ai-config-fields label:has([name=business_description]){grid-column:1}.ai-config-group.schedule .ai-config-fields{grid-template-columns:1fr 1fr}.ai-config-group.schedule label:has([name=timezone]){grid-column:1/-1}.ai-config-group.schedule label:has([name=start_hour]){grid-column:1}.ai-config-group.schedule label:has([name=end_hour]){grid-column:2}}
@media(max-width:760px){.ai-config-group.identity .ai-config-fields,.ai-config-group.schedule .ai-config-fields{grid-template-columns:1fr}.ai-config-group.identity .ai-config-fields label,.ai-config-group.schedule .ai-config-fields label{grid-column:1!important}.ai-session-row{grid-template-columns:minmax(0,1fr) auto 44px;padding:10px}.ai-mode-button{max-width:104px;overflow:hidden;text-overflow:ellipsis}.ai-settings-footer{position:static}}

/* AI page v7: compact dashboard composition */
.ai-page>.notice:first-of-type{display:none}.ai-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 0 18px;padding:1px;border-radius:14px;background:#e3e8e0;overflow:hidden}.ai-overview>div{min-height:70px;border-radius:0;background:#fff;box-shadow:none}.ai-overview>div:hover{transform:none;box-shadow:none}.ai-overview>div:first-child{border-radius:0 13px 13px 0}.ai-overview>div:last-child{border-radius:13px 0 0 13px}.ai-overview>div>span{width:36px;height:36px;border-radius:10px}.ai-overview small{font-size:10px}.ai-overview b{font-size:16px}.ai-page-main{grid-template-columns:minmax(0,1fr) 320px;gap:16px}.ai-page .ai-settings-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'head head' 'identity voice' 'knowledge knowledge' 'schedule schedule' 'error error' 'footer footer';gap:10px;padding:10px}.ai-settings-head{grid-area:head;margin:0;padding:10px 10px 15px}.ai-config-group,.ai-config-group:nth-of-type(odd){display:block;margin:0;padding:18px;border-radius:12px;box-shadow:none}.ai-config-group.identity{grid-area:identity}.ai-config-group.voice{grid-area:voice}.ai-config-group.knowledge{grid-area:knowledge}.ai-config-group.schedule{grid-area:schedule}.ai-settings-card>.form-error{grid-area:error}.ai-settings-footer{grid-area:footer;margin:0}.ai-config-head{margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid #edf0eb}.ai-config-head>span{width:34px;height:34px;border-radius:10px}.ai-config-head p{max-width:480px;margin-top:4px}.ai-config-group.identity .ai-config-fields{grid-template-columns:1fr}.ai-config-group.identity .ai-config-fields label,.ai-config-group.identity .ai-config-fields label:has([name=business_description]){grid-column:1}.ai-config-group.voice .ai-config-fields{grid-template-columns:1fr 1fr}.ai-config-group.voice label:has([name=response_length]){grid-column:1}.ai-config-group.voice label:has(input[type=checkbox]){grid-column:2;align-self:end;min-height:44px}.ai-config-group.knowledge .ai-config-fields{grid-template-columns:1fr 1fr}.ai-config-group.knowledge .ai-config-fields label{grid-column:auto}.ai-config-group.knowledge textarea,.ai-config-group.knowledge label:has([name=knowledge]) textarea{min-height:145px}.ai-config-group.schedule .ai-config-fields{grid-template-columns:1fr 1fr 1fr}.ai-config-group.schedule label:has([name=timezone]){grid-column:1}.ai-config-group.schedule label:has([name=start_hour]){grid-column:2}.ai-config-group.schedule label:has([name=end_hour]){grid-column:3}.ai-config-group.schedule label:has([name=outside_message]){grid-column:1/2}.ai-config-group.schedule label:has([name=handoff_terms]){grid-column:2/4}.ai-config-fields textarea{min-height:84px}.ai-settings-footer{bottom:0;padding:13px 15px}.ai-page .ai-session-panel{padding:16px!important;border-radius:14px;box-shadow:inset 0 0 0 1px #e2e7df!important}.ai-session-panel>h2{padding-bottom:12px}.ai-session-panel>.metric-value{margin:12px 0 5px;padding:13px 15px;font-size:24px}.ai-session-panel .subheading{margin-top:16px;padding-top:13px}.ai-session-row{grid-template-columns:minmax(0,1fr) 44px;gap:8px}.ai-session-row .ai-mode-button{grid-column:1/-1;grid-row:2;width:100%;max-width:none;justify-content:space-between}.ai-session-row .ai-power{grid-column:2;grid-row:1}.ai-session-name{grid-column:1;grid-row:1}.ai-page-side>h2.subheading{margin-top:14px}.ai-tools-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;margin-top:16px}.ai-page .ai-sources-card,.ai-page .ai-test-card{padding:18px!important;border-radius:14px;box-shadow:inset 0 0 0 1px #e2e7df}.ai-page>.subheading{margin-top:16px!important}
.sidebar>.brand{width:100%;justify-content:center;margin:0 0 32px;}
.ai-settings-head .ai-settings-icon.wexora-agent-logo{background:transparent!important;box-shadow:none!important;border:0!important;transform:none!important;color:#354532}.ai-settings-head .wexora-agent-logo i{transform:none}.ai-settings-head .wexora-agent-logo small{color:#718565}
.ai-run-expand,.ai-run-expand:hover,.ai-run-expand:focus-visible{position:relative;z-index:1;border:0!important;border-radius:0 0 12px 12px!important;background:transparent!important;box-shadow:none!important;color:#52644a}.ai-run-list:not(.is-expanded){position:relative}.ai-run-list:not(.is-expanded):after{content:'';position:absolute;left:0;right:0;bottom:0;height:92px;z-index:0;pointer-events:none;border-radius:0 0 12px 12px;background:linear-gradient(to top,#fff 0%,#fff 17%,rgba(255,255,255,.88) 48%,rgba(255,255,255,.28) 82%,rgba(255,255,255,0) 100%);box-shadow:0 13px 25px -14px rgba(32,40,30,.72)}.ai-run-list:not(.is-expanded)>.table-wrap:after{display:none}.ai-run-list:not(.is-expanded)>.ai-run-expand{z-index:2}
@media(max-width:1200px){.ai-page .ai-settings-card{grid-template-areas:'head head' 'identity identity' 'voice voice' 'knowledge knowledge' 'schedule schedule' 'error error' 'footer footer'}.ai-config-group.identity .ai-config-fields{grid-template-columns:minmax(220px,.7fr) 1.3fr}.ai-config-group.identity .ai-config-fields label{grid-column:1}.ai-config-group.identity .ai-config-fields label:has([name=business_description]){grid-column:2}.ai-config-group.voice .ai-config-fields{grid-template-columns:repeat(4,1fr)}.ai-config-group.voice label:has([name=response_length]){grid-column:3}.ai-config-group.voice label:has(input[type=checkbox]){grid-column:4}.ai-config-group.schedule .ai-config-fields{grid-template-columns:repeat(2,1fr)}.ai-config-group.schedule label:has([name=timezone]){grid-column:1/-1}.ai-config-group.schedule label:has([name=start_hour]){grid-column:1}.ai-config-group.schedule label:has([name=end_hour]){grid-column:2}.ai-config-group.schedule label:has([name=outside_message]),.ai-config-group.schedule label:has([name=handoff_terms]){grid-column:1/-1}}
@media(max-width:980px){.ai-page-main{grid-template-columns:1fr}.ai-page .ai-settings-card{grid-template-areas:'head head' 'identity voice' 'knowledge knowledge' 'schedule schedule' 'error error' 'footer footer'}.ai-config-group.identity .ai-config-fields{grid-template-columns:1fr}.ai-config-group.identity .ai-config-fields label:has([name=business_description]){grid-column:1}.ai-config-group.voice .ai-config-fields{grid-template-columns:1fr 1fr}.ai-config-group.voice label:has([name=response_length]){grid-column:1}.ai-config-group.voice label:has(input[type=checkbox]){grid-column:2}.ai-page-side{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:680px){.ai-overview{grid-template-columns:1fr;background:transparent;gap:7px;padding:0}.ai-overview>div,.ai-overview>div:first-child,.ai-overview>div:last-child{min-height:64px;border:1px solid #e3e8e0;border-radius:11px}.ai-page .ai-settings-card{display:block;padding:7px}.ai-settings-head,.ai-config-group,.ai-settings-footer{margin-bottom:7px}.ai-config-group.identity .ai-config-fields,.ai-config-group.voice .ai-config-fields,.ai-config-group.knowledge .ai-config-fields,.ai-config-group.schedule .ai-config-fields{grid-template-columns:1fr}.ai-config-group.identity .ai-config-fields label,.ai-config-group.voice .ai-config-fields label,.ai-config-group.knowledge .ai-config-fields label,.ai-config-group.schedule .ai-config-fields label{grid-column:1!important}.ai-page-side,.ai-tools-grid{display:grid;grid-template-columns:1fr}.ai-settings-footer{margin-bottom:0}}

/* AI page v8: corrected identity and response controls */
.ai-page .ai-settings-card{grid-template-areas:'head head' 'identity identity' 'voice voice' 'knowledge knowledge' 'schedule schedule' 'error error' 'footer footer'}.ai-config-group.identity .ai-config-fields{grid-template-columns:1fr}.ai-config-group.identity .ai-config-fields label,.ai-config-group.identity .ai-config-fields label:has([name=business_description]){grid-column:1}.ai-config-group.identity label:has([name=business_name]){max-width:390px}.ai-config-group.identity textarea[name=business_description]{min-height:100px}.ai-config-group.voice .ai-config-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.ai-config-group.voice .ai-config-fields label{grid-column:auto}.ai-config-group.voice label:has([name=response_length]){grid-column:1/-1;max-width:calc(50% - 7px)}.ai-config-group.voice label:has(input[type=checkbox]){grid-column:1/-1;display:flex;align-items:center;min-height:48px;margin-top:2px;padding:0 13px;border:1px solid #e0e6dd;border-radius:10px;background:#f7f9f6}.ai-config-group.voice label:has(input[type=checkbox]) input{width:19px;height:19px;min-height:0}.ai-run-status{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:#f1f3ef;color:#6e776b;font-size:10px}.ai-run-status.responded{background:#e9f4e8;color:#4f7b51}.ai-run-status.handoff{background:#fff2dd;color:#9b6b20}.ai-run-status.failed,.ai-run-status.blocked{background:#fff0ef;color:#ad5350}.ai-run-status.queued,.ai-run-status.running{background:#edf1fb;color:#6473a2}.ai-reason-button{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border:0;border-radius:7px;background:transparent;color:#718064;font-size:10px}.ai-reason-button:hover{background:#eef2eb}.ai-reason-button svg{width:14px;height:14px}.ai-reason-dialog{border:1px solid #e1e7de;border-radius:13px;box-shadow:0 14px 40px #24312021;background:#fff;color:#3f4a3c;padding:14px;max-width:280px;font-size:12px;line-height:1.7}.ai-reason-dialog::backdrop{background:#23302524}.ai-reason-dialog h3{font-size:13px;margin:0 0 5px}.ai-reason-dialog p{margin:0;color:#7b8576;font-size:11px;overflow-wrap:anywhere}
@media(max-width:680px){.ai-config-group.identity label:has([name=business_name]),.ai-config-group.voice label:has([name=response_length]){max-width:none}.ai-config-group.voice .ai-config-fields{grid-template-columns:1fr}.ai-config-group.voice .ai-config-fields label{grid-column:1!important}}

/* AI run history: first ten entries with a deliberate reveal */
.ai-page.app-content{min-height:0;padding-bottom:24px}.ai-run-list{position:relative}.ai-run-list>.table-wrap{position:relative}.ai-run-list:not(.is-expanded)>.table-wrap tbody tr:nth-child(n+11){display:none}.ai-run-list:not(.is-expanded)>.table-wrap:after{content:'';position:absolute;right:0;bottom:0;left:0;height:38px;pointer-events:none;background:linear-gradient(transparent,#fff)}.ai-run-expand{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:42px;margin-top:0;border:1px solid #e1e7de;border-top:0;border-radius:0 0 12px 12px;background:#fff;color:#66785d;font-size:11px}.ai-run-expand:hover{background:#f7f9f5}.ai-run-expand svg{width:15px;transition:transform .18s ease}.ai-run-expand svg.is-up{transform:rotate(180deg)}.ai-run-list.is-expanded>.table-wrap{border-radius:12px}.ai-run-list.is-expanded>.ai-run-expand{margin-top:8px;border:1px solid #e1e7de;border-radius:10px}
.support-dialog:not([open]),.support-dialog:empty,.support-dialog[open]:empty{display:none!important;visibility:hidden!important;pointer-events:none!important}

/* AI page v9: premium history and focused capability summary */
.ai-page>.ai-run-expand{display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;min-height:36px;margin:-49px 0 12px 18px;padding:7px 13px;border:1px solid #d8e2d3;border-radius:10px;background:#fff;color:#52674b;font-size:10px;box-shadow:0 8px 20px #25361d12;position:relative;z-index:2}.ai-page>.ai-run-expand:hover{border-color:#b9cbb1;background:#f7faf5;transform:translateY(-1px)}.ai-page>.ai-run-expand svg{width:14px}.ai-page>.ai-run-list>.table-wrap{border-radius:14px!important;box-shadow:0 8px 24px #26362108}.ai-page>.ai-run-list:not(.is-expanded)>.table-wrap:after{height:54px;background:linear-gradient(transparent,#fff 78%)}.ai-page>.ai-run-list.is-expanded>.ai-run-expand{margin-top:-49px;border:1px solid #d8e2d3;border-radius:10px}.ai-capabilities{margin-top:18px;padding:18px 20px;border:1px solid #e0e6dd;border-radius:15px;background:linear-gradient(135deg,#fbfdf9,#f3f7ef)}.ai-capability-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #dfe7da}.ai-capability-head>div{display:flex;align-items:center;gap:10px}.ai-capability-head>div>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e5efe0;color:#617956}.ai-capability-head svg{width:17px}.ai-capability-head h2{font-size:14px}.ai-capability-head p{margin-top:2px;color:#858e81;font-size:10px}.ai-capability-badge{padding:5px 9px;border-radius:999px;background:#e4f2e4;color:#537b56;font-size:10px;white-space:nowrap}.ai-capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.ai-capability-grid article{display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid #e2e8df;border-radius:11px;background:#fff}.ai-capability-grid article>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:#f0f4ed;color:#718565}.ai-capability-grid svg{width:14px}.ai-capability-grid div{display:grid;gap:2px}.ai-capability-grid b{font-size:11px}.ai-capability-grid small{color:#92998d;font-size:9px;line-height:1.55}
@media(max-width:760px){.ai-page>.ai-run-expand{width:calc(100% - 30px);margin:-7px 15px 10px}.ai-page>.ai-run-list.is-expanded>.ai-run-expand{margin:10px 15px}.ai-capabilities{padding:15px}.ai-capability-grid{grid-template-columns:1fr}.ai-capability-head{align-items:flex-start}.ai-capability-badge{margin-top:3px}}
.ai-page.ai-run-list>.table-wrap{border-radius:14px!important;box-shadow:0 8px 24px #26362108}.ai-page.ai-run-list:not(.is-expanded)>.table-wrap:after{height:54px;background:linear-gradient(transparent,#fff 78%)}.ai-page.ai-run-list.is-expanded>.ai-run-expand{margin-top:-49px;border:1px solid #d8e2d3;border-radius:10px}

/* AI page v10: polished identity, voice and work-hours controls */
.ai-config-group.identity{background:linear-gradient(145deg,#fff,#fbfcfa)}.ai-config-group.identity label:has([name=business_name]){max-width:none;display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:14px;padding:12px 14px;border:1px solid #dce5d8;border-radius:12px;background:#f7faf5}.ai-config-group.identity label:has([name=business_name]) input{min-height:46px;border:0;border-radius:8px;background:#fff;box-shadow:0 1px 5px #2839260c}.ai-config-group.identity label:has([name=business_name]):before{content:'اسم يظهر للعميل';color:#778270;font-size:10px;font-weight:400}.ai-config-group.identity label:has([name=business_name]){font-size:0}.ai-config-group.identity label:has([name=business_name]) input{font-size:14px}.ai-config-group.identity label:has([name=business_name])::after{content:'اسم النشاط';grid-column:1;grid-row:1;color:#485442;font-size:12px;font-weight:600}.ai-config-group.voice .ai-config-fields{grid-template-columns:repeat(3,minmax(0,1fr));padding:7px;border:1px solid #e2e8df;border-radius:13px;background:#f6f8f4}.ai-config-group.voice .ai-config-fields label{padding:9px 10px;border:1px solid transparent;border-radius:9px;background:#fff}.ai-config-group.voice .ai-config-fields label:focus-within{border-color:#c8d7c2}.ai-config-group.voice .ai-config-fields select{min-height:38px;padding:6px 8px;border:0;background:#f7f9f6;box-shadow:none}.ai-config-group.voice label:has([name=response_length]){grid-column:auto;max-width:none}.ai-config-group.voice label:has(input[type=checkbox]){grid-column:1/-1;display:flex;justify-content:flex-start;gap:10px;min-height:42px;margin:0;padding:9px 10px;border:0;border-radius:8px;background:#edf3e9}.ai-config-group.schedule .ai-config-fields{grid-template-columns:1.2fr .6fr .6fr;gap:12px;padding:7px;border:1px solid #e2e8df;border-radius:13px;background:#f6f8f4}.ai-config-group.schedule .ai-config-fields label{padding:9px 10px;border:1px solid transparent;border-radius:9px;background:#fff}.ai-config-group.schedule .ai-config-fields label:focus-within{border-color:#c8d7c2}.ai-config-group.schedule .ai-config-fields input{min-height:38px;padding:7px 9px;border:0;background:#f7f9f6;box-shadow:none}.ai-config-group.schedule label:has([name=outside_message]),.ai-config-group.schedule label:has([name=handoff_terms]){grid-column:1/-1}.ai-config-group.schedule label:has([name=outside_message]) input,.ai-config-group.schedule label:has([name=handoff_terms]) input{background:#fff;border:1px solid #e3e9df}.ai-config-group.schedule label:has([name=outside_message]):before{content:'رسالة جاهزة قابلة للتعديل';color:#94a08d;font-size:9px;font-weight:400}.ai-config-group.schedule label:has([name=handoff_terms]):before{content:'تقدر تضيف أو تحذف كلمات بحرية';color:#94a08d;font-size:9px;font-weight:400}
@media(max-width:760px){.ai-config-group.identity label:has([name=business_name]){grid-template-columns:1fr}.ai-config-group.identity label:has([name=business_name])::after{grid-column:1;grid-row:auto}.ai-config-group.voice .ai-config-fields,.ai-config-group.schedule .ai-config-fields{grid-template-columns:1fr}.ai-config-group.voice .ai-config-fields label,.ai-config-group.schedule .ai-config-fields label{grid-column:1!important}}

/* Compact brand identity and editable working-hour cards */
.ai-config-group.identity label.ai-brand-field{max-width:none;display:grid;grid-template-columns:46px minmax(150px,.72fr) minmax(220px,1fr);align-items:center;gap:13px;padding:12px;border:1px solid #dce5d8;border-radius:14px;background:linear-gradient(135deg,#f3f7f0,#fbfcfa);font-size:initial}
.ai-config-group.identity label.ai-brand-field::before,.ai-config-group.identity label.ai-brand-field::after{content:none!important;display:none!important}
.ai-brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#283727;color:#fff;box-shadow:0 8px 18px #26362120}
.ai-brand-mark svg{width:20px;height:20px}.ai-brand-copy{display:grid;gap:3px;min-width:0}.ai-brand-copy b{color:#384533;font-size:13px}.ai-brand-copy small{color:#8b9685;font-size:10px;font-weight:400;line-height:1.55}
.ai-config-group.identity label.ai-brand-field input[name=business_name]{width:100%;height:46px;min-height:46px;padding:9px 13px;border:1px solid #dce4d8;border-radius:10px;background:#fff;box-shadow:0 3px 12px #2636210a;color:#2f3a2c;font-size:14px;font-weight:600}
.ai-config-group.schedule .ai-config-fields{grid-template-columns:1fr 1fr;gap:12px}.ai-config-group.schedule label:has([name=timezone]){grid-column:1/-1}.ai-config-group.schedule label.ai-hour-field{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 72px auto;align-items:center;gap:9px;min-height:68px;padding:10px 11px;border:1px solid #e0e7dd;border-radius:12px;background:#fff}
.ai-config-group.schedule label.ai-hour-field:focus-within{border-color:#b9cbb2;box-shadow:0 0 0 3px #7c976418}.ai-hour-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#edf3e9;color:#687f5d}.ai-hour-icon svg{width:17px;height:17px}.ai-hour-copy{display:grid;gap:2px;min-width:0}.ai-hour-copy b{color:#465440;font-size:11px}.ai-hour-copy small{color:#98a092;font-size:9px;font-weight:400}
.ai-config-group.schedule label.ai-hour-field input{width:72px;height:38px;min-height:38px;padding:5px 8px;border:1px solid #dfe6dc;border-radius:9px;background:#f7f9f6;color:#31402d;font-size:15px;font-weight:700;text-align:center}.ai-hour-suffix{color:#929b8d;font-size:9px;font-weight:400}
@media(max-width:760px){.ai-config-group.identity label.ai-brand-field{grid-template-columns:42px 1fr}.ai-config-group.identity label.ai-brand-field input[name=business_name]{grid-column:1/-1}.ai-config-group.schedule .ai-config-fields{grid-template-columns:1fr 1fr}.ai-config-group.schedule label:has([name=timezone]),.ai-config-group.schedule label:has([name=outside_message]),.ai-config-group.schedule label:has([name=handoff_terms]){grid-column:1/-1!important}.ai-config-group.schedule label.ai-hour-field{grid-column:auto!important;grid-template-columns:34px 1fr}.ai-hour-icon{width:34px;height:34px}.ai-config-group.schedule label.ai-hour-field input{width:100%;grid-column:1/-1}.ai-hour-suffix{display:none}}
@media(max-width:470px){.ai-config-group.schedule .ai-config-fields{grid-template-columns:1fr}.ai-config-group.schedule label.ai-hour-field{grid-column:1!important}}
.ai-page>.ai-run-expand{right:0;left:0;width:max-content;margin:-48px auto 12px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-shadow:0 8px 9px #26362190!important}.ai-page.ai-run-list.is-expanded>.ai-run-expand{margin:-48px auto 12px!important}

.ai-config-group.identity label.ai-brand-field{grid-template-columns:46px minmax(150px,.72fr) minmax(0,1fr)}.ai-config-group.identity label.ai-brand-field input[name=business_name]{justify-self:end;width:min(var(--brand-name-width,18ch),100%);min-width:10ch;max-width:100%;border:0;border-radius:13px;background:#eef0ec;box-shadow:none;color:#354032;outline:0;transition:width .16s ease,background .16s ease}.ai-config-group.identity label.ai-brand-field input[name=business_name]:focus{border:0;background:#e8ebe5;box-shadow:none;outline:0}
.ai-config-group.identity label.ai-brand-field input[name=business_name]{height:40px;min-height:40px;padding:0 15px;text-align:center;line-height:40px}

/* Session controls and response personality polish */
.ai-page .ai-session-panel{padding:16px 16px 22px!important;overflow:visible}.ai-session-panel .subheading{margin-bottom:11px}.ai-session-panel .ai-session-row:last-child{margin-bottom:3px}.ai-session-row .ai-mode-button{min-height:35px;padding:7px 10px;font-size:11px;font-weight:600;line-height:1.35}.ai-session-row .ai-mode-button svg{width:13px;height:13px}
.ai-config-group.voice .ai-config-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:9px;border:0;border-radius:14px;background:#f3f5f1}.ai-config-group.voice .ai-config-fields label{display:grid;gap:7px;min-height:74px;padding:11px 12px;border:0;border-radius:11px;background:#fff;color:#566050;font-size:11px;font-weight:600}.ai-config-group.voice .ai-config-fields label:focus-within{border:0;box-shadow:none}.ai-config-group.voice .ai-config-fields select{width:100%;min-height:38px;padding:7px 10px;border:0;border-radius:8px;background:#eef1ec;color:#34402f;font-size:12px;font-weight:600;box-shadow:none;outline:0}.ai-config-group.voice .ai-config-fields select:focus{background:#e8ede5}.ai-config-group.voice label:has([name=response_length]){grid-column:auto;max-width:none}.ai-config-group.voice label:has(input[type=checkbox]){grid-column:auto;display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:74px;margin:0;padding:11px 12px;border:0;border-radius:11px;background:#e9efe6;color:#465540}.ai-config-group.voice label:has(input[type=checkbox]) input{flex:0 0 auto;width:19px;height:19px;min-height:0}
@media(max-width:520px){.ai-config-group.voice .ai-config-fields{grid-template-columns:1fr}.ai-config-group.voice .ai-config-fields label,.ai-config-group.voice label:has(input[type=checkbox]){grid-column:1!important;min-height:68px}}

.ai-config-group.voice .ai-config-fields>label,.ai-config-group.voice .ai-config-fields>label:has(input[type=checkbox]){height:76px;min-height:76px;margin:0;padding:10px 12px;border:0;border-radius:11px;background:#fff;box-shadow:none}.ai-config-group.voice .ai-config-fields>label:has(input[type=checkbox]){display:flex;align-items:center;justify-content:flex-start;gap:10px;color:#566050;font-size:11px;font-weight:600}
.ai-mode-modal{width:min(520px,calc(100% - 28px));padding:21px}.ai-mode-modal .modal-head{margin-bottom:14px;padding-bottom:13px;border-bottom:1px solid #ecefe9}.ai-mode-modal .modal-head h2{font-size:17px}.ai-mode-modal #modal-form{display:grid;gap:12px}.ai-mode-intro{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;background:#f1f4ef}.ai-mode-intro>span{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:10px;background:#2f3c2d;color:#fff}.ai-mode-intro svg{width:17px}.ai-mode-intro div{display:grid;gap:2px}.ai-mode-intro b{font-size:12px}.ai-mode-intro small{color:#858e80;font-size:9px;line-height:1.6}.ai-mode-modal #modal-form>label[hidden]{display:none!important}.ai-mode-modal #modal-form>button{min-height:43px;margin-top:0;border:0;border-radius:10px}.ai-mode-modal .form-error:empty{display:none}

/* Cleaner response personality and visible response-mode choices */
.ai-config-group.voice .ai-config-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;border:1px solid #e3e8e0;border-radius:12px;background:#fff;overflow:hidden}.ai-config-group.voice .ai-config-fields>label,.ai-config-group.voice .ai-config-fields>label:has(input[type=checkbox]){display:grid;height:82px;min-height:82px;align-content:center;gap:7px;margin:0;padding:11px 13px;border:0;border-left:1px solid #edf0eb;border-radius:0;background:#fff;box-shadow:none}.ai-config-group.voice .ai-config-fields>label:last-child{border-left:0}.ai-config-group.voice .ai-config-fields select{min-height:34px;padding:5px 8px;border:0;border-radius:7px;background:#f1f3ef;color:#354031;font-size:11px}.ai-config-group.voice .ai-config-fields>label.ai-emoji-field{display:grid;align-content:center}.ai-voice-label{color:#566050;font-size:11px;font-weight:600}.ai-emoji-control{position:relative;display:flex;align-items:center;gap:7px;min-height:34px;padding:5px 8px;border-radius:7px;background:#f1f3ef;color:#697264;font-size:10px;font-weight:500}.ai-emoji-control input{position:absolute;opacity:0;pointer-events:none}.ai-emoji-control i{position:relative;width:31px;height:18px;margin-right:auto;border-radius:999px;background:#d8ded5;transition:.18s}.ai-emoji-control i:after{content:'';position:absolute;top:3px;right:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:.18s}.ai-emoji-control:has(input:checked) i{background:#758d69}.ai-emoji-control:has(input:checked) i:after{transform:translateX(-13px)}
.ai-mode-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ai-mode-options button{position:relative;display:grid;justify-items:start;gap:3px;min-height:116px;padding:13px 12px;border:1px solid #e6e9e3;border-radius:11px;background:#fff;color:#3d4739;text-align:right}.ai-mode-options button:hover{background:#f8faf7}.ai-mode-options button>span{display:grid;place-items:center;width:31px;height:31px;margin-bottom:4px;border-radius:8px;background:#f0f3ed;color:#6b7d62}.ai-mode-options button svg{width:14px}.ai-mode-options button b{font-size:11px}.ai-mode-options button small{color:#92998e;font-size:8px;line-height:1.5}.ai-mode-options button>i{position:absolute;top:10px;left:10px;display:none;place-items:center;width:18px;height:18px;border-radius:50%;background:#718866;color:#fff}.ai-mode-options button>i svg{width:11px}.ai-mode-options button.is-active{border-color:#b9c9b2;background:#f1f6ee}.ai-mode-options button.is-active>span{background:#718866;color:#fff}.ai-mode-options button.is-active>i{display:grid}
@media(max-width:760px){.ai-config-group.voice .ai-config-fields{grid-template-columns:1fr 1fr}.ai-config-group.voice .ai-config-fields>label,.ai-config-group.voice .ai-config-fields>label:has(input[type=checkbox]){grid-column:auto!important;border-bottom:1px solid #edf0eb}.ai-config-group.voice .ai-config-fields>label:nth-child(odd){border-left:1px solid #edf0eb}.ai-config-group.voice .ai-config-fields>label:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:520px){.ai-mode-options{grid-template-columns:1fr}.ai-mode-options button{grid-template-columns:31px 1fr;grid-template-rows:auto auto;column-gap:10px;min-height:72px}.ai-mode-options button>span{grid-row:1/3;margin:0}.ai-mode-options button b,.ai-mode-options button small{grid-column:2}}

/* Wexora agent mark and final response-mode refinement */
.ai-settings-icon.wexora-agent-logo{position:relative;display:flex;align-items:center;justify-content:center;gap:0;overflow:hidden;background:linear-gradient(145deg,#222d22,#465640);color:#fff;font-family:Arial,sans-serif;box-shadow:none;transform:rotate(-3deg)}.wexora-agent-logo i{font-size:20px;font-weight:800;font-style:normal;letter-spacing:-2px;transform:rotate(3deg)}.wexora-agent-logo b{align-self:center;margin:7px 0 0 1px;color:#a9bd85;font-size:19px;line-height:1}.wexora-agent-logo small{position:absolute;right:5px;bottom:3px;color:#cbd7c4;font:700 6px Arial,sans-serif;letter-spacing:.7px}
.ai-mode-modal .modal-head{margin-bottom:12px}.ai-mode-intro{padding:12px 13px;background:#f5f7f3}.ai-mode-intro>span{width:36px;height:36px;flex-basis:36px;border-radius:9px}.ai-mode-options{gap:10px}.ai-mode-options button{min-height:122px;padding:14px 13px;border:0;border-radius:12px;background:#f6f7f4;transition:background .16s ease,transform .16s ease}.ai-mode-options button:hover{background:#eff2ec;transform:translateY(-1px)}.ai-mode-options button.is-active{background:#eaf1e6;box-shadow:inset 0 -3px 0 #748a68}.ai-mode-options button.is-active>i{top:11px;left:11px}.ai-mode-options button b{font-size:12px}.ai-mode-options button small{font-size:9px}.ai-mode-modal #modal-form>button[type=submit]{min-height:45px;border-radius:11px;font-size:12px}

/* Support notifications */
.top-actions [data-action=notifications]{position:relative}.top-actions [data-action=notifications].has-waiting:after{content:attr(data-support-count);position:absolute;top:-3px;right:-4px;display:grid;place-items:center;min-width:14px;height:14px;padding:0 3px;border:2px solid #fff;border-radius:999px;background:#bb5d54;color:#fff;font:700 7px Arial}.notification-support,.notification-general{display:grid;gap:7px;margin-bottom:15px}.notification-section-title{display:flex;align-items:center;justify-content:space-between;padding:0 2px 6px;color:#70796b;font-size:10px}.notification-section-title span{padding:1px 6px;border-radius:999px;background:#eef1eb}.notification-handoff{display:grid;grid-template-columns:31px 1fr 15px;align-items:center;gap:9px;padding:9px 10px;border:0;border-radius:10px;background:#f6f8f4;text-align:right}.notification-handoff>span{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#fff;color:#708366}.notification-handoff>span svg,.notification-handoff>svg{width:13px}.notification-handoff div{display:grid}.notification-handoff b{font-size:10px}.notification-handoff small{color:#92998e;font-size:8px}

/* Wexora assistant: one cohesive component using the product palette */
.assistant-launcher{position:fixed;left:22px;bottom:22px;z-index:35;display:grid;place-items:center;width:50px;height:50px;padding:0;border:1px solid #e3e7df;border-radius:50%;background:#fff;color:#65785b;box-shadow:0 5px 18px #24272318;transition:background .15s ease,transform .15s ease}.assistant-launcher:hover{background:#f5f7f1;transform:translateY(-2px)}.assistant-launcher-mark{display:grid;place-items:center}.assistant-launcher-mark svg{width:21px;height:21px;stroke-width:1.7}
.assistant-dialog,.assistant-dialog[open]{position:fixed;inset:50% auto auto 50%;display:none;flex-direction:column;width:min(660px,calc(100vw - 32px));height:min(700px,calc(100dvh - 32px));max-height:none;margin:0;padding:0;overflow:hidden;transform:translate(-50%,-50%);border:1px solid #e5e8e1;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 24px 70px #24272324}.assistant-dialog[open]{display:flex}.assistant-dialog::backdrop{background:#242c274d;backdrop-filter:blur(2px)}
.assistant-head{flex:0 0 64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #eceee9;background:#fff}.assistant-head>div{display:flex;align-items:center;gap:10px}.assistant-head-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef2e9;color:#627657}.assistant-head-mark svg{width:16px;height:16px}.assistant-head>div>div{display:grid;gap:1px}.assistant-head b{font-size:12px;font-weight:600}.assistant-head small{display:flex;align-items:center;gap:5px;color:#92988d;font-size:8px}.assistant-head small i{width:6px;height:6px;border-radius:50%;background:#7e9a62}.assistant-head .icon-button{color:#7b8178}
.assistant-messages{flex:1;min-height:0;padding:22px 30px;overflow-y:auto;background:#fff;scroll-behavior:smooth}.assistant-welcome{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:320px;padding:20px;text-align:center}.assistant-orb{position:relative;display:grid;place-items:center;width:54px;height:54px;margin-bottom:18px;border-radius:16px;background:#eef3e8;color:#70855e}.assistant-orb svg{width:23px;height:23px;stroke-width:1.5}.assistant-orb:before,.assistant-orb i{display:none}.assistant-welcome h3{color:#30372d;font-size:23px;font-weight:600;letter-spacing:-.3px}.assistant-welcome p{margin-top:4px;color:#858c80;font-size:12px;line-height:1.7}
.assistant-suggestions{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:min(500px,100%);margin:0 auto;padding:0 0 20px;background:transparent}.assistant-suggestions button{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-content:center;min-height:68px;padding:10px 12px;border:1px solid #e7eae4;border-radius:11px;background:#fff;text-align:right;transition:background .15s,border-color .15s}.assistant-suggestions button:hover{border-color:#d8dfd2;background:#fafbf9}.assistant-suggestions button>span{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#f0f3ed;color:#758568}.assistant-suggestions button>span svg{width:15px;height:15px}.assistant-suggestions button b{align-self:end;color:#454e40;font-size:9px;font-weight:600}.assistant-suggestions button small{align-self:start;margin-top:2px;color:#969c92;font-size:8px;line-height:1.4}
.assistant-compose{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:end;gap:8px;margin:0 18px 8px;padding:8px;border:1px solid #e1e5de;border-radius:13px;background:#fff}.assistant-compose textarea{width:100%;height:44px;min-height:44px;max-height:110px;margin:0;padding:10px 11px;border:0;border-radius:8px;background:#fff;color:#30372d;resize:none;font-size:11px;line-height:1.7;box-shadow:none;outline:0}.assistant-compose textarea:focus{border:0;background:#fff;box-shadow:none}.assistant-compose button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:9px;background:#2b3029;color:#fff}.assistant-compose button:hover{background:#404a3a}.assistant-compose button svg{width:15px;height:15px}.assistant-compose button:disabled{opacity:.45}.assistant-note{flex:0 0 auto;padding:0 18px 9px;color:#a0a59c;font-size:7px;text-align:center}
.assistant-dialog.has-conversation .assistant-messages{padding:18px 28px;background:#fff}.assistant-dialog.has-conversation .assistant-welcome,.assistant-dialog.has-conversation .assistant-suggestions{display:none}.assistant-message{display:flex;align-items:flex-start;gap:9px;margin:0 0 14px;padding:0;border:0}.assistant-message.user{justify-content:flex-start}.assistant-avatar{flex:0 0 28px;display:grid;place-items:center;width:28px;height:28px;margin-top:2px;border-radius:9px;background:#eef2e9;color:#64785a}.assistant-avatar svg{width:14px;height:14px}.assistant-message>div,.assistant-message.bot>div,.assistant-message.user>div{width:auto;max-width:86%;padding:10px 13px 7px;border:1px solid #e8ebe5;border-radius:11px;background:#fafbf9;box-shadow:none}.assistant-message.user>div{border-color:#e3e8dc;background:#f2f5ee}.assistant-message p{margin:0;color:#333a30;font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.assistant-message small{display:block;margin-top:4px;color:#989e94;font-size:7px}.assistant-apply{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding:8px 10px;border:0;border-radius:8px;background:#2b3029;color:#fff;font-size:9px}.assistant-apply svg{width:13px;height:13px}.assistant-thinking{display:flex;gap:4px;width:max-content;margin:0 37px 12px;padding:8px 10px;border-radius:9px;background:#f3f5f1}.assistant-thinking i{width:5px;height:5px;border-radius:50%;background:#839376;animation:assistant-pulse .7s infinite alternate}.assistant-thinking i:nth-child(2){animation-delay:.15s}.assistant-thinking i:nth-child(3){animation-delay:.3s}@keyframes assistant-pulse{to{opacity:.3;transform:translateY(-2px)}}.assistant-dialog.has-conversation .assistant-compose{margin-top:8px}.assistant-dialog.has-conversation .assistant-note{padding-bottom:9px}
@media(max-width:600px){.assistant-launcher{left:14px;bottom:14px;width:48px;height:48px}.assistant-dialog,.assistant-dialog[open]{inset:8px;width:calc(100% - 16px);height:calc(100dvh - 16px);transform:none;border-radius:15px}.assistant-head{flex-basis:58px;padding-inline:13px}.assistant-messages{padding:14px 13px}.assistant-welcome{min-height:260px}.assistant-welcome h3{font-size:21px}.assistant-suggestions{gap:7px;padding-bottom:13px}.assistant-suggestions button{grid-template-columns:29px 1fr;column-gap:7px;min-height:64px;padding:8px}.assistant-suggestions button>span{width:28px;height:28px}.assistant-suggestions button small{font-size:7px}.assistant-compose{margin-inline:10px}.assistant-dialog.has-conversation .assistant-messages{padding:13px}.assistant-message>div,.assistant-message.bot>div,.assistant-message.user>div{max-width:91%}}

/* Wexora AI workspace, advanced assistant layout */
.assistant-dialog,.assistant-dialog[open]{width:min(900px,calc(100vw - 40px));height:min(820px,calc(100dvh - 42px));border-radius:20px;background:#fff}.assistant-head{flex-basis:72px;padding:0 23px}.assistant-brand{display:flex;align-items:center;gap:11px}.assistant-head-mark{width:38px;height:38px;border-radius:12px;background:#293329;color:#fff}.assistant-head-mark svg{width:17px}.assistant-head b{font-size:13px}.assistant-head small{font-size:8px}.assistant-head-tools{display:flex;align-items:center;gap:9px}.assistant-model-chip{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #e6e9e3;border-radius:8px;color:#727b6c;font-size:8px}.assistant-model-chip svg{width:12px;height:12px;color:#81936f}.assistant-new-chat{display:flex;align-items:center;gap:6px;min-height:32px;padding:6px 9px;border:1px solid #e4e8e1;border-radius:8px;background:#fff;color:#596352;font-size:9px}.assistant-new-chat:hover{background:#f6f8f4}.assistant-new-chat svg{width:13px;height:13px}
.assistant-messages{padding:22px 42px 12px}.assistant-welcome{min-height:270px;padding:28px 20px 15px}.assistant-orb{width:50px;height:50px;margin-bottom:15px;border-radius:15px}.assistant-orb svg{width:21px;height:21px}.assistant-welcome h3{font-size:25px}.assistant-welcome p{max-width:460px;margin-top:6px;font-size:13px}.assistant-suggestions{width:min(650px,100%);gap:10px;padding:0 0 18px}.assistant-suggestion-title{grid-column:1/-1;margin:0 2px 1px;color:#777f72;font-size:9px;font-weight:600}.assistant-suggestion-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.assistant-suggestion-grid button{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 14px;grid-template-rows:auto auto;column-gap:10px;align-content:center;min-height:72px;padding:11px 12px;border:1px solid #e7eae4;border-radius:11px;background:#fff;text-align:right;transition:border-color .15s,background .15s}.assistant-suggestion-grid button:hover{border-color:#ccd6c6;background:#fafbf9}.assistant-suggestion-grid button>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f0f3ed;color:#6c7d60}.assistant-suggestion-grid button>span svg{width:15px;height:15px}.assistant-suggestion-grid button>b{align-self:end;color:#40493d;font-size:9px;font-weight:600}.assistant-suggestion-grid button>small{align-self:start;margin-top:3px;color:#92998e;font-size:8px;line-height:1.45}.assistant-suggestion-grid button>svg{grid-column:3;grid-row:1/3;align-self:center;width:13px;color:#929b8b}.assistant-compose{display:flex;flex-direction:column;gap:0;margin:0 auto 7px;padding:12px;width:min(650px,calc(100% - 60px));border:1px solid #dfe4dc;border-radius:15px;background:#fff;box-shadow:0 5px 20px #27312608}.assistant-compose textarea{height:68px;min-height:68px;padding:7px 6px 11px;border:0!important;border-radius:0;background:transparent!important;font-size:12px;line-height:1.8;box-shadow:none!important}.assistant-compose textarea::placeholder{color:#9aa095}.assistant-compose-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid #f0f1ee}.assistant-compose-bottom>span{display:flex;align-items:center;gap:5px;color:#969d92;font-size:7px}.assistant-compose-bottom>span svg{width:12px;height:12px}.assistant-compose button{width:34px;height:34px;border-radius:9px;background:#2b3029}.assistant-note{padding:0 16px 11px;font-size:7px}
.assistant-dialog.has-conversation .assistant-messages{padding:24px max(48px,calc((100% - 650px)/2)) 18px;background:#fff}.assistant-dialog.has-conversation .assistant-message{gap:10px;margin-bottom:20px}.assistant-dialog.has-conversation .assistant-message.user{justify-content:flex-end}.assistant-dialog.has-conversation .assistant-message>div,.assistant-dialog.has-conversation .assistant-message.bot>div,.assistant-dialog.has-conversation .assistant-message.user>div{max-width:84%;padding:13px 16px 9px;border:1px solid #e7eae4;border-radius:13px;background:#f8f9f7}.assistant-dialog.has-conversation .assistant-message.user>div{border-color:#e2e8dc;background:#eef3e9}.assistant-dialog.has-conversation .assistant-message p{font-size:11px;line-height:1.85}.assistant-dialog.has-conversation .assistant-suggestions{display:none}.assistant-dialog.has-conversation .assistant-compose{width:min(650px,calc(100% - 60px));margin-bottom:7px}.assistant-dialog.has-conversation .assistant-note{padding-bottom:11px}
@media(max-width:640px){.assistant-dialog,.assistant-dialog[open]{inset:8px;width:calc(100% - 16px);height:calc(100dvh - 16px);border-radius:15px}.assistant-head{flex-basis:60px;padding-inline:12px}.assistant-model-chip{display:none}.assistant-head-tools{gap:5px}.assistant-new-chat{width:33px;justify-content:center;padding:0}.assistant-new-chat span{display:none}.assistant-messages{padding:12px 14px}.assistant-welcome{min-height:230px;padding-top:22px}.assistant-welcome h3{font-size:21px}.assistant-welcome p{font-size:11px}.assistant-suggestions{width:100%;padding-bottom:13px}.assistant-suggestion-grid{gap:7px}.assistant-suggestion-grid button{grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:7px;min-height:65px;padding:8px}.assistant-suggestion-grid button>span{grid-row:1/3;width:27px;height:27px}.assistant-suggestion-grid button>svg{display:none}.assistant-suggestion-grid button>b{font-size:8px}.assistant-suggestion-grid button>small{font-size:7px}.assistant-compose,.assistant-dialog.has-conversation .assistant-compose{width:calc(100% - 24px);padding:9px;margin-bottom:5px}.assistant-compose textarea{height:58px;min-height:58px}.assistant-compose-bottom>span{font-size:6px}.assistant-dialog.has-conversation .assistant-messages{padding:16px 13px}.assistant-dialog.has-conversation .assistant-message>div,.assistant-dialog.has-conversation .assistant-message.bot>div,.assistant-dialog.has-conversation .assistant-message.user>div{max-width:93%}}

/* Full assistant workspace */
.assistant-dialog,.assistant-dialog[open]{width:min(1180px,calc(100vw - 64px));height:min(860px,calc(100dvh - 56px));border-radius:22px}
.assistant-head{flex:0 0 76px;padding:0 26px}.assistant-brand{gap:12px}.assistant-head-mark{width:40px;height:40px;border-radius:13px}.assistant-head b{font-size:15px}.assistant-head small{font-size:10px}.assistant-model-chip{font-size:10px;padding:8px 11px}.assistant-new-chat{min-height:38px;padding:8px 12px;font-size:11px;border-radius:10px}.assistant-head .icon-button{width:36px;height:36px;border-radius:10px}
.assistant-shell{display:grid;grid-template-columns:minmax(0,1fr) 250px;direction:ltr;flex:1;min-height:0}.assistant-main{display:flex;flex-direction:column;min-width:0;min-height:0;direction:rtl;background:#fff}.assistant-sidebar{display:flex;flex-direction:column;gap:6px;min-height:0;padding:20px 15px;background:#f8f9f6;border-inline-start:1px solid #eceee9;direction:rtl}.assistant-sidebar-label{padding:5px 9px;color:#8d9488;font-size:10px;font-weight:600}.assistant-side-new,.assistant-side-link{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:9px 11px;border:0;border-radius:10px;background:transparent;color:#4f5949;text-align:right;font-size:12px;transition:background .15s,color .15s}.assistant-side-new{border:1px solid #e3e7df;background:#fff;color:#31392f}.assistant-side-new:hover,.assistant-side-link:hover{background:#edf1e9}.assistant-side-new svg,.assistant-side-link>span svg{width:16px;height:16px;color:#718365}.assistant-tools-label{margin-top:18px}.assistant-side-link>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eef2e9}.assistant-sidebar-foot{display:flex;align-items:center;gap:9px;margin-top:auto;padding:13px 10px;border-top:1px solid #e7eae3;color:#75816b}.assistant-sidebar-foot>span svg{width:16px;height:16px}.assistant-sidebar-foot div{display:grid;gap:3px}.assistant-sidebar-foot b{color:#596451;font-size:10px}.assistant-sidebar-foot small{color:#92998e;font-size:9px}
.assistant-messages{flex:1;min-height:0;padding:30px 54px 14px}.assistant-welcome{min-height:320px;padding:32px 20px 18px}.assistant-orb{width:64px;height:64px;margin-bottom:23px;border-radius:20px;background:linear-gradient(145deg,#f0f4e9,#e2ead9);box-shadow:0 10px 30px #58694a1a}.assistant-orb svg{width:27px;height:27px}.assistant-welcome h3{font-size:32px;letter-spacing:-.5px}.assistant-welcome p{margin-top:10px;font-size:15px}.assistant-suggestions{width:min(690px,calc(100% - 64px));gap:12px;padding:0 0 16px}.assistant-suggestion-title{font-size:12px;margin:0 2px 2px}.assistant-suggestion-grid{gap:11px}.assistant-suggestion-grid button{grid-template-columns:42px minmax(0,1fr) 16px;column-gap:12px;min-height:88px;padding:15px;border-radius:14px}.assistant-suggestion-grid button>span{width:40px;height:40px;border-radius:12px}.assistant-suggestion-grid button>span svg{width:18px;height:18px}.assistant-suggestion-grid button>b{font-size:12px}.assistant-suggestion-grid button>small{font-size:10px;margin-top:5px}.assistant-suggestion-grid button>svg{width:15px}.assistant-compose,.assistant-dialog.has-conversation .assistant-compose{width:min(760px,calc(100% - 80px));margin:0 auto 9px;padding:15px 17px;border-color:#dfe4dc;border-radius:18px;box-shadow:0 8px 28px #2933290b}.assistant-compose textarea{height:72px;min-height:72px;max-height:150px;padding:9px 5px 14px;font-size:14px;line-height:1.8}.assistant-compose-bottom{padding-top:11px}.assistant-compose-bottom>span{gap:7px;font-size:10px}.assistant-compose-bottom>span svg{width:15px;height:15px}.assistant-compose button{width:42px;height:42px;border-radius:13px}.assistant-compose button svg{width:19px;height:19px}.assistant-note{padding:0 14px 13px;font-size:9px}
.assistant-dialog.has-conversation .assistant-messages{padding:30px max(64px,calc((100% - 760px)/2)) 24px}.assistant-dialog.has-conversation .assistant-message{gap:12px;margin-bottom:22px}.assistant-dialog.has-conversation .assistant-message>div,.assistant-dialog.has-conversation .assistant-message.bot>div,.assistant-dialog.has-conversation .assistant-message.user>div{max-width:86%;padding:15px 18px 11px;border-radius:15px}.assistant-dialog.has-conversation .assistant-message p{font-size:14px;line-height:1.9}.assistant-avatar{width:34px;height:34px;flex-basis:34px;border-radius:11px}.assistant-avatar svg{width:17px;height:17px}.assistant-message small{font-size:9px;margin-top:7px}.assistant-thinking{margin-inline:46px}
@media(max-width:760px){.assistant-dialog,.assistant-dialog[open]{width:calc(100vw - 24px);height:calc(100dvh - 24px);border-radius:17px}.assistant-head{flex-basis:64px;padding-inline:14px}.assistant-head b{font-size:13px}.assistant-head small{font-size:9px}.assistant-head-mark{width:36px;height:36px}.assistant-model-chip{display:none}.assistant-new-chat{width:38px;height:38px;justify-content:center;padding:0}.assistant-new-chat span{display:none}.assistant-shell{grid-template-columns:minmax(0,1fr)}.assistant-sidebar{display:none}.assistant-messages{padding:20px 18px 12px}.assistant-welcome{min-height:270px;padding:22px 10px 14px}.assistant-welcome h3{font-size:26px}.assistant-welcome p{font-size:13px}.assistant-suggestions{width:calc(100% - 30px);gap:9px}.assistant-suggestion-grid{gap:8px}.assistant-suggestion-grid button{grid-template-columns:32px minmax(0,1fr);min-height:76px;padding:10px;column-gap:9px}.assistant-suggestion-grid button>span{grid-row:1/3;width:31px;height:31px;border-radius:9px}.assistant-suggestion-grid button>svg{display:none}.assistant-suggestion-grid button>b{font-size:10px}.assistant-suggestion-grid button>small{font-size:8px}.assistant-compose,.assistant-dialog.has-conversation .assistant-compose{width:calc(100% - 24px);padding:10px 12px;margin-bottom:5px}.assistant-compose textarea{height:60px;min-height:60px;font-size:13px}.assistant-compose-bottom>span{font-size:8px}.assistant-compose button{width:38px;height:38px}.assistant-note{font-size:8px}.assistant-dialog.has-conversation .assistant-messages{padding:18px 15px}.assistant-dialog.has-conversation .assistant-message>div,.assistant-dialog.has-conversation .assistant-message.bot>div,.assistant-dialog.has-conversation .assistant-message.user>div{max-width:92%;padding:12px 14px}.assistant-dialog.has-conversation .assistant-message p{font-size:13px}}

/* Simple support-chat treatment */
.assistant-dialog,.assistant-dialog[open]{width:min(720px,calc(100vw - 36px));height:min(760px,calc(100dvh - 40px));border:1px solid #e7eae4;border-radius:16px;box-shadow:0 18px 55px #20251d26}
.assistant-head{flex:0 0 66px;padding:0 20px}.assistant-head-mark{width:36px;height:36px;border-radius:50%;background:#edf2e8;color:#657a57}.assistant-head b{font-size:13px}.assistant-head small{font-size:9px}.assistant-head-tools{gap:6px}.assistant-new-chat{min-height:34px;padding:7px 9px;border:0;background:transparent;font-size:10px}.assistant-new-chat:hover{background:#f4f6f1}.assistant-new-chat svg{width:14px;height:14px}.assistant-head .icon-button{width:34px;height:34px}
.assistant-shell,.assistant-sidebar{display:none}.assistant-messages{padding:22px 28px 12px}.assistant-welcome{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;align-content:start;justify-content:initial;align-items:center;column-gap:10px;min-height:0;margin:0 0 22px;padding:0;text-align:right}.assistant-orb{grid-row:1/3;width:34px;height:34px;margin:0;border-radius:50%;background:#edf2e8;box-shadow:none}.assistant-orb svg{width:16px;height:16px}.assistant-welcome h3{align-self:end;font-size:13px;letter-spacing:0}.assistant-welcome p{align-self:start;margin:3px 0 0;font-size:11px}.assistant-suggestions{display:block;width:100%;margin:0;padding:0 28px 12px}.assistant-suggestion-title{margin:0 0 8px;color:#828a7d;font-size:10px;font-weight:500}.assistant-suggestion-grid{display:flex;flex-wrap:wrap;gap:7px}.assistant-suggestion-grid button{display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid #e6e9e3;border-radius:999px;background:#fff;text-align:right}.assistant-suggestion-grid button:hover{border-color:#bdc9b5;background:#f8faf6}.assistant-suggestion-grid button>span{display:grid;place-items:center;width:18px;height:18px;background:transparent;color:#77866c}.assistant-suggestion-grid button>span svg{width:14px;height:14px}.assistant-suggestion-grid button>b{font-size:10px;font-weight:500}.assistant-suggestion-grid button>small,.assistant-suggestion-grid button>svg{display:none}
.assistant-compose,.assistant-dialog.has-conversation .assistant-compose{display:flex;align-items:center;gap:8px;width:auto;margin:0 18px 8px;padding:7px;border:1px solid #e0e4dc;border-radius:12px;box-shadow:0 2px 8px #20251d0a}.assistant-compose textarea{flex:1;height:44px;min-height:44px;max-height:130px;padding:10px 12px;font-size:12px}.assistant-compose>button{flex:0 0 36px;width:36px;height:36px;border-radius:9px}.assistant-compose>button svg{width:16px;height:16px}.assistant-compose-bottom{display:none}.assistant-note{padding:0 18px 9px;font-size:8px}.assistant-dialog.has-conversation .assistant-messages{padding:19px 28px}.assistant-dialog.has-conversation .assistant-message{gap:9px;margin-bottom:15px}.assistant-dialog.has-conversation .assistant-message.user{justify-content:flex-end}.assistant-dialog.has-conversation .assistant-message>div,.assistant-dialog.has-conversation .assistant-message.bot>div,.assistant-dialog.has-conversation .assistant-message.user>div{max-width:82%;padding:10px 13px 8px;border:0;border-radius:13px;background:#f4f6f2}.assistant-dialog.has-conversation .assistant-message.user>div{background:#edf2e8}.assistant-dialog.has-conversation .assistant-message p{font-size:12px;line-height:1.75}.assistant-avatar{width:28px;height:28px;flex-basis:28px;border-radius:50%}.assistant-avatar svg{width:14px;height:14px}.assistant-message small{font-size:8px}
@media(max-width:640px){.assistant-dialog,.assistant-dialog[open]{inset:auto 0 0;width:100%;height:min(82dvh,720px);max-height:calc(100dvh - 12px);transform:none;border-radius:18px 18px 0 0}.assistant-head{flex-basis:60px;padding-inline:14px}.assistant-messages{padding:18px 16px 10px}.assistant-welcome{margin-bottom:17px}.assistant-suggestions{padding:0 16px 10px}.assistant-suggestion-grid{gap:6px}.assistant-suggestion-grid button{min-height:32px;padding:6px 9px}.assistant-suggestion-grid button>b{font-size:9px}.assistant-compose,.assistant-dialog.has-conversation .assistant-compose{margin-inline:12px;margin-bottom:5px}.assistant-note{font-size:7px}.assistant-dialog.has-conversation .assistant-messages{padding:16px 14px}.assistant-dialog.has-conversation .assistant-message>div,.assistant-dialog.has-conversation .assistant-message.bot>div,.assistant-dialog.has-conversation .assistant-message.user>div{max-width:90%}}

/* Dock the assistant as a lightweight support widget, like a site help chat. */
.assistant-dialog,.assistant-dialog[open]{inset:auto auto 82px 22px;width:min(390px,calc(100vw - 32px));height:min(600px,calc(100dvh - 112px));max-height:calc(100dvh - 100px);margin:0;transform:none;border-radius:15px;box-shadow:0 10px 38px #20251d24}.assistant-dialog::backdrop{background:transparent;backdrop-filter:none}.assistant-head{flex-basis:62px;padding:0 15px}.assistant-new-chat{font-size:0;width:32px;height:32px;min-height:32px;justify-content:center;padding:0;border-radius:50%}.assistant-new-chat svg{width:15px;height:15px}.assistant-messages{padding:19px 17px 10px}.assistant-suggestions{padding:0 17px 10px}.assistant-suggestion-grid{display:grid;grid-template-columns:1fr;gap:5px}.assistant-suggestion-grid button{justify-content:flex-start;width:100%;min-height:38px;padding:7px 10px;border-radius:8px}.assistant-suggestion-grid button>b{font-size:10px}.assistant-suggestion-grid button>span{width:20px;height:20px}.assistant-compose,.assistant-dialog.has-conversation .assistant-compose{margin-inline:12px}.assistant-note{font-size:7px}
@media(max-width:640px){.assistant-dialog,.assistant-dialog[open]{inset:auto 10px 72px auto;width:min(390px,calc(100vw - 20px));height:min(570px,calc(100dvh - 94px));max-height:calc(100dvh - 88px);border-radius:15px}.assistant-head{flex-basis:58px}.assistant-messages{padding:17px 14px 9px}.assistant-suggestions{padding-inline:14px}.assistant-compose,.assistant-dialog.has-conversation .assistant-compose{margin-inline:10px}}

/* Fix initial spacing and keep the composer controls on one line. */
.assistant-compose,.assistant-dialog.has-conversation .assistant-compose{flex-direction:row!important;align-items:center;min-height:58px}.assistant-compose textarea{flex:1 1 auto;width:100%;min-width:0;height:42px;min-height:42px;max-height:130px}.assistant-compose>button{display:grid;place-items:center;align-self:center;flex:0 0 36px;width:36px;height:36px}.assistant-dialog:not(.has-conversation),.assistant-dialog[open]:not(.has-conversation){height:min(390px,calc(100dvh - 112px))}.assistant-dialog:not(.has-conversation) .assistant-messages{flex:0 0 auto;padding:17px 17px 5px}.assistant-dialog:not(.has-conversation) .assistant-welcome{margin-bottom:9px}.assistant-dialog:not(.has-conversation) .assistant-suggestions{padding-top:0;padding-bottom:7px}.assistant-dialog:not(.has-conversation) .assistant-suggestion-title{margin-bottom:5px}.assistant-dialog:not(.has-conversation) .assistant-suggestion-grid{gap:4px}.assistant-dialog:not(.has-conversation) .assistant-suggestion-grid button{min-height:34px}.assistant-orb{display:grid;place-items:center}.assistant-orb svg{display:block;stroke-width:1.8}
@media(max-width:640px){.assistant-dialog:not(.has-conversation),.assistant-dialog[open]:not(.has-conversation){height:min(390px,calc(100dvh - 100px))}.assistant-dialog:not(.has-conversation) .assistant-messages{padding:15px 14px 4px}.assistant-dialog:not(.has-conversation) .assistant-suggestions{padding-inline:14px;padding-bottom:6px}.assistant-compose,.assistant-dialog.has-conversation .assistant-compose{min-height:54px}.assistant-compose textarea{height:40px;min-height:40px}}

/* Final dashboard and agent visual fixes */
.sidebar>.brand{width:100%;justify-content:center;margin:0 0 32px}
.ai-page>.ai-run-expand,.ai-page.ai-run-list.is-expanded>.ai-run-expand,.ai-page>.ai-run-list>.ai-run-expand,.ai-page>.ai-run-list.is-expanded>.ai-run-expand{right:0;left:0;width:100%!important;min-height:42px;margin:0!important;padding:7px 12px!important;border:0!important;border-radius:0 0 12px 12px!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important;justify-content:center}
.ai-page>.ai-run-list:not(.is-expanded):after{content:'';position:absolute;inset:auto 0 0;height:92px;z-index:1;pointer-events:none;border-radius:0 0 12px 12px;background:linear-gradient(to top,#fff 0%,rgba(255,255,255,.98) 22%,rgba(255,255,255,.82) 50%,rgba(255,255,255,.34) 82%,rgba(255,255,255,0) 100%);box-shadow:0 14px 24px -15px rgba(34,42,32,.72)}
.ai-page>.ai-run-list:not(.is-expanded)>.table-wrap:after{display:none}
@media(max-width:900px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.usage-panel{display:block;width:100%;min-width:0}}
@media(max-width:600px){.usage-panel{margin-top:14px}.usage-panel .panel-head{padding:16px 18px 8px}.usage-lines{padding-inline:18px}.ai-page>.ai-run-expand,.ai-page.ai-run-list.is-expanded>.ai-run-expand,.ai-page>.ai-run-list>.ai-run-expand,.ai-page>.ai-run-list.is-expanded>.ai-run-expand{width:calc(100% - 28px)!important;margin:0 14px!important}.ai-page>.ai-run-list:not(.is-expanded):after{height:82px}}

/* Run history reveal: fade the table rows themselves, with the action above it. */
.ai-page>.ai-run-list{position:relative}
.ai-page>.ai-run-list:after{content:none!important;display:none!important}
.ai-page>.ai-run-list:not(.is-expanded)>.table-wrap{position:relative;overflow-x:auto;overflow-y:hidden}
.ai-page>.ai-run-list:not(.is-expanded)>.table-wrap:after{content:'';display:block!important;position:absolute;right:0;bottom:0;left:0;height:132px;z-index:2;pointer-events:none;background:linear-gradient(to top,#fff 0%,rgba(255,255,255,.98) 23%,rgba(255,255,255,.82) 51%,rgba(255,255,255,.4) 78%,rgba(255,255,255,0) 100%)}
.ai-page>.ai-run-list:not(.is-expanded)>.ai-run-expand{position:absolute;right:0;bottom:0;left:0;z-index:3;width:100%!important;min-height:48px;margin:0!important;padding:8px 14px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important;font-weight:600;color:#44553c}
.ai-page>.ai-run-list.is-expanded>.ai-run-expand{position:relative;display:flex;width:100%!important;min-height:42px;margin:8px 0 0!important;padding:7px 12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important}
@media(max-width:600px){.ai-page>.ai-run-list:not(.is-expanded)>.table-wrap:after{height:112px}.ai-page>.ai-run-list:not(.is-expanded)>.ai-run-expand{min-height:46px}}
@media(min-width:601px){.ai-page>.ai-run-list:not(.is-expanded)>.table-wrap:after{height:190px}}
@media(max-width:600px){.ai-page>.ai-run-list:not(.is-expanded)>.table-wrap:after{height:155px}}
/* Improve run data inside existing cells without changing the section or table frame. */
.ai-page>.ai-run-list:not(.has-more)>.table-wrap:after{content:none!important;display:none!important}
.ai-page>.ai-run-list>.table-wrap td:first-child{font-weight:550;color:#3d463a}
.ai-page>.ai-run-list>.table-wrap td:nth-child(3){white-space:nowrap;color:#72796f;font-variant-numeric:tabular-nums}
.ai-page>.ai-run-list>.table-wrap td:nth-child(4),.ai-page>.ai-run-list>.table-wrap td:nth-child(5),.ai-page>.ai-run-list>.table-wrap td:nth-child(6){font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}
.ai-page>.ai-run-list .ai-run-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.ai-page>.ai-run-list .ai-run-status>i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:currentColor;opacity:.78}
.ai-page>.ai-run-list .ai-run-status.responded{color:#4f7b51}
.ai-page>.ai-run-list .ai-run-status.handoff{color:#9b762a}
.ai-page>.ai-run-list .ai-run-status.failed,.ai-page>.ai-run-list .ai-run-status.blocked{color:#ad5a55}
.ai-page>.ai-run-list .ai-run-status.queued,.ai-page>.ai-run-list .ai-run-status.running{color:#677c9b}
.ai-page>.ai-run-list .ai-run-test{padding:1px 6px;border-radius:999px;background:#f1f2ee;color:#82877e;font-size:10px}
.ai-page>.ai-run-list .ai-reason-button{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
/* Compact Wexora assistant welcome and prompt shortcuts, especially on phones. */
.assistant-dialog .assistant-welcome{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:0;margin:0;padding:25px 12px 18px;text-align:center}
.assistant-dialog .assistant-welcome .assistant-orb{display:none}
.assistant-dialog .assistant-welcome h3{font-size:20px;line-height:1.45;font-weight:600;color:#30372d}
.assistant-dialog .assistant-welcome p{margin-top:5px;font-size:11px;color:#858c80}
.assistant-dialog .assistant-suggestions{display:block;flex:0 0 auto;width:100%;margin:0;padding:0 18px 12px}
.assistant-dialog .assistant-suggestion-title{display:none}
.assistant-dialog .assistant-suggestion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.assistant-dialog .assistant-suggestion-grid button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:34px;padding:6px 8px;border:1px solid #e6e9e3;border-radius:999px;background:#fff;text-align:center}
.assistant-dialog .assistant-suggestion-grid button:hover{border-color:#bdc9b5;background:#f8faf6}
.assistant-dialog .assistant-suggestion-grid button>span,.assistant-dialog .assistant-suggestion-grid button>small,.assistant-dialog .assistant-suggestion-grid button>svg{display:none!important}
.assistant-dialog .assistant-suggestion-grid button>b{overflow:hidden;font-size:10px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.assistant-dialog:not(.has-conversation) .assistant-messages{flex:0 0 auto}
@media(max-width:700px){body input:not([type=checkbox]):not([type=radio]):not([type=range]),body textarea,body select{font-size:16px!important}}
@media(max-width:640px){
 .assistant-dialog,.assistant-dialog[open]{inset:auto 12px 70px auto;width:calc(100vw - 24px);height:min(68dvh,560px);max-height:calc(100dvh - 88px);border-radius:16px}
 .assistant-dialog:not(.has-conversation),.assistant-dialog[open]:not(.has-conversation){height:min(360px,60dvh)}
 .assistant-head{flex-basis:54px;padding-inline:12px}
 .assistant-messages{padding:12px 12px 6px}
 .assistant-dialog:not(.has-conversation) .assistant-messages{flex:1 1 auto;min-height:0}
 .assistant-welcome{padding:17px 8px 8px}
 .assistant-dialog .assistant-welcome h3{font-size:18px}
 .assistant-dialog .assistant-welcome p{font-size:10px}
 .assistant-dialog .assistant-suggestions{padding:0 12px 9px}
 .assistant-dialog .assistant-suggestion-grid{gap:5px}
 .assistant-dialog .assistant-suggestion-grid button{min-height:32px;padding:5px 6px}
 .assistant-dialog .assistant-suggestion-grid button>b{font-size:9px}
 .assistant-compose,.assistant-dialog.has-conversation .assistant-compose{min-height:50px;margin:0 10px 5px;padding:5px}
 .assistant-compose textarea{height:38px;min-height:38px;padding:8px 9px}
 .assistant-compose>button{width:34px;height:34px;flex-basis:34px}
 .assistant-note{padding:0 10px 7px}
 .assistant-dialog.has-conversation .assistant-messages{padding:13px 12px}
}
@media(max-width:640px){.assistant-dialog:not(.has-conversation),.assistant-dialog[open]:not(.has-conversation){height:min(68dvh,560px)!important}}
/* Keep the welcome up and dock suggestions/composer to the bottom of the panel. */
@media(max-width:700px){
 .assistant-dialog:not(.has-conversation)>.assistant-messages{display:flex;flex:1 1 0!important;flex-direction:column;justify-content:center;min-height:0}
 .assistant-dialog:not(.has-conversation)>.assistant-messages .assistant-welcome{width:100%;margin:0;padding:12px 8px}
 .assistant-dialog:not(.has-conversation)>.assistant-suggestions{margin-top:auto!important}
}
/* Rebalanced phone start screen: one grid keeps the greeting centered and composer docked. */
@media(max-width:700px){
 .assistant-dialog:not(.has-conversation),.assistant-dialog[open]:not(.has-conversation){display:grid!important;grid-template-rows:56px minmax(0,1fr) auto auto auto;align-content:stretch;gap:0;height:min(72dvh,600px)!important;max-height:calc(100dvh - 56px)}
 .assistant-dialog:not(.has-conversation)>.assistant-head{grid-row:1;min-height:0;flex:none;padding-inline:14px}
 .assistant-dialog:not(.has-conversation)>.assistant-messages{grid-row:2;display:flex;flex:none;align-items:center;justify-content:center;min-height:0;padding:14px 18px;overflow:auto}
 .assistant-dialog:not(.has-conversation)>.assistant-messages .assistant-welcome{display:flex;align-items:center;justify-content:center;width:100%;margin:0;padding:0;text-align:center}
 .assistant-dialog:not(.has-conversation)>.assistant-messages .assistant-welcome h3{font-size:20px;line-height:1.5;font-weight:600}
 .assistant-dialog:not(.has-conversation)>.assistant-messages .assistant-welcome p{margin-top:6px;font-size:12px;line-height:1.6}
 .assistant-dialog:not(.has-conversation)>.assistant-suggestions{grid-row:3;margin:0!important;padding:0 14px 10px}
 .assistant-dialog:not(.has-conversation)>.assistant-suggestions .assistant-suggestion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .assistant-dialog:not(.has-conversation)>.assistant-suggestions .assistant-suggestion-grid button{min-height:38px;padding:6px 7px;border-color:#e6e9e3;background:#fafbf9}
 .assistant-dialog:not(.has-conversation)>.assistant-suggestions .assistant-suggestion-grid button>b{font-size:10px;font-weight:500}
 .assistant-dialog:not(.has-conversation)>.assistant-compose{grid-row:4;min-height:48px;margin:0 12px 6px;padding:5px;border-radius:13px}
 .assistant-dialog:not(.has-conversation)>.assistant-compose textarea{height:36px;min-height:36px;padding:7px 10px;font-size:16px!important}
 .assistant-dialog:not(.has-conversation)>.assistant-compose>button{width:34px;height:34px;flex-basis:34px;border-radius:10px}
 .assistant-dialog:not(.has-conversation)>.assistant-note{grid-row:5;margin:0;padding:0 12px 10px;font-size:9px;line-height:1.5}
}
/* Explicit phone layout avoids flex/grid sizing gaps in the empty-chat state. */
@media(max-width:700px){
 .assistant-dialog:not(.has-conversation),.assistant-dialog[open]:not(.has-conversation){display:block!important;position:fixed;inset:auto 12px 12px;width:calc(100vw - 24px);height:min(72dvh,600px)!important;max-height:calc(100dvh - 24px);overflow:hidden}
 .assistant-dialog:not(.has-conversation)>.assistant-head{position:absolute;inset:0 0 auto;height:56px;min-height:56px}
 .assistant-dialog:not(.has-conversation)>.assistant-messages{position:absolute;inset:56px 0 158px;display:flex;align-items:center;justify-content:center;width:auto;min-height:0;margin:0;padding:12px 18px;overflow:auto}
 .assistant-dialog:not(.has-conversation)>.assistant-messages .assistant-welcome{width:100%;margin:0;padding:0;text-align:center}
 .assistant-dialog:not(.has-conversation)>.assistant-messages .assistant-welcome h3{font-size:20px;line-height:1.45}
 .assistant-dialog:not(.has-conversation)>.assistant-messages .assistant-welcome p{margin-top:6px;font-size:12px;line-height:1.6}
 .assistant-dialog:not(.has-conversation)>.assistant-suggestions{position:absolute;inset:auto 0 100px;width:auto;margin:0!important;padding:0 12px;z-index:2}
 .assistant-dialog:not(.has-conversation)>.assistant-suggestions .assistant-suggestion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .assistant-dialog:not(.has-conversation)>.assistant-suggestions .assistant-suggestion-grid button{height:38px;min-height:38px;padding:5px 7px;border-radius:999px;background:#fafbf9}
 .assistant-dialog:not(.has-conversation)>.assistant-suggestions .assistant-suggestion-grid button>b{font-size:10px;line-height:1.2}
 .assistant-dialog:not(.has-conversation)>.assistant-compose{position:absolute;inset:auto 12px 40px;width:auto;height:50px;min-height:50px;margin:0;padding:5px;border-radius:13px}
 .assistant-dialog:not(.has-conversation)>.assistant-compose textarea{height:38px;min-height:38px;padding:6px 10px;font-size:16px!important}
 .assistant-dialog:not(.has-conversation)>.assistant-compose>button{width:36px;height:36px;flex-basis:36px}
 .assistant-dialog:not(.has-conversation)>.assistant-note{position:absolute;inset:auto 0 12px;margin:0;padding:0 8px;text-align:center;font-size:9px;line-height:1.3}
}
/* Use the same anchored welcome layout on desktop and mobile. */
.assistant-dialog:not(.has-conversation){display:block!important;overflow:hidden}
.assistant-dialog:not(.has-conversation)>.assistant-head{position:absolute;inset:0 0 auto;height:62px;min-height:62px}
.assistant-dialog:not(.has-conversation)>.assistant-messages{position:absolute;inset:62px 0 158px;display:flex;align-items:center;justify-content:center;width:auto;min-height:0;margin:0;padding:12px 18px;overflow:auto}
.assistant-dialog:not(.has-conversation)>.assistant-messages .assistant-welcome{width:100%;margin:0;padding:0;text-align:center}
.assistant-dialog:not(.has-conversation)>.assistant-messages .assistant-welcome h3{font-size:20px;line-height:1.45;font-weight:600}
.assistant-dialog:not(.has-conversation)>.assistant-messages .assistant-welcome p{margin-top:6px;font-size:12px;line-height:1.6}
.assistant-dialog:not(.has-conversation)>.assistant-suggestions{position:absolute;inset:auto 0 100px;width:auto;margin:0!important;padding:0 12px;z-index:2}
.assistant-dialog:not(.has-conversation)>.assistant-suggestions .assistant-suggestion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.assistant-dialog:not(.has-conversation)>.assistant-suggestions .assistant-suggestion-grid button{height:38px;min-height:38px;padding:5px 7px;border-radius:999px;background:#fafbf9}
.assistant-dialog:not(.has-conversation)>.assistant-suggestions .assistant-suggestion-grid button>b{font-size:10px;line-height:1.2}
.assistant-dialog:not(.has-conversation)>.assistant-compose{position:absolute;inset:auto 12px 40px;width:auto;height:50px;min-height:50px;margin:0;padding:5px;border-radius:13px}
.assistant-dialog:not(.has-conversation)>.assistant-compose textarea{height:38px;min-height:38px;padding:6px 10px;font-size:16px!important}
.assistant-dialog:not(.has-conversation)>.assistant-compose>button{width:36px;height:36px;flex-basis:36px}
.assistant-dialog:not(.has-conversation)>.assistant-note{position:absolute;inset:auto 0 12px;margin:0;padding:0 8px;text-align:center;font-size:9px;line-height:1.3}
.assistant-dialog:not(.has-conversation){height:min(64dvh,540px)!important}
.assistant-dialog:not(.has-conversation)>.assistant-messages{inset:62px 0 54%!important}
.assistant-dialog:not(.has-conversation)>.assistant-messages .assistant-welcome{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.assistant-dialog:not(.has-conversation)>.assistant-suggestions{inset:48% 0 auto!important}
/* Final empty-chat layout: one flex column with a single docked footer group. */
.assistant-dialog:not(.has-conversation){display:flex!important;flex-direction:column;position:fixed;height:min(68dvh,600px)!important;max-height:calc(100dvh - 24px);overflow:hidden}
.assistant-dialog:not(.has-conversation)>.assistant-head{position:relative!important;inset:auto!important;flex:0 0 62px;height:62px;min-height:62px}
.assistant-dialog:not(.has-conversation)>.assistant-messages{position:relative!important;inset:auto!important;display:flex;flex:1 1 auto!important;flex-direction:column;align-items:center;justify-content:center;min-height:0;margin:0;padding:18px;overflow:auto}
.assistant-dialog:not(.has-conversation)>.assistant-messages .assistant-welcome{display:flex!important;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:0;padding:0;text-align:center}
.assistant-dialog:not(.has-conversation)>.assistant-messages .assistant-welcome h3{font-size:20px;line-height:1.45;font-weight:600}
.assistant-dialog:not(.has-conversation)>.assistant-messages .assistant-welcome p{margin-top:6px;font-size:12px;line-height:1.6}
.assistant-dialog:not(.has-conversation)>.assistant-start-footer,.assistant-dialog.has-conversation>.assistant-start-footer{position:relative!important;inset:auto!important;display:flex;flex:0 0 auto;flex-direction:column;width:100%;margin:0;padding:0 0 10px}
.assistant-dialog:not(.has-conversation)>.assistant-start-footer>.assistant-suggestions{position:relative!important;inset:auto!important;width:auto;margin:0!important;padding:0 12px 9px}
.assistant-dialog:not(.has-conversation)>.assistant-start-footer .assistant-suggestion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.assistant-dialog:not(.has-conversation)>.assistant-start-footer .assistant-suggestion-grid button{display:flex;align-items:center;justify-content:center;height:38px;min-height:38px;padding:5px 7px;border:1px solid #e6e9e3;border-radius:999px;background:#fafbf9;text-align:center}
.assistant-dialog:not(.has-conversation)>.assistant-start-footer .assistant-suggestion-grid button>b{overflow:hidden;font-size:10px;font-weight:500;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.assistant-dialog:not(.has-conversation)>.assistant-start-footer>.assistant-compose,.assistant-dialog.has-conversation>.assistant-start-footer>.assistant-compose{position:relative!important;inset:auto!important;display:flex;align-items:center;min-height:50px;height:auto;margin:0 12px 5px;padding:5px;border-radius:13px}
.assistant-dialog:not(.has-conversation)>.assistant-start-footer>.assistant-compose textarea,.assistant-dialog.has-conversation>.assistant-start-footer>.assistant-compose textarea{height:38px;min-height:38px;padding:6px 10px}
.assistant-dialog:not(.has-conversation)>.assistant-start-footer>.assistant-compose>button,.assistant-dialog.has-conversation>.assistant-start-footer>.assistant-compose>button{width:36px;height:36px;flex:0 0 36px}
.assistant-dialog:not(.has-conversation)>.assistant-start-footer>.assistant-note,.assistant-dialog.has-conversation>.assistant-start-footer>.assistant-note{position:relative!important;inset:auto!important;display:block;margin:0;padding:0 8px;text-align:center;font-size:9px;line-height:1.4}
.assistant-dialog.has-conversation>.assistant-messages{position:relative!important;inset:auto!important;flex:1 1 auto!important;min-height:0}
@media(max-width:640px){.assistant-dialog:not(.has-conversation){inset:auto 12px 12px;width:calc(100vw - 24px);height:min(68dvh,560px)!important}.assistant-dialog:not(.has-conversation)>.assistant-head{flex-basis:56px;height:56px;min-height:56px}.assistant-dialog:not(.has-conversation)>.assistant-messages{padding:14px}.assistant-dialog:not(.has-conversation)>.assistant-start-footer .assistant-suggestion-grid{gap:5px}.assistant-dialog:not(.has-conversation)>.assistant-start-footer .assistant-suggestion-grid button{height:36px;min-height:36px;padding:4px 5px}.assistant-dialog:not(.has-conversation)>.assistant-start-footer .assistant-suggestion-grid button>b{font-size:9px}.assistant-dialog:not(.has-conversation)>.assistant-start-footer>.assistant-compose,.assistant-dialog.has-conversation>.assistant-start-footer>.assistant-compose{margin-inline:10px}}
.assistant-dialog:not(.has-conversation) .assistant-welcome{gap:0}
.assistant-dialog:not(.has-conversation) .assistant-welcome>.assistant-suggestions{display:block;width:min(460px,100%);margin:14px 0 0;padding:0;background:transparent}
.assistant-dialog:not(.has-conversation) .assistant-welcome>.assistant-suggestions .assistant-suggestion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.assistant-dialog:not(.has-conversation) .assistant-welcome>.assistant-suggestions button{display:flex;align-items:center;justify-content:center;min-width:0;height:34px;min-height:34px;padding:4px 7px;border:1px solid #e7eae4;border-radius:999px;background:#fff;text-align:center}
.assistant-dialog:not(.has-conversation) .assistant-welcome>.assistant-suggestions button>b{overflow:hidden;font-size:10px;font-weight:500;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:640px){.assistant-dialog:not(.has-conversation) .assistant-welcome>.assistant-suggestions{width:100%;margin-top:12px}.assistant-dialog:not(.has-conversation) .assistant-welcome>.assistant-suggestions .assistant-suggestion-grid{gap:5px}.assistant-dialog:not(.has-conversation) .assistant-welcome>.assistant-suggestions button{height:32px;min-height:32px;padding-inline:5px}.assistant-dialog:not(.has-conversation) .assistant-welcome>.assistant-suggestions button>b{font-size:9px}}

/* Wexora AI floating assistant refresh */
.assistant-dialog,.assistant-dialog[open]{position:fixed;inset:auto auto 24px 24px;display:none;flex-direction:column;width:min(430px,calc(100vw - 32px));height:min(650px,calc(100dvh - 48px));max-height:calc(100dvh - 32px);margin:0;padding:0;overflow:hidden;transform:none;border:1px solid #e6e9e2;border-radius:20px;background:#fcfcfb;color:#30372d;box-shadow:0 24px 72px rgba(30,38,28,.2),0 4px 14px rgba(30,38,28,.06)}
.assistant-dialog{display:none!important}
.assistant-dialog:not([open]){display:none!important}
.assistant-dialog[open]{display:flex!important}
.assistant-dialog::backdrop{background:rgba(35,42,34,.16);backdrop-filter:blur(2px)}
.assistant-head{position:relative;z-index:2;flex:0 0 64px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #eceee9;background:#fff}
.assistant-brand{display:flex;align-items:center;gap:11px}.assistant-head-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #e9ede5;border-radius:12px;background:#f3f6ef;color:#65795a}.assistant-head-mark svg{width:18px;height:18px}.assistant-brand>div{display:grid;gap:3px}.assistant-head b{color:#293128;font-size:13px;font-weight:650;line-height:1.25}.assistant-head small{display:flex;align-items:center;gap:6px;color:#879080;font-size:10px}.assistant-head small i{width:7px;height:7px;border-radius:50%;background:#7c9b62;box-shadow:0 0 0 3px #7c9b621a}
.assistant-head-tools{display:flex;align-items:center;gap:5px}.assistant-new-chat,.assistant-head-tools>.icon-button{position:relative;display:grid;place-items:center;width:34px;height:34px;min-height:34px;padding:0;border:0;border-radius:10px;background:transparent;color:#727a6e;transition:background .18s,color .18s}.assistant-new-chat:hover,.assistant-head-tools>.icon-button:hover{background:#f1f4ee;color:#30392d}.assistant-new-chat svg,.assistant-head-tools>.icon-button svg{width:17px;height:17px}.assistant-new-chat span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.assistant-messages{position:relative;z-index:1;display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-height:0;padding:18px 20px 20px;overflow:auto;background:#fcfcfb;scroll-behavior:smooth;overscroll-behavior:contain}
.assistant-welcome{display:flex;flex:0 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;margin:0;padding:28px 1px 12px;text-align:right}
.assistant-empty-mark{display:grid;place-items:center;width:38px;height:38px;margin:0 0 16px;border:1px solid #e7ebe2;border-radius:13px;background:#f1f5ed;color:#6b805e}.assistant-empty-mark svg{width:19px;height:19px;stroke-width:1.7}
.assistant-welcome h3{margin:0;color:#293128;font-size:22px;font-weight:650;letter-spacing:-.35px;line-height:1.4}.assistant-welcome p{margin:5px 0 0;color:#81897d;font-size:12px;line-height:1.7}
.assistant-dialog:not(.has-conversation) .assistant-welcome>.assistant-suggestions{display:block;width:100%;margin:20px 0 0;padding:0;background:transparent}.assistant-welcome .assistant-suggestion-grid{display:grid;grid-template-columns:1fr;gap:8px}
.assistant-welcome .assistant-suggestion-grid button{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;column-gap:11px;width:100%;min-width:0;min-height:58px;padding:9px 11px;border:1px solid #e9ece6;border-radius:13px;background:#fff;color:#374033;text-align:right;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.assistant-welcome .assistant-suggestion-grid button:hover{transform:translateY(-1px);border-color:#d7dfd0;background:#fbfcfa;box-shadow:0 5px 14px rgba(36,48,32,.06)}
.assistant-welcome .assistant-suggestion-grid button>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f2f5ef;color:#718365}.assistant-welcome .assistant-suggestion-grid button>span:first-child svg{width:16px;height:16px}.assistant-welcome .assistant-suggestion-grid button>.assistant-action-copy{display:grid;gap:2px;min-width:0}.assistant-action-copy>b{color:#364031;font-size:11px;font-weight:600;line-height:1.35}.assistant-action-copy>small{color:#92998e;font-size:9px;line-height:1.35}.assistant-welcome .assistant-suggestion-grid button>svg{width:14px;height:14px;color:#a0a79b;transition:transform .18s,color .18s}.assistant-welcome .assistant-suggestion-grid button:hover>svg{transform:translate(-2px,-2px);color:#687b5d}
.assistant-dialog.has-conversation .assistant-welcome{display:none}
.assistant-start-footer{position:relative;z-index:2;display:flex;flex:0 0 auto;flex-direction:column;gap:7px;width:100%;margin:0;padding:11px 14px 10px;border-top:1px solid #eceee9;background:rgba(255,255,255,.97)}
.assistant-compose,.assistant-dialog.has-conversation .assistant-compose{display:flex;align-items:flex-end;gap:8px;width:100%;min-height:58px;margin:0;padding:8px;border:1px solid #e3e7df;border-radius:16px;background:#fff;box-shadow:0 2px 8px rgba(35,43,32,.035);transition:border-color .18s,box-shadow .18s}.assistant-compose:focus-within{border-color:#bdc9b3;box-shadow:0 0 0 3px rgba(122,145,105,.12)}
.assistant-compose textarea{flex:1 1 auto;width:100%;min-width:0;height:40px;min-height:40px;max-height:130px;margin:0;padding:10px 9px;border:0!important;border-radius:9px;background:transparent!important;color:#30372d;font-size:13px!important;line-height:1.55;resize:none;outline:0;box-shadow:none!important}.assistant-compose textarea::placeholder{color:#9aa195}.assistant-compose textarea:focus{outline:0;box-shadow:none!important}
.assistant-compose>button{display:grid;place-items:center;align-self:flex-end;flex:0 0 38px;width:38px;height:38px;padding:0;border:0;border-radius:12px;background:#293329;color:#fff;transition:background .18s,transform .18s,opacity .18s}.assistant-compose>button:hover{transform:translateY(-1px);background:#3b4937}.assistant-compose>button svg{width:17px;height:17px}.assistant-compose textarea:placeholder-shown+button{background:#dfe4db;color:#92998c;box-shadow:none}
.assistant-note{display:block;flex:0 0 auto;margin:0;padding:0 3px;color:#9ba196;font-size:9px;line-height:1.45;text-align:center}
.assistant-dialog.has-conversation .assistant-messages{gap:0;padding:20px 18px 16px;background:#fcfcfb}.assistant-dialog.has-conversation .assistant-start-footer{padding-top:10px}.assistant-message{display:flex;align-items:flex-start;gap:9px;width:100%;margin:0 0 15px;padding:0;border:0}.assistant-message.user{justify-content:flex-end}.assistant-message>div,.assistant-message.bot>div,.assistant-message.user>div{width:max-content;max-width:86%;padding:10px 13px 8px;border:0;border-radius:15px;background:transparent;box-shadow:none}.assistant-message.user>div{border:1px solid #354235;border-radius:15px 15px 4px 15px;background:#303a30}.assistant-message p{margin:0;color:#3e463b;font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.assistant-message.user p{color:#fff}.assistant-message small{display:block;margin-top:5px;color:#9ba195;font-size:9px;line-height:1.3}.assistant-message.user small{color:#d0d7cc}.assistant-avatar{display:grid;flex:0 0 27px;place-items:center;width:27px;height:27px;margin-top:2px;border:1px solid #e6ebe2;border-radius:9px;background:#f1f5ed;color:#6e805f}.assistant-avatar svg{width:14px;height:14px}
.assistant-thinking{display:flex;align-items:center;gap:4px;width:max-content;margin:0 36px 12px;padding:10px 12px;border:1px solid #edf0ea;border-radius:12px;background:#fff}.assistant-thinking i{width:5px;height:5px;border-radius:50%;background:#879879;animation:assistant-pulse .8s infinite alternate}.assistant-thinking i:nth-child(2){animation-delay:.15s}.assistant-thinking i:nth-child(3){animation-delay:.3s}@keyframes assistant-pulse{to{opacity:.3;transform:translateY(-3px)}}
.assistant-apply{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding:9px 11px;border:0;border-radius:10px;background:#303a30;color:#fff;font-size:11px}.assistant-apply svg{width:14px;height:14px}
body:has(.assistant-dialog[open]) .assistant-launcher{visibility:hidden}
.assistant-dialog:not(.has-conversation)>.assistant-messages{position:relative!important;inset:auto!important;display:flex!important;flex:1 1 auto!important;align-items:stretch!important;justify-content:flex-start!important;overflow:auto}
.assistant-dialog:not(.has-conversation) .assistant-welcome>.assistant-suggestions .assistant-suggestion-grid button>span:first-child{display:grid!important}
.assistant-dialog:not(.has-conversation) .assistant-welcome>.assistant-suggestions .assistant-suggestion-grid button>.assistant-action-copy{display:grid!important}
.assistant-dialog:not(.has-conversation) .assistant-welcome .assistant-suggestion-grid{grid-template-columns:minmax(0,1fr)!important;gap:8px}
.assistant-dialog:not(.has-conversation) .assistant-welcome .assistant-suggestion-grid button{grid-template-columns:34px minmax(0,1fr) 16px!important;grid-template-rows:1fr!important;min-height:62px}
.assistant-dialog:not(.has-conversation) .assistant-welcome .assistant-suggestion-grid button>span:first-child,.assistant-dialog:not(.has-conversation) .assistant-welcome .assistant-suggestion-grid button>.assistant-action-copy{grid-row:auto!important;grid-column:auto!important}
.assistant-dialog:not(.has-conversation) .assistant-welcome .assistant-suggestion-grid button>.assistant-action-copy{text-align:right}
.assistant-dialog:not(.has-conversation) .assistant-welcome .assistant-suggestion-grid button>.assistant-action-copy>b,.assistant-dialog:not(.has-conversation) .assistant-welcome .assistant-suggestion-grid button>.assistant-action-copy>small{display:block!important;white-space:normal}
.assistant-dialog:not(.has-conversation) .assistant-welcome .assistant-suggestion-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important}
.assistant-dialog:not(.has-conversation) .assistant-welcome .assistant-suggestion-grid>button{display:grid!important;grid-column:1!important;grid-template-columns:34px minmax(0,1fr) 16px!important;grid-template-rows:minmax(0,1fr)!important;align-items:center!important;text-align:right!important}
.assistant-dialog:not(.has-conversation) .assistant-welcome .assistant-suggestion-grid>button{border-radius:14px!important}
.assistant-dialog:not(.has-conversation) .assistant-welcome .assistant-suggestion-grid>button>span:first-child{grid-area:1/1/2/2!important}
.assistant-dialog:not(.has-conversation) .assistant-welcome .assistant-suggestion-grid>button>.assistant-action-copy{grid-area:1/2/2/3!important;width:auto!important;height:auto!important;min-height:0!important;align-items:start!important}
.assistant-dialog:not(.has-conversation) .assistant-welcome .assistant-suggestion-grid>button>svg{display:block!important;grid-area:1/3/2/4!important;justify-self:center!important}
.assistant-dialog.has-conversation .assistant-message.user>div{border:1px solid #354235;background:#303a30;color:#fff}
.assistant-dialog.has-conversation .assistant-message.user>div p{color:#fff}
.assistant-dialog.has-conversation .assistant-message.user>div small{color:#d0d7cc}
.assistant-dialog.has-conversation .assistant-message.bot>div{border:0;background:transparent;box-shadow:none}
@media(max-width:640px){.assistant-dialog,.assistant-dialog[open]{inset:0;width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;box-shadow:none}.assistant-head{flex-basis:60px;padding-inline:15px}.assistant-messages{padding:16px 17px 18px}.assistant-welcome{padding:25px 1px 12px}.assistant-welcome h3{font-size:21px}.assistant-dialog.has-conversation .assistant-messages{padding:16px 14px}.assistant-start-footer{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.assistant-message>div,.assistant-message.bot>div,.assistant-message.user>div{max-width:90%}}
.hero-actions .hero-explore{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:12px 17px;border:0;background:transparent;color:#606b55;font-size:14px;font-weight:500}.hero-actions .hero-explore:hover,.hero-actions .hero-explore:focus-visible{border:0;background:transparent;color:#35452f}.hero-actions .hero-explore svg{width:16px;height:16px}
.integration-marquee{max-width:1240px;margin:0 auto;padding:12px 34px 30px;text-align:center;overflow:hidden}.integration-intro>span{font-size:11px;font-weight:600;color:#67745c}.integration-intro p{margin-top:4px;font-size:12px;color:#939a8e}.integration-window{position:relative;overflow:hidden;margin:15px -34px 0;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.integration-track{display:flex;width:max-content;animation:integration-scroll 34s linear infinite}.integration-marquee:hover .integration-track{animation-play-state:paused}.integration-group{display:flex;align-items:center;gap:clamp(35px,6vw,82px);padding:5px 38px}.integration-item{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;color:#464d42;direction:ltr}.integration-item b{font-size:17px;letter-spacing:-.35px}.integration-item svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shopify-mark{color:#66833d}.shopify-mark b{font-family:Arial,sans-serif;font-style:italic;font-weight:800;font-size:20px}.easyorders-mark{color:#31382f}.easyorders-mark i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#ef754b;color:#fff;font:800 17px Arial;font-style:normal}.easyorders-mark b{font-size:15px;letter-spacing:-.5px}.n8n-mark{color:#ea6a44}.n8n-mark svg{stroke-width:2.3}.code-mark,.webhook-mark,.custom-mark{color:#738268}.code-mark i{font:700 18px ui-monospace,monospace;font-style:normal;letter-spacing:-2px}.webhook-mark>span{font-size:24px;line-height:1}.custom-mark i{font-size:22px;font-style:normal}.integration-note{display:block;margin-top:9px;color:#a0a598;font-size:9px}@keyframes integration-scroll{to{transform:translateX(-50%)}}@media(max-width:600px){.integration-marquee{padding:7px 19px 22px}.integration-window{margin:13px -19px 0}.integration-item b{font-size:15px}.integration-group{gap:34px;padding-inline:25px}.integration-note{font-size:8px}}@media(prefers-reduced-motion:reduce){.integration-track{animation:none}}
.integration-marquee{padding:12px 34px 28px}.integration-window{margin:0 -34px}.integration-group{gap:clamp(58px,9vw,112px);padding:12px 48px}.integration-item{font-size:24px;font-weight:650;letter-spacing:-.55px}.integration-item.shopify{font-family:Arial,sans-serif;font-size:26px;font-weight:800;font-style:italic;color:#66833d}.integration-item.easyorders{font-size:22px;color:#394239}.integration-item.n8n{font-size:25px;color:#e96945}.integration-item.webhooks{color:#65785b}.integration-item.api{font-family:ui-monospace,monospace;font-size:25px;letter-spacing:.2px;color:#40483d}@media(max-width:600px){.integration-marquee{padding:7px 19px 22px}.integration-window{margin:0 -19px}.integration-group{gap:43px;padding:10px 30px}.integration-item,.integration-item.shopify,.integration-item.easyorders,.integration-item.n8n,.integration-item.webhooks,.integration-item.api{font-size:21px}}@media(prefers-reduced-motion:reduce){.integration-track{animation:none}}
.integration-item.shopify,.integration-item.easyorders,.integration-item.n8n,.integration-item.webhooks,.integration-item.api{color:#7b807b!important;text-transform:uppercase;font-family:Arial,sans-serif;font-size:25px;font-style:normal;font-weight:700;letter-spacing:.35px}.integration-item.api{font-family:Arial,sans-serif;font-size:25px;letter-spacing:.7px}
@media(max-width:700px){.value-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:5px;flex-wrap:nowrap;padding:18px 10px}.value-strip>span{display:none}.value-strip>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-width:0;white-space:nowrap;font-size:0;color:#7d8575}.value-strip>div svg{width:17px;height:17px}.value-strip>div:after{font-size:10px;line-height:1.4}.value-strip>div:nth-of-type(1):after{content:'رسائل'}.value-strip>div:nth-of-type(2):after{content:'أتمتة'}.value-strip>div:nth-of-type(3):after{content:'رؤية'}.value-strip>div:nth-of-type(4):after{content:'تحكم'}}
@media(max-width:360px){.value-strip{gap:2px;padding-inline:6px}.value-strip>div:after{font-size:9px}}
.integration-marquee{max-width:none;padding:17px 0 19px;border-block:1px solid #f0f1ee;background:linear-gradient(180deg,#fcfcfb 0%,#fff 100%)}.integration-window{max-width:1320px;margin:0 auto;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.integration-track{animation-duration:38s}.integration-group{gap:clamp(58px,8vw,116px);padding:13px clamp(30px,4vw,58px)}.integration-item.shopify,.integration-item.easyorders,.integration-item.n8n,.integration-item.webhooks,.integration-item.api{font-size:22px;font-weight:500;letter-spacing:.12em;word-spacing:.2em;color:#a5a9a4!important;transition:color .2s ease}.integration-marquee:hover .integration-item{color:#858b84!important}@media(max-width:600px){.integration-marquee{padding:13px 0 15px}.integration-window{margin:0 8px}.integration-group{gap:43px;padding:11px 28px}.integration-item.shopify,.integration-item.easyorders,.integration-item.n8n,.integration-item.webhooks,.integration-item.api{font-size:19px;letter-spacing:.1em}}
.integration-item.shopify,.integration-item.easyorders,.integration-item.n8n,.integration-item.webhooks,.integration-item.api{font-family:Plex,Arial,sans-serif;font-size:22px;font-weight:500;letter-spacing:.09em;word-spacing:.18em;color:#a1a59f!important}.integration-item.api{font-size:23px;letter-spacing:.12em}@media(max-width:600px){.integration-item.shopify,.integration-item.easyorders,.integration-item.n8n,.integration-item.webhooks,.integration-item.api{font-size:19px;letter-spacing:.08em}.integration-item.api{font-size:20px;letter-spacing:.1em}}

/* Wexora conversation UI, inspired by the provided chat reference */
.assistant-dialog,.assistant-dialog[open]{inset:auto auto 24px 24px;width:min(430px,calc(100vw - 32px));height:min(650px,calc(100dvh - 48px));border:1px solid #e5e8e5;border-radius:22px;background:#fff;box-shadow:0 16px 48px rgba(22,35,31,.18),0 3px 10px rgba(22,35,31,.06)}
.assistant-dialog[open]{display:flex!important}
.assistant-head{flex:0 0 74px;padding:0 19px;border:0;border-radius:21px 21px 0 0;background:#08b8ad;color:#fff;box-shadow:0 2px 5px rgba(0,70,65,.18)}
.assistant-brand{gap:12px}.assistant-head-mark{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.85);border-radius:50%;background:transparent;color:#fff;font-size:26px;font-weight:700;line-height:1}.assistant-brand>div{gap:3px}.assistant-head b{color:#fff;font-size:16px;font-weight:650}.assistant-head small{color:rgba(255,255,255,.8);font-size:10px}.assistant-head small i{background:#d8ffeb;box-shadow:0 0 0 3px rgba(255,255,255,.16)}
.assistant-head-tools{gap:5px}.assistant-new-chat,.assistant-head-tools>.icon-button{width:36px;height:36px;border-radius:50%;color:#fff}.assistant-new-chat:hover,.assistant-head-tools>.icon-button:hover{background:rgba(255,255,255,.17);color:#fff}.assistant-new-chat svg,.assistant-head-tools>.icon-button svg{width:19px;height:19px}
.assistant-messages,.assistant-dialog.has-conversation .assistant-messages{gap:0;padding:17px 18px 15px;background:#fff;scroll-behavior:smooth}
.assistant-dialog:not(.has-conversation)>.assistant-messages{align-items:stretch!important;justify-content:flex-start!important}
.assistant-welcome{display:block!important;flex:0 0 auto;min-height:0;margin:0;padding:4px 0 10px;text-align:right}
.assistant-welcome-label{margin:0 0 7px;color:#727875;font-size:12px;font-weight:500}
.assistant-welcome-bubble{position:relative;padding:15px 16px 12px;border:1px solid #f0f0f0;border-radius:15px;background:#f4f4f4;color:#383d3c}
.assistant-welcome-bubble h3{margin:0;color:#343a39;font-size:17px;font-weight:600;line-height:1.55}.assistant-welcome-bubble p{margin:6px 0 0;color:#454b49;font-size:13px;line-height:1.7}.assistant-welcome-bubble>small{display:block;margin-top:6px;color:#999e9b;font-size:10px;text-align:left}
.assistant-dialog:not(.has-conversation) .assistant-welcome>.assistant-suggestions{display:block;width:100%;margin:13px 0 0;padding:0;background:transparent}
.assistant-dialog:not(.has-conversation) .assistant-welcome .assistant-suggestion-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
.assistant-dialog:not(.has-conversation) .assistant-welcome .assistant-suggestion-grid>button{display:flex!important;grid-column:auto!important;align-items:center;justify-content:center;min-width:0;min-height:42px;padding:7px 10px;border:1px solid #cfd5d2!important;border-radius:999px!important;background:#fff;color:#646c69;text-align:center;font-size:12px;font-weight:500;line-height:1.35;white-space:normal;transition:border-color .16s,background .16s,color .16s}
.assistant-dialog:not(.has-conversation) .assistant-welcome .assistant-suggestion-grid>button:hover{border-color:#08b8ad!important;background:#f3fbfa;color:#087f79}.assistant-dialog:not(.has-conversation) .assistant-welcome .assistant-suggestion-grid>button:last-child{grid-column:1/-1!important;justify-self:center;min-width:48%}
.assistant-message{display:flex;align-items:flex-start;gap:0;width:100%;margin:0 0 13px;padding:0;border:0}.assistant-message.bot{justify-content:flex-start}.assistant-message.user{justify-content:flex-end}
.assistant-avatar{display:none!important}.assistant-message>div{display:flex;flex:0 1 94%;flex-direction:column;min-width:0;max-width:94%;padding:0;border:0;background:transparent;box-shadow:none}
.assistant-speaker{display:block;margin:0 0 5px;color:#747a78;font-size:11px;font-weight:500;line-height:1.3}.assistant-message.user .assistant-speaker{text-align:right}
.assistant-message-bubble{width:fit-content;max-width:100%;padding:12px 15px 8px;border:1px solid #f0f0f0;border-radius:15px;background:#f3f3f3;color:#383d3c}.assistant-message.user .assistant-message-bubble{align-self:flex-end;border-color:#ccefeb;border-radius:15px 15px 4px 15px;background:#def5f2;color:#33413f}
.assistant-message p{margin:0;color:inherit;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.assistant-message small{display:block;margin-top:6px;color:#929896;font-size:10px;line-height:1.3;text-align:left}.assistant-message.user small{text-align:left;color:#87918f}
.assistant-start-footer{gap:6px;padding:10px 14px 9px;border-top:1px solid #f0f1ef;background:#fff}.assistant-compose,.assistant-dialog.has-conversation .assistant-compose{min-height:58px;padding:6px 7px 6px 9px;border:1px solid #d9dfdc;border-radius:16px;background:#fff;box-shadow:0 2px 8px rgba(26,38,34,.04)}.assistant-compose:focus-within{border-color:#84d5ce;box-shadow:0 0 0 3px rgba(8,184,173,.1)}
.assistant-compose textarea{height:40px;min-height:40px;padding:9px 10px;color:#333b39;font-size:13px!important}.assistant-compose textarea::placeholder{color:#929996}.assistant-compose>button{flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#08b8ad;color:#fff}.assistant-compose>button:hover{background:#079c94}.assistant-compose textarea:placeholder-shown+button{background:#b9deda;color:#fff}.assistant-note{color:#9ba19e;font-size:9px;text-align:center}
.assistant-dialog.has-conversation .assistant-welcome{display:none!important}.assistant-dialog.has-conversation .assistant-message.bot>div,.assistant-dialog.has-conversation .assistant-message.user>div{max-width:94%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.assistant-dialog.has-conversation .assistant-message.bot .assistant-message-bubble{border:1px solid #f0f0f0;background:#f3f3f3}.assistant-dialog.has-conversation .assistant-message.user .assistant-message-bubble{border:1px solid #ccefeb;background:#def5f2}.assistant-thinking{margin:0 0 12px;padding:10px 13px;border:1px solid #efefef;border-radius:13px;background:#f4f4f4}.assistant-thinking i{background:#08b8ad}
.assistant-apply{border-radius:999px;background:#08a99f}.assistant-apply:hover{background:#078d85}
@media(max-width:640px){.assistant-dialog,.assistant-dialog[open]{inset:8px;width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:22px}.assistant-head{flex-basis:70px;border-radius:21px 21px 0 0;padding-inline:17px}.assistant-head-mark{width:43px;height:43px}.assistant-messages,.assistant-dialog.has-conversation .assistant-messages{padding:16px 15px 13px}.assistant-welcome{padding-top:3px}.assistant-welcome-bubble{padding:15px}.assistant-message>div{max-width:96%;flex-basis:96%}.assistant-start-footer{padding:9px 11px 10px}.assistant-compose,.assistant-dialog.has-conversation .assistant-compose{min-height:56px}}

/* Keep the fresh-chat state compact and prevent the composer from inheriting
   older absolute-positioned/oversized assistant layouts. */
.assistant-dialog:not(.has-conversation){height:min(490px,calc(100dvh - 48px))!important}
.assistant-dialog:not(.has-conversation)>.assistant-messages{display:block!important;flex:1 1 auto;min-height:0;overflow-y:auto}
.assistant-dialog:not(.has-conversation)>.assistant-start-footer{display:flex!important;flex:0 0 auto!important;align-items:stretch!important;width:100%!important;padding:10px 14px 9px!important}
.assistant-dialog:not(.has-conversation)>.assistant-start-footer>.assistant-compose{position:relative!important;inset:auto!important;display:flex!important;flex:0 0 auto!important;align-items:center!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:auto!important;min-height:56px!important;margin:0!important;padding:6px 7px!important;overflow:hidden;border:1px solid #d9dfdc!important;border-radius:16px!important;background:#fff!important;direction:rtl}
.assistant-dialog:not(.has-conversation)>.assistant-start-footer>.assistant-compose textarea{flex:1 1 auto!important;min-width:0!important;width:0!important;height:40px!important;min-height:40px!important;margin:0!important;padding:9px 10px!important;direction:rtl}
.assistant-dialog:not(.has-conversation)>.assistant-start-footer>.assistant-compose>button{position:relative!important;inset:auto!important;display:grid!important;flex:0 0 38px!important;width:38px!important;height:38px!important;margin:0!important;border-radius:12px!important}
@media(max-width:640px){.assistant-dialog:not(.has-conversation){inset:8px!important;width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important}.assistant-dialog:not(.has-conversation)>.assistant-messages{padding:16px 15px 13px}.assistant-dialog:not(.has-conversation)>.assistant-start-footer{padding:9px 11px 10px!important}}

/* Conversation-first welcome, following the compact support-chat rhythm. */
.assistant-dialog:not(.has-conversation){height:min(600px,calc(100dvh - 48px))!important}
.assistant-dialog:not(.has-conversation)>.assistant-messages{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:stretch!important;gap:0!important}
.assistant-dialog:not(.has-conversation) .assistant-welcome{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;gap:8px!important;width:100%!important;min-height:0!important;margin:auto 0 0!important;padding:0 0 5px!important;text-align:right!important}
.assistant-dialog:not(.has-conversation) .assistant-welcome-label{margin:0 0 -3px!important;padding-inline:2px;color:#727875;font-size:12px;font-weight:500}
.assistant-dialog:not(.has-conversation) .assistant-welcome-bubble{width:fit-content;max-width:94%;padding:13px 15px 8px;border:0;border-radius:15px 15px 15px 4px;background:#f3f3f3;color:#383d3c}
.assistant-dialog:not(.has-conversation) .assistant-greeting-bubble{min-width:70%;}
.assistant-dialog:not(.has-conversation) .assistant-welcome-bubble p{margin:0;color:#383d3c;font-size:14px;line-height:1.65}
.assistant-dialog:not(.has-conversation) .assistant-welcome-bubble h3{margin:0;color:#343a39;font-size:15px;font-weight:600;line-height:1.4}
.assistant-dialog:not(.has-conversation) .assistant-welcome-bubble small{display:block;margin-top:5px;color:#929896;font-size:10px;line-height:1.3;text-align:left}
.assistant-dialog:not(.has-conversation) .assistant-question-bubble{width:100%;max-width:100%;}
.assistant-dialog:not(.has-conversation) .assistant-welcome>.assistant-suggestions{display:block!important;width:100%!important;margin:1px 0 0!important;padding:0!important;background:transparent!important}
.assistant-dialog:not(.has-conversation) .assistant-suggestion-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.assistant-dialog:not(.has-conversation) .assistant-suggestion-grid>button{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:39px!important;padding:6px 9px!important;border:1px solid #cfd5d2!important;border-radius:999px!important;background:#fff!important;color:#646c69!important;text-align:center!important;font-size:12px!important;font-weight:500!important;line-height:1.35!important;white-space:normal!important}
.assistant-dialog:not(.has-conversation) .assistant-suggestion-grid>button:last-child{grid-column:auto!important;justify-self:stretch!important;min-width:0!important}
@media(max-width:640px){.assistant-dialog:not(.has-conversation){height:100dvh!important}.assistant-dialog:not(.has-conversation) .assistant-welcome-bubble{max-width:96%}.assistant-dialog:not(.has-conversation) .assistant-question-bubble{max-width:100%}}

/* The floating AI chat has been removed from the product interface. */
.assistant-launcher,.assistant-dialog{display:none!important;visibility:hidden!important;pointer-events:none!important}

/* Commerce workspace: one hierarchy and one responsive layout. */
.commerce-page{display:grid;gap:24px;min-width:0}.commerce-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--line,#e7e9e3);border-radius:16px;padding:20px 8px}.commerce-overview-item{padding:0 22px;display:flex;flex-direction:column;gap:12px;border-inline-start:1px solid var(--line,#e7e9e3)}.commerce-overview-item:first-child{border-inline-start:0}.commerce-overview-item>span{font-size:12px;color:var(--muted,#858b80);line-height:1.6}.commerce-overview-item strong{font-size:27px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}.commerce-overview-item.positive strong{color:#64804c}.commerce-overview-item.attention strong{color:#a8795c}.commerce-workspace{min-width:0;background:#fff;border:1px solid var(--line,#e7e9e3);border-radius:18px;overflow:hidden}.commerce-workspace-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 22px;border-bottom:1px solid var(--line,#e7e9e3)}.commerce-tabs{display:flex;gap:24px;align-items:center}.commerce-tabs button{position:relative;border:0;background:none;box-shadow:none;padding:21px 0;display:flex;align-items:center;gap:7px;white-space:nowrap;color:var(--muted,#858b80);font:inherit;font-size:13px;cursor:pointer}.commerce-tabs button[aria-selected=true]{color:var(--text,#30382d);font-weight:650}.commerce-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#768864;border-radius:3px}.commerce-tabs button>span{font-size:10px;min-width:20px;text-align:center;background:#f3f5f0;padding:2px 5px;border-radius:6px}.commerce-connect-link,.commerce-empty-connect,.commerce-store-settings{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:12px;color:var(--text,#30382d);border:0;background:transparent;box-shadow:none;cursor:pointer;padding:8px 0}.commerce-connect-link svg,.commerce-empty-connect svg,.commerce-store-settings svg{width:15px;height:15px}.commerce-page [data-commerce-pane]{border:0;border-radius:0;box-shadow:none;margin:0;min-width:0;background:none}.commerce-page [data-commerce-pane][hidden]{display:none!important}.commerce-page .panel-head{padding:24px;display:flex;align-items:center;gap:12px;border:0}.commerce-page .panel-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;line-height:1.6}.commerce-page .panel-head p{font-size:12px;margin:5px 0 0;line-height:1.8;color:var(--muted,#858b80)}.commerce-page .panel-head .count-pill{font-size:10px}.commerce-section-mark{color:var(--muted,#858b80)}.commerce-section-mark svg{width:20px;height:20px}.commerce-orders .toolbar{display:flex;align-items:center;gap:16px;margin:0;padding:0 24px 18px;border-bottom:1px solid var(--line,#e7e9e3)}.commerce-orders .toolbar .search-input{flex:1;min-width:0;background:none;border:0;box-shadow:none}.commerce-orders .toolbar input{background:none;border:0;box-shadow:none;font-size:13px}.commerce-orders .toolbar select{margin:0;width:160px;min-height:36px;border:1px solid var(--line,#e7e9e3);border-radius:9px;background:#fafbf8;font-size:12px}.commerce-page .table-wrap{overflow-x:auto}.commerce-orders table{min-width:900px}.commerce-page th{font-size:11px;white-space:nowrap;padding:13px 20px;background:#fafbf8}.commerce-page td{padding:18px 20px;vertical-align:middle;font-size:12px;line-height:1.7}.commerce-sub{display:block;font-size:11px;margin-top:4px;color:var(--muted,#858b80)}.commerce-reason{display:block;max-width:210px;overflow-wrap:anywhere}.commerce-page td .icon-button{width:28px;height:28px;vertical-align:middle}.commerce-page .empty{padding:40px 24px;text-align:center;min-height:0}.commerce-page .empty .circle-icon{width:42px;height:42px;margin-bottom:8px}.commerce-page .empty h3{font-size:16px;margin:8px 0}.commerce-page .empty p{font-size:12px;margin:6px auto 0;max-width:40ch;line-height:1.9}.commerce-empty-connect{display:flex;justify-content:center;margin:-20px auto 30px} .commerce-platform-list{padding:0 24px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.commerce-platform-row{display:flex;flex-direction:column;min-width:0;border:1px solid #e5e8e1;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 2px 5px rgba(35,44,30,.035);transition:border-color 180ms ease,box-shadow 180ms ease;min-height:178px}.commerce-platform-row:hover{border-color:#cfd7c6;box-shadow:0 4px 12px rgba(35,44,30,.055)}.commerce-platform-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px 0}.commerce-platform-logo{display:block;width:32px;height:32px;object-fit:contain;flex-shrink:0}.commerce-platform-action{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;color:#7b866f;cursor:pointer;transition:color 180ms ease}.commerce-platform-action svg{width:19px;height:19px;stroke-width:1.7}.commerce-platform-action:hover:not(:disabled){color:#3f5631;background:transparent;box-shadow:none}.commerce-platform-action:focus-visible{outline:2px solid #829c65;outline-offset:3px;border-radius:5px}.commerce-platform-action:disabled{color:#b1b7aa;cursor:default;box-shadow:none}.commerce-platform-content{padding:12px 20px 16px;flex:1}.commerce-platform-content h3{font-size:17px;font-weight:600;margin:0 0 9px;direction:ltr;text-align:right;line-height:1.5}.commerce-platform-content p{font-size:12px;color:#8a9084;line-height:1.9;margin:0;max-width:29ch}.commerce-platform-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eef0e9;background:#fafbf8;padding:10px 20px;min-height:38px}.commerce-platform-status{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#8b9282;line-height:1.5}.commerce-platform-status svg{width:14px;height:14px;flex-shrink:0}.commerce-platform-row.is-connected .commerce-platform-footer{background:#f1f6eb;border-top-color:#e8efe0}.commerce-platform-row.is-connected .commerce-platform-status{color:#718c57}.commerce-platform-manage{font:inherit;font-size:10px;border:0;background:none;color:#6c8158;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.commerce-platform-manage svg{width:12px;height:12px}.commerce-platform-row.is-unavailable .commerce-platform-logo{opacity:.65}.commerce-platform-row.is-unavailable h3{color:#8d9487}.commerce-platform-row.is-unavailable:hover{border-color:#e5e8e1;box-shadow:0 2px 5px rgba(35,44,30,.035)}.commerce-platform-letter{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#f1f4ec;font-size:17px;font-weight:600;flex-shrink:0}.commerce-store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 24px 24px}.commerce-store-card{border:1px solid var(--line,#e7e9e3);border-radius:14px;padding:18px;min-width:0}.commerce-store-heading{display:flex;align-items:center;gap:10px}.commerce-store-heading>div{flex:1;min-width:0}.commerce-store-heading h3{font-size:14px;margin:0 0 3px;overflow-wrap:anywhere}.commerce-store-heading small{font-size:11px;color:var(--muted,#858b80)}.commerce-store-state{font-size:10px;display:flex;align-items:center;gap:5px;color:var(--muted,#858b80);white-space:nowrap}.commerce-store-state:before{content:'';width:5px;height:5px;border-radius:50%;background:#aaa}.commerce-store-state.enabled:before{background:#829c65}.commerce-store-details{display:grid;gap:10px;padding:18px 0;font-size:11px}.commerce-store-details>div{display:flex;justify-content:space-between;gap:12px;min-width:0}.commerce-store-details span{color:var(--muted,#858b80);flex-shrink:0}.commerce-store-details bdi,.commerce-store-details b{font-weight:500;overflow-wrap:anywhere;text-align:end}.commerce-store-card footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line,#e7e9e3)}.commerce-modal{width:min(620px,calc(100vw - 32px))}.commerce-modal #modal-body>p{font-size:13px;line-height:1.8}.commerce-modal #modal-form{display:grid;gap:18px}.commerce-form-group{padding:16px;border-radius:13px;background:#f7f8f4}.commerce-form-group h3{font-size:13px;margin:0 0 14px}.commerce-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.commerce-form-fields label{margin:0;min-width:0;font-size:12px;line-height:1.7}.commerce-form-fields input,.commerce-form-fields select{width:100%;min-height:42px;margin-top:6px}.commerce-form-fields [data-commerce-field=session_id],.commerce-form-fields [data-commerce-field=api_key],.commerce-form-fields [data-commerce-field=webhook_secret]{grid-column:1/-1}.commerce-setup{padding:16px;border-radius:13px;background:#f7f8f4;margin-bottom:16px}.commerce-setup p{font-size:12px;line-height:1.8}.commerce-setup code{display:inline-block;max-width:100%;overflow-wrap:anywhere;font-size:12px;text-align:left}.commerce-modal #modal-form>.form-error:empty{display:none}.commerce-tabs button:focus-visible,.commerce-connect-link:focus-visible,.commerce-store-settings:focus-visible{outline:2px solid #829c65;outline-offset:4px;border-radius:3px}@media(max-width:700px){.commerce-page{gap:16px}.commerce-overview{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.commerce-overview-item{padding:16px 18px;gap:8px}.commerce-overview-item:nth-child(3){border-inline-start:0}.commerce-overview-item:nth-child(n+3){border-top:1px solid var(--line,#e7e9e3)}.commerce-overview-item strong{font-size:23px}.commerce-workspace-nav{padding:0 16px;gap:8px}.commerce-tabs{gap:18px}.commerce-tabs button{font-size:12px;padding:18px 0}.commerce-connect-link{display:none}.commerce-page .panel-head{padding:20px 16px}.commerce-orders .toolbar{padding:0 16px 16px;gap:12px;flex-wrap:wrap}.commerce-orders .toolbar .search-input{flex-basis:100%}.commerce-orders .toolbar select{width:100%}.commerce-orders .toolbar input,.commerce-orders .toolbar select{font-size:16px}.commerce-platform-list,.commerce-store-grid{grid-template-columns:1fr;padding:0 16px 16px;gap:12px}.commerce-platform-row{min-height:168px}.commerce-platform-top{padding:16px 18px 0}.commerce-platform-content{padding:12px 18px 16px}.commerce-platform-footer{padding:12px 20px}.commerce-platform-content p{max-width:none}.commerce-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}.commerce-form-fields [data-commerce-field=name],.commerce-form-fields [data-commerce-field=store_ref]{grid-column:1/-1}.commerce-form-fields input,.commerce-form-fields select{font-size:16px}.commerce-page .empty{padding:30px 18px}}

@media(min-width:701px) and (max-width:1050px){.commerce-platform-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.commerce-platform-row,.commerce-platform-action{transition:none}}

/* Platform app controls remain reachable on mobile. */
.commerce-platforms>[data-shopify-app]{margin:0 24px 20px;font-size:12px}
@media(max-width:700px){.commerce-connect-link[data-shopify-app],#commerce-reauthorize,#commerce-setup-retry{display:inline-flex}.commerce-platforms>[data-shopify-app]{margin:0 16px 16px}}
#modal.shopify-connect-modal{width:min(520px,calc(100vw - 28px));padding:28px;border-radius:22px;border:1px solid #e5e9e0;box-shadow:0 20px 70px #20271d22;background:#fff}#modal.shopify-connect-modal .modal-head{padding:0;margin:0 0 24px;border:0}#modal.shopify-connect-modal #modal-title{font-size:19px;line-height:1.5;font-weight:600}#modal.shopify-connect-modal .modal-head>.icon-button{width:30px;height:30px;border:0;background:none;border-radius:50%;color:#949b8e}#modal.shopify-connect-modal .modal-head>.icon-button:hover{background:#f2f5ed}#modal.shopify-connect-modal #modal-form{display:flex;flex-direction:column;gap:0}.shopify-connect-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:6px;background:#f4f6ef;border:1px solid #e9ede3;border-radius:16px}.shopify-connect-field{margin:0;display:flex;flex-direction:column;gap:6px;min-width:0;background:transparent;border:1px solid transparent;border-radius:11px;padding:14px 16px;transition:background .18s,border-color .18s,box-shadow .18s}.shopify-connect-field:hover{background:#ffffff65}.shopify-connect-field:focus-within{background:#fff;border-color:#d9e2cd;box-shadow:0 2px 8px #35432909}.shopify-connect-label{font-size:12px;font-weight:500;color:#818b76;line-height:1.6}#modal.shopify-connect-modal .shopify-connect-field input,#modal.shopify-connect-modal .shopify-connect-field select{display:block;margin:0!important;min-height:30px;height:30px;width:100%;min-width:0;border:0;border-radius:0;background:transparent;font-size:14px;box-shadow:none;padding:0;color:#343e2d;outline:none;font-weight:500}#modal.shopify-connect-modal .shopify-connect-field select{cursor:pointer;padding-inline-end:22px;appearance:none}#modal.shopify-connect-modal .shopify-connect-field input::placeholder{font-size:13px;font-weight:400;color:#a4ad99}#modal.shopify-connect-modal .shopify-connect-field input:focus,#modal.shopify-connect-modal .shopify-connect-field select:focus{outline:none;box-shadow:none;border:0}#modal.shopify-connect-modal .form-error{font-size:12px;margin:12px 0 0}#modal.shopify-connect-modal .form-error:empty{display:none}#modal.shopify-connect-modal #modal-form>button{width:100%;align-self:stretch;min-height:48px;min-width:0;border-radius:13px;margin:18px 0 0;position:relative;padding:9px 18px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:12px;background:#2b3326;border-color:#2b3326;color:#fff;box-shadow:none;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;}#modal.shopify-connect-modal #modal-form>button:hover:not(:disabled){background:#3b4831;border-color:#3b4831;box-shadow:0 5px 14px #2b332616}#modal.shopify-connect-modal #modal-form>button:active:not(:disabled){transform:translateY(1px);box-shadow:none}#modal.shopify-connect-modal #modal-form>button svg{width:17px;height:17px;position:absolute;left:18px;transition:transform .18s}#modal.shopify-connect-modal #modal-form>button:hover:not(:disabled) svg{transform:translate(-2px,-2px)}@media(max-width:600px){#modal.shopify-connect-modal{width:calc(100vw - 24px);padding:22px 18px;max-height:calc(100dvh - 32px)}#modal.shopify-connect-modal .modal-head{margin-bottom:20px}.shopify-connect-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:4px}.shopify-connect-field{padding:12px 10px;border-radius:10px}#modal.shopify-connect-modal .shopify-connect-field input,#modal.shopify-connect-modal .shopify-connect-field select{font-size:16px}#modal.shopify-connect-modal .shopify-connect-field input::placeholder{font-size:11px}#modal.shopify-connect-modal #modal-form>button{margin-top:14px}}
.shopify-connect-field[data-field=session_id]{position:relative}.shopify-connect-field[data-field=session_id]:after{content:"";position:absolute;left:15px;bottom:24px;width:6px;height:6px;border-left:1.5px solid #8e9983;border-bottom:1.5px solid #8e9983;transform:rotate(-45deg);pointer-events:none}
@font-face{font-family:Plex;src:url('/assets/arabic-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Plex;src:url('/assets/arabic-semibold.ttf') format('truetype');font-weight:500 800;font-display:swap}

/* Shopify connection: interaction and execution feedback. */
.shopify-connect-label{transition:color .18s}.shopify-connect-field:focus-within .shopify-connect-label{color:#657a51}.shopify-connect-field[data-field=session_id]:after{transition:border-color .18s}.shopify-connect-field[data-field=session_id]:focus-within:after{border-color:#657a51}#modal.shopify-connect-modal .shopify-connect-field input{font-variant-numeric:tabular-nums;letter-spacing:.1px}.shopify-connect-field:has(input:user-invalid){border-color:#d6a6a0;background:#fcf8f7}#modal.shopify-connect-modal .form-error:not(:empty){padding:10px 12px;border-radius:10px;background:#fbf2f0;color:#a55c51;line-height:1.7}#modal.shopify-connect-modal #modal-form>button:disabled{opacity:.75;cursor:progress;box-shadow:none}#modal.shopify-connect-modal #modal-form>button:disabled svg{display:none}#modal.shopify-connect-modal #modal-form>button:disabled:after{content:"";width:14px;height:14px;flex:0 0 14px;border:2px solid #ffffff45;border-top-color:#fff;border-radius:50%;animation:shopify-connect-spin .8s linear infinite}@keyframes shopify-connect-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.shopify-connect-field,.shopify-connect-label,#modal.shopify-connect-modal #modal-form>button{transition:none}#modal.shopify-connect-modal #modal-form>button:disabled:after{animation:none}}

.shopify-connect-fields{position:relative}.shopify-connect-fields:before{content:"";position:absolute;top:20px;bottom:20px;left:50%;width:1px;background:#dfe5d6;pointer-events:none}.shopify-connect-field{position:relative}#modal.shopify-connect-modal #modal-form>button:disabled:after{position:absolute;left:18px}.shopify-connect-field[data-field=session_id]:after{left:14px;bottom:27px}

/* Commerce workspace: one compact navigation row and aligned section tools. */
.commerce-page{gap:20px}
.commerce-workspace-nav{padding:14px 20px;gap:16px;min-height:72px;background:#fdfefb}
.commerce-tabs{gap:4px;padding:4px;border-radius:12px;background:#f1f3ed;min-width:0}
.commerce-tabs button{padding:10px 14px;gap:8px;border-radius:9px;font-size:13px;line-height:1.4;transition:background .18s,color .18s}
.commerce-tabs button b{font-weight:500}
.commerce-tabs button svg{width:16px;height:16px;flex-shrink:0;stroke-width:1.7}
.commerce-tabs button[aria-selected=true]{background:#fff;color:#39472f;box-shadow:0 1px 3px #24321b0b}
.commerce-tabs button[aria-selected=true] b{font-weight:600}
.commerce-tabs button[aria-selected=true]:after{display:none}
.commerce-tabs button:hover:not([aria-selected=true]){background:#e8ede1;color:#536346}
.commerce-tabs button>span{background:#e9eee2;color:#78856b;min-width:18px;padding:2px 4px;font-size:10px}
.commerce-workspace-nav>.commerce-connect-link{flex-shrink:0;font-size:13px;gap:6px;color:#596d46;padding:8px 2px}
.commerce-page .panel-head{padding:22px 24px 16px;align-items:center;justify-content:space-between}
.commerce-page .panel-head p{margin-top:3px}
.commerce-order-tools.toolbar{padding:0 24px 16px;gap:12px;align-items:center}
.commerce-order-tools.toolbar .search-input{height:40px;padding:0;display:flex;align-items:center;gap:9px;flex:0 1 360px;width:auto;max-width:360px}
.commerce-order-tools.toolbar .search-input svg{position:static;inset:auto;width:17px;height:17px;flex-shrink:0;color:#8b9581}
.commerce-order-tools.toolbar input{margin:0;min-height:40px;height:40px;padding:0;font-size:13px;outline:none}
.commerce-order-tools.toolbar select{height:40px;min-height:40px;width:164px;padding:0 12px;border-radius:10px;border-color:#e8ece2;background:#f7f9f3;color:#66735a;flex-shrink:0}
.commerce-platform-list{gap:16px;padding-bottom:20px}
.commerce-platform-row{min-height:154px;border-radius:14px;box-shadow:none}
.commerce-platform-top{padding:18px 18px 0}
.commerce-platform-content{padding:10px 18px 18px}
.commerce-platform-content h3{font-size:16px;margin-bottom:6px}
.commerce-platform-content p{font-size:12px;line-height:1.8;max-width:30ch}
.commerce-platforms>[data-shopify-app]{display:flex;margin:0 24px 20px;font-size:12px;color:#87917e}
.commerce-store-grid{gap:16px}
.commerce-store-card{padding:18px;background:#fdfefb}
.commerce-page .empty{padding:32px 24px}
.commerce-orders .panel-head{padding-bottom:10px}
.commerce-order-tools.toolbar{justify-content:flex-start;padding-bottom:18px}
.commerce-orders #commerce-orders>.empty{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:14px;row-gap:4px;align-items:center;text-align:start;border:0;border-radius:0;margin:0;padding:30px 24px 34px;background:#fcfdfb}
.commerce-orders #commerce-orders>.empty .circle-icon{grid-row:1/3;width:42px;height:42px;margin:0;border-radius:12px}
.commerce-orders #commerce-orders>.empty h3{font-size:14px;line-height:1.7;margin:0;color:#59664e}
.commerce-orders #commerce-orders>.empty p{font-size:12px;line-height:1.8;margin:0;max-width:none;color:#959c8e}
.commerce-orders .table-wrap{margin:0;border:0;border-radius:0}
@media(max-width:700px){
 .commerce-workspace-nav{padding:12px;gap:10px;flex-wrap:wrap;min-height:0}
 .commerce-tabs{flex:1;justify-content:space-between;gap:2px}
 .commerce-tabs button{justify-content:center;padding:10px 8px;font-size:12px;gap:5px;flex:1}
 .commerce-tabs button svg{width:14px;height:14px}
 .commerce-workspace-nav>.commerce-connect-link{display:inline-flex;font-size:12px;padding:6px 2px}
 .commerce-page .panel-head{padding:18px 16px 12px}
 .commerce-order-tools.toolbar{padding:0 16px 14px;flex-wrap:nowrap;gap:8px}
 .commerce-order-tools.toolbar .search-input{flex:1;min-width:0;max-width:none}
 .commerce-order-tools.toolbar input{font-size:16px;width:100%;min-width:0}
 .commerce-order-tools.toolbar select{width:124px;font-size:16px;padding:0 8px}
 .commerce-platform-list{padding:0 16px 16px;gap:12px}
 .commerce-platform-row{min-height:0}
 .commerce-platform-content p{max-width:none}
 .commerce-platforms>[data-shopify-app]{margin:0 16px 18px}
 .commerce-orders #commerce-orders>.empty{padding:24px 16px 28px;column-gap:12px}
}
@media(max-width:380px){
 .commerce-workspace-nav>.commerce-connect-link{width:100%;justify-content:flex-end;padding:0 4px}
 .commerce-tabs button{padding:9px 6px}
 .commerce-order-tools.toolbar{flex-wrap:wrap}
 .commerce-order-tools.toolbar .search-input{flex-basis:100%}
 .commerce-order-tools.toolbar select{width:100%}
}

/* Orders: compact decision filter and consistent update feedback. */
.commerce-decision-filter{position:relative;display:flex;align-items:center;flex:0 0 180px;height:38px;color:#77816d;border:1px solid #e8ebe3;border-radius:9px;background:#fff;transition:border-color .18s,background .18s}
.commerce-decision-filter:hover{border-color:#cfd8c4;background:#fdfefb}
.commerce-decision-filter:focus-within{outline:2px solid #859b6426;outline-offset:2px;border-color:#a8b798}
.commerce-decision-filter>svg{position:absolute;width:15px;height:15px;pointer-events:none;inset-inline-start:11px}
.commerce-decision-filter>svg:last-child{inset-inline-start:auto;inset-inline-end:10px;width:13px;height:13px}
.commerce-order-tools.toolbar .commerce-decision-filter select{appearance:none;width:100%;height:36px;min-height:36px;padding:0 33px;background:transparent;border:0;box-shadow:none;outline:none;font-size:12px;color:#59664e;margin:0;cursor:pointer;border-radius:8px}
.commerce-refresh{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 0;background:transparent;border:0;box-shadow:none;color:#7c8772;font-size:12px;font-weight:500;line-height:1.5;flex-shrink:0;cursor:pointer;transition:color .18s}
.commerce-refresh svg{width:16px;height:16px;stroke-width:1.7;transition:transform .2s}
.commerce-refresh:hover{color:#3f522e;background:transparent;box-shadow:none}
.commerce-refresh:hover svg{transform:rotate(-30deg)}
.commerce-refresh:focus-visible{outline:2px solid #859b6450;outline-offset:4px;border-radius:4px}
.commerce-decision{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500;line-height:1.7;background:#f3f4ef;color:#7a826f}
.commerce-decision:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}
.commerce-decision.confirmed{background:#edf5e9;color:#64804f}
.commerce-decision.cancelled{background:#faf0ee;color:#ae7164}
.commerce-sync{display:flex;align-items:center;gap:5px}
.commerce-sync-state{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#8a9182;font-size:11px;line-height:1.7}
.commerce-sync-state svg{width:14px;height:14px;flex-shrink:0;stroke-width:1.7}
.commerce-sync-state.synced{color:#64804f}
.commerce-sync-state.review{color:#ad8751}
.commerce-sync-state.waiting{color:#7e8b9c}
@media(max-width:700px){.commerce-decision-filter{flex-basis:156px}.commerce-order-tools.toolbar .commerce-decision-filter select{font-size:16px;padding-inline-start:30px;padding-inline-end:25px}.commerce-refresh{font-size:11px;gap:5px}}
@media(max-width:380px){.commerce-decision-filter{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.commerce-decision-filter,.commerce-refresh,.commerce-refresh svg{transition:none}}

/* Orders toolbar: search and filters together; refresh at the opposite edge. */
.commerce-order-tools.toolbar{display:flex;gap:18px;padding-top:6px}
.commerce-order-tools.toolbar .search-input{flex:0 1 330px;max-width:330px}
.commerce-decision-filter{flex-basis:158px;height:36px;border:0;border-radius:0;background:transparent;color:#8a9480}
.commerce-decision-filter:hover{border:0;background:transparent;color:#536346}
.commerce-decision-filter>svg{inset-inline-start:0;width:14px;height:14px}
.commerce-decision-filter>svg:last-child{inset-inline-end:0;width:12px;height:12px}
.commerce-order-tools.toolbar .commerce-decision-filter select{height:36px;min-height:36px;padding-inline-start:24px;padding-inline-end:18px;border-radius:0;font-size:12px;background:transparent;color:#6c7860}
.commerce-order-tools.toolbar>.commerce-refresh{margin-inline-start:auto;padding:8px 0;font-size:12px;gap:6px}
@media(max-width:700px){.commerce-order-tools.toolbar{gap:12px;flex-wrap:wrap}.commerce-order-tools.toolbar .search-input{flex:1 1 100%;max-width:none}.commerce-decision-filter{flex:0 0 155px}.commerce-order-tools.toolbar .commerce-decision-filter select{font-size:16px}.commerce-order-tools.toolbar>.commerce-refresh{margin-inline-start:auto}.commerce-orders .panel-head{padding-bottom:4px}}

/* Keep order controls in the heading instead of a separate toolbar row. */
.commerce-orders .panel-head{display:flex;align-items:center;gap:24px;padding:20px 24px}
.commerce-orders .panel-head>div:first-child{flex:0 0 auto}
.commerce-orders .panel-head p{font-size:11px;line-height:1.7}
.commerce-orders .panel-head>.commerce-order-tools.toolbar{flex:1;min-width:0;justify-content:flex-end;gap:16px;padding:0;margin:0}
.commerce-orders .panel-head .search-input{flex:0 1 250px;max-width:250px;min-width:110px}
.commerce-orders .panel-head .search-input input{font-size:12px}
.commerce-orders .panel-head .commerce-decision-filter{flex:0 0 132px}
.commerce-orders .panel-head .commerce-refresh{margin-inline-start:0}
@media(max-width:1050px){.commerce-orders .panel-head{gap:14px}.commerce-orders .panel-head p{display:none}.commerce-orders .panel-head>.commerce-order-tools.toolbar{gap:12px}.commerce-orders .panel-head .search-input{flex:1;max-width:none}}
@media(max-width:700px){.commerce-orders .panel-head{flex-wrap:wrap;gap:8px;padding:16px}.commerce-orders .panel-head>div:first-child{width:100%}.commerce-orders .panel-head>.commerce-order-tools.toolbar{flex-wrap:nowrap;width:100%;flex-basis:100%;gap:10px}.commerce-orders .panel-head .search-input{flex:1;min-width:0}.commerce-orders .panel-head .search-input input{font-size:16px}.commerce-orders .panel-head .commerce-decision-filter{flex:0 0 134px}.commerce-orders .panel-head .commerce-refresh span{display:none}.commerce-orders .panel-head .commerce-refresh{flex:0 0 24px}}

/* Order tools have no underline; refresh is a standalone icon. */
.commerce-orders .panel-head>.commerce-order-tools.toolbar{border:0;box-shadow:none;background:transparent}
.commerce-orders .commerce-decision-filter,.commerce-orders .commerce-decision-filter:hover{border:0;box-shadow:none;background:transparent}
.commerce-orders .commerce-decision-filter:focus-within{border:0;box-shadow:none}
.commerce-orders .panel-head .commerce-refresh,.commerce-orders .panel-head .commerce-refresh:hover,.commerce-orders .panel-head .commerce-refresh:active{width:30px;height:36px;flex:0 0 30px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0}
.commerce-orders .panel-head .commerce-refresh svg{width:19px;height:19px;stroke-width:1.6}

.commerce-orders .commerce-external-id{direction:ltr;display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.01em;color:#858d7c;white-space:nowrap}
.commerce-orders table{min-width:1120px}
.commerce-orders tbody td:nth-child(1),.commerce-orders tbody td:nth-child(2),.commerce-orders tbody td:nth-child(4){min-width:112px}
.commerce-orders tbody td:nth-child(2){max-width:170px;overflow-wrap:anywhere}
.commerce-orders tbody td:nth-child(3){min-width:130px;white-space:nowrap}
.commerce-orders tbody td:nth-child(4) strong{font-size:12px;font-weight:600}
.commerce-orders tbody td:nth-child(4) .commerce-sub{margin-top:2px}
.commerce-notice-cell{display:grid;grid-template-columns:auto 22px;align-items:center;justify-content:start;column-gap:5px;row-gap:2px}.commerce-notice-cell>.commerce-sub{grid-column:1/-1}.commerce-resend-notice,.commerce-resend-notice:hover{width:22px!important;height:22px!important;min-width:22px;padding:0!important;color:#7b886d;background:transparent;border:0;box-shadow:none;border-radius:50%}.commerce-resend-notice svg{width:13px;height:13px;stroke-width:1.8}.commerce-resend-notice:hover{color:#38482d;background:#f1f4ed}.commerce-resend-notice:focus-visible{outline:2px solid #859b6450;outline-offset:2px}

/* Connected stores: compact identity, readable connection details and quiet actions. */
.commerce-connected .commerce-store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(0,320px));justify-content:start;gap:18px;padding:0 24px 24px;align-items:start}
.commerce-connected .commerce-store-card{position:relative;padding:0;background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;min-width:0;box-shadow:0 3px 12px #24272305;transition:border-color .18s,box-shadow .18s}.commerce-connected .commerce-store-card:hover{border-color:#d5dcce;box-shadow:0 5px 18px #24272308}
.commerce-connected .commerce-store-card.is-provider-inactive>*:not(.commerce-store-inactive-overlay){filter:blur(2px);opacity:.48}.commerce-connected .commerce-store-inactive-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:18px;background:#ffffff4d;color:#3a4035;font-size:14px;font-weight:600;pointer-events:auto;user-select:none}
.commerce-connected .commerce-store-heading{display:flex;align-items:center;gap:10px;padding:18px 18px 15px;margin:0}
.commerce-connected-logo{width:34px;height:34px;object-fit:contain;flex-shrink:0}
.commerce-store-identity{flex:1;min-width:0}.commerce-store-identity small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-bottom:3px}.commerce-connected .commerce-store-identity h3{font-size:15px;line-height:1.6;font-weight:600;overflow-wrap:anywhere;margin:0}
.commerce-connected .commerce-store-state{display:inline-flex;align-items:center;gap:5px;margin:0;padding:4px 8px;font-size:10px;line-height:1.7;background:#f3f4f0;color:#82887b;border-radius:6px;white-space:nowrap;flex-shrink:0}.commerce-connected .commerce-store-state:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.commerce-connected .commerce-store-state.enabled{background:#edf5e9;color:#64804f}
.commerce-connected .commerce-store-details{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 18px 15px;padding:13px 12px;background:#f8f9f5;border:0;border-radius:12px}.commerce-connected .commerce-store-details>div{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:baseline;gap:8px;padding:0;border:0;min-width:0}.commerce-connected .commerce-store-details span{font-size:11px;line-height:1.7;color:var(--muted)}.commerce-connected .commerce-store-details b,.commerce-connected .commerce-store-details bdi{font-size:12px;font-weight:500;color:var(--ink);overflow-wrap:anywhere;line-height:1.7}.commerce-connected .commerce-store-address bdi{direction:ltr;text-align:start;font-family:Arial,sans-serif;font-size:11px}
.commerce-connected .commerce-store-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;margin:0;border-top:1px solid var(--line);background:transparent}.commerce-store-actions{display:flex;align-items:center;gap:8px}.commerce-connected .commerce-store-settings{padding:4px 0;font-size:11px;color:#6c7860}.commerce-connected .commerce-store-actions .icon-button,.commerce-connected .commerce-store-actions .icon-button:hover{background:transparent;border:0;box-shadow:none;width:28px;height:30px}.commerce-store-actions svg{width:16px;height:16px}.commerce-store-actions .icon-button:hover{color:var(--ink)}
@media(max-width:600px){.commerce-connected .commerce-store-grid{grid-template-columns:minmax(0,320px);padding:0 16px 16px;gap:12px}.commerce-connected .commerce-store-heading{padding:16px 16px 13px}.commerce-connected .commerce-store-details{margin:0 16px 14px}.commerce-connected .commerce-store-card>footer{padding:9px 16px}}
.commerce-connected .commerce-store-switch{display:inline-flex;align-items:center;gap:9px;padding:4px 0;border:0;background:transparent;box-shadow:none;color:#8a8f83;font-size:11px}.commerce-switch-track{position:relative;width:30px;height:18px;border-radius:20px;background:#dfe3d9;flex-shrink:0;transition:background .18s}.commerce-switch-track:after{content:'';position:absolute;width:12px;height:12px;top:3px;left:3px;border-radius:50%;background:#fff;transition:transform .18s}.commerce-store-switch.is-on{color:#6b8059}.commerce-store-switch.is-on .commerce-switch-track{background:#7e9568}.commerce-store-switch.is-on .commerce-switch-track:after{transform:translateX(12px)}.commerce-connected .commerce-store-delete,.commerce-connected .commerce-store-delete:hover{background:transparent;border:0;box-shadow:none;width:28px;height:28px;padding:5px;color:#a1a499}.commerce-connected .commerce-store-delete svg{width:15px;height:15px}.commerce-connected .commerce-store-delete:hover{color:#b56859}

/* Session cards and store confirmation follow the workspace's quiet surfaces. */
.session-card.session-card-refined{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:none;min-width:0}
.session-identity{display:flex;align-items:center;gap:10px}.session-device{display:grid;place-items:center;width:32px;height:36px;color:#7b8d6c;flex-shrink:0}.session-device svg{width:23px;height:23px}.session-identity>div{min-width:0;flex:1}.session-identity>div>small{display:none}.session-identity h3{font-size:14px;font-weight:500;overflow-wrap:anywhere}.session-identity>.pill{font-size:10px;padding:3px 8px}
.session-number{display:flex;align-items:center;gap:10px;padding:12px 0 17px;margin:0;border-bottom:1px solid var(--line)}.session-number>span{font-size:11px;color:var(--muted)}.session-number>bdi{font-size:13px;font-weight:400;overflow-wrap:anywhere;margin-inline-start:auto}
.session-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0}.session-summary>div{display:flex;align-items:center;gap:10px}.session-summary>div>span{font-size:11px;color:var(--muted)}.session-summary strong{font-size:17px;font-weight:500}.session-summary strong small{font-size:10px;color:var(--muted);font-weight:400;margin-inline-start:5px}.session-readiness{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.session-readiness.is-ready{color:#6d855c}.session-readiness svg{width:13px;height:13px}
.session-manage{display:flex;justify-content:flex-end}.session-manage>button{display:flex;align-items:center;gap:18px;border:0;background:none;padding:4px 0;color:#6c7b5d;font-size:11px}.session-manage>button>span{display:flex;align-items:center;gap:6px}.session-manage>button svg{width:14px;height:14px}.session-manage>button>span>svg{display:none}.session-manage>button:hover{color:var(--ink)}
#modal.store-delete-modal{width:min(400px,calc(100vw - 28px));border-radius:var(--radius);padding:24px;background:var(--paper)}#modal.store-delete-modal .modal-head{margin:0 0 20px;padding:0;border:0}#modal.store-delete-modal #modal-title{font-size:18px}.store-delete-identity{display:flex;align-items:center;gap:10px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}.store-delete-identity img{object-fit:contain}.store-delete-identity>div{display:grid;gap:2px;min-width:0}.store-delete-identity strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.store-delete-identity small{font-size:10px;color:var(--muted)}.store-delete-content>p{font-size:13px;line-height:1.8}.store-delete-note{display:block;font-size:11px;color:var(--muted);margin-top:6px}.store-delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.store-delete-actions .button{font-size:12px;min-height:38px;padding:7px 16px;border-radius:8px}.store-delete-actions #store-delete-confirm{background:var(--ink);border-color:var(--ink);color:white}.store-delete-actions #store-delete-confirm:hover{background:#3d4436}.store-delete-content .form-error:empty{display:none}.store-delete-content .form-error{font-size:12px;margin-top:12px}
@media(max-width:600px){.session-card.session-card-refined{padding:17px}.session-summary{flex-wrap:wrap}.session-number{flex-wrap:wrap}#modal.store-delete-modal{padding:20px}}
/* Compact store confirmation and session overview. */
#modal.store-delete-modal .modal-head{margin-bottom:12px}.store-delete-identity{border:0;padding-bottom:0;margin-bottom:12px}.store-delete-actions>[data-action="close-modal"],.store-delete-actions>[data-action="close-modal"]:hover{background:transparent;border:0;box-shadow:none;color:var(--muted)}.store-delete-actions>[data-action="close-modal"]:hover{color:var(--ink)}
.session-card.session-card-refined{padding:20px 20px 16px;border-radius:var(--radius);box-shadow:none}.session-card-refined .session-identity{align-items:flex-start;gap:11px}.session-card-refined .session-device{width:38px;height:38px;border-radius:11px;background:var(--wash);color:#748663}.session-card-refined .session-device svg{width:20px;height:20px}.session-card-refined .session-identity h3{font-size:14px;line-height:1.5;margin-bottom:5px}.session-phone{display:block;color:var(--muted);font-size:12px;line-height:1.6;text-align:start;overflow-wrap:anywhere}.session-card-refined .session-identity>.pill{margin-top:3px}.session-card-refined .session-summary{padding:20px 0 14px;align-items:flex-end;flex-wrap:nowrap}.session-card-refined .session-summary>div{display:grid;gap:3px}.session-card-refined .session-summary strong{font-size:24px;line-height:1.3;font-weight:500}.session-card-refined .session-summary strong small{font-size:10px;margin-inline-start:6px}.session-manage-link{display:inline-flex;align-items:center;gap:9px;border:0;background:transparent;padding:4px 0;color:#697a59;font-size:11px;white-space:nowrap}.session-manage-link svg{width:14px;height:14px}.session-manage-link:hover{color:var(--ink)}.session-card-refined .session-readiness{display:flex;align-items:center;gap:6px;padding-top:11px;border-top:1px solid var(--line);font-size:10px}.session-state-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.session-card-refined .session-readiness.is-ready{color:#6d855c}
@media(max-width:600px){.session-card.session-card-refined{padding:17px 17px 14px}}
/* Refined destructive action and balanced WhatsApp session card. */
.store-delete-actions #store-delete-confirm{background:#f8eeeb;border:0;color:#a65d50;border-radius:9px;min-height:38px;padding:8px 18px;font-weight:500;transition:background .18s,color .18s}.store-delete-actions #store-delete-confirm:hover{background:#f1dfda;color:#934b3f}.store-delete-actions #store-delete-confirm:focus-visible{outline-color:#b97868}
.session-card.session-card-refined{position:relative;padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.session-card-refined .session-identity{gap:12px;align-items:center}.session-card-refined .session-device{width:42px;height:42px;background:#f1f4ec;border-radius:12px;color:#748663}.session-card-refined .session-device svg{width:21px;height:21px}.session-card-refined .session-identity h3{font-size:15px;line-height:1.6;margin-bottom:3px;font-weight:500}.session-card-refined .session-phone{font-size:13px;color:#8d9485;letter-spacing:.15px}.session-card-refined .session-identity>.pill{margin:0;padding:3px 7px;font-size:9px;flex-shrink:0}.session-card-refined .session-summary{margin-top:19px;padding:14px 0 0;border-top:1px solid var(--line);align-items:center;gap:12px}.session-card-refined .session-summary>div{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.session-card-refined .session-summary>div>span{font-size:10px}.session-card-refined .session-summary strong{font-size:19px;line-height:1.5}.session-card-refined .session-summary strong small{font-size:9px}.session-card-refined .session-manage-link{font-size:11px;gap:7px;padding:5px 0}.session-card-refined .session-readiness{padding:0;border:0;margin-top:9px;font-size:10px;color:#979d90}.session-card-refined .session-readiness.is-ready{color:#7c8d6f}.session-card-refined .session-state-dot{width:4px;height:4px}
@media(max-width:600px){.session-card.session-card-refined{padding:18px}.session-card-refined .session-identity h3{font-size:14px}.session-card-refined .session-summary{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.store-delete-actions #store-delete-confirm{transition:none}}

/* Session information grouped into identity, number and actions. */
.session-card.session-card-refined{padding:18px 20px;border-radius:var(--radius);box-shadow:none}.session-card-refined .session-identity{display:flex;align-items:center;justify-content:space-between;gap:14px}.session-card-refined .session-identity h3{font-size:15px;line-height:1.5;margin:0 0 3px}.session-kind{display:block;font-size:10px;color:var(--muted)}.session-card-refined .session-identity>.pill{font-size:10px;padding:3px 9px}.session-contact{display:flex;align-items:center;gap:9px;margin:17px 0 0;min-width:0}.session-card-refined .session-contact .session-device{background:transparent;width:20px;height:24px;border-radius:0;flex:0 0 20px;color:#8b9780}.session-card-refined .session-contact .session-device svg{width:18px;height:18px}.session-card-refined .session-contact .session-phone{font-size:16px;line-height:1.6;color:var(--ink);font-weight:400;letter-spacing:.2px;overflow-wrap:anywhere}.session-card-refined .session-summary{margin-top:17px;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.session-card-refined .session-summary>div{display:flex;align-items:baseline;gap:6px;flex-wrap:nowrap}.session-card-refined .session-summary strong{font-size:15px;font-weight:500;line-height:1.6}.session-card-refined .session-summary>div>span{font-size:10px;color:var(--muted)}.session-card-refined .session-manage-link{font-size:11px;gap:7px;padding:4px 0}
#modal.store-delete-modal{padding-top:21px;padding-bottom:21px}#modal.store-delete-modal .modal-head{margin-bottom:10px}.store-delete-identity{margin-bottom:10px}.store-delete-actions{margin-top:19px}
@media(max-width:600px){.session-card.session-card-refined{padding:17px}.session-card-refined .session-contact .session-phone{font-size:15px}#modal.store-delete-modal{padding-top:18px;padding-bottom:18px}}

/* A quiet number surface shared with the session link symbol. */
.session-card-refined .session-contact{padding:10px 12px;border-radius:10px;background:linear-gradient(110deg,#f8faf5 0%,#edf2e6 100%);gap:10px}.session-card-refined .session-contact .session-device{color:#7a8b69}.session-card-refined .session-summary{border-top:0;margin-top:12px;padding-top:0}
/* Device caption sits to the left of the name in RTL. */
.session-card-refined .session-identity>div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.session-card-refined .session-identity h3{margin:0}.session-card-refined .session-kind{display:inline;font-size:10px;white-space:nowrap}

/* Keep search and export together across list pages on phones. */
@media(max-width:700px){
 .toolbar.list-search-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center}
 .toolbar.list-search-toolbar>.search-input{grid-column:1;grid-row:1;width:100%;min-width:0;max-width:none;flex-basis:auto}
 .toolbar.list-search-toolbar>.search-input input{width:100%;min-width:0;font-size:16px}
 .toolbar.list-search-toolbar>[data-action="export"]{grid-column:2;grid-row:1;min-width:0;padding:6px 0;min-height:38px;font-size:12px;white-space:nowrap}
 .toolbar.list-search-toolbar>button:not([data-action="export"]){grid-row:2;justify-self:start;min-width:0;font-size:12px;padding:6px 0}
}
/* Mobile list actions share one row with a narrower search field. */
@media(max-width:700px){
 .toolbar.list-search-toolbar{display:flex;flex-wrap:nowrap;gap:12px;align-items:center}
 .toolbar.list-search-toolbar>.search-input{flex:1 1 140px;width:auto;min-width:64px;max-width:220px}
 .toolbar.list-search-toolbar>.search-input input{min-width:0;width:100%}
 .toolbar.list-search-toolbar>button,.toolbar.list-search-toolbar>[data-action="export"],.toolbar.list-search-toolbar>button:not([data-action="export"]){flex:0 0 auto;min-width:0;min-height:36px;padding:6px 0;font-size:11px;gap:5px;white-space:nowrap}
 .toolbar.list-search-toolbar>button svg{width:15px;height:15px}
}
@media(max-width:380px){.toolbar.list-search-toolbar{gap:8px}.toolbar.list-search-toolbar>button,.toolbar.list-search-toolbar>[data-action="export"],.toolbar.list-search-toolbar>button:not([data-action="export"]){font-size:10px;gap:4px}.toolbar.list-search-toolbar>.search-input{max-width:150px}}

/* Footer and compact order status selection. */
.app-footer{border-top:0;box-shadow:none}
@media(max-width:700px){.app-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.app-footer>span:last-child{display:inline!important;font-size:10px}.app-footer>span:first-child{font-size:11px}}
.commerce-orders .panel-head .commerce-decision-filter{flex:0 0 145px;height:36px;border:0;border-radius:9px;background:#f3f5ef;box-shadow:none;color:#77866b}
.commerce-orders .panel-head .commerce-decision-filter:hover{background:#edf1e7;border:0;box-shadow:none}
.commerce-orders .panel-head .commerce-decision-filter>svg{inset-inline-start:10px;width:14px;height:14px}.commerce-orders .panel-head .commerce-decision-filter>svg:last-child{inset-inline-start:auto;inset-inline-end:10px;width:12px;height:12px}
.commerce-orders .panel-head .commerce-decision-filter select{height:36px;min-height:36px;padding-inline-start:32px;padding-inline-end:28px;font-size:12px;color:#627354;background:transparent;border:0;border-radius:9px;box-shadow:none}
.commerce-orders .panel-head .commerce-decision-filter:focus-within{outline:2px solid #859b6440;outline-offset:2px;background:#f3f5ef}
@media(max-width:700px){.commerce-orders .panel-head .commerce-decision-filter{flex:0 0 138px}.commerce-orders .panel-head .commerce-decision-filter select{font-size:16px}.commerce-orders .panel-head .search-input{max-width:220px}}

/* Plain order status selector aligned beside search. */
.commerce-orders .panel-head>.commerce-order-tools.toolbar{gap:12px}
.commerce-orders .panel-head .commerce-decision-filter,.commerce-orders .panel-head .commerce-decision-filter:hover,.commerce-orders .panel-head .commerce-decision-filter:focus-within{flex:0 0 115px;height:36px;background:transparent;border:0;box-shadow:none;border-radius:0}
.commerce-orders .panel-head .commerce-decision-filter select{appearance:none;background:transparent;border:0;box-shadow:none;border-radius:0;padding:0 4px;height:36px;min-height:36px;text-align:start;font-size:12px;color:#738069;cursor:pointer}
.commerce-orders .panel-head .commerce-decision-filter select:hover{color:var(--ink)}
@media(max-width:700px){.commerce-orders .panel-head .commerce-decision-filter{flex-basis:112px}.commerce-orders .panel-head .commerce-decision-filter select{font-size:16px}.commerce-orders .panel-head>.commerce-order-tools.toolbar{gap:8px}}

/* Visible order filters replace the dropdown. */
.commerce-orders .panel-head{flex-wrap:wrap;align-items:center;gap:12px 24px}.commerce-orders .panel-head>.commerce-order-tools.toolbar{display:contents}.commerce-orders .panel-head .search-input{margin-inline-start:auto;flex:0 1 240px;max-width:240px}.commerce-status-tabs{display:flex;align-items:center;gap:20px;flex:0 0 100%;padding-top:2px}.commerce-status-tabs button{border:0;background:transparent;box-shadow:none;padding:5px 0;font-size:11px;color:#969d8f;transition:color .18s;white-space:nowrap}.commerce-status-tabs button:hover{color:#58694a}.commerce-status-tabs button[aria-pressed="true"]{color:#465c37;font-weight:600}.commerce-orders #commerce-filter[hidden]{display:none!important}
@media(max-width:700px){.commerce-orders .panel-head>div:first-child{width:auto;flex:1;min-width:0}.commerce-orders .panel-head .search-input{flex:0 1 145px;max-width:145px;margin-inline-start:auto}.commerce-orders .panel-head{gap:10px}.commerce-status-tabs{gap:18px;padding-top:0}.commerce-status-tabs button{font-size:11px}}

/* Order search and status filters occupy a single row below the title. */
.commerce-orders .panel-head>div:first-child{flex:0 0 100%;width:100%}
.commerce-orders .panel-head>.commerce-order-tools.toolbar{display:flex;flex:0 0 100%;width:100%;align-items:center;justify-content:space-between;gap:18px;padding:0;margin:0}
.commerce-orders .panel-head .search-input{margin-inline-start:0;flex:0 1 220px;max-width:220px;min-width:80px}
.commerce-orders .commerce-status-tabs{flex:0 1 auto;padding:0;gap:18px}
@media(max-width:700px){.commerce-orders .panel-head>.commerce-order-tools.toolbar{gap:10px;flex-wrap:wrap}.commerce-orders .panel-head .search-input{flex:1 1 110px;max-width:160px}.commerce-orders .commerce-status-tabs{gap:10px;flex:0 1 auto}.commerce-status-tabs button{font-size:10px}}
/* Soft surface for the order status choices. */
.commerce-orders .commerce-status-tabs{background:#f3f5ef;border-radius:10px;padding:4px;gap:3px}.commerce-orders .commerce-status-tabs button{padding:6px 10px;border-radius:7px;color:#8a9480;line-height:1.6}.commerce-orders .commerce-status-tabs button:hover{background:#eaf0e3;color:#58694a}.commerce-orders .commerce-status-tabs button[aria-pressed="true"]{background:var(--paper);color:#526844;box-shadow:0 1px 3px #24272308}
@media(max-width:700px){.commerce-orders .commerce-status-tabs{gap:2px;padding:3px}.commerce-orders .commerce-status-tabs button{padding:6px 7px;font-size:10px}}

/* Restore the compact dropdown for order states. */
.commerce-orders .panel-head .commerce-decision-filter,.commerce-orders .panel-head .commerce-decision-filter:hover,.commerce-orders .panel-head .commerce-decision-filter:focus-within{flex:0 0 145px;height:36px;background:#f3f5ef;border:0;border-radius:9px;box-shadow:none}
.commerce-orders .panel-head .commerce-decision-filter select{appearance:none;width:100%;height:36px;min-height:36px;background:transparent;border:0;box-shadow:none;border-radius:9px;padding:0 12px 0 30px;font-size:12px;color:#627354;text-align:start}
.commerce-orders .panel-head .commerce-decision-filter>svg:last-child{position:absolute;inset-inline-start:auto;inset-inline-end:10px;width:12px;height:12px;pointer-events:none}
@media(max-width:700px){.commerce-orders .panel-head .commerce-decision-filter{flex-basis:145px}.commerce-orders .panel-head .commerce-decision-filter select{font-size:16px}}
/* Status selector embedded at the left edge of order search. */
.commerce-orders .panel-head .search-input{display:flex;align-items:center;gap:8px;flex:0 1 390px;max-width:390px;min-width:0;width:100%;padding:0;background:transparent;border:0;box-shadow:none}
.commerce-orders .panel-head .search-input>input{flex:1;min-width:0;width:0;padding:0;font-size:12px}
.commerce-orders .panel-head .search-input>.commerce-decision-filter,.commerce-orders .panel-head .search-input>.commerce-decision-filter:hover{flex:0 0 106px;width:106px;height:32px;border:0;border-radius:8px;background:#f3f5ef}
.commerce-orders .panel-head .search-input .commerce-decision-filter select{height:32px;min-height:32px;padding:0 8px 0 22px;font-size:11px}
.commerce-orders .panel-head .search-input .commerce-decision-filter>svg:last-child{width:10px;height:10px;inset-inline-end:7px}
@media(max-width:700px){.commerce-orders .panel-head .search-input{flex:1 1 100%;max-width:none;gap:7px}.commerce-orders .panel-head .search-input>input{font-size:16px}.commerce-orders .panel-head .search-input>.commerce-decision-filter{flex-basis:110px;width:110px}.commerce-orders .panel-head .search-input .commerce-decision-filter select{font-size:16px}}
/* One input surface enclosing both text entry and the status control. */
.commerce-orders .panel-head .search-input{height:42px;padding:4px 11px;background:#f7f8f4;border:1px solid #edf0e7;border-radius:10px;gap:9px;box-shadow:none}
.commerce-orders .panel-head .search-input:focus-within{border-color:#ccd7bf;background:#f7f8f4;box-shadow:none}
.commerce-orders .panel-head .search-input>input{height:32px;min-height:32px;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;padding:0}
.commerce-orders .panel-head .search-input>.commerce-decision-filter,.commerce-orders .panel-head .search-input>.commerce-decision-filter:hover,.commerce-orders .panel-head .search-input>.commerce-decision-filter:focus-within{background:transparent;border:0;border-inline-start:1px solid #e1e6d9;border-radius:0;height:26px;outline:none;box-shadow:none;flex:0 0 108px;width:108px}
.commerce-orders .panel-head .search-input .commerce-decision-filter select{background:transparent;border:0;border-radius:0;box-shadow:none;height:26px;min-height:26px;padding-inline-start:10px;padding-inline-end:20px}
.commerce-orders .panel-head .search-input .commerce-decision-filter>svg:last-child{inset-inline-end:1px}
@media(max-width:700px){.commerce-orders .panel-head .search-input{height:44px;padding:5px 10px}.commerce-orders .panel-head .search-input>.commerce-decision-filter{flex-basis:114px;width:114px}}

/* Desktop order filters use the free space at the left of the toolbar. */
@media(min-width:701px){
 .commerce-orders .panel-head>.commerce-order-tools.toolbar{width:100%;justify-content:space-between}
 .commerce-orders .panel-head .search-input{flex:0 1 280px;max-width:280px}
 .commerce-orders .panel-head>.commerce-order-tools.toolbar>.commerce-decision-filter{margin-inline-start:auto;flex:0 0 125px;width:125px;height:36px;background:#f3f5ef;border:0;border-radius:9px;box-shadow:none}
 .commerce-orders .panel-head>.commerce-order-tools.toolbar>.commerce-decision-filter select{height:36px;min-height:36px;font-size:12px;padding-inline-start:12px;padding-inline-end:28px}
 .commerce-orders .panel-head>.commerce-order-tools.toolbar>.commerce-decision-filter>svg:last-child{inset-inline-end:10px}
}

/* Align the preview with the editor frame, after the timing and message heading rows. */
@media(min-width:701px){
  .commerce-template-workspace{grid-auto-flow:row!important;align-items:start!important}
  .commerce-template-compose{display:contents!important}
  .commerce-template-timing-row{grid-column:1!important;grid-row:1!important}
  .commerce-template-compose-top{grid-column:1!important;grid-row:2!important}
  .commerce-template-edit-surface{grid-column:1!important;grid-row:3!important}
  .commerce-template-workspace:has(.commerce-template-timing-row) .commerce-template-preview{grid-column:2!important;grid-row:3!important}
  .commerce-template-workspace:not(:has(.commerce-template-timing-row)) .commerce-template-compose-top{grid-row:1!important}
  .commerce-template-workspace:not(:has(.commerce-template-timing-row)) .commerce-template-edit-surface,
  .commerce-template-workspace:not(:has(.commerce-template-timing-row)) .commerce-template-preview{grid-row:2!important}
  .commerce-template-preview{align-self:start!important;margin:0!important;padding:0!important}
}
@media(max-width:700px){.commerce-template-compose{display:flex!important}}
@media(min-width:701px){.commerce-template-studio:has(.commerce-template-nav [data-template-kind="confirmed_body"][aria-pressed="true"]) .commerce-template-preview,.commerce-template-studio:has(.commerce-template-nav [data-template-kind="cancel_prompt_body"][aria-pressed="true"]) .commerce-template-preview{margin-top:0!important}}

@media(min-width:701px){
  .commerce-template-studio:has(.commerce-template-nav [data-template-kind="confirmed_body"][aria-pressed="true"]) .commerce-template-preview,
  .commerce-template-studio:has(.commerce-template-nav [data-template-kind="cancel_prompt_body"][aria-pressed="true"]) .commerce-template-preview{margin-top:0!important}
}
/* Balanced desktop order toolbar, with restrained input surfaces. */
@media(min-width:701px){
 .commerce-orders .panel-head{gap:13px;padding:20px 24px 18px}
 .commerce-orders .panel-head>.commerce-order-tools.toolbar{gap:24px;align-items:center}
 .commerce-orders .panel-head .search-input{height:38px;flex:0 1 310px;max-width:310px;padding:4px 11px;border:0;background:#f7f8f4;border-radius:9px}
 .commerce-orders .panel-head .search-input>svg{width:15px;height:15px;color:#919b86}
 .commerce-orders .panel-head .search-input>input{font-size:12px;color:#58664d}
 .commerce-orders .panel-head .search-input>input::placeholder{color:#a0a797;font-size:11px}
 .commerce-orders .panel-head>.commerce-order-tools.toolbar>.commerce-decision-filter,.commerce-orders .panel-head>.commerce-order-tools.toolbar>.commerce-decision-filter:hover{height:38px;flex:0 0 132px;width:132px;border-radius:9px;background:#f1f4ec;border:0;box-shadow:none}
 .commerce-orders .panel-head>.commerce-order-tools.toolbar>.commerce-decision-filter select{height:38px;min-height:38px;font-size:12px;font-weight:500;color:#6d7e5d;padding-inline-start:14px;padding-inline-end:30px;cursor:pointer}
 .commerce-orders .panel-head>.commerce-order-tools.toolbar>.commerce-decision-filter>svg:last-child{width:11px;height:11px;inset-inline-end:12px;color:#89977a}
 .commerce-orders .panel-head>.commerce-order-tools.toolbar>.commerce-decision-filter:focus-within{outline:2px solid #859b6430;outline-offset:2px}
}
@media(min-width:701px){.commerce-orders .panel-head>.commerce-order-tools.toolbar>.commerce-decision-filter,.commerce-orders .panel-head>.commerce-order-tools.toolbar>.commerce-decision-filter:hover{flex-basis:112px;width:112px}.commerce-orders .panel-head>.commerce-order-tools.toolbar>.commerce-decision-filter select{padding-inline-start:10px;padding-inline-end:24px}.commerce-orders .panel-head>.commerce-order-tools.toolbar>.commerce-decision-filter>svg:last-child{inset-inline-end:8px}}

/* Rebuilt account panel; the existing brand story remains intact. */
.auth-main.auth-redesign{padding:32px 46px 24px;min-width:0;background:var(--paper);min-height:100dvh;gap:28px}.auth-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.auth-wordmark{font-family:Arial,sans-serif;font-size:25px;font-weight:700;letter-spacing:-1px;direction:ltr}.auth-wordmark>span{color:#879b64}.auth-topbar .back-link{margin:0;font-size:11px}.auth-redesign .auth-form-wrap{max-width:410px;padding:20px 0;margin:auto;width:100%}.auth-switch{display:flex;gap:4px;padding:4px;background:#f3f5ef;border-radius:11px;margin-bottom:32px}.auth-switch a{flex:1;text-align:center;padding:9px 12px;border-radius:8px;font-size:12px;color:#8c9484;transition:background .18s,color .18s}.auth-switch a[aria-current="page"]{background:#fff;color:#3e4e33;box-shadow:0 2px 6px #24272307;font-weight:500}.auth-switch a:hover{color:var(--ink)}.auth-redesign .auth-form-wrap>.eyebrow{display:block;font-size:10px;color:#909a85;letter-spacing:0;margin-bottom:8px}.auth-redesign .auth-form-wrap>h1{font-size:30px;line-height:1.5;letter-spacing:-.5px}.auth-redesign .auth-form-wrap>p.muted{font-size:12px;line-height:1.9;margin:8px 0 27px}.auth-redesign #auth-form{display:grid;gap:17px}.auth-redesign #auth-form label{margin:0;gap:7px;font-size:12px;color:#657357}.auth-redesign #auth-form input:not([type="hidden"]){height:46px;padding:10px 14px;border:1px solid #e7ebe1;border-radius:10px;background:#fafbf8;font-size:14px;color:var(--ink);transition:border-color .18s,background .18s}.auth-redesign #auth-form input:focus{background:#fff;border-color:#a6b595;box-shadow:0 0 0 3px #8b9d6f12}.auth-redesign #auth-form input::placeholder{color:#adb5a4;font-size:12px}.auth-redesign #auth-form>.text-link{justify-self:end;font-size:11px;margin-top:-6px}.auth-redesign #auth-form>.button{margin:2px 0 0;min-height:46px;border-radius:10px;font-size:13px;position:relative}.auth-redesign #auth-form>.button svg{position:absolute;inset-inline-end:15px;width:16px;height:16px}.auth-redesign .form-error:empty{display:none}.auth-redesign .form-error{font-size:12px}.auth-redesign .auth-alternate{font-size:12px;margin:22px 0 16px!important}.auth-redesign .auth-form-wrap>small{display:block;text-align:center;font-size:10px;line-height:1.9;color:#a1a997;max-width:340px;margin:auto}.auth-redesign .auth-form-wrap>small a{color:#7b8a6b}.auth-panel-footer{display:flex;align-items:center;justify-content:space-between;color:#a0a895;font-size:10px}.auth-redesign .notice{margin-bottom:18px;font-size:12px}
@media(max-width:1150px){.auth-main.auth-redesign{padding:28px 30px 22px}}
@media(max-width:700px){.auth-main.auth-redesign{padding:24px 24px 20px;gap:22px}.auth-redesign .auth-form-wrap{max-width:410px;padding:12px 0}.auth-switch{margin-bottom:28px}.auth-redesign .auth-form-wrap>h1{font-size:28px}.auth-redesign #auth-form input:not([type="hidden"]){font-size:16px}.auth-panel-footer{padding-top:12px}}
@media(max-height:760px) and (min-width:701px){.auth-main.auth-redesign{gap:18px}.auth-redesign .auth-form-wrap{padding:4px 0}.auth-switch{margin-bottom:22px}.auth-redesign #auth-form{gap:13px}.auth-redesign .auth-form-wrap>p.muted{margin-bottom:20px}}

/* Account panel rebuilt around a distinct form card and grouped fields. */
.auth-main.auth-redesign{background:#fcfdfb;padding:30px 40px 22px}
.auth-redesign .auth-form-wrap.auth-card{max-width:460px;margin:auto;background:#fff;border:1px solid #e9ede3;border-radius:20px;padding:28px 30px;box-shadow:0 12px 40px #35432906}
.auth-redesign .auth-switch{background:transparent;padding:0;gap:24px;border-bottom:1px solid #edf0e8;border-radius:0;margin:0 0 26px}
.auth-redesign .auth-switch a{flex:0 0 auto;padding:0 0 12px;border-radius:0;font-size:12px;background:transparent;box-shadow:none;position:relative}
.auth-redesign .auth-switch a[aria-current="page"]{background:transparent;box-shadow:none;color:#4c623b}
.auth-redesign .auth-switch a[aria-current="page"]:after{content:'';position:absolute;bottom:-1px;inset-inline:0;height:2px;background:#829b68;border-radius:2px}
.auth-redesign .auth-form-wrap>.eyebrow{font-size:10px;margin-bottom:7px}.auth-redesign .auth-form-wrap>h1{font-size:29px}
.auth-redesign .auth-form-wrap>p.muted{margin:8px 0 24px;font-size:12px;max-width:330px}
.auth-redesign #auth-form{gap:14px}.auth-redesign #auth-form label{padding:10px 13px 8px;background:#f6f8f2;border:1px solid transparent;border-radius:11px;gap:3px;font-size:10px;color:#88957b;transition:border-color .18s,background .18s}
.auth-redesign #auth-form label:focus-within{background:#fff;border-color:#afbd9f}
.auth-redesign #auth-form label input:not([type="hidden"]){background:transparent;border:0;border-radius:0;box-shadow:none;height:30px;min-height:30px;padding:0;font-size:14px;color:#394431}
.auth-redesign #auth-form label input:focus{background:transparent;box-shadow:none;border:0}
.auth-redesign #auth-form label input::placeholder{font-size:12px;color:#afb7a5}
.auth-redesign #auth-form[data-kind="register"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.auth-redesign #auth-form[data-kind="register"]>label:nth-of-type(n+3),.auth-redesign #auth-form[data-kind="register"]>.form-error,.auth-redesign #auth-form[data-kind="register"]>button{grid-column:1/-1}
.auth-redesign #auth-form>.button{min-height:45px;margin-top:5px;border:0;background:#303c29;border-radius:11px}.auth-redesign #auth-form>.button:hover{background:#45553b}
.auth-redesign .auth-alternate{padding-top:19px;border-top:1px solid #eef1e9;margin:22px 0 12px!important;font-size:11px}
.auth-redesign .auth-form-wrap>small{font-size:9px;max-width:310px}
@media(max-width:1150px){.auth-main.auth-redesign{padding:26px 24px 20px}.auth-redesign .auth-form-wrap.auth-card{padding:25px}}
@media(max-width:700px){.auth-main.auth-redesign{padding:22px 18px 18px;gap:26px}.auth-redesign .auth-form-wrap.auth-card{padding:25px 20px;border-radius:17px}.auth-redesign #auth-form label input:not([type="hidden"]){font-size:16px}.auth-redesign .auth-form-wrap>h1{font-size:27px}}
@media(max-width:360px){.auth-redesign #auth-form[data-kind="register"]{grid-template-columns:1fr}.auth-redesign #auth-form[data-kind="register"]>label{grid-column:1}.auth-redesign .auth-form-wrap.auth-card{padding:22px 17px}}

/* Wexora account experience: full panel layout with purpose-built form rows. */
.auth-main.auth-rebuilt{display:flex;flex-direction:column;min-height:100dvh;padding:30px 44px 24px;background:#fff;gap:30px}.auth-rebuilt .auth-topbar{display:flex;align-items:center;justify-content:space-between}.auth-rebuilt .auth-wordmark{font-size:27px}.auth-rebuilt .back-link{margin:0;font-size:11px}.auth-workspace{width:100%;max-width:400px;margin:auto;padding:18px 0}.auth-intro{margin-bottom:28px}.auth-entry-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eef3e7;color:#6d8556;margin-bottom:20px}.auth-entry-icon svg{width:21px;height:21px}.auth-intro .eyebrow{display:block;font-size:10px;letter-spacing:0;color:#97a18c;margin-bottom:7px}.auth-intro h1{font-size:32px;line-height:1.5;letter-spacing:-.6px}.auth-intro p{font-size:12px;color:#929c87;line-height:1.9;margin-top:8px;max-width:350px}.auth-account-form{display:grid;gap:18px}.auth-account-form label{margin:0;gap:8px;font-size:12px;color:#5f6b54;font-weight:500;min-width:0}.auth-name-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-account-form input{min-width:0;width:100%;height:47px;background:#f8faf5;border:1px solid #e8ede0;border-radius:10px;padding:10px 13px;font-size:14px;transition:background .18s,border-color .18s}.auth-account-form input::placeholder{font-size:12px;color:#b0b9a5}.auth-account-form input:focus{background:#fff;border-color:#a7b994;box-shadow:0 0 0 3px #879b6410}.auth-input-shell{display:flex;align-items:center;gap:10px;height:47px;padding:0 13px;border:1px solid #e8ede0;border-radius:10px;background:#f8faf5;transition:border-color .18s,background .18s}.auth-input-shell>svg{width:16px;height:16px;color:#9ba88c}.auth-input-shell>input{height:43px;border:0;background:transparent;padding:0;flex:1;width:0;border-radius:0}.auth-input-shell>input:focus{background:transparent;border:0;box-shadow:none}.auth-input-shell:focus-within{border-color:#a7b994;background:#fff;box-shadow:0 0 0 3px #879b6410}.auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.auth-label-row>a{font-size:10px;color:#879a74;font-weight:400}.auth-account-form>.button{height:47px;min-height:47px;justify-content:space-between;padding:10px 16px;margin:4px 0 0;border:0;border-radius:10px;background:#30392b;font-size:13px}.auth-account-form>.button:hover{background:#44543a}.auth-account-form>.button svg{width:16px;height:16px}.auth-account-form .form-error:empty{display:none}.auth-account-form .form-error{font-size:12px}.auth-account-switch{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:25px;font-size:11px;color:#97a08d}.auth-account-switch>a{display:flex;align-items:center;gap:4px;font-weight:500;color:#627b4d}.auth-account-switch svg{width:12px;height:12px}.auth-terms{font-size:9px;text-align:center;color:#adb5a3;line-height:1.9;margin-top:17px}.auth-terms a{color:#859777}.auth-rebuilt .auth-panel-footer{font-size:10px}.auth-panel-footer>div{display:flex;gap:18px}.auth-rebuilt .notice{margin-bottom:18px;font-size:12px}
@media(max-width:1150px){.auth-main.auth-rebuilt{padding:28px}}
@media(max-width:700px){.auth-main.auth-rebuilt{padding:24px;gap:24px}.auth-workspace{padding:12px 0}.auth-intro h1{font-size:30px}.auth-account-form input{font-size:16px}.auth-entry-icon{margin-bottom:18px}.auth-rebuilt .auth-panel-footer{padding-top:10px}}
@media(max-width:380px){.auth-name-row{grid-template-columns:1fr}.auth-main.auth-rebuilt{padding:22px}.auth-intro h1{font-size:28px}}
@media(max-height:780px) and (min-width:701px){.auth-main.auth-rebuilt{gap:18px;padding-top:24px}.auth-workspace{padding:6px 0}.auth-entry-icon{margin-bottom:12px;width:36px;height:36px}.auth-intro{margin-bottom:20px}.auth-account-form{gap:14px}}

/* A complete, distinct login page composition. */
.auth-layout.login-new-layout{direction:ltr;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:#f4f6ef;padding:18px;gap:0;min-height:100dvh}
.login-brand-panel{direction:rtl;border-radius:22px;background:#303a2a;color:#f3f6ee;padding:35px 42px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden;position:relative}
.login-brand-panel .brand{color:#fff}.login-brand-panel .brand small{color:#aab79e}.login-brand-panel .brand-mark{background:#ffffff12;color:#d8e5c7}.login-brand-panel .brand-dot{color:#afc88e}
.login-brand-content{width:100%;max-width:470px;margin:36px auto}.login-overline{font-size:11px;letter-spacing:.3px;color:#b2c49f}.login-brand-content h2{font-size:43px;line-height:1.45;font-weight:500;margin:12px 0 18px;letter-spacing:-1px}.login-brand-content>p{font-size:13px;line-height:1.9;color:#a7b49b}.login-brand-foot{font-size:10px;color:#9eae90}
.login-product-preview{margin-top:35px;padding:17px;background:#ffffff07;border:1px solid #ffffff12;border-radius:16px;transform:rotate(-2deg);max-width:400px;box-shadow:0 20px 35px #18221218}.login-preview-head{display:flex;align-items:center;gap:5px;padding-bottom:16px;font-size:10px;color:#aebba2}.login-preview-head>span{display:flex;align-items:center;gap:7px;flex:1}.login-preview-head svg{width:14px;height:14px}.login-preview-head i{width:4px;height:4px;border-radius:50%;background:#9ba98e}.login-preview-message{display:flex;align-items:center;gap:10px;background:#ffffff08;border-radius:10px;padding:13px;margin-bottom:8px}.login-preview-avatar{width:32px;height:32px;display:grid;place-items:center;background:#c4d8b014;color:#c6d9b3;border-radius:10px;flex-shrink:0}.login-preview-avatar svg{width:16px;height:16px}.login-preview-message>div{display:grid;gap:3px;flex:1}.login-preview-message b{font-size:11px;font-weight:500}.login-preview-message small{font-size:9px;color:#9cae8f}.login-preview-tag{font-size:8px;background:#c4d8b012;padding:3px 7px;border-radius:5px;color:#b7cd9f}.login-preview-line{display:flex;justify-content:space-between;align-items:center;padding:10px 2px 0;font-size:9px;color:#afbea3}.login-preview-line>span:first-child{display:flex;align-items:center;gap:6px}.login-preview-line svg{width:13px;height:13px}.login-preview-live{color:#bbd49f}
.login-new-layout .auth-main.auth-rebuilt{direction:rtl;background:#fff;border-radius:0 22px 22px 0;min-height:calc(100dvh - 36px);padding:30px 45px 24px;gap:20px}.login-new-layout .auth-wordmark{display:none}.login-new-layout .auth-topbar{justify-content:flex-end}.login-new-layout .auth-workspace{max-width:350px;padding:20px 0}.login-new-layout .auth-entry-icon{display:none}.login-new-layout .auth-intro{margin-bottom:30px}.login-new-layout .auth-intro h1{font-size:33px;font-weight:500}.login-new-layout .auth-intro .eyebrow{color:#8b9b7b}.login-new-layout .auth-intro p{font-size:12px}.login-new-layout .auth-account-form{gap:21px}.login-new-layout .auth-input-shell{background:#fff;border-color:#e3e8dc;height:49px;border-radius:10px}.login-new-layout .auth-input-shell>input{height:45px}.login-new-layout .auth-account-form>.button{height:49px;margin-top:3px;background:#35462b}.login-new-layout .auth-account-form>.button:hover{background:#49603a}.login-new-layout .auth-account-switch{padding:20px 0 0;margin-top:26px;border-top:1px solid var(--line)}
@media(max-width:1000px){.login-brand-panel{padding:30px}.login-brand-content h2{font-size:35px}.login-new-layout .auth-main.auth-rebuilt{padding:28px}.login-preview-tag{display:none}}
@media(max-width:700px){.auth-layout.login-new-layout{display:block;padding:0;background:#fff}.login-brand-panel{display:none}.login-new-layout .auth-main.auth-rebuilt{min-height:100dvh;border-radius:0;padding:26px 24px 20px}.login-new-layout .auth-wordmark{display:block}.login-new-layout .auth-topbar{justify-content:space-between}.login-new-layout .auth-workspace{max-width:380px}.login-new-layout .auth-entry-icon{display:grid}.login-new-layout .auth-intro h1{font-size:31px}.login-new-layout .auth-input-shell>input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.login-product-preview{transform:none}}

/* Preserve the original panel positions; redesign only the white account area. */
.auth-layout.login-new-layout{direction:rtl;grid-template-columns:1fr 1fr;padding:0;gap:0;background:#fff}
.login-new-layout .auth-main.auth-rebuilt{direction:rtl;border-radius:0;min-height:100dvh;background:#fff;padding:32px 44px 24px}
.login-new-layout .auth-topbar{justify-content:space-between}.login-new-layout .auth-wordmark{display:block}
.login-new-layout .auth-workspace{max-width:390px;padding:22px 0}
.login-new-layout .auth-intro{margin-bottom:28px}.login-new-layout .auth-intro h1{font-size:32px}.login-new-layout .auth-intro .eyebrow{font-size:10px}.login-new-layout .auth-intro p{max-width:320px}
.login-new-layout .auth-account-form label{gap:7px;font-size:11px}
.login-new-layout .auth-input-shell{height:54px;padding:0 15px;background:#f4f6ef;border:0;border-radius:12px;gap:12px}
.login-new-layout .auth-input-shell>svg{width:18px;height:18px;color:#8b9c78}
.login-new-layout .auth-input-shell>input{height:50px;font-size:14px;background:transparent;border:0;box-shadow:none}
.login-new-layout .auth-input-shell:focus-within{background:#eef3e6;box-shadow:0 0 0 2px #b7c5a433}
.login-new-layout .auth-account-form{gap:22px}.login-new-layout .auth-label-row>a{font-size:10px}
.login-new-layout .auth-account-form>.button{height:48px;margin-top:6px;border-radius:12px;background:#303a2a}
.login-new-layout .auth-account-switch{margin-top:24px;padding-top:22px;justify-content:space-between;font-size:11px}.login-new-layout .auth-account-switch>a{background:#eff3e8;border-radius:8px;padding:7px 10px;gap:7px}
@media(max-width:1150px){.login-new-layout .auth-main.auth-rebuilt{padding:28px}}
@media(max-width:700px){.auth-layout.login-new-layout{grid-template-columns:1fr;display:grid}.login-new-layout .auth-main.auth-rebuilt{padding:24px}.login-new-layout .auth-workspace{padding:14px 0}.login-new-layout .auth-input-shell>input{font-size:16px}}

/* New white-panel composition: centered introduction and unified form surface. */
.auth-main.auth-white-v2{background:#fff}.auth-white-v2 .auth-workspace{max-width:390px;width:100%;margin:auto;padding:24px 0}
.auth-white-v2 .auth-intro{text-align:center;margin-bottom:30px}.auth-white-v2 .auth-intro .eyebrow{font-size:10px;letter-spacing:0;margin-bottom:9px}.auth-white-v2 .auth-intro h1{font-size:34px;line-height:1.45;font-weight:500;letter-spacing:-.7px}.auth-white-v2 .auth-intro p{max-width:300px;margin:10px auto 0;font-size:12px;line-height:1.9;color:#99a28e}.auth-white-v2 .auth-entry-icon{display:none}
.auth-white-v2 #auth-form.auth-account-form{background:#f6f8f2;border:1px solid #edf0e5;border-radius:17px;padding:21px;gap:18px;box-shadow:none}
.auth-white-v2 #auth-form label{font-size:11px;color:#6c7d5b;gap:8px}.auth-white-v2 #auth-form .auth-input-shell{background:#fff;border:1px solid #e5eadc;border-radius:9px;height:45px;padding:0 12px;gap:0}.auth-white-v2 #auth-form .auth-input-shell>svg{display:none}.auth-white-v2 #auth-form .auth-input-shell>input{height:41px;font-size:14px;border:0;background:transparent;padding:0;box-shadow:none}.auth-white-v2 #auth-form .auth-input-shell:focus-within{background:#fff;border-color:#a4b58e;box-shadow:0 0 0 2px #8b9d6f12}.auth-white-v2 #auth-form input::placeholder{color:#b3bba9;font-size:11px}.auth-white-v2 #auth-form .auth-name-row input{background:#fff;border-color:#e5eadc;border-radius:9px;height:45px;font-size:14px}.auth-white-v2 #auth-form>.button{border-radius:9px;height:44px;min-height:44px;margin-top:2px;justify-content:center;position:relative;font-size:12px;background:#303b29}.auth-white-v2 #auth-form>.button>svg{position:absolute;inset-inline-end:14px;width:15px;height:15px}.auth-white-v2 #auth-form>.button:hover{background:#45563b}.auth-white-v2 .auth-label-row>a{font-size:10px;color:#8b9c77}
.auth-white-v2 .auth-account-switch{display:flex;flex-direction:column;justify-content:center;gap:9px;border:0;padding:0;margin-top:23px;font-size:11px}.auth-white-v2 .auth-account-switch>a{background:transparent;border:0;padding:0;color:#667e4f;font-size:12px;gap:6px}.auth-white-v2 .auth-terms{max-width:310px;margin:16px auto 0}.auth-white-v2 .auth-topbar .auth-wordmark{font-size:25px}.auth-white-v2 .auth-panel-footer{font-size:9px}
@media(max-width:700px){.auth-white-v2 .auth-workspace{padding:18px 0}.auth-white-v2 .auth-intro h1{font-size:31px}.auth-white-v2 #auth-form.auth-account-form{padding:20px 18px}.auth-white-v2 #auth-form .auth-input-shell>input,.auth-white-v2 #auth-form .auth-name-row input{font-size:16px}}

.shopify-connect-field[data-field="name"]{grid-column:1/-1}.commerce-connected .commerce-rename{width:22px;height:22px;padding:3px;margin-inline-start:4px;vertical-align:middle;background:none}.commerce-connected .commerce-rename svg{width:12px;height:12px}
.auth-wordmark{display:inline-flex;align-items:center;gap:0}

/* Login: illustrated conversation network with restrained motion. */
.login-new-layout .login-brand-panel{position:relative;isolation:isolate;min-height:100dvh;overflow:hidden;padding:clamp(28px,4vw,58px) clamp(28px,5vw,72px);background:radial-gradient(ellipse at 54% 50%,#44543a 0,#35432e 42%,#293323 100%);color:#f5f7f1}
.login-new-layout .login-brand-panel:before,.login-new-layout .login-brand-panel:after{content:"";position:absolute;z-index:-1;pointer-events:none;border:1px solid #dce8ce12;border-radius:50%;width:min(52vw,700px);aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-45%)}
.login-new-layout .login-brand-panel:after{width:min(41vw,560px);border-style:dashed;border-color:#dce8ce0d;animation:login-orbit 70s linear infinite}
.login-new-layout .login-brand-panel>.brand{color:#fff;position:relative;z-index:1}
.login-new-layout .login-brand-content{position:relative;z-index:1;width:100%;max-width:560px;margin:0 auto;display:grid;align-content:center;justify-items:start;min-height:calc(100dvh - 150px);padding:24px 0}
.login-new-layout .login-overline{display:inline-flex;align-items:center;gap:9px;color:#bdcba9;font-size:11px;letter-spacing:0}
.login-new-layout .login-overline:before{content:"";width:6px;height:6px;border-radius:50%;background:#c7dba9;box-shadow:0 0 0 5px #c7dba91a}
.login-new-layout .login-brand-content h2{margin:15px 0 10px;font-size:clamp(32px,3.3vw,46px);font-weight:500;line-height:1.4;letter-spacing:-1.3px;color:#fbfcf8}
.login-new-layout .login-brand-content>p{max-width:390px;font-size:13px;line-height:1.9;color:#c0cbb5}
.login-new-layout .login-illustration{width:min(100%,550px);margin:7px auto -5px;align-self:center;overflow:visible}
.login-new-layout .login-illustration svg{display:block;width:100%;height:auto;overflow:visible}
.login-new-layout .login-float-main{transform-box:fill-box;transform-origin:center;animation:login-float-main 6s ease-in-out infinite}
.login-new-layout .login-float-left{transform-box:fill-box;transform-origin:center;animation:login-float-side 5.5s ease-in-out -1.3s infinite}
.login-new-layout .login-float-right{transform-box:fill-box;transform-origin:center;animation:login-float-side 6.5s ease-in-out -2.4s infinite}
.login-new-layout .login-float-top{transform-box:fill-box;transform-origin:center;animation:login-float-top 5s ease-in-out -1.8s infinite}
.login-new-layout .login-brand-caption{display:flex;align-items:center;gap:9px;margin-top:-5px;color:#c2cdb7;font-size:10px}
.login-new-layout .login-caption-dot{width:5px;height:5px;border-radius:50%;background:#b9d498}
.login-new-layout .login-brand-foot{font-size:10px;color:#a9b69c}
@keyframes login-float-main{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes login-float-side{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@keyframes login-float-top{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes login-orbit{to{transform:translate(-50%,-45%) rotate(360deg)}}
@media(max-width:1150px) and (min-width:701px){.login-new-layout .login-brand-panel{padding:28px}.login-new-layout .login-brand-content{min-height:calc(100dvh - 130px)}.login-new-layout .login-brand-content h2{font-size:34px}.login-new-layout .login-illustration{width:min(112%,500px);margin-inline:-6%}}
@media(max-height:760px) and (min-width:701px){.login-new-layout .login-brand-content{min-height:0;padding:14px 0}.login-new-layout .login-brand-content h2{font-size:35px}.login-new-layout .login-illustration{width:min(100%,420px);margin-block:0}.login-new-layout .login-brand-caption{margin-top:0}}
@media(prefers-reduced-motion:reduce){.login-new-layout .login-float-main,.login-new-layout .login-float-left,.login-new-layout .login-float-right,.login-new-layout .login-float-top,.login-new-layout .login-brand-panel:after{animation:none}}
@media(max-width:700px){.login-new-layout .login-brand-panel{display:flex;min-height:0;height:auto;padding:17px 22px 2px;border-radius:0 0 22px 22px}.login-new-layout .login-brand-panel>.brand{display:none}.login-new-layout .login-brand-content{min-height:0;max-width:440px;padding:12px 0 0;grid-template-columns:minmax(0,1fr) 145px;grid-template-rows:auto auto auto;column-gap:4px;align-content:center}.login-new-layout .login-overline{grid-column:1/-1;font-size:9px}.login-new-layout .login-brand-content h2{grid-column:1;grid-row:2;margin:6px 0 0;font-size:22px;line-height:1.35;letter-spacing:-.4px}.login-new-layout .login-brand-content>p{display:none}.login-new-layout .login-illustration{grid-column:2;grid-row:2/4;width:165px;margin:-10px -10px -4px 0}.login-new-layout .login-brand-caption{grid-column:1;grid-row:3;margin:5px 0 0;font-size:9px}.login-new-layout .login-brand-foot{display:none}.login-new-layout .auth-main.auth-rebuilt{min-height:calc(100dvh - 205px);padding:15px 22px 20px;gap:10px}.login-new-layout .auth-topbar{min-height:28px}.login-new-layout .auth-workspace{padding:10px 0}.login-new-layout .auth-intro{margin-bottom:22px}.login-new-layout .auth-intro h1{font-size:29px}.login-new-layout .login-illustration svg{max-height:150px}}

/* Full login composition on a fixed white canvas. */
body:has(.auth-layout.login-new-layout){background:#fff}
.auth-layout.login-new-layout{direction:rtl;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.85fr);align-items:stretch;gap:clamp(34px,6vw,96px);width:100%;max-width:1440px;min-height:100svh;margin:0 auto;padding:28px clamp(28px,6vw,88px);background:#fff}
.login-new-layout .login-brand-panel{display:flex;position:relative;isolation:isolate;min-height:calc(100svh - 56px);overflow:visible;padding:18px 0 22px;background:#fff;color:#252a23}
.login-new-layout .login-brand-panel:before,.login-new-layout .login-brand-panel:after{content:none}
.login-new-layout .login-brand-content{width:100%;max-width:580px;min-height:calc(100svh - 100px);margin:0 auto;display:grid;grid-template-rows:auto auto auto minmax(260px,1fr) auto;align-content:center;justify-items:start;padding:10px 0}
.login-new-layout .login-overline{display:inline-flex;align-items:center;gap:9px;color:#879276;font-size:10px;letter-spacing:1.2px;direction:ltr}
.login-new-layout .login-overline:before{content:"";width:6px;height:6px;border-radius:50%;background:#8b9c75;box-shadow:none}
.login-new-layout .login-brand-content h2{margin:13px 0 8px;font-size:clamp(32px,3.15vw,45px);font-weight:500;line-height:1.4;letter-spacing:-1.2px;color:#252a23}
.login-new-layout .login-brand-content>p{max-width:390px;font-size:13px;line-height:1.9;color:#858b7f}
.login-new-layout .login-illustration{width:min(100%,550px);margin:10px auto 0;align-self:center;overflow:visible}
.login-new-layout .login-illustration svg{display:block;width:100%;height:auto;overflow:visible}
.login-new-layout .login-float-main{transform-box:fill-box;transform-origin:center;animation:login-float-main 6s ease-in-out infinite}
.login-new-layout .login-float-left{transform-box:fill-box;transform-origin:center;animation:login-float-side 5.5s ease-in-out -1.3s infinite}
.login-new-layout .login-float-right{transform-box:fill-box;transform-origin:center;animation:login-float-side 6.5s ease-in-out -2.4s infinite}
.login-new-layout .login-float-top{transform-box:fill-box;transform-origin:center;animation:login-float-top 5s ease-in-out -1.8s infinite}
.login-new-layout .login-float-bottom{transform-box:fill-box;transform-origin:center;animation:login-float-side 7s ease-in-out -3s infinite}
.login-new-layout .login-brand-caption{display:flex;align-items:center;gap:9px;margin-top:7px;color:#8b9186;font-size:10px}
.login-new-layout .login-caption-dot{width:5px;height:5px;border-radius:50%;background:#91a47c}
.login-new-layout .auth-main.auth-rebuilt{direction:rtl;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100svh - 56px);padding:20px 0;background:#fff;gap:20px}
.login-new-layout .auth-topbar{justify-content:space-between;max-width:460px;width:100%;margin-inline:auto}
.login-new-layout .auth-topbar .auth-wordmark{display:block;font-size:26px;color:#262a23}
.login-new-layout .auth-topbar .back-link{margin:0;color:#868d7e;font-size:11px}
.login-new-layout .auth-workspace{max-width:460px;width:100%;margin:auto;padding:28px 30px;border:1px solid #e8ebe5;border-radius:18px;background:#fff}
.login-new-layout .auth-intro{margin-bottom:24px;text-align:right}
.login-new-layout .auth-entry-icon{display:grid;width:39px;height:39px;margin-bottom:16px;border-radius:12px;background:#f1f4ed;color:#728363}
.login-new-layout .auth-intro .eyebrow{font-size:10px;color:#8b967e}
.login-new-layout .auth-intro h1{font-size:29px;font-weight:500;color:#252a23}
.login-new-layout .auth-intro p{font-size:12px;color:#92978e}
.login-new-layout #auth-form.auth-account-form{gap:18px;padding:0;border:0;border-radius:0;background:#fff}
.login-new-layout #auth-form label{color:#52594d;font-size:11px}
.login-new-layout #auth-form .auth-input-shell{height:49px;padding:0 13px;border:1px solid #e5e8e1;border-radius:10px;background:#fff;gap:9px}
.login-new-layout #auth-form .auth-input-shell>svg{display:block;width:16px;height:16px;color:#8a967b}
.login-new-layout #auth-form .auth-input-shell>input{height:45px;padding:0;border:0;background:transparent;font-size:14px;box-shadow:none}
.login-new-layout #auth-form .auth-input-shell:focus-within{border-color:#9eae8c;background:#fff;box-shadow:0 0 0 3px #879b6410}
.login-new-layout #auth-form input::placeholder{color:#aab0a4;font-size:11px}
.login-new-layout #auth-form>.button{height:47px;min-height:47px;margin-top:3px;border:0;border-radius:10px;background:#30382c;font-size:12px}
.login-new-layout #auth-form>.button:hover{background:#45513b}
.login-new-layout .auth-account-switch{justify-content:center;margin-top:20px;padding-top:18px;border-top:1px solid #eef0eb;font-size:11px}
.login-new-layout .auth-account-switch>a{padding:0;background:transparent;color:#637851}
.login-new-layout .auth-panel-footer{width:100%;max-width:460px;margin-inline:auto;padding-top:10px;font-size:9px;color:#a0a59a}
@media(max-width:1000px) and (min-width:701px){.auth-layout.login-new-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.95fr);gap:30px;padding-inline:30px}.login-new-layout .login-brand-content h2{font-size:34px}.login-new-layout .login-brand-content{min-height:calc(100svh - 90px)}.login-new-layout .login-illustration{width:110%;margin-inline:-5%}.login-new-layout .auth-workspace{padding:25px 22px}}
@media(max-width:700px){.auth-layout.login-new-layout{grid-template-columns:1fr;gap:0;padding:0;background:#fff}.login-new-layout .login-brand-panel{min-height:0;height:auto;padding:13px 22px 0;background:#fff;border-radius:0}.login-new-layout .login-brand-content{min-height:0;max-width:460px;padding:6px 0 0;grid-template-columns:minmax(0,1fr) 150px;grid-template-rows:auto auto auto;column-gap:4px;align-content:center}.login-new-layout .login-overline{grid-column:1/-1;font-size:8px}.login-new-layout .login-brand-content h2{grid-column:1;grid-row:2;margin:5px 0 0;font-size:21px;line-height:1.35;letter-spacing:-.3px}.login-new-layout .login-brand-content>p{display:none}.login-new-layout .login-illustration{grid-column:2;grid-row:2/4;width:162px;margin:-8px -9px -5px 0}.login-new-layout .login-brand-caption{grid-column:1;grid-row:3;margin:5px 0 0;font-size:8px}.login-new-layout .auth-main.auth-rebuilt{min-height:calc(100svh - 235px);padding:6px 22px 17px;gap:10px}.login-new-layout .auth-topbar{min-height:32px}.login-new-layout .auth-workspace{max-width:460px;margin:0 auto;padding:19px 18px;border-radius:15px}.login-new-layout .auth-intro{margin-bottom:20px}.login-new-layout .auth-intro h1{font-size:27px}.login-new-layout #auth-form .auth-input-shell>input{font-size:16px}.login-new-layout .login-illustration svg{max-height:145px}.login-new-layout .auth-panel-footer{padding-top:3px}}
@media(prefers-reduced-motion:reduce){.login-new-layout .login-float-main,.login-new-layout .login-float-left,.login-new-layout .login-float-right,.login-new-layout .login-float-top,.login-new-layout .login-float-bottom{animation:none}}

#modal.vondera-connect-modal{width:min(360px,calc(100vw - 28px));padding:18px;border:1px solid #e6e9e2;border-radius:18px;background:#fff;box-shadow:0 20px 64px #20271d24}
#modal.vondera-connect-modal .modal-head{margin:0 0 8px;padding:0;border:0}
#modal.vondera-connect-modal #modal-title{font-size:17px;line-height:1.45}
#modal.vondera-connect-modal #modal-body>p{margin:0;font-size:12px;line-height:1.7;color:#777e6d}
#modal.vondera-connect-modal #modal-form{gap:12px}
#modal.vondera-connect-modal .commerce-form-group{padding:0;background:transparent}
#modal.vondera-connect-modal .commerce-form-group h3{display:none}
#modal.vondera-connect-modal .commerce-form-fields{display:block}
#modal.vondera-connect-modal .commerce-form-fields label{display:grid;gap:5px}
#modal.vondera-connect-modal .commerce-form-fields select{margin-top:2px;min-height:40px}
#modal.vondera-connect-modal #modal-form>[type=submit]{min-height:42px;margin-top:0}
#modal.vondera-connect-modal #modal-form>[type=submit][hidden]{display:none}
.vondera-connect-result{display:grid;gap:9px;margin-top:13px;padding:12px;border:1px solid #e8ebe2;border-radius:14px;background:#f6f8f2}
.vondera-connect-code-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vondera-connect-code-heading b{font-size:12px;font-weight:600}
.vondera-connect-code-heading small{padding:3px 8px;border-radius:999px;background:#f1f5eb;font-size:10px;color:#71805f}
.vondera-connect-code-row{display:grid;gap:8px;padding:0;border:0;background:transparent}
.vondera-connect-code-content{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:8px 9px;border:1px solid #e8ebe4;border-radius:11px;background:#fff}
.vondera-connect-code-row code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:650;letter-spacing:.07em;color:#343c2d}
.vondera-connect-code-content .button{min-height:32px;padding:4px 9px;border:1px solid #e4e8dc;border-radius:9px;background:#f8f9f6;color:#394232;font-size:11px}
.vondera-connect-code-content .button svg{width:14px;height:14px}
.vondera-connect-code-content .button:disabled{opacity:.55;cursor:wait}
.vondera-connect-error{font-size:11px;color:#a33e36}
@media(max-width:600px){#modal.vondera-connect-modal{width:calc(100vw - 24px);padding:16px 14px}.vondera-connect-code-content code{font-size:14px}}

/* Keep a session-only commerce step compact and aligned with its code panel. */
.commerce-modal .commerce-form-group:has(select[name="session_id"]):not(:has(input)){padding:0;background:transparent}
.commerce-modal .commerce-form-group:has(select[name="session_id"]):not(:has(input)) h3{display:none}
.commerce-modal .commerce-form-group:has(select[name="session_id"]):not(:has(input)) .commerce-form-fields{display:block}
.commerce-modal .commerce-form-group:has(select[name="session_id"]):not(:has(input)) label[data-commerce-field="session_id"]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:9px 11px;border:1px solid #e9ece5;border-radius:12px;background:#f8f9f6;font-size:12px;line-height:1.3;font-weight:600;color:#5e6655}
.commerce-modal .commerce-form-group:has(select[name="session_id"]):not(:has(input)) label[data-commerce-field="session_id"] select{flex:0 0 142px;width:142px;height:36px;min-height:36px;margin:0;padding:0 10px;border:1px solid #e6e9e1;border-radius:9px;background:#fff;font-size:12px;color:#30352c}
@media(max-width:600px){.commerce-modal .commerce-form-group:has(select[name="session_id"]):not(:has(input)) label[data-commerce-field="session_id"] select{font-size:16px}}

/* Keep the Webhooks page help compact and let the endpoint remain easy to copy. */
.webhook-connect-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:24px;row-gap:10px;width:100%;margin:22px 0 28px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.webhook-connect-heading{display:contents}
.webhook-connect-heading h2{grid-column:1;grid-row:1;font-size:13px;line-height:1.6;font-weight:600;margin:0;white-space:nowrap}
.webhook-doc-link{grid-column:2;grid-row:1;display:inline-flex;align-items:center;gap:5px;flex-shrink:0;color:#677c57;font-size:11px;font-weight:600;white-space:nowrap}
.webhook-doc-link svg{width:13px;height:13px}
.webhook-endpoint{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:7px;direction:ltr;min-width:0;width:100%;padding:0;border:0;border-radius:0;background:transparent}
.webhook-endpoint code{min-width:0;flex:0 1 auto;overflow-wrap:anywhere;text-align:left;color:#848b7d;font:11px/1.6 Arial,sans-serif;background:transparent;border:0;padding:0}
.webhook-endpoint .icon-button{flex:0 0 24px;width:24px;height:24px;border:0;border-radius:6px;background:transparent;box-shadow:none;color:#7b8473}
.webhook-endpoint .icon-button svg{width:13px;height:13px}
.webhook-endpoint .icon-button:hover{background:transparent;box-shadow:none;color:#46563d}
.webhook-list-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px}
.webhook-list-heading h2{font-size:16px}
.toolbar.list-search-toolbar:has(#search[placeholder^="ابحث عن وجهة استقبال"]){margin-bottom:12px}
@media(max-width:900px){.webhook-connect-panel{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:8px}.webhook-doc-link{grid-column:2}.webhook-endpoint{grid-column:1/-1;grid-row:2;justify-content:flex-end}}
@media(max-width:700px){.webhook-connect-panel{margin:18px 0 24px;padding:0}.webhook-connect-heading h2{font-size:12px}.webhook-endpoint code{font-size:11px}.webhook-doc-link{font-size:11px}}

.support-dialog .support-ratings{max-height:min(440px,calc(100dvh - 110px));padding-top:6px}.support-dialog .support-rating-row{display:block;padding:15px 2px}.support-rating-row header{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-rating-row header>b{font-size:14px}.support-rating-grade{font-size:12px;color:#627653}.support-rating-grade.grade-1{color:#9b653e}.support-rating-feedback{margin-top:12px;border-inline-start:2px solid #dce3d5;padding-inline-start:12px}.support-rating-feedback>b{font-size:12px;color:#77816e}.support-rating-feedback p{margin:5px 0 0;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.support-ratings-link{display:block;margin:12px auto 0;padding:6px;background:transparent;border:0;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.support-ratings-link:hover{color:var(--ink)}

.support-rating-reference{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--muted);white-space:nowrap}.support-rating-reference button{padding:2px 0;border:0;background:transparent;color:#627653;font:inherit;cursor:pointer}.support-rating-reference button:hover{text-decoration:underline}.support-rating-row>.support-rating-grade{display:inline-block;margin-top:5px}.support-rating-details{margin:8px 0 16px}.support-rating-details>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:9px 0;border-bottom:1px solid #edf0ea}.support-rating-details dt{font-size:12px;color:var(--muted)}.support-rating-details dd{margin:0;font-size:13px;text-align:left;overflow-wrap:anywhere}.support-rating-note{font-size:11px;line-height:1.7;color:var(--muted);margin:14px 0 2px}@media(max-width:420px){.support-rating-row header{gap:6px}.support-rating-row header>b{font-size:12px}.support-rating-reference{font-size:9px}}

#modal.notifications-modal .notification-rating-data{margin:0;display:grid;gap:8px}#modal.notifications-modal .notification-rating-data>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px}#modal.notifications-modal .notification-rating-data dt{font-size:12px;color:var(--muted)}#modal.notifications-modal .notification-rating-data dd{margin:0;font-size:12px;color:var(--ink);overflow-wrap:anywhere;text-align:left}

/* Compact conversation review panel. */
.support-dialog.support-detail-open{width:min(400px,calc(100vw - 24px))!important;border-radius:16px}.support-dialog .support-detail-head{display:grid;grid-template-columns:26px minmax(0,1fr) 26px;gap:8px;min-height:44px;padding:8px 12px}.support-detail-head>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.support-detail-head h2{font-size:13px;line-height:1.5;margin:0}.support-detail-id{font-size:9px;color:var(--muted)}.support-dialog .support-conversation-detail{padding:14px;max-height:min(380px,calc(100dvh - 100px))}.support-detail-overview{display:flex;align-items:center;justify-content:space-between;gap:10px}.support-detail-phone{font-size:19px;font-weight:600;color:#30382c;letter-spacing:.3px}.support-detail-unavailable{font-size:12px;color:var(--muted)}.support-detail-grade{flex-shrink:0;border-radius:7px;padding:4px 8px;font-size:10px;background:#eef3e9;color:#627653}.support-detail-grade.grade-1{background:#fbf2e9;color:#9b653e}.support-rating-details.support-detail-facts{display:flex;flex-wrap:wrap;gap:7px 16px;margin:11px 0 15px;padding:0;border:0}.support-rating-details.support-detail-facts>div{display:flex;align-items:baseline;justify-content:flex-start;gap:5px;padding:0;border:0;min-width:0}.support-detail-facts dt{font-size:10px}.support-detail-facts dd{margin:0;text-align:right;font-size:11px}.support-detail-times h3,.support-detail-review h3{margin:0;font-size:10px;font-weight:500;color:#77816d}.support-detail-times ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:7px 0 0;padding:9px 0;background:#f7f8f4;border-radius:9px}.support-detail-times li{display:flex;align-items:center;flex-direction:column;gap:5px;min-width:0;text-align:center}.support-detail-times li+li{border-inline-start:1px solid #e5e9df}.support-detail-times li>span{font-size:9px;color:var(--muted)}.support-detail-times b{font-size:12px;font-weight:600;white-space:nowrap}.support-detail-times small{font-size:8px;color:#98a08f;white-space:nowrap}.support-detail-review{margin-top:13px;padding:0}.support-detail-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.support-detail-section-head time{font-size:9px;color:var(--muted);white-space:nowrap}.support-detail-review .support-rating-feedback{border:0;padding:0;margin-top:6px}.support-detail-review .support-rating-feedback p{font-size:12px;line-height:1.8;margin:0}.support-detail-pending{font-size:10px;line-height:1.7;color:var(--muted);margin:12px 0 0}.support-detail-footer{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:13px;padding-top:9px;border-top:1px solid #edf0ea;font-size:9px;color:#9aa28f}@media(max-width:360px){.support-detail-head>div{align-items:flex-start;flex-direction:column;gap:1px}.support-detail-phone{font-size:17px}}

.support-rating-employee{display:flex;align-items:baseline;gap:7px;min-width:0}.support-rating-employee>b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-rating-employee .support-rating-grade{flex-shrink:0;font-size:11px;white-space:nowrap}@media(max-width:420px){.support-rating-employee{gap:5px}.support-rating-employee>b{font-size:12px}.support-rating-employee .support-rating-grade{font-size:10px}}

/* Team settings follow the workspace's olive palette and compact controls. */
.team-settings{margin-top:24px;border:1px solid var(--line,#e5e8df);border-radius:16px;background:#fff;overflow:hidden}.team-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px}.team-kicker{font-size:10px;color:var(--muted)}.team-heading h2{margin:3px 0 5px;font-size:19px;font-weight:600}.team-heading p{margin:0;font-size:12px;color:var(--muted)}.team-heading>.button{font-size:12px;min-height:36px;padding:8px 12px;white-space:nowrap}.team-heading>.button svg{width:14px}.team-people{padding:0 22px}.team-person{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #edf0ea}.team-person-avatar{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:10px;background:#f0f3ec;color:#6b7d57;font-size:15px}.team-person-info{flex:1;min-width:0}.team-person-info>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.team-person-info strong{font-size:14px;font-weight:600}.team-person-info>div>span{font-size:10px;color:#728261}.team-person-info>bdi{display:block;font-size:11px;color:var(--muted);text-align:right;margin-top:4px;overflow-wrap:anywhere}.team-person-info>small{display:block;margin-top:7px;font-size:10px;line-height:1.7;color:#9aa18f}.team-person-actions{display:flex;align-items:center;gap:4px;flex:none}.team-person-actions .icon-button{width:28px;height:28px;background:transparent;border:0}.team-person-actions svg{width:14px;height:14px}.team-empty{padding:24px 0 28px;text-align:center;border-top:1px solid #edf0ea}.team-empty>strong{font-size:14px;font-weight:500}.team-empty p{margin:7px 0 0;font-size:12px;color:var(--muted)}.team-pending{padding:16px 22px;border-top:1px solid #edf0ea;background:#fafbf8}.team-pending h3{margin:0 0 8px;font-size:12px;font-weight:500;color:#6c795e}.team-pending h3>span{font-size:10px;margin-inline-start:6px;color:var(--muted)}.team-pending article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.team-pending article>div:first-child{min-width:0}.team-pending bdi{font-size:12px;overflow-wrap:anywhere}.team-pending small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.team-form label{font-size:12px}.team-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.team-form input:not([type=checkbox]),.team-form select{min-height:40px;font-size:13px}.team-permission-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;border:0;padding:4px 0;margin:16px 0 0}.team-permission-fields legend{padding:0;margin-bottom:12px;font-size:12px;font-weight:600}.team-permission-fields label{display:flex;align-items:flex-start;gap:7px;margin:0;font-size:11px;line-height:1.6}.team-permission-fields input{width:14px;height:14px;margin:2px 0 0;accent-color:#798c61}.team-form-hint{font-size:10px;color:var(--muted);margin:14px 0 0;line-height:1.7}.team-form-actions{display:flex;align-items:center;gap:14px;margin-top:16px}.team-form-actions .button{font-size:12px;min-height:36px}.team-form-actions .text-link{background:transparent;border:0;padding:5px;font:inherit;font-size:12px;cursor:pointer}.team-form-person{font-size:14px;margin:0 0 15px}.team-form-person bdi{display:block;color:var(--muted);font-size:11px;margin-top:4px;text-align:right}.team-remove p{font-size:13px;line-height:1.8;color:var(--muted)}.team-remove>strong{font-size:14px;overflow-wrap:anywhere}.team-member-note{margin-top:20px;font-size:12px;color:var(--muted)}.team-invite-page{min-height:100dvh;background:#f5f6f1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:28px 16px}.team-invite-card{width:min(440px,100%);padding:26px;background:#fff;border:1px solid #e4e8dd;border-radius:18px}.team-invite-kicker{font-size:11px;color:var(--muted)}.team-invite-card h1{margin:6px 0;font-size:24px}.team-invite-card>p{font-size:13px;line-height:1.8;color:var(--muted)}.team-invite-capabilities{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.team-invite-capabilities span{padding:5px 8px;border-radius:6px;background:#f2f5ed;color:#728261;font-size:10px}.team-invite-card form{display:grid;gap:12px}.team-invite-card label{font-size:12px}.team-invite-card input{font-size:16px}.team-invite-card .button{font-size:13px}@media(max-width:600px){.team-heading{padding:16px;gap:12px}.team-heading h2{font-size:17px}.team-heading p{font-size:11px}.team-heading>.button{font-size:11px;padding:7px 9px}.team-people,.team-pending{padding-inline:16px}.team-person{gap:9px}.team-person-avatar{width:30px;height:30px;font-size:13px}.team-person-info>small{font-size:9px}.team-form-fields{grid-template-columns:1fr}.team-form input:not([type=checkbox]),.team-form select{font-size:16px}.team-permission-fields{column-gap:10px}.team-invite-card{padding:20px}}
/* Workspace settings: scoped layout and team editor. */
.workspace-settings-page .page-heading{margin-bottom:24px}.workspace-settings{display:grid;grid-template-columns:215px minmax(0,1fr);gap:28px;align-items:start;max-width:1100px}.settings-menu{padding:8px 0;position:sticky;top:22px}.settings-menu-label{display:block;font-size:11px;color:#93988e;padding:0 13px 15px}.settings-menu>button{display:flex;align-items:center;gap:12px;width:100%;text-align:right;border:0;background:transparent;border-radius:11px;padding:12px 14px;margin:0 0 5px;color:#767e6f;transition:background .18s,color .18s}.settings-menu>button>svg{width:19px;height:19px;flex:none}.settings-menu>button>span{font-size:14px;font-weight:500;display:grid;gap:2px}.settings-menu>button small{font-size:11px;font-weight:400;color:#959b90}.settings-menu>button:hover{background:#f7f8f4}.settings-menu>button.is-selected{background:#eef2e7;color:#4d6043}.settings-menu>button.is-selected small{color:#819274}.settings-menu-foot{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:28px;padding:20px 12px}.settings-person-initial{display:grid;place-items:center;background:#f1f3ed;color:#71815f;border-radius:10px;width:35px;height:35px;flex:none}.settings-menu-foot strong{font-size:12px;font-weight:500}.settings-menu-foot small{display:block;color:var(--muted);font-size:10px}.settings-panels{min-width:0}.settings-panels>[hidden]{display:none!important}.settings-section,.settings-panels .team-settings{background:#fff;border:1px solid #e6e9e1;border-radius:18px;overflow:hidden;margin:0}.settings-section-heading,.settings-panels .team-heading{padding:23px 26px;border-bottom:1px solid #edf0e8}.settings-section-heading h2,.settings-panels .team-heading h2{font-size:19px;font-weight:600;margin:0 0 5px}.settings-section-heading p,.settings-panels .team-heading p{font-size:12px;color:#90968a}.settings-section #settings-form{padding:0 26px}.settings-identity{display:flex;align-items:center;gap:13px;padding:24px 0}.settings-identity>span{width:48px;height:48px;background:#edf2e5;border-radius:14px;display:grid;place-items:center;color:#6f8359;font-size:22px}.settings-identity>div{flex:1;min-width:0}.settings-identity strong{display:block;font-size:15px;font-weight:500}.settings-identity bdi{display:block;text-align:right;font-size:12px;color:#969c90;overflow-wrap:anywhere}.settings-identity>small{background:#f5f6f2;padding:4px 8px;border-radius:6px;color:#7c8572;font-size:10px}.settings-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.settings-field-grid label{font-size:12px;margin:0;gap:8px}.settings-name-field{grid-column:1/-1}.settings-field-grid input{height:45px;padding:10px 13px;font-size:14px;background:#fafbf8;border:1px solid #e7ebdf;border-radius:10px}.settings-locked-field{position:relative}.settings-locked-field input{padding-left:36px;color:#85907a;background:#f6f8f2;border-color:transparent;font-size:13px;opacity:1;-webkit-text-fill-color:#85907a}.settings-locked-field svg{position:absolute;left:12px;top:15px;width:14px;height:14px;color:#a1aa97;pointer-events:none}.settings-preference{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:25px;padding:20px 0;border-top:1px solid #edf0e8}.settings-preference strong{font-size:13px;font-weight:500}.settings-preference p{margin-top:4px;color:#959d8d;font-size:11px;max-width:380px;line-height:1.8}.settings-switch{position:relative;display:block;width:38px;height:23px;flex:none;margin:0}.settings-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.settings-switch span{display:block;width:38px;height:23px;background:#dfe4d8;border-radius:20px;transition:background .2s}.settings-switch span:after{content:'';position:absolute;top:3px;right:3px;width:17px;height:17px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #26362120}.settings-switch input:checked+span{background:#83976c}.settings-switch input:checked+span:after{transform:translateX(-15px)}.settings-switch input:focus-visible+span{outline:2px solid #81916f;outline-offset:3px}.settings-save{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0 22px;border-top:1px solid #edf0e8}.settings-save small{font-size:11px;color:#989e91}.workspace-settings .button{min-height:37px;padding:8px 15px;font-size:12px;border-radius:9px}.settings-security-row{display:flex;align-items:center;gap:14px;padding:25px 26px}.settings-security-row+ .settings-security-row{border-top:1px solid #edf0e8}.settings-security-row>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#f3f5ed;color:#82916f}.settings-security-row>span svg{width:18px;height:18px}.settings-security-row>div{flex:1}.settings-security-row h3{font-size:14px;font-weight:500}.settings-security-row p{font-size:11px;color:#959d8d;margin-top:4px}.workspace-settings .text-link{font-size:12px;background:transparent;border:0;padding:4px;color:#6d805a;display:inline-flex;align-items:center;gap:6px}.workspace-settings .text-link svg{width:14px;height:14px}.settings-security-note{display:flex;align-items:flex-start;gap:10px;background:#f7f9f3;border-radius:11px;margin:0 26px 24px;padding:14px;color:#8b967e}.settings-security-note svg{width:16px;height:16px;flex:none;margin-top:2px}.settings-security-note p{font-size:11px;line-height:1.8}.team-count{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-right:6px;background:#f0f3e9;color:#8a9876;border-radius:6px;font-size:11px;font-weight:400}.settings-panels .team-people{padding:0 26px}.settings-panels .team-empty{padding:30px 0;border:0;display:flex;align-items:center;flex-direction:column;gap:8px}.team-empty-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#f3f6ed;color:#8b9c74;margin-bottom:6px}.team-empty-icon svg{width:21px;height:21px}.settings-panels .team-empty p{margin:0;font-size:12px;max-width:270px;line-height:1.8}.settings-panels .team-empty .text-link{margin-top:8px}.settings-panels .team-pending{padding:18px 26px;background:#fafbf8}.team-person-info>small{font-size:11px;line-height:1.8}.team-person-info>div>span{border-radius:5px;background:#f2f5eb;padding:2px 7px;font-size:10px}.team-person-info>bdi{font-size:12px}.team-person-actions .icon-button{width:32px;height:32px;border-radius:8px}.team-person-actions .icon-button:hover{background:#edf2e5}.team-editor-modal{width:min(560px,calc(100vw - 28px))!important;max-width:560px!important;max-height:calc(100dvh - 36px)!important;border-radius:18px!important}.team-editor-modal #modal-body{padding:0 24px 20px!important}.team-editor-modal .modal-head{padding:20px 24px!important}.team-editor-intro{font-size:12px;color:#939b8a;margin:0 0 20px;line-height:1.8}.team-editor-section{margin-bottom:19px}.team-editor-section h3,.team-permission-fields legend{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin:0 0 12px;color:#535e49}.team-editor-section h3>span,.team-permission-fields legend>span{font:11px Arial,sans-serif;color:#a7b19a}.team-form label{font-size:12px;margin-bottom:12px}.team-form input:not([type=checkbox]){height:43px;font-size:13px;background:#fafbf7;border-color:#e4e9dc;border-radius:9px}.team-form select[hidden]{display:none!important}.team-role-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.team-role-options>button{display:flex;align-items:center;gap:9px;text-align:right;border:1px solid #e8ebdf;border-radius:10px;background:#fff;padding:11px;min-height:62px;transition:border-color .18s,background .18s}.team-role-options>button>svg{width:17px;height:17px;color:#8b967c;flex:none}.team-role-options>button>span{flex:1;display:grid;gap:2px}.team-role-options strong{font-size:12px;font-weight:500}.team-role-options small{font-size:9px;color:#9ca48f}.team-role-options i{display:grid;place-items:center;width:16px;height:16px;border:1px solid #e3e8d9;border-radius:50%;flex:none}.team-role-options i svg{width:10px;height:10px;opacity:0}.team-role-options>button.is-selected{border-color:#adbd99;background:#f3f6ec}.team-role-options>button.is-selected i{background:#7d9166;border-color:#7d9166;color:#fff}.team-role-options>button.is-selected i svg{opacity:1}.team-role-options>button:hover{border-color:#b9c7a7}.team-role-options>button:last-child:nth-child(odd){grid-column:1/-1;min-height:51px}.team-permission-fields{grid-template-columns:1fr 1fr;gap:9px 15px;padding:0;margin:20px 0 0}.team-permission-fields label{align-items:center;font-size:11px;padding:7px 0;margin:0;gap:8px}.team-permission-fields input{width:15px;height:15px;margin:0;flex:none}.team-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid #edf0e8}.team-editor-footer .team-form-hint{margin:0;font-size:10px}.team-editor-footer .team-form-actions{margin:0;gap:12px}.team-editor-footer .button{font-size:12px;min-height:37px;padding:8px 13px;border-radius:9px;display:inline-flex;gap:7px;align-items:center}.team-editor-footer .button svg{width:14px;height:14px}.team-editor-footer .text-link{font-size:12px;color:#959e8a}
@media(max-width:760px){.workspace-settings{grid-template-columns:1fr;gap:15px}.settings-menu{position:static;display:flex;flex-wrap:wrap;gap:5px;padding:0}.settings-menu-label,.settings-menu-foot,.settings-menu>button small{display:none}.settings-menu>button{flex:1;justify-content:center;width:auto;padding:11px 9px;margin:0;gap:7px;white-space:nowrap}.settings-menu>button>span{font-size:12px}.settings-menu>button>svg{width:16px;height:16px}.settings-section-heading,.settings-panels .team-heading{padding:18px}.settings-section #settings-form{padding:0 18px}.settings-field-grid{grid-template-columns:1fr;gap:15px}.settings-field-grid input{font-size:16px}.settings-identity{flex-wrap:wrap;padding:20px 0}.settings-identity>small{margin-right:auto}.settings-save small{font-size:10px}.settings-security-row{padding:20px 18px;flex-wrap:wrap}.settings-security-row>.text-link{margin-right:52px}.settings-security-note{margin:0 18px 18px}.settings-panels .team-people,.settings-panels .team-pending{padding-inline:18px}.team-editor-modal #modal-body{padding:0 18px 18px!important}.team-form input:not([type=checkbox]){font-size:16px}.team-editor-footer{flex-wrap:wrap}.team-editor-footer .team-form-actions{margin-right:auto}.team-role-options small{font-size:9px}.team-role-options>button{padding:10px 8px;gap:7px}.team-role-options strong{font-size:11px}.team-permission-fields{gap:6px 10px}.team-permission-fields label{font-size:10px}.workspace-settings-page .page-heading{margin-bottom:18px}}
#modal.team-editor-modal{padding:0;max-height:min(690px,calc(100dvh - 32px))!important;overflow:hidden}#modal.team-editor-modal[open]{display:flex;flex-direction:column}#modal.team-editor-modal .modal-head{flex:none;margin:0;padding:18px 24px!important;border-bottom:1px solid #edf0e8}#modal.team-editor-modal #modal-body{overflow-y:auto;min-height:0;padding:18px 24px 0!important;scrollbar-width:thin}#modal.team-editor-modal .team-editor-intro{font-size:12px;margin:0 0 17px}#modal.team-editor-modal .team-editor-section:first-of-type{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}#modal.team-editor-modal .team-editor-section:first-of-type>h3,#modal.team-editor-modal .team-form-person{grid-column:1/-1}#modal.team-editor-modal .team-editor-section{margin-bottom:14px}#modal.team-editor-modal .team-editor-footer{position:sticky;bottom:0;background:#fff;z-index:2;margin-top:16px;padding:14px 0 17px;box-shadow:0 -9px 13px #ffffffd9}#modal.team-editor-modal .team-form-hint{font-size:10px;margin:0}.team-form .team-form-person{font-size:14px;margin-bottom:12px}
@media(max-width:480px){#modal.team-editor-modal .team-editor-section:first-of-type{grid-template-columns:1fr}#modal.team-editor-modal #modal-body{padding:16px 18px 0!important}#modal.team-editor-modal .modal-head{padding:16px 18px!important}}
/* All settings remain visible on one page. */
.workspace-settings{display:block;max-width:1180px}.settings-panels{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);grid-template-areas:'account security' 'team team';gap:22px;align-items:start}.settings-panels>[data-settings-panel=account]{grid-area:account}.settings-panels>[data-settings-panel=security]{grid-area:security}.settings-panels>#team-settings{grid-area:team}.settings-section-heading,.settings-panels .team-heading{padding:20px 23px}.settings-section #settings-form{padding-inline:23px}.settings-security-row{padding:23px;align-items:flex-start;flex-wrap:wrap;gap:12px}.settings-security-row>span{width:34px;height:34px}.settings-security-row>div{min-width:150px}.settings-security-row>.text-link{margin-right:46px;font-size:12px}.settings-security-note{margin:0 23px 22px}.settings-save{padding-bottom:20px}.settings-identity{padding:21px 0}.settings-panels .team-empty{padding:24px 0;gap:6px}.settings-panels .team-empty-icon{width:39px;height:39px;border-radius:12px;margin-bottom:3px}.settings-panels .team-empty p{max-width:none}.settings-panels .team-pending h3{font-size:13px}.settings-panels .team-pending small{font-size:11px}.settings-panels .team-pending article{padding:11px 0}.settings-panels .team-pending bdi{font-size:13px}
/* Public invitation: workspace summary and a focused account form. */
.team-invite-page{display:block;min-height:100dvh;padding:38px 24px;background:#f6f7f2}.invite-page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(930px,100%);margin:0 auto 28px}.invite-page-header .auth-wordmark{font-size:30px;line-height:1.3}.invite-page-header>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#929b86}.invite-page-header>span svg{width:15px;height:15px}.invite-onboarding{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);width:min(930px,100%);margin:auto;background:#fff;border:0;border-radius:22px;overflow:hidden;box-shadow:none}.invite-workspace{background:#eef2e6;padding:36px 30px;display:flex;flex-direction:column}.invite-summary-label{display:block;font-size:11px;color:#95a182;letter-spacing:.2px}.invite-workspace-identity{display:flex;align-items:center;gap:12px;margin:24px 0}.invite-workspace-avatar{width:47px;height:47px;border-radius:14px;background:#e2e9d5;display:grid;place-items:center;font-size:23px;color:#6e8256;flex:none}.invite-workspace-identity>div{min-width:0}.invite-workspace-identity small,.invite-job small{display:block;font-size:10px;color:#939f80;margin-bottom:4px}.invite-workspace-identity h2{font-size:19px;line-height:1.6;font-weight:600;overflow-wrap:anywhere;color:#35492c}.invite-job{display:flex;align-items:center;gap:11px;padding:17px 0;border-top:1px solid #dfe7d4;border-bottom:1px solid #dfe7d4}.invite-job>span{display:grid;place-items:center;width:34px;height:34px;color:#849871;flex:none}.invite-job svg{width:20px;height:20px}.invite-job strong{font-size:14px;font-weight:500;color:#647953;overflow-wrap:anywhere}.invite-access{padding-top:23px}.invite-access h3{font-size:12px;font-weight:500;color:#7e906d;margin:0 0 13px}.invite-access ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}.invite-access li{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.7;color:#6d805b}.invite-access li svg{flex:none;width:14px;height:14px;margin-top:3px;color:#8ba174}.invite-workspace-note{display:flex;align-items:flex-start;gap:9px;margin-top:auto;padding-top:32px;color:#98a589}.invite-workspace-note svg{width:16px;height:16px;flex:none;margin-top:2px}.invite-workspace-note p{font-size:11px;line-height:1.9}.invite-onboarding-form{padding:36px 38px}.invite-onboarding-form h1{font-size:25px;font-weight:600;color:#2f3d27;margin:7px 0 8px}.invite-form-description{font-size:12px;line-height:1.9;color:#909a84;margin:0 0 25px}.invite-onboarding-form form{display:grid;gap:17px}.invite-onboarding-form label{font-size:12px;gap:8px;margin:0;color:#626f55}.invite-onboarding-form input{font-size:14px;min-height:45px;border:1px solid #e3e9d9;border-radius:10px;background:#fafbf7;padding:11px 13px}.invite-onboarding-form input:focus{border-color:#9eb58b;box-shadow:0 0 0 3px #eef3e7}.invite-email-field{position:relative}.invite-email-field>svg{position:absolute;left:13px;top:15px;width:15px;height:15px;color:#a1af90;pointer-events:none}.invite-email-field input{padding-left:36px;background:#f3f6ed;border-color:transparent;color:#8a9878;-webkit-text-fill-color:#8a9878;opacity:1;font-size:13px}.invite-person-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.invite-password-hint{font-size:10px;color:#a1aa96;font-weight:400;margin-top:0}.invite-onboarding-form .form-error:empty{display:none}.invite-onboarding-form .form-error{font-size:12px;line-height:1.8}.invite-onboarding-form button[type=submit]{display:flex;justify-content:center;gap:12px;align-items:center;min-height:46px;margin-top:4px;border-radius:10px;font-size:13px;font-weight:500;background:#34462a;border:0;color:#fff;transition:background .2s,transform .2s}.invite-onboarding-form button[type=submit]:hover{background:#445b35}.invite-onboarding-form button[type=submit] svg{width:16px;height:16px}.invite-submit-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#a2ad95;line-height:1.8;margin-top:-5px}.invite-submit-note svg{width:12px;height:12px}.invite-page-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:930px;margin:23px auto 0;font-size:10px;color:#a4ad9a}
@media(max-width:1050px){.settings-panels{grid-template-columns:1fr;grid-template-areas:'account' 'team' 'security'}.settings-security-row{align-items:center;flex-wrap:nowrap}.settings-security-row>.text-link{margin-right:0;white-space:nowrap}.settings-field-grid{grid-template-columns:1fr 1fr}.settings-name-field{grid-column:1/-1}}
@media(max-width:650px){.team-invite-page{padding:23px 16px 28px}.invite-page-header{margin-bottom:20px}.invite-page-header .auth-wordmark{font-size:26px}.invite-page-header>span{font-size:9px;gap:4px}.invite-onboarding{grid-template-columns:1fr;border-radius:17px}.invite-workspace{padding:22px}.invite-workspace-identity{margin:14px 0}.invite-workspace-avatar{width:38px;height:38px;border-radius:11px;font-size:19px}.invite-workspace-identity h2{font-size:17px}.invite-job{padding:12px 0}.invite-access{padding-top:16px}.invite-access ul{grid-template-columns:1fr 1fr;gap:9px 14px}.invite-access li{font-size:10px;gap:6px}.invite-workspace-note{padding-top:18px}.invite-onboarding-form{padding:25px 22px}.invite-onboarding-form h1{font-size:23px}.invite-onboarding-form input{font-size:16px}.invite-email-field input{font-size:14px}.invite-form-description{font-size:11px;margin-bottom:20px}.invite-page-footer{flex-direction:column;gap:4px;text-align:center}.settings-panels{gap:17px}.settings-section-heading,.settings-panels .team-heading{padding:18px}.settings-section #settings-form{padding-inline:18px}.settings-field-grid{grid-template-columns:1fr}.settings-security-row{padding:20px 18px;flex-wrap:wrap}.settings-security-row>.text-link{margin-right:46px}.settings-security-note{margin-inline:18px}}
@media(max-width:380px){.invite-person-fields,.invite-access ul{grid-template-columns:1fr}}
/* Team directory inspired by compact member lists. */
.settings-panels>#team-settings{border:0;border-radius:0;background:transparent;overflow:visible}.settings-panels .team-heading{padding:4px 0 18px;border:0}.settings-panels .team-heading h2{font-size:19px}.settings-panels .team-heading p{font-size:12px;margin-top:5px}.settings-panels .team-heading>.button{border-radius:999px;padding:8px 16px;gap:7px}.team-directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:19px}.team-directory-search{display:flex;align-items:center;gap:8px;margin:0;width:min(380px,65%);min-width:0;padding:0 12px;background:#f8f9f5;border:1px solid #edf0e8;border-radius:999px}.team-directory-search>svg{width:15px;height:15px;color:#a1ab93;flex:none}.team-directory-search input{min-width:0;height:37px;border:0;background:transparent;padding:7px 0;font-size:12px;box-shadow:none}.team-directory-search:focus-within{border-color:#afbd9e}.team-directory-filter{margin:0;min-width:145px}.team-directory-filter select{width:100%;height:37px;padding:7px 12px;font-size:12px;border-radius:999px;border-color:#e6eadf;background:#fff;color:#67745b}.team-directory{padding:10px;background:#f8f9f6;border:1px solid #edf0e8;border-radius:18px}.team-directory-labels{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 130px 68px;gap:16px;padding:3px 18px 10px;font-size:10px;color:#a2ab96}.team-directory-group+ .team-directory-group{margin-top:20px}.team-directory-group h3{font-size:12px;font-weight:500;color:#859378;display:flex;align-items:center;gap:7px;padding:4px 10px 10px;margin:0}.team-directory-group h3>span{font-size:10px;color:#a2ac96}.team-directory-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 130px 68px;align-items:center;gap:16px;padding:17px 18px;background:#fff;border:1px solid #e8ece2;border-radius:13px;margin-bottom:7px;transition:border-color .18s,background .18s}.team-directory-row:last-child{margin-bottom:0}.team-directory-row:hover{border-color:#d5dfc9;background:#fdfefa}.team-directory-person{display:flex;align-items:center;gap:11px;min-width:0}.team-row-index{font:10px Arial,sans-serif;color:#adb5a2;min-width:14px}.team-directory-avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;flex:none;background:#edf3e4;color:#7c9165;font-size:16px}.team-directory-avatar svg{width:17px;height:17px}.team-directory-person>div{min-width:0}.team-directory-person strong{font-size:13px;font-weight:500;display:block;overflow-wrap:anywhere;line-height:1.7}.team-directory-person bdi{display:block;text-align:right;font-size:11px;color:#9ba58f;overflow-wrap:anywhere;line-height:1.8}.team-directory-person small{font-size:10px;color:#a5ae9a;display:block;line-height:1.9}.team-directory-person .team-invite-email{font-size:12px;color:#657359}.team-job-badge{display:inline-flex;align-items:center;gap:6px;background:#eef3e7;color:#7b8e63;border-radius:999px;padding:4px 10px;font-size:11px;max-width:100%;line-height:1.7}.team-job-badge svg{width:13px;height:13px;flex:none}.team-job-badge>span{overflow-wrap:anywhere}.team-job-badge.role-orders{background:#edf3f2;color:#698982}.team-job-badge.role-marketing{background:#f3eef5;color:#94809f}.team-job-badge.role-manager{background:#f6f2e6;color:#99895c}.team-job-badge.role-custom{background:#f0f1ee;color:#87917d}.team-directory-access{font-size:10px;color:#8d9b7d;min-width:0}.team-access-state{display:block}.team-access-state:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#90a778;margin-left:5px;vertical-align:middle}.team-directory-access details{margin-top:3px}.team-directory-access summary{cursor:pointer;display:flex;align-items:center;gap:3px;list-style:none;font-size:10px;color:#a4ad99}.team-directory-access summary::-webkit-details-marker{display:none}.team-directory-access summary svg{width:11px;height:11px}.team-directory-access details[open] summary svg{transform:rotate(180deg)}.team-directory-access details p{font-size:10px;line-height:1.9;color:#82936f;margin:5px 0 0}.team-invite-state{display:inline-block;padding:3px 8px;background:#faf4e8;color:#af9b74;border-radius:6px;font-size:10px}.team-invite-state.is-expired{background:#f3efed;color:#a3978f}.team-directory .team-person-actions{justify-content:flex-end;gap:1px}.team-directory .team-person-actions .icon-button{width:28px;height:28px;color:#9ba98b}.team-directory .team-person-actions svg{width:13px;height:13px}.team-directory-empty{display:flex;align-items:center;gap:14px;padding:22px 17px;background:#fff;border:1px solid #e8ece2;border-radius:13px}.team-directory-empty>span{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:12px;background:#f1f5ea;color:#8c9f76}.team-directory-empty svg{width:18px;height:18px}.team-directory-empty>div{flex:1}.team-directory-empty strong{font-size:13px;font-weight:500}.team-directory-empty p{font-size:11px;color:#a0aa94;margin-top:4px}.team-directory-empty .text-link{white-space:nowrap}.team-directory-no-results{font-size:12px;color:#99a68b;text-align:center;padding:20px}.team-directory [hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){.team-directory-toolbar{gap:10px;margin-bottom:14px}.team-directory-search{width:auto;flex:1;padding-inline:10px}.team-directory-search input{font-size:16px}.team-directory-filter{min-width:110px;max-width:125px}.team-directory-filter select{font-size:16px;padding-inline:8px}.team-directory-labels{display:none!important}.team-directory-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;padding:14px 12px}.team-directory-person{grid-column:1;gap:8px}.team-row-index{display:none}.team-directory-avatar{width:33px;height:33px;font-size:14px}.team-directory-person strong{font-size:13px}.team-directory-person .team-invite-email{font-size:11px}.team-directory-job{grid-column:1;grid-row:2;padding-right:41px}.team-directory-access{grid-column:2;grid-row:2;max-width:120px;text-align:left}.team-directory .team-person-actions{grid-column:2;grid-row:1}.team-job-badge{font-size:10px;padding:3px 8px}.team-directory-empty{flex-wrap:wrap;padding:18px 13px;gap:10px}.team-directory-empty>div{min-width:170px}.team-directory-empty .text-link{margin-right:49px}.team-directory{padding:7px;border-radius:15px}.settings-panels .team-heading{gap:10px}.settings-panels .team-heading>.button{font-size:11px;padding-inline:12px}}
/* One consistent settings canvas: section titles, trays, compact data cards. */
.workspace-settings-page .page-heading{margin-bottom:28px}.workspace-settings-page .page-heading .eyebrow{display:none}.workspace-settings-page .page-heading h1{font-size:26px}.workspace-settings-page .page-heading p{font-size:12px;color:#949d88;margin-top:5px}.workspace-settings{max-width:1180px}.settings-panels{display:flex;flex-direction:column;gap:30px}.settings-panels>.settings-section,.settings-panels>#team-settings{width:100%;border:0;border-radius:0;background:transparent;overflow:visible}.settings-panels .settings-section-heading,.settings-panels .team-heading{border:0;padding:0 0 16px;margin:0;min-height:0}.settings-panels .settings-section-heading h2,.settings-panels .team-heading h2{font-size:17px;line-height:1.6;margin:0 0 4px;font-weight:500;color:#34402c}.settings-panels .settings-section-heading p,.settings-panels .team-heading p{font-size:11px;color:#a0a992;margin:0;line-height:1.8}.settings-section #settings-form{background:#f8f9f5;border:1px solid #edf0e8;border-radius:18px;padding:12px}.settings-identity{padding:5px 8px 16px;gap:10px}.settings-identity>span{width:36px;height:36px;border-radius:50%;font-size:17px;background:#eaf0e1}.settings-identity strong{font-size:13px;font-weight:500;line-height:1.7}.settings-identity bdi{font-size:10px;color:#a0aa92;line-height:1.7}.settings-identity>small{background:#fff;border:1px solid #e9edde;color:#8b9b77;border-radius:999px;font-size:10px;padding:3px 10px}.settings-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.settings-field-grid label,.settings-name-field{grid-column:auto;margin:0;display:flex;flex-direction:column;gap:7px;min-width:0;padding:15px 16px;background:#fff;border:1px solid #e7ebdf;border-radius:13px;color:#9aa58c;font-size:11px;font-weight:400}.settings-field-grid input{height:32px;min-height:32px;border:0;border-radius:6px;padding:3px 0;background:transparent;font-size:14px;font-weight:500;color:#48563c;box-shadow:none;width:100%}.settings-field-grid input[name=name]{padding-inline:7px;margin-inline:-7px;width:calc(100% + 14px)}.settings-field-grid input[name=name]:hover{background:#f9faf6}.settings-field-grid input[name=name]:focus{background:#f5f8ef;box-shadow:0 0 0 2px #dce7cf}.settings-locked-field input{background:transparent;color:#81916f;-webkit-text-fill-color:#81916f;font-size:12px;padding:3px 0 3px 23px}.settings-locked-field svg{left:0;top:10px;width:12px;height:12px;color:#b1bca2}.settings-preference{margin:10px 0 0;border:1px solid #e7ebdf;background:#fff;border-radius:13px;padding:15px 16px;gap:14px}.settings-preference strong{font-size:12px;color:#5e7050;font-weight:500}.settings-preference p{max-width:none;font-size:10px;color:#a1ab95;line-height:1.8;margin-top:3px}.settings-switch,.settings-switch span{width:34px;height:21px}.settings-switch span:after{width:15px;height:15px}.settings-switch input:checked+span:after{transform:translateX(-13px)}.settings-save{padding:13px 5px 2px;margin-top:0;border:0;gap:14px}.settings-save small{font-size:10px;color:#a8b19d}.settings-save .button{min-height:34px;padding:7px 14px;font-size:11px;border-radius:999px}.settings-section #settings-form>.form-error:empty{display:none}.settings-section #settings-form>.form-error{font-size:12px;padding:7px 5px}.settings-security-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;border:1px solid #edf0e8;background:#f8f9f5;border-radius:18px}.settings-security-cards .settings-security-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px 11px;align-items:center;margin:0;padding:17px 18px;background:#fff;border:1px solid #e7ebdf;border-radius:13px}.settings-security-cards .settings-security-row>span{width:30px;height:30px;background:#f4f7ee;border-radius:9px;grid-column:1;grid-row:1}.settings-security-cards .settings-security-row>span svg{width:15px;height:15px}.settings-security-cards .settings-security-row>div{min-width:0}.settings-security-cards .settings-security-row h3{font-size:13px;color:#536447;font-weight:500}.settings-security-cards .settings-security-row p{font-size:10px;color:#a2ac96;margin-top:2px;line-height:1.8}.settings-security-cards .settings-security-row>.text-link{grid-column:2;justify-self:start;white-space:normal;margin:0;padding:0;font-size:11px;color:#879a70}.settings-security-note{padding:0;margin:10px 8px 0;background:transparent;border:0;border-radius:0;gap:6px;color:#aab39f}.settings-security-note p{font-size:10px}.settings-security-note svg{width:12px;height:12px;margin-top:3px}.settings-panels .team-heading>.button{font-size:11px;min-height:34px;padding:7px 14px}.team-directory-toolbar{margin-bottom:13px}.team-directory-group h3{font-size:11px}.team-directory-row{padding-block:15px}.team-directory-labels{padding-top:1px}.team-count{height:20px;min-width:20px;font-size:10px;border-radius:999px}.settings-panels>[data-settings-panel=account]{order:1}.settings-panels>[data-settings-panel=team]{order:2}.settings-panels>[data-settings-panel=security]{order:3}
@media(max-width:760px){.settings-field-grid{grid-template-columns:1fr 1fr}.settings-name-field{grid-column:1/-1}.settings-field-grid input,.settings-locked-field input{font-size:16px}.settings-security-cards .settings-security-row{padding:15px 13px;gap:9px}.settings-panels{gap:25px}.settings-section #settings-form{padding:9px}.settings-identity{padding:5px 6px 13px}.settings-save small{max-width:170px;line-height:1.8}.settings-save .button{white-space:nowrap}.workspace-settings-page .page-heading{margin-bottom:23px}.settings-security-cards .settings-security-row p{font-size:10px}}
@media(max-width:480px){.settings-field-grid{grid-template-columns:1fr}.settings-name-field{grid-column:auto}.settings-field-grid label{padding:12px 14px;gap:3px}.settings-preference{padding:13px 14px}.settings-security-cards{grid-template-columns:1fr;padding:8px;gap:8px}.settings-security-cards .settings-security-row{grid-template-columns:30px minmax(0,1fr) auto;padding:14px 12px;gap:9px}.settings-security-cards .settings-security-row>.text-link{grid-column:3;grid-row:1;max-width:88px;font-size:10px;line-height:1.8}.settings-security-cards .settings-security-row>.text-link svg{width:12px;height:12px}.settings-security-note p{font-size:9px}.settings-identity>small{font-size:9px;padding-inline:7px}.settings-save small{font-size:9px}}
/* Minimal settings: quiet fields and compact rows without nested cards. */
.workspace-settings{max-width:920px;margin-inline:0 auto}.workspace-settings-page .page-heading{margin-bottom:24px}.workspace-settings-page .page-heading h1{font-size:24px}.workspace-settings-page .page-heading p{display:none}.settings-panels{gap:25px}.settings-panels .settings-section-heading,.settings-panels .team-heading{padding-bottom:13px}.settings-panels .settings-section-heading h2,.settings-panels .team-heading h2{font-size:15px;margin:0}.settings-section #settings-form{padding:0;background:transparent;border:0;border-radius:0}.settings-identity{padding:0 0 17px;gap:9px}.settings-identity>span{width:30px;height:30px;font-size:14px}.settings-identity strong{font-size:12px;font-weight:400;color:#7d8a70}.settings-identity>small{font-size:9px;padding:2px 8px;border:0;background:#f4f6ef}.settings-field-grid{gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr)}.settings-field-grid label{padding:0;background:transparent;border:0;border-radius:0;font-size:10px;gap:6px}.settings-field-grid input{height:38px;min-height:38px;background:#f8faf4;border:1px solid #edf1e6;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:400}.settings-field-grid input[name=name]{width:100%;margin:0;padding-inline:10px}.settings-locked-field input{padding-left:28px;background:#fafbf7;font-size:11px;border-color:transparent}.settings-locked-field svg{left:9px;top:13px;width:11px;height:11px}.settings-preference{margin:15px 0 0;padding:13px 0;background:transparent;border:0;border-bottom:1px solid #edf0e8;border-radius:0}.settings-preference strong{font-size:11px;font-weight:400}.settings-preference p{font-size:9px;margin-top:2px;color:#adb5a2}.settings-switch,.settings-switch span{width:30px;height:18px}.settings-switch span:after{width:12px;height:12px}.settings-switch input:checked+span:after{transform:translateX(-12px)}.settings-save{justify-content:flex-end;padding:12px 0 0}.settings-save .button{min-height:31px;font-size:10px;padding:6px 12px;border-radius:8px}.settings-security-cards{display:block;padding:0;border:0;border-radius:0;background:transparent}.settings-security-cards .settings-security-row{display:flex;align-items:center;gap:9px;padding:12px 0;border:0;border-bottom:1px solid #edf0e8;border-radius:0;background:transparent}.settings-security-cards .settings-security-row:last-child{border-bottom:0}.settings-security-cards .settings-security-row>span{width:22px;height:22px;background:transparent;border-radius:0;color:#9aa98a}.settings-security-cards .settings-security-row>span svg{width:15px;height:15px}.settings-security-cards .settings-security-row>div{flex:1;min-width:0}.settings-security-cards .settings-security-row h3{font-size:11px;font-weight:400;color:#818e73}.settings-security-cards .settings-security-row>.text-link{margin:0;font-size:10px;white-space:nowrap;max-width:none;color:#8c9b7b}.settings-panels .team-heading>.button{min-height:31px;padding:6px 11px;font-size:10px;border-radius:8px}.settings-panels .team-heading>.button svg{width:12px;height:12px}.team-directory-toolbar{margin-bottom:10px;gap:10px}.team-directory-search{width:min(310px,65%);border-radius:8px;background:#fafbf7}.team-directory-search input{height:32px;font-size:11px}.team-directory-filter{min-width:125px}.team-directory-filter select{height:32px;font-size:11px;border-radius:8px;padding-block:5px}.team-directory{padding:0;border:0;border-radius:0;background:transparent}.team-directory-labels{padding:0 10px 8px;font-size:9px}.team-directory-group h3{font-size:10px;padding:5px 0 8px}.team-directory-group+ .team-directory-group{margin-top:17px}.team-directory-row{padding:12px 10px;border-radius:9px;margin-bottom:5px;border-color:#eef1e8;gap:12px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 110px 58px}.team-directory-labels{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 110px 58px;gap:12px}.team-directory-person{gap:8px}.team-directory-avatar{width:29px;height:29px;font-size:13px}.team-directory-person strong{font-size:12px}.team-directory-person bdi,.team-directory-person .team-invite-email{font-size:10px}.team-directory-person small{font-size:9px}.team-row-index{font-size:9px}.team-job-badge{font-size:10px;padding:2px 7px}.team-directory-access,.team-invite-state,.team-directory-access summary{font-size:9px}.team-directory .team-person-actions .icon-button{width:25px;height:25px}.team-directory .team-person-actions svg{width:12px;height:12px}.team-directory-empty{padding:15px 12px;gap:10px;border-radius:9px;background:#fafbf7}.team-directory-empty>span{width:29px;height:29px;background:transparent;border-radius:0}.team-directory-empty strong{font-size:12px;font-weight:400}.team-directory-empty p{font-size:10px;margin-top:2px}.team-directory-empty .text-link{font-size:10px}.team-count{height:18px;min-width:18px;font-size:9px}
@media(max-width:650px){.workspace-settings{max-width:none}.settings-panels{gap:22px}.settings-field-grid{grid-template-columns:1fr 1fr;gap:12px}.settings-name-field{grid-column:1/-1}.settings-field-grid input,.settings-locked-field input{font-size:16px}.settings-identity{padding-bottom:14px}.settings-preference{margin-top:12px}.team-directory-search{width:auto}.team-directory-search input,.team-directory-filter select{font-size:16px}.team-directory-filter{min-width:110px}.team-directory-row{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:11px 9px}.team-directory-job{padding-right:37px}.team-directory-empty .text-link{margin-right:0}.settings-security-cards .settings-security-row>.text-link{font-size:10px}}
@media(max-width:420px){.settings-field-grid{grid-template-columns:1fr}.settings-name-field{grid-column:auto}.team-directory-empty>div{min-width:180px}.team-directory-empty .text-link{margin-right:39px}}
/* Refined alignment, quiet sections and compact invitation identity. */
.workspace-settings-page .page-heading h1{font-weight:500}.settings-panels{gap:26px}.settings-panels .settings-section-heading,.settings-panels .team-heading{min-height:30px;padding-bottom:12px;display:flex;align-items:center}.settings-field-grid label{line-height:1.6}.settings-field-grid input{height:39px;min-height:39px;border-color:#eaf0e2;background:#fafbf7}.settings-locked-field input{background:#fafbf7;border-color:#eaf0e2}.settings-identity{align-items:center}.settings-identity>small{margin-right:auto}.settings-preference{padding-block:14px;margin-top:14px}.settings-save{padding-top:11px}.team-directory-toolbar{padding-bottom:9px;margin-bottom:8px;border-bottom:1px solid #edf0e8}.team-directory-search{border-color:transparent;background:#f7f9f3}.team-directory-search:focus-within{border-color:#cedbbd}.team-directory-group h3{padding:8px 2px 10px}.team-directory-labels{color:#aeb7a1;padding-bottom:4px}.team-directory-row{border:0;border-bottom:1px solid #edf0e8;border-radius:0;margin:0;padding:13px 6px;background:transparent}.team-directory-row:last-child{border-bottom:0}.team-directory-row:hover{background:#fafcf6;border-color:#edf0e8}.team-directory-person .team-invite-email{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.15px;color:#839374;white-space:nowrap;direction:ltr}.team-directory-person small{margin-top:2px}.team-directory .team-person-actions{align-items:center;gap:4px}.team-directory .team-person-actions .icon-button{width:27px;height:27px;border-radius:7px}.team-directory .team-person-actions .icon-button:hover{background:#f0f5e8;color:#6c8057}.team-directory-job{display:flex;align-items:center}.team-job-badge{font-size:10px;padding:3px 9px;line-height:1.8}.team-directory-access{line-height:1.8}.settings-security-cards .settings-security-row{padding-block:14px}.settings-security-cards .settings-security-row>.text-link:hover{color:#566b43}.settings-save .button:hover{background:#415336}.settings-save .button:focus-visible,.team-heading .button:focus-visible{outline:2px solid #a6b98e;outline-offset:3px}
@media(max-width:650px){.settings-panels{gap:23px}.team-directory-toolbar{gap:8px}.team-directory-row{padding:12px 4px;gap:8px}.team-directory-person .team-invite-email{font-size:12px}.team-directory-job{padding-right:37px}.team-directory-access{max-width:100px}.team-directory-search input{font-size:16px}.settings-field-grid input{font-size:16px}}

/* Invitation acceptance: centered email icon and live password requirements. */
.team-invite-page { background:#fff; }
.invite-email-field { display:flex; align-items:center; }
.invite-email-field>svg { top:50%; transform:translateY(-50%); }
.invite-password-rules { display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; font-size:10px; line-height:1.8; font-weight:400; color:#a2aa97; }
.invite-password-rules>[data-password-rule] { display:inline-flex; align-items:center; gap:4px; transition:color .18s; }
.invite-password-rules svg { width:11px; height:11px; opacity:.3; flex:none; transition:opacity .18s; }
.invite-password-rules .is-valid { color:#6f8957; }
.invite-password-rules .is-valid svg { opacity:1; }

/* Scenario editor: compact steps, focused preview and a persistent save bar. */
#modal.flow-builder-modal { width:min(1080px,calc(100vw - 24px)); padding:0; border:1px solid #e6ebe0; border-radius:20px; overflow:hidden; }
#modal.flow-builder-modal[open] { display:flex; flex-direction:column; }
#modal.flow-builder-modal .modal-head { flex:none; margin:0; padding:18px 22px; border:0; }
#modal.flow-builder-modal .modal-head h2 { font-weight:500; font-size:16px; }
#modal.flow-builder-modal .modal-head .icon-button { border-radius:50%; color:#98a18d; }
#modal.flow-builder-modal #modal-body { min-height:0; overflow:auto; padding:0 22px; scrollbar-width:thin; }
#modal.flow-builder-modal .flow-layout { align-items:start; gap:20px; }
#modal.flow-builder-modal .flow-workspace { padding:16px; border-radius:15px; background:#f7f8f4; }
#modal.flow-builder-modal .flow-canvas-heading { margin-bottom:15px; color:#637254; font-size:12px; }
#modal.flow-builder-modal #flow-count { padding:3px 9px; border:1px solid #e7ebdf; background:#fff; color:#929e83; font-size:10px; }
#modal.flow-builder-modal .flow-start { gap:7px; margin-bottom:16px; font-size:11px; color:#8b9b7b; }
#modal.flow-builder-modal .flow-start svg { width:15px; height:15px; }
#modal.flow-builder-modal .flow-node { margin-bottom:20px; padding:14px; border:1px solid #e5eadf; border-radius:12px; background:#fff; }
#modal.flow-builder-modal .flow-node:last-child { margin-bottom:0; }
#modal.flow-builder-modal .flow-node:not(:last-child):after { height:20px; border-color:#d9e2ce; }
#modal.flow-builder-modal .flow-node-head { gap:7px; margin-bottom:12px; }
#modal.flow-builder-modal .flow-node-head b { min-width:0; font-size:12px; font-weight:500; color:#526147; }
#modal.flow-builder-modal .flow-node-head>svg { width:15px; height:15px; color:#9ba98c; }
#modal.flow-builder-modal .flow-node-number { display:grid; place-items:center; flex:none; width:23px; height:23px; padding:0; border-radius:7px; background:#f0f4e9; color:#82996b; font-size:10px; }
#modal.flow-builder-modal .flow-node-actions { gap:2px; }
#modal.flow-builder-modal .flow-node-actions .icon-button { width:26px; height:26px; border-radius:6px; color:#98a48c; }
#modal.flow-builder-modal .flow-node-actions .icon-button:hover { background:#f0f4e9; color:#60794d; }
#modal.flow-builder-modal .flow-node-actions [data-flow-delete]:hover { background:#fcf2ef; color:#b27968; }
#modal.flow-builder-modal [data-flow-drag] { cursor:grab; }
#modal.flow-builder-modal [data-flow-drag]:active { cursor:grabbing; }
#modal.flow-builder-modal .flow-node.flow-is-dragging { opacity:.45; }
#modal.flow-builder-modal .flow-node.flow-drop-target { border-color:#9ab584; box-shadow:0 0 0 2px #e4edd9; background:#fbfdf8; }
#modal.flow-builder-modal .flow-node input,#modal.flow-builder-modal .flow-node select,#modal.flow-builder-modal .flow-node textarea { min-width:0; border:1px solid #e5eadf; border-radius:8px; padding:9px 11px; background-color:#fafbf8; font-size:12px; box-shadow:none; }
#modal.flow-builder-modal .flow-node input:focus,#modal.flow-builder-modal .flow-node select:focus,#modal.flow-builder-modal .flow-node textarea:focus { border-color:#b8c9a8; background-color:#fff; box-shadow:0 0 0 2px #b8c9a812; }
#modal.flow-builder-modal .flow-node select { padding-left:34px; background-image:url('/assets/select-chevron.svg'); background-repeat:no-repeat; background-position:left 10px center; background-size:13px; }
#modal.flow-builder-modal .flow-node textarea { min-height:84px; line-height:1.9; }
#modal.flow-builder-modal .flow-node label { min-width:0; margin:0 0 10px; gap:5px; font-size:11px; font-weight:400; color:#8a987b; }
#modal.flow-builder-modal .flow-node .field-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
#modal.flow-builder-modal .flow-help { font-size:11px!important; color:#929e84; line-height:1.9; }
#modal.flow-builder-modal .flow-next { margin-top:11px; color:#a4af98; font-size:9px; }
#modal.flow-builder-modal .flow-message-field { margin-bottom:0; }
#modal.flow-builder-modal .flow-condition-field { margin-bottom:12px; }
#modal.flow-builder-modal .flow-branch-fields { padding:11px; border-radius:9px; background:#f7f9f3; }
#modal.flow-builder-modal .flow-branch-fields label { margin:0; }
#modal.flow-builder-modal .flow-buttons { margin-top:14px; padding-top:0; border:0; }
#modal.flow-builder-modal .flow-buttons-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:9px; }
#modal.flow-builder-modal .flow-buttons-heading>span { display:inline-flex; align-items:center; gap:7px; font-size:11px; color:#7d8c70; }
#modal.flow-builder-modal .flow-buttons-heading small { font-size:9px; color:#a4ad9a; }
#modal.flow-builder-modal .flow-add-button { display:inline-flex; align-items:center; gap:4px; min-height:30px; padding:4px 0; margin:0; border:0; background:transparent; color:#789363; font-size:11px; font-weight:400; }
#modal.flow-builder-modal .flow-add-button svg { width:12px; height:12px; }
#modal.flow-builder-modal .flow-add-button:disabled { opacity:.35; cursor:default; }
#modal.flow-builder-modal .flow-button-list { display:grid; gap:9px; }
#modal.flow-builder-modal .flow-button-editor { position:relative; margin:0; padding:12px; border:1px solid #e9eee2; border-radius:10px; background:#fff; }
#modal.flow-builder-modal .flow-button-title-row { display:grid; grid-template-columns:24px minmax(0,1fr) 26px; align-items:center; gap:8px; }
#modal.flow-builder-modal .flow-button-number { display:grid; place-items:center; height:24px; width:24px; border-radius:7px; background:#f1f5eb; color:#95a585; font-size:9px; direction:ltr; }
#modal.flow-builder-modal .flow-button-summary { display:flex; align-items:center; gap:8px; min-width:0; min-height:28px; padding:0; border:0; background:transparent; text-align:start; color:#738666; font-size:12px; font-weight:400; }
#modal.flow-builder-modal .flow-button-summary>span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#modal.flow-builder-modal .flow-button-summary small { color:#a0ad94; font-size:9px; }
#modal.flow-builder-modal .flow-button-summary svg { flex:none; width:12px; height:12px; color:#a3af99; }
#modal.flow-builder-modal .flow-button-summary[aria-expanded=true] svg { transform:rotate(180deg); }
#modal.flow-builder-modal .flow-button-summary:focus-visible { outline:2px solid #b5c7a4; outline-offset:3px; border-radius:4px; }
#modal.flow-builder-modal .flow-button-body { padding-top:12px; }
#modal.flow-builder-modal .flow-button-body[hidden] { display:none; }
#modal.flow-builder-modal .flow-button-name-field { margin:0; }
#modal.flow-builder-modal .flow-button-name-field input { height:38px; min-height:38px; background:#fafbf8; }
#modal.flow-builder-modal .flow-button-name-field input::placeholder { color:#afb7a6; font-size:11px; }
#modal.flow-builder-modal .flow-button-remove { width:26px; height:28px; border:0; border-radius:7px; background:transparent; color:#a5af9a; }
#modal.flow-builder-modal .flow-button-remove svg { width:13px; height:13px; }
#modal.flow-builder-modal .flow-button-remove:hover { background:#fcf4f1; color:#b7826e; }
#modal.flow-builder-modal .flow-button-detail { margin-top:11px; padding:10px; border-radius:8px; background:#f8faf5; }
#modal.flow-builder-modal .flow-button-detail label { margin:0; }
#modal.flow-builder-modal .flow-button-detail input,#modal.flow-builder-modal .flow-button-detail select,#modal.flow-builder-modal .flow-button-detail textarea { background-color:#fff; border-color:#e5ebdd; }
#modal.flow-builder-modal .flow-button-detail textarea { min-height:70px; }
#modal.flow-builder-modal .flow-buttons-empty { margin:0; padding:7px 0 2px; color:#a2ac96; font-size:10px; line-height:1.8; }
#modal.flow-builder-modal .flow-preview { margin:18px 0 0; padding:0; border:1px solid #e9eee2; border-radius:12px; background:#fff; }
#modal.flow-builder-modal .flow-preview summary { display:flex; align-items:center; gap:10px; padding:13px 14px; list-style:none; cursor:pointer; }
#modal.flow-builder-modal .flow-preview summary::-webkit-details-marker { display:none; }
#modal.flow-builder-modal .flow-preview-mark { display:grid; place-items:center; flex:none; width:30px; height:30px; border-radius:9px; background:#f1f5ea; color:#8ba275; }
#modal.flow-builder-modal .flow-preview-mark svg { width:13px; height:13px; }
#modal.flow-builder-modal .flow-preview summary>span:nth-child(2) { display:grid; gap:2px; }
#modal.flow-builder-modal .flow-preview summary strong { font-size:12px; font-weight:400; color:#718560; }
#modal.flow-builder-modal .flow-preview summary small { color:#a0ab94; font-size:10px; }
#modal.flow-builder-modal .flow-preview summary>svg { margin-inline-start:auto; width:14px; height:14px; color:#a6b298; }
#modal.flow-builder-modal .flow-preview[open] summary>svg { transform:rotate(180deg); }
#modal.flow-builder-modal .flow-preview-content { padding:0 14px 14px; }
#modal.flow-builder-modal .flow-preview-controls { margin:0; display:flex; flex-wrap:nowrap; gap:7px; }
#modal.flow-builder-modal .flow-preview-controls input { min-height:38px; background:#fafbf8; border-color:#e5eadf; font-size:12px; }
#modal.flow-builder-modal #flow-test { min-height:36px; padding:6px 12px; border:0; border-radius:8px; background:#edf3e5; color:#708b59; font-size:11px; font-weight:400; }
#modal.flow-builder-modal #flow-test-reset { min-height:36px; padding:6px 0; border:0; background:transparent; color:#99a48f; font-size:11px; font-weight:400; }
#modal.flow-builder-modal #flow-preview-log { margin-top:10px; scrollbar-width:thin; }
#modal.flow-builder-modal #flow-preview-log:empty { display:none; }
#modal.flow-builder-modal #flow-preview-log .flow-preview-line { display:grid; grid-template-columns:55px minmax(0,1fr); gap:12px; padding:10px; border:0; border-radius:7px; margin:4px 0; background:#f8faf5; font-size:11px; line-height:1.9; }
#modal.flow-builder-modal .flow-preview-line b { color:#8ca079; font-weight:400; }
#modal.flow-builder-modal .flow-preview-line span { white-space:pre-wrap; overflow-wrap:anywhere; color:#6a785d; }
#modal.flow-builder-modal #flow-preview-log .flow-preview-line[data-kind=customer] { background:#fff; }
#modal.flow-builder-modal .flow-save { position:sticky; bottom:0; z-index:2; margin:18px 0 0; padding:14px 0; gap:12px; background:#fff; border-color:#edf0e8; }
#modal.flow-builder-modal .flow-save .form-error { min-width:0; margin:0; font-size:11px; }
#modal.flow-builder-modal .flow-save-actions { display:flex; align-items:center; gap:18px; margin-inline-start:auto; }
#modal.flow-builder-modal .flow-save-actions .button { min-height:37px; padding:7px 16px; border:0; border-radius:20px; font-size:12px; font-weight:400; }
#modal.flow-builder-modal .flow-save-actions .button svg { width:13px; height:13px; }
#modal.flow-builder-modal .flow-cancel { border:0; background:transparent; padding:6px 0; font-size:12px; font-weight:400; color:#9aa68f; }
#modal.flow-builder-modal .flow-config { min-width:0; border:0; border-radius:15px; padding:14px; background:#f6f7f3; }
#modal.flow-builder-modal .flow-config-tabs { display:flex; gap:4px; padding:4px; margin-bottom:17px; border-radius:10px; background:#eceedF; }
#modal.flow-builder-modal .flow-config-tabs button { display:flex; flex:1; align-items:center; justify-content:center; gap:6px; min-height:34px; padding:6px 8px; border:0; border-radius:7px; background:transparent; color:#8b9481; font-size:12px; font-weight:400; }
#modal.flow-builder-modal .flow-config-tabs button[aria-selected=true] { background:#fff; color:#4f6241; box-shadow:0 1px 4px #35432909; }
#modal.flow-builder-modal .flow-config-tabs svg { width:14px; height:14px; }
#modal.flow-builder-modal .flow-config-panel[hidden] { display:none; }
#modal.flow-builder-modal .flow-config-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 2px 11px; }
#modal.flow-builder-modal .flow-config-heading h3 { margin:0; font-size:12px; font-weight:500; color:#59664e; }
#modal.flow-builder-modal .flow-config-heading small { font-size:10px; color:#a0a994; }
#modal.flow-builder-modal .flow-palette { display:grid; grid-template-columns:1fr; gap:6px; margin:0; }
#modal.flow-builder-modal .flow-tool { display:flex; align-items:center; gap:9px; width:100%; min-width:0; min-height:43px; padding:7px 9px; border:1px solid transparent; border-radius:9px; background:#fff; text-align:start; color:#5f6c53; font-size:12px; font-weight:400; transition:background .15s,border-color .15s; }
#modal.flow-builder-modal .flow-tool:hover { background:#fbfcf9; border-color:#dfe6d6; }
#modal.flow-builder-modal .flow-tool:disabled { opacity:.45; cursor:default; }
#modal.flow-builder-modal .flow-tool-icon { display:grid; place-items:center; flex:none; width:27px; height:27px; border-radius:7px; background:#f0f4e9; color:#849971; }
#modal.flow-builder-modal .flow-tool-icon svg { width:15px; height:15px; }
#modal.flow-builder-modal .flow-tool>svg { width:12px; height:12px; color:#abb59f; margin-inline-start:auto; }
#modal.flow-builder-modal .flow-button-tool { margin-top:10px; background:transparent; border:1px dashed #d9e1cf; }
#modal.flow-builder-modal .flow-config-hint { margin:12px 2px 0; color:#9ca68f; font-size:10px; line-height:1.9; }
#modal.flow-builder-modal .flow-config label { margin:0 0 12px; min-width:0; gap:5px; font-size:11px; font-weight:400; color:#7c8a6f; }
#modal.flow-builder-modal .flow-config input,#modal.flow-builder-modal .flow-config select { min-width:0; min-height:38px; height:38px; padding-block:7px; border:1px solid #e3e8dc; border-radius:8px; background-color:#fff; font-size:12px; box-shadow:none; }
#modal.flow-builder-modal .flow-config select { background-image:url('/assets/select-chevron.svg'); background-repeat:no-repeat; background-size:13px; background-position:left 11px center; padding-left:34px; }
#modal.flow-builder-modal .flow-config input:focus,#modal.flow-builder-modal .flow-config select:focus { border-color:#b5c6a5; box-shadow:0 0 0 2px #b5c6a513; }
#modal.flow-builder-modal .flow-config label small { font-size:10px; line-height:1.8; color:#a0a994; }
#modal.flow-builder-modal .flow-config .field-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
#modal.flow-builder-modal .flow-timing-heading { display:flex; align-items:center; gap:7px; margin:16px 0 11px; font-size:12px; color:#69795a; }
#modal.flow-builder-modal .flow-timing-heading svg { width:14px; height:14px; }
@media(max-width:700px){
  #modal.flow-builder-modal { padding:0; border-radius:17px; }
  #modal.flow-builder-modal .modal-head { padding:15px 16px; }
  #modal.flow-builder-modal #modal-body { padding:0 16px; }
  #modal.flow-builder-modal .flow-workspace { padding:11px; }
  #modal.flow-builder-modal .flow-node { padding:11px; }
  #modal.flow-builder-modal .flow-node-head { display:grid; grid-template-columns:23px 15px minmax(0,1fr); gap:6px; }
  #modal.flow-builder-modal .flow-node-actions { grid-column:1/-1; justify-content:flex-end; margin:0; }
  #modal.flow-builder-modal .flow-node-actions .icon-button { width:29px; height:29px; }
  #modal.flow-builder-modal .flow-node input,#modal.flow-builder-modal .flow-node select,#modal.flow-builder-modal .flow-node textarea { font-size:16px; }
  #modal.flow-builder-modal .flow-node .field-row { gap:8px; }
  #modal.flow-builder-modal .flow-button-editor { padding:10px; }
  #modal.flow-builder-modal .flow-button-title-row { grid-template-columns:20px minmax(0,1fr) 24px; gap:6px; }
  #modal.flow-builder-modal .flow-button-number { width:20px; height:22px; font-size:9px; }
  #modal.flow-builder-modal .flow-button-remove { width:24px; }
  #modal.flow-builder-modal .flow-button-detail { padding:9px; }
  #modal.flow-builder-modal .flow-button-detail input::placeholder,#modal.flow-builder-modal .flow-button-detail textarea::placeholder { font-size:11px; }
  #modal.flow-builder-modal .flow-preview-controls { flex-wrap:wrap; }
  #modal.flow-builder-modal .flow-preview-controls input { flex-basis:100%; font-size:16px; }
  #modal.flow-builder-modal .flow-save { flex-wrap:wrap; padding:12px 0; }
  #modal.flow-builder-modal .flow-save .form-error:not(:empty) { flex-basis:100%; }
  #modal.flow-builder-modal .flow-config { padding:12px; }
  #modal.flow-builder-modal .flow-config-tabs { margin-bottom:13px; }
  #modal.flow-builder-modal .flow-palette { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #modal.flow-builder-modal .flow-tool { gap:7px; padding:7px; font-size:11px; }
  #modal.flow-builder-modal .flow-tool>svg { width:10px; height:10px; }
  #modal.flow-builder-modal .flow-config input,#modal.flow-builder-modal .flow-config select { font-size:16px; }
  #modal.flow-builder-modal .flow-config-hint { margin-top:9px; }
}
@media(prefers-reduced-motion:reduce){#modal.flow-builder-modal .flow-tool { transition:none; }}
#modal.contact-form-modal { width:min(520px,calc(100vw - 28px)); max-height:calc(100dvh - 32px); padding:22px; border:1px solid #e9ebe5; border-radius:22px; background:#fff; box-shadow:0 16px 56px #26321d20; }
#modal.contact-form-modal .modal-head { margin:0 0 20px; padding:0; border:0; }
#modal.contact-form-modal .modal-head h2 { font-size:16px; font-weight:500; }
#modal.contact-form-modal .modal-head .icon-button { width:28px; height:28px; border:0; background:transparent; color:#a0a697; border-radius:50%; }
#modal.contact-form-modal #modal-form { display:flex; flex-direction:column; gap:16px; }
#modal.contact-form-modal .contact-entry-fields,#modal.contact-form-modal .contact-entry-extra-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:12px; }
#modal.contact-form-modal .contact-entry-field:only-child { grid-column:1/-1; }
#modal.contact-form-modal .contact-entry-field { min-width:0; margin:0; gap:6px; color:#6f7a65; font-size:12px; font-weight:400; }
#modal.contact-form-modal .contact-entry-field input { width:100%; min-width:0; height:43px; min-height:43px; padding:9px 12px; border:1px solid #e9ece3; border-radius:10px; background:#fafbf8; font-size:14px; font-weight:400; box-shadow:none; }
#modal.contact-form-modal .contact-entry-field input::placeholder { color:#acb2a4; font-size:12px; }
#modal.contact-form-modal .contact-entry-field input:focus { background:#fff; border-color:#b7c7a8; box-shadow:0 0 0 2px #b7c7a817; }
#modal.contact-form-modal .contact-entry-field small { color:#a0a797; font-size:10px; line-height:1.6; }
#modal.contact-form-modal .contact-entry-extra { border:0; padding:0; margin:0; }
#modal.contact-form-modal .contact-entry-extra summary { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:4px 0; color:#7f8a74; font-size:12px; cursor:pointer; list-style:none; }
#modal.contact-form-modal .contact-entry-extra summary::-webkit-details-marker { display:none; }
#modal.contact-form-modal .contact-entry-extra summary small { font-size:10px; font-weight:400; color:#a4ac9b; margin-inline-start:5px; }
#modal.contact-form-modal .contact-entry-extra summary svg { width:13px; height:13px; transition:transform .18s; }
#modal.contact-form-modal .contact-entry-extra[open] summary svg { transform:rotate(180deg); }
#modal.contact-form-modal .contact-entry-extra-fields { padding-top:12px; }
#modal.contact-form-modal #modal-form>.contact-entry-consent { display:flex; align-items:center; gap:9px; padding:11px 12px; margin:0; border:0; border-radius:10px; background:#f4f6ef; color:#7a896a; font-size:11px; font-weight:400; line-height:1.7; cursor:pointer; }
#modal.contact-form-modal .contact-entry-consent input { flex:none; width:15px; height:15px; margin:0; accent-color:#7e9368; }
#modal.contact-form-modal .form-error:empty { display:none; }
#modal.contact-form-modal .form-error { font-size:12px; margin:0; }
#modal.contact-form-modal .contact-entry-actions { display:flex; align-items:center; justify-content:flex-end; gap:18px; padding-top:2px; }
#modal.contact-form-modal .contact-entry-cancel { border:0; background:transparent; padding:7px 0; color:#929d86; font-size:12px; font-weight:400; }
#modal.contact-form-modal .contact-entry-actions button[type=submit] { width:auto; min-height:37px; margin:0; padding:7px 16px; border:0; border-radius:20px; background:#303b29; color:#fff; font-size:12px; font-weight:400; }
#modal.contact-form-modal .contact-entry-actions button[type=submit]:hover { background:#48573c; }
#modal.contact-form-modal .contact-entry-actions button[type=submit] svg { width:13px; height:13px; }
@media(max-width:600px){
  #modal.contact-form-modal { width:calc(100vw - 24px); padding:19px; border-radius:20px; }
  #modal.contact-form-modal .contact-entry-fields,#modal.contact-form-modal .contact-entry-extra-fields { gap:9px; }
  #modal.contact-form-modal .contact-entry-field input { padding-inline:9px; font-size:16px; }
  #modal.contact-form-modal .contact-entry-field input::placeholder { font-size:11px; }
}
#modal.contact-import-modal { width:min(450px,calc(100vw - 28px)); max-height:calc(100dvh - 32px); padding:0; border:1px solid #e9ebe5; border-radius:22px; overflow:hidden; background:#fff; box-shadow:0 16px 56px #26321d20; }
#modal.contact-import-modal[open] { display:flex; flex-direction:column; }
#modal.contact-import-modal .modal-head { flex:none; margin:0; padding:20px 20px 4px; border:0; }
#modal.contact-import-modal .modal-head h2 { font-size:16px; font-weight:500; color:var(--ink); }
#modal.contact-import-modal .modal-head .icon-button { width:28px; height:28px; padding:6px; border:0; background:transparent; color:#a0a697; border-radius:50%; }
#modal.contact-import-modal .modal-head .icon-button:hover { background:#f4f5f1; color:#56634b; }
#modal.contact-import-modal #modal-body { padding:0 20px 18px; min-height:0; overflow:auto; }
#modal.contact-import-modal #wa-picker { display:flex; flex-direction:column; gap:0; min-width:0; }
#modal.contact-import-modal .wa-import-description { font-size:12px; line-height:1.8; color:#92998b; margin:0 0 18px; }
#modal.contact-import-modal .wa-directory-source { display:flex; position:relative; align-items:center; gap:10px; min-width:0; margin:0 0 14px; padding:10px 12px; border:1px solid transparent; border-radius:12px; background:#f5f6f2; transition:background .18s,border-color .18s; cursor:pointer; }
#modal.contact-import-modal .wa-directory-source:hover { background:#eff2e9; }
#modal.contact-import-modal .wa-directory-source:focus-within { border-color:#bdcaae; }
#modal.contact-import-modal .wa-directory-source-icon { flex:none; display:grid; place-items:center; width:34px; height:34px; border:1px solid #e8ebe2; border-radius:10px; background:#fff; color:#839371; }
#modal.contact-import-modal .wa-directory-source-icon svg { width:16px; height:16px; }
#modal.contact-import-modal .wa-directory-source-copy { display:flex; flex:1; flex-direction:column; gap:1px; min-width:0; padding-left:20px; }
#modal.contact-import-modal .wa-directory-source select { width:100%; min-width:0; height:24px; min-height:24px; margin:0; padding:0; border:0; border-radius:0; appearance:none; background:transparent; box-shadow:none; outline:0; font-size:14px; line-height:24px; font-weight:500; color:#3b4632; cursor:pointer; text-overflow:ellipsis; }
#modal.contact-import-modal .wa-directory-source select:focus { border:0; box-shadow:none; }
#modal.contact-import-modal .wa-directory-source-copy small { display:flex; align-items:center; gap:5px; font-size:10px; font-weight:400; line-height:1.5; color:#929b87; }
#modal.contact-import-modal .wa-directory-source-copy small i { width:5px; height:5px; border-radius:50%; background:#8ca574; }
#modal.contact-import-modal .wa-directory-source-arrow { position:absolute; left:12px; top:50%; transform:translateY(-50%); display:flex; color:#9ba58e; pointer-events:none; }
#modal.contact-import-modal .wa-directory-source-arrow svg { width:14px; height:14px; }
#modal.contact-import-modal .wa-list-heading { display:flex; flex:1; align-items:center; gap:8px; min-width:0; height:34px; }
#modal.contact-import-modal #wa-list-title { font-size:11px; color:#8e9882; }
#modal.contact-import-modal #wa-search-open { display:grid; place-items:center; flex:none; width:28px; height:28px; padding:0; border:1px solid #edf0e7; border-radius:50%; background:#fff; color:#929e86; transition:background .18s,border-color .18s; }
#modal.contact-import-modal #wa-search-open:hover { background:#f4f7ef; border-color:#d8e1cd; }
#modal.contact-import-modal #wa-search-open svg { width:13px; height:13px; }
#modal.contact-import-modal .wa-search-box { display:block; flex:1; width:auto; height:34px; min-width:0; margin:0; }
#modal.contact-import-modal .wa-search-box[hidden],#modal.contact-import-modal #wa-search-open[hidden],#modal.contact-import-modal #wa-list-title[hidden] { display:none!important; }
#modal.contact-import-modal .wa-search-control { position:relative; display:block; }
#modal.contact-import-modal .wa-search-control>svg { position:absolute; right:9px; top:50%; transform:translateY(-50%); width:13px; height:13px; color:#9ba393; pointer-events:none; }
#modal.contact-import-modal .wa-search-box input { width:100%; height:34px; min-height:34px; margin:0; padding:5px 29px 5px 30px; border:0; border-radius:0; background:transparent; font-size:12px; font-weight:400; color:#45553b; box-shadow:none; }
#modal.contact-import-modal .wa-search-box input::placeholder { color:#a1a797; font-weight:400; }
#modal.contact-import-modal .wa-search-box input:focus { border:0; background:transparent; box-shadow:none; outline:0; }
#modal.contact-import-modal #wa-search-close { position:absolute; left:4px; top:4px; display:grid; place-items:center; width:26px; height:26px; padding:0; border:0; border-radius:50%; background:transparent; color:#99a18f; }
#modal.contact-import-modal #wa-search-close:hover { background:#edf2e5; color:#657454; }
#modal.contact-import-modal #wa-search-close svg { width:12px; height:12px; }
#modal.contact-import-modal #wa-sync-state { font-size:11px!important; min-height:0; line-height:1.8; margin:0 0 12px; color:#8b997e; }
#modal.contact-import-modal #wa-sync-state:empty { display:none; }
#modal.contact-import-modal .wa-list-head { display:flex; align-items:center; gap:12px; padding:0 0 6px; }
#modal.contact-import-modal .wa-list-head>span { flex:none; font-size:10px; color:#9ba391; }
#modal.contact-import-modal .wa-select-all { display:inline-flex; align-items:center; gap:6px; margin:0; margin-inline-start:auto; padding:0!important; min-height:26px; flex:none; white-space:nowrap; border:0!important; border-radius:0; background:transparent; color:#7f8d72; font-size:10px; font-weight:400; }
#modal.contact-import-modal .wa-select-all:hover,#modal.contact-import-modal .wa-select-all:has(input:checked) { background:transparent; }
#modal.contact-import-modal .wa-select-all input { width:13px; height:13px; margin:0; }
#modal.contact-import-modal .wa-picker-rows { max-height:min(300px,36dvh); min-width:0; overflow:auto; border:0; border-radius:0; background:#fff; padding:0; scrollbar-width:thin; scrollbar-color:#dce4d3 transparent; }
#modal.contact-import-modal .wa-picker-row { display:grid; grid-template-columns:34px minmax(0,1fr) auto 15px; align-items:center; gap:10px; margin:0; padding:12px 2px; min-height:64px; border:0; border-bottom:1px solid #f0f2ec; border-radius:0; background:#fff; transition:background .18s; cursor:pointer; }
#modal.contact-import-modal .wa-picker-row:last-child { border-bottom:0; }
#modal.contact-import-modal .wa-picker-row:hover { background:#fafbf8; }
#modal.contact-import-modal .wa-picker-row:has(input:checked) { background:#f5f8f0; }
#modal.contact-import-modal .wa-picker-row:has(input:disabled) { background:#fff; cursor:default; }
#modal.contact-import-modal .wa-picker-row input { width:15px; height:15px; margin:0; accent-color:#7e9368; }
#modal.contact-import-modal .wa-contact-avatar { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#edf1e7; color:#879a73; font-size:13px; font-weight:400; font-style:normal; }
#modal.contact-import-modal .wa-picker-row>span { display:flex; flex-direction:column; min-width:0; gap:2px; }
#modal.contact-import-modal .wa-picker-row strong { font-size:13px; font-weight:400; color:#394431; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#modal.contact-import-modal .wa-picker-row bdi { font:11px/1.5 Arial,sans-serif; color:#99a08f; text-align:right; }
#modal.contact-import-modal .wa-picker-row>small { grid-column:auto; font-size:9px; color:#a4ae9b; padding:0; background:transparent; white-space:nowrap; }
#modal.contact-import-modal .wa-contact-check-space { width:0; }
#modal.contact-import-modal .wa-picker-rows>p { padding:24px 10px; font-size:12px; line-height:1.9; text-align:center; }
#modal.contact-import-modal .form-error:empty { display:none; }
#modal.contact-import-modal .form-error { font-size:11px; margin:8px 0 0; }
#modal.contact-import-modal .wa-picker-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; position:static; margin:14px 0 0; padding:12px 0 0; border:0; border-top:1px solid #eff1e9; background:#fff; }
#modal.contact-import-modal #wa-selected { font-size:10px; color:#9ca591; }
#modal.contact-import-modal .wa-import-actions { display:flex; align-items:center; gap:14px; }
#modal.contact-import-modal .wa-dismiss { font-size:12px; color:#8d9980; border:0; padding:7px 0; background:transparent; font-weight:400; }
#modal.contact-import-modal #wa-save { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:36px; padding:7px 15px; border:0; border-radius:18px; font-size:12px; font-weight:400; background:#303b29; color:#fff; }
#modal.contact-import-modal #wa-save:hover { background:#48573c; }
#modal.contact-import-modal #wa-save svg { width:13px; height:13px; }
#modal.contact-import-modal #wa-save:disabled { background:#eff2ea; color:#a4ad99; opacity:1; cursor:default; }
@media (max-width:600px) {
  #modal.contact-import-modal { width:calc(100vw - 24px); max-height:calc(100dvh - 24px); border-radius:20px; }
  #modal.contact-import-modal .modal-head { padding:17px 17px 4px; }
  #modal.contact-import-modal #modal-body { padding:0 17px 16px; }
  #modal.contact-import-modal .wa-import-description { font-size:11px; margin-bottom:16px; }
  #modal.contact-import-modal .wa-directory-source select,#modal.contact-import-modal .wa-search-box input { font-size:16px; }
  #modal.contact-import-modal .wa-search-box input::placeholder { font-size:12px; }
  #modal.contact-import-modal .wa-list-head { gap:8px; }
  #modal.contact-import-modal .wa-picker-row { gap:8px; }
  #modal.contact-import-modal .wa-import-actions { gap:12px; }
  #modal.contact-import-modal #wa-selected { font-size:10px; }
  #modal.contact-import-modal #wa-save { font-size:11px; padding-inline:13px; }
}
@media (prefers-reduced-motion:reduce) {
  #modal.contact-import-modal .wa-picker-row,#modal.contact-import-modal .wa-directory-source,#modal.contact-import-modal .wa-search-box input { transition:none; }
}
/* Scenario choices and WhatsApp message preview. */
#modal.flow-builder-modal .flow-format { display:flex; gap:4px; padding:3px; border-radius:8px; background:#f5f7f1; }
#modal.flow-builder-modal .flow-format button { display:flex; align-items:center; gap:5px; min-height:30px; padding:4px 10px; background:transparent; border:0; border-radius:6px; color:#8c9981; font-size:11px; font-weight:400; }
#modal.flow-builder-modal .flow-format button[aria-pressed=true] { background:#fff; color:#69854f; box-shadow:0 1px 3px #4657350a; }
#modal.flow-builder-modal .flow-format svg { width:13px; height:13px; }
#modal.flow-builder-modal .flow-add-button small { color:#9daa92; font-size:10px; }
#modal.flow-builder-modal .flow-list-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:12px 0; }
#modal.flow-builder-modal .flow-list-fields label { min-width:0; }
#modal.flow-builder-modal .flow-button-detail>small { display:block; margin-top:6px; font-size:10px; line-height:1.7; color:#929e87; }
#modal.flow-builder-modal .flow-wa-preview-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:16px; color:#829275; font-size:11px; }
#modal.flow-builder-modal .flow-wa-preview-heading small { color:#a3ac9a; font-size:9px; }
#modal.flow-builder-modal .flow-wa-preview { display:flex; justify-content:center; padding:16px 12px; margin-top:7px; border-radius:10px; background:#f1f0eb; }
#modal.flow-builder-modal .flow-wa-bubble { position:relative; width:min(100%,300px); margin:4px 0; border-radius:9px; background:#fff; box-shadow:0 1px 2px #1a342014; color:#23312c; overflow:hidden; font-size:13px; line-height:1.65; }
#modal.flow-builder-modal .flow-wa-title { display:block; padding:10px 12px 0; font-size:13px; font-weight:500; }
#modal.flow-builder-modal .flow-wa-text { padding:10px 12px 3px; white-space:pre-wrap; overflow-wrap:anywhere; }
#modal.flow-builder-modal .flow-wa-footer { display:block; padding:0 12px; color:#86908a; font-size:10px; overflow-wrap:anywhere; }
#modal.flow-builder-modal .flow-wa-time { display:block; padding:0 10px 5px; text-align:left; color:#86908a; font-size:9px; }
#modal.flow-builder-modal .flow-wa-option { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:39px; padding:7px 12px; border:0; border-top:1px solid #eef0ec; border-radius:0; background:transparent; color:#008b9b; font-size:13px; font-weight:400; }
#modal.flow-builder-modal .flow-wa-option svg { width:15px; height:15px; }
#modal.flow-builder-modal .flow-wa-option:hover { background:#f7faf8; }
#modal.flow-builder-modal .flow-wa-option.flow-wa-cta { color:#16885a; font-weight:500; }
#modal.flow-builder-modal .flow-wa-option:disabled { color:#a5b7b6; cursor:default; }
#modal.flow-builder-modal .flow-wa-sheet { margin:0; border-top:1px solid #e6ebe6; background:#fff; }
#modal.flow-builder-modal .flow-wa-sheet[hidden] { display:none; }
#modal.flow-builder-modal .flow-wa-sheet-head { display:flex; align-items:center; justify-content:space-between; padding:8px 12px; background:#f8faf8; }
#modal.flow-builder-modal .flow-wa-sheet-head strong { font-size:12px; font-weight:400; }
#modal.flow-builder-modal .flow-wa-sheet-head button { display:grid; place-items:center; padding:4px; border:0; background:transparent; color:#839188; }
#modal.flow-builder-modal .flow-wa-sheet-head svg { width:14px; height:14px; }
#modal.flow-builder-modal .flow-wa-list-row { display:flex; flex-direction:column; align-items:flex-start; gap:2px; width:100%; padding:10px 12px; border:0; border-top:1px solid #f0f2ee; border-radius:0; background:transparent; text-align:start; color:#23312c; font-size:13px; font-weight:400; }
#modal.flow-builder-modal .flow-wa-list-row small { color:#849087; font-size:11px; overflow-wrap:anywhere; }
#modal.flow-builder-modal .flow-wa-list-row:hover { background:#f6faf5; }
#modal.flow-builder-modal #flow-preview-log { max-height:420px; overflow-y:auto; padding:10px; background:#f1f0eb; border-radius:10px; }
#modal.flow-builder-modal #flow-preview-log .flow-preview-line { display:block; width:fit-content; max-width:90%; margin:7px 0; padding:8px 12px; background:#fff; border-radius:9px; font-size:12px; }
#modal.flow-builder-modal #flow-preview-log .flow-preview-line b { display:block; font-size:9px; color:#7b9680; }
#modal.flow-builder-modal #flow-preview-log .flow-preview-line[data-kind=customer] { margin-inline-start:auto; background:#dff7d3; }
@media(max-width:700px) {
 #modal.flow-builder-modal .flow-wa-preview-heading { align-items:flex-start; }
 #modal.flow-builder-modal .flow-wa-preview-heading small { max-width:140px; text-align:left; }
 #modal.flow-builder-modal .flow-list-fields { gap:8px; }
 #modal.flow-builder-modal .flow-list-fields input { font-size:16px; }
 #modal.flow-builder-modal .flow-wa-preview { padding:12px 8px; }
}
#modal.flow-builder-modal .flow-wa-sheet { max-height:280px; overflow-y:auto; scrollbar-width:thin; }
#modal.flow-builder-modal .flow-wa-sheet-head { position:sticky; top:0; }

/* One clear action selector per scenario button. */
#modal.flow-builder-modal .flow-button-behavior { display:grid; grid-template-columns:76px minmax(0,1fr); align-items:center; gap:10px; margin:14px 0 0; }
#modal.flow-builder-modal .flow-button-behavior>span:first-child { font-size:11px; color:#899780; }
#modal.flow-builder-modal .flow-action-select { position:relative; display:flex; align-items:center; min-width:0; }
#modal.flow-builder-modal .flow-action-select select { width:100%; height:40px; min-height:40px; margin:0; padding:8px 36px; appearance:none; -webkit-appearance:none; border:1px solid #e7ecdf; border-radius:8px; background:#fafbf8; color:#718363; font-size:12px; font-weight:400; cursor:pointer; }
#modal.flow-builder-modal .flow-action-icon,#modal.flow-builder-modal .flow-action-chevron { position:absolute; top:50%; display:flex; transform:translateY(-50%); color:#94a485; pointer-events:none; }
#modal.flow-builder-modal .flow-action-icon { inset-inline-start:12px; }
#modal.flow-builder-modal .flow-action-chevron { inset-inline-end:12px; }
#modal.flow-builder-modal .flow-action-icon svg { width:14px; height:14px; }
#modal.flow-builder-modal .flow-action-chevron svg { width:12px; height:12px; }
#modal.flow-builder-modal .flow-action-select select:focus-visible,#modal.flow-builder-modal .flow-add-button:focus-visible { outline:2px solid #b5c7a4; outline-offset:2px; }
#modal.flow-builder-modal .flow-button-detail { margin-top:14px; padding:0; border-radius:0; background:transparent; }
@media(max-width:700px) {
 #modal.flow-builder-modal .flow-button-behavior { grid-template-columns:1fr; gap:6px; margin-top:12px; }
 #modal.flow-builder-modal .flow-action-select select { height:44px; font-size:16px; padding-inline:34px; }
}
/* Public subscription policy and support use the marketing page's olive palette. */
.refund-page { max-width:1150px; margin:40px auto 70px; padding:0 30px; }
.refund-heading { margin-bottom:36px; }
.refund-heading h1 { margin:8px 0 10px; font-size:40px; line-height:1.5; }
.refund-heading>p { color:#919983; font-size:15px; }
.refund-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:60px; align-items:start; }
.refund-content>section { display:grid; grid-template-columns:30px minmax(0,1fr); gap:14px; padding:24px 0; border-bottom:1px solid var(--line); }
.refund-content>section:first-child { padding-top:0; }
.refund-step { padding-top:3px; color:#a4b18f; font:12px Arial,sans-serif; }
.refund-content h2 { font-size:18px; margin:0 0 9px; font-weight:500; }
.refund-content section p { color:#838e78; font-size:14px; line-height:2; }
.refund-content section p+p { margin-top:9px; }
.refund-request { margin-top:12px; color:#788e60; }
.refund-content .refund-rights { margin-top:20px; font-size:11px; color:#9da691; }
.refund-support { padding:24px; background:#f5f7ef; border-radius:16px; }
.refund-support-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:#eaf0df; color:#839765; flex:none; }
.refund-support-icon svg { width:19px; height:19px; }
.refund-support h2 { font-size:17px; font-weight:500; margin:17px 0 9px; }
.refund-support p { font-size:13px; line-height:1.9; color:#8b967e; }
.refund-phone { display:flex; align-items:center; justify-content:flex-end; gap:12px; margin:20px 0; font:20px Arial,sans-serif; color:#738a5a; }
.refund-phone svg { width:15px; height:15px; }
.refund-support .button { width:100%; font-size:12px; font-weight:400; }
.refund-support>small { display:block; margin-top:14px; font-size:10px; color:#9ba68d; line-height:1.9; }
.refund-footer { max-width:1320px; margin:auto; }
.landing-support { max-width:1150px; margin:auto; padding:25px 30px 65px; display:flex; align-items:center; justify-content:space-between; gap:35px; scroll-margin-top:25px; }
.landing-support h2 { font-size:30px; margin:8px 0 12px; }
.landing-support p { color:#919983; font-size:14px; max-width:490px; }
.landing-support .text-link { margin-top:17px; color:#7e9168; }
.landing-support-contact { display:flex; align-items:center; gap:14px; min-width:285px; padding:19px 23px; border:1px solid #e9eddf; border-radius:14px; }
.landing-support-contact:hover { background:#f8faf4; }
.landing-support-contact>span:nth-child(2) { display:grid; gap:6px; flex:1; }
.landing-support-contact small { color:#9ca78c; font-size:11px; }
.landing-support-contact strong { font:22px Arial,sans-serif; color:#788d60; }
.landing-support-contact>svg { width:16px; height:16px; color:#9bab88; }
.marketing-footer>div { flex-wrap:wrap; }
@media(max-width:900px) { .refund-layout { gap:30px; grid-template-columns:minmax(0,1fr) 250px; } }
@media(max-width:700px) {
 .refund-page { margin:25px auto 35px; padding:0 23px; }
 .refund-heading { margin-bottom:27px; }
 .refund-heading h1 { font-size:30px; }
 .refund-heading>p { font-size:13px; }
 .refund-layout { grid-template-columns:1fr; gap:25px; }
 .refund-content>section { grid-template-columns:23px minmax(0,1fr); gap:9px; padding:20px 0; }
 .refund-content h2 { font-size:16px; }
 .refund-content section p { font-size:13px; }
 .refund-support { padding:22px; }
 .refund-phone { justify-content:flex-end; }
 .landing-support { flex-direction:column; align-items:stretch; gap:23px; padding:20px 25px 45px; }
 .landing-support h2 { font-size:26px; }
 .landing-support-contact { width:100%; min-width:0; padding:17px 19px; }
 .marketing-footer>div { justify-content:center; gap:16px; }
}
/* Focused scenario editor: one step at a time, with its message preview alongside. */
#modal.flow-builder-modal { width:min(1180px,calc(100vw - 24px)); }
#modal.flow-builder-modal .flow-layout { grid-template-columns:215px minmax(0,1fr); gap:18px; }
#modal.flow-builder-modal .flow-config { position:sticky; top:0; padding:12px; background:#f8f9f5; border-radius:12px; }
#modal.flow-builder-modal .flow-toolbox { padding:0; border:0; }
#modal.flow-builder-modal .flow-toolbox>summary { display:flex; align-items:center; gap:8px; min-height:35px; margin-bottom:9px; padding:3px 1px; color:#627255; font-size:12px; cursor:pointer; list-style:none; }
#modal.flow-builder-modal .flow-toolbox>summary::-webkit-details-marker { display:none; }
#modal.flow-builder-modal .flow-toolbox>summary small { margin-inline-start:auto; font-size:9px; color:#a0a994; }
#modal.flow-builder-modal .flow-toolbox>summary>svg { width:13px; height:13px; color:#9ba68f; }
#modal.flow-builder-modal .flow-toolbox[open]>summary>svg { transform:rotate(180deg); }
#modal.flow-builder-modal .flow-toolbox:not([open])>summary { margin:0; }
#modal.flow-builder-modal .flow-workspace { padding:14px; background:#f8f9f5; }
#modal.flow-builder-modal .flow-node { padding:12px 14px; margin-bottom:13px; border-color:#e8ece2; border-radius:11px; }
#modal.flow-builder-modal .flow-node:not(:last-child):after { height:13px; }
#modal.flow-builder-modal .flow-node-head { display:grid; grid-template-columns:25px minmax(0,1fr) auto; gap:9px; margin:0; }
#modal.flow-builder-modal .flow-step-summary { display:flex; align-items:center; gap:8px; width:100%; min-width:0; min-height:34px; padding:0; border:0; background:transparent; text-align:start; font-weight:400; }
#modal.flow-builder-modal .flow-step-icon { display:flex; flex:none; color:#8ca375; }
#modal.flow-builder-modal .flow-step-icon svg { width:15px; height:15px; }
#modal.flow-builder-modal .flow-step-heading { display:grid; min-width:0; gap:3px; flex:1; }
#modal.flow-builder-modal .flow-step-heading b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:#526247; }
#modal.flow-builder-modal .flow-step-heading small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#9da68f; font-size:10px; }
#modal.flow-builder-modal .flow-step-summary>svg { flex:none; width:12px; height:12px; color:#a2ad94; }
#modal.flow-builder-modal .flow-step-summary[aria-expanded=true]>svg { transform:rotate(180deg); }
#modal.flow-builder-modal .flow-node[data-open=true] .flow-step-heading small { display:none; }
#modal.flow-builder-modal .flow-node-body { padding-top:17px; }
#modal.flow-builder-modal .flow-node-body[hidden] { display:none; }
#modal.flow-builder-modal .flow-node-actions { margin:0; }
#modal.flow-builder-modal .flow-reply-layout { display:grid; gap:18px; grid-template-columns:minmax(0,1fr); align-items:start; }
#modal.flow-builder-modal .flow-reply-editor,#modal.flow-builder-modal .flow-message-preview { min-width:0; }
#modal.flow-builder-modal .flow-message-preview .flow-wa-preview-heading { margin:0; font-size:11px; }
#modal.flow-builder-modal .flow-message-preview .flow-wa-preview-heading small { font-size:9px; }
#modal.flow-builder-modal .flow-message-preview .flow-wa-preview { max-height:370px; overflow:auto; align-items:flex-start; padding:14px 10px; }
#modal.flow-builder-modal .flow-button-editor { border:0; border-radius:8px; padding:0; }
#modal.flow-builder-modal .flow-button-title-row { min-height:39px; padding:5px 8px; border-radius:8px; background:#f6f8f1; }
#modal.flow-builder-modal .flow-button-body { padding:12px 2px 6px; }
#modal.flow-builder-modal .flow-button-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:12px; align-items:start; }
#modal.flow-builder-modal .flow-button-fields label { display:grid; grid-template-columns:1fr; gap:6px; margin:0; }
#modal.flow-builder-modal .flow-button-fields input,#modal.flow-builder-modal .flow-button-fields select { min-height:40px; height:40px; }
#modal.flow-builder-modal .flow-button-fields .flow-button-behavior>span:first-child { font-size:11px; }
#modal.flow-builder-modal .flow-button-detail { margin-top:12px; }
#modal.flow-builder-modal .flow-action-select select { background-image:none; }
#modal.flow-builder-modal .flow-button-detail textarea { min-height:76px; }
#modal.flow-builder-modal .flow-button-body>label { margin-top:12px; }
#modal.flow-builder-modal .flow-save { margin-top:14px; padding:12px 0; }
@media(min-width:1100px) {
 #modal.flow-builder-modal .flow-reply-layout { grid-template-columns:minmax(0,1fr) 235px; gap:22px; }
 #modal.flow-builder-modal .flow-message-preview { position:sticky; top:12px; }
 #modal.flow-builder-modal .flow-message-preview .flow-wa-preview-heading { display:grid; gap:4px; }
}
@media(max-width:850px) {
 #modal.flow-builder-modal .flow-button-fields { grid-template-columns:1fr; gap:11px; }
}
@media(max-width:700px) {
 #modal.flow-builder-modal .flow-layout { grid-template-columns:1fr; gap:12px; }
 #modal.flow-builder-modal .flow-config { position:static; padding:10px 12px; }
 #modal.flow-builder-modal .flow-config-tabs { margin-bottom:7px; }
 #modal.flow-builder-modal .flow-toolbox>summary { min-height:30px; }
 #modal.flow-builder-modal .flow-workspace { padding:10px; }
 #modal.flow-builder-modal .flow-node { padding:10px; }
 #modal.flow-builder-modal .flow-node-head { grid-template-columns:22px minmax(0,1fr) auto; gap:5px; }
 #modal.flow-builder-modal .flow-step-icon { display:none; }
 #modal.flow-builder-modal .flow-node-actions { grid-column:auto; gap:0; }
 #modal.flow-builder-modal .flow-node-actions [data-flow-drag] { display:none; }
 #modal.flow-builder-modal .flow-node-actions .icon-button { width:27px; height:32px; }
 #modal.flow-builder-modal .flow-step-heading b { font-size:11px; }
 #modal.flow-builder-modal .flow-step-heading small { font-size:9px; }
 #modal.flow-builder-modal .flow-button-fields input,#modal.flow-builder-modal .flow-button-fields select { min-height:44px; height:44px; font-size:16px; }
 #modal.flow-builder-modal .flow-message-preview .flow-wa-preview-heading small { max-width:none; }
 #modal.flow-builder-modal .flow-message-preview .flow-wa-preview { max-height:330px; }
}
/* Public homepage refinement; scoped to keep account and policy pages unchanged. */
.marketing-nav.landing-nav { max-width:1210px; padding:25px 30px; gap:24px; }
.landing-nav nav { gap:25px; font-size:12px; color:#8b9580; }
.landing-nav nav a:hover { color:#536947; }
.landing-nav .landing-nav-actions { gap:18px; flex:none; }
.landing-nav .login-link { font-size:12px; color:#7f8d71; }
.landing-home .hero { max-width:1210px; display:grid; grid-template-columns:1fr 1fr; padding:58px 30px 75px; gap:65px; text-align:right; }
.landing-home .hero-copy { min-width:0; }
.landing-home .hero h1 { margin:0 0 23px; font-size:clamp(48px,5.3vw,68px); line-height:1.38; letter-spacing:-1.7px; }
.landing-home .hero h1>span { color:#87976b; }
.landing-home .hero-copy>p { max-width:430px; font-size:16px; line-height:2; color:#8c967e; }
.landing-home .hero-actions { align-items:center; justify-content:flex-start; gap:20px; margin-top:29px; }
.landing-home .hero-actions .hero-start { border:0; border-radius:999px; min-height:44px; padding:10px 19px; gap:12px; background:#000; color:#fff; font-size:13px; font-weight:400; line-height:1.6; }
.landing-home .hero-start svg { width:14px; height:14px; }
.landing-home .hero-actions .hero-start:hover { background:#202020; color:#fff; }
.landing-nav,.landing-nav *,.landing-home,.landing-home *,.landing-footer,.landing-footer * { box-shadow:none!important; text-shadow:none!important; }
.landing-home .hero-actions .hero-explore { padding:10px 0; font-size:12px; font-weight:400; }
.landing-home .hero-product { transform:none; border-radius:20px; background:linear-gradient(145deg,#f6f8f0,#fafbf7); border-color:#e7ecdf; padding:27px; }
.landing-home .pricing-section { max-width:1210px; padding:15px 30px 85px; }
.landing-home .pricing-section .center-heading { margin-bottom:32px; }
.landing-home .pricing-section .center-heading h2 { font-size:36px; margin:9px 0 12px; }
.landing-home .pricing-section .center-heading p { max-width:520px; margin:auto; font-size:13px; line-height:1.9; }
.landing-home .pricing-grid { gap:18px; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; }
.landing-home .price-plan { display:flex; flex-direction:column; min-width:0; padding:25px; border:1px solid #e8ece2; border-radius:18px; background:#fff; }
.landing-home .price-plan.featured { border-color:#cfdcbd; background:linear-gradient(180deg,#f8faf3,#fff 55%); }
.landing-home .price-head { flex-wrap:nowrap; min-height:28px; gap:12px; }
.landing-home .price-head h3 { font-size:18px; font-weight:500; color:#526147; }
.landing-home .plan-highlight { display:inline-flex; align-items:center; flex:none; gap:4px; padding:3px 7px; border-radius:6px; font-size:9px; color:#82976a; background:#eef3e5; }
.landing-home .plan-highlight svg { width:11px; height:11px; }
.landing-home .price-plan .plan-description { margin-top:6px; min-height:23px; font-size:11px; color:#9ca68f; }
.landing-home .price-plan .price { display:flex; align-items:center; gap:12px; margin:21px 0 22px; }
.landing-home .price-plan .price strong { font-size:44px; font-weight:500; line-height:1.15; letter-spacing:-1.5px; color:#35412e; }
.landing-home .plan-price-unit { display:grid; gap:2px; padding-top:3px; font-size:11px; color:#8d9b7d; }
.landing-home .plan-price-unit small { margin:0; font-size:10px; color:#adb59f; }
.landing-home .plan-capacity { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:0; padding:15px 0; border-top:1px solid #edf0e8; border-bottom:1px solid #edf0e8; }
.landing-home .plan-capacity>div { display:flex; flex-direction:column-reverse; gap:5px; min-width:0; }
.landing-home .plan-capacity dt { font-size:10px; color:#9ca78e; }
.landing-home .plan-capacity dd { margin:0; text-align:right; font:22px Arial,sans-serif; color:#70865a; letter-spacing:-.4px; }
.landing-home .plan-ai-credit { display:grid; grid-template-columns:1fr auto; gap:2px 8px; align-items:center; margin-top:16px; padding:11px 12px; background:#f5f7f0; border-radius:9px; }
.landing-home .plan-ai-credit>span { display:flex; align-items:center; gap:6px; font-size:11px; color:#748267; }
.landing-home .plan-ai-credit svg { width:14px; height:14px; }
.landing-home .plan-ai-credit strong { font:20px Arial,sans-serif; color:#526147; }
.landing-home .plan-ai-credit small { grid-column:2; font-size:9px; text-align:left; color:#949e8a; }
.landing-home .price-plan .plan-includes { margin:15px 0 18px; gap:8px; font-size:11px; color:#879578; }
.landing-home .plan-includes li { gap:8px; }
.landing-home .plan-includes svg { width:13px; height:13px; color:#9aad85; }
.landing-home .price-plan>.button { justify-content:space-between; margin-top:auto; min-height:42px; padding:10px 13px; border:0; border-radius:9px; background:#f1f4ea; color:#71865a; font-size:12px; font-weight:400; }
.landing-home .price-plan>.button.dark { background:#35412e; color:#fff; }
.landing-home .price-plan>.button:hover { background:#e9efdf; }
.landing-home .price-plan>.button.dark:hover { background:#495a3c; }
.landing-home .price-plan>.button svg { width:14px; height:14px; }
.marketing-footer.landing-footer { max-width:1210px; margin:auto; padding:32px 30px; }
.landing-footer>div { gap:24px; font-size:11px; }
@media(max-width:1000px) {
 .landing-nav nav { gap:17px; font-size:11px; }
 .landing-home .hero { gap:35px; }
 .landing-home .price-plan { padding:20px; }
 .landing-home .price-plan .price strong { font-size:39px; }
}
@media(max-width:700px) {
 .marketing-nav.landing-nav { padding:22px; gap:12px; }
 .landing-nav .landing-nav-actions { gap:12px; }
 .landing-nav .login-link { font-size:11px; }
 .landing-home .hero { padding:33px 25px 52px; gap:32px; grid-template-columns:1fr; }
 .landing-home .hero h1 { font-size:45px; margin-bottom:17px; letter-spacing:-1px; }
 .landing-home .hero-copy>p { font-size:14px; line-height:1.95; }
 .landing-home .hero-actions { gap:20px; margin-top:23px; }
 .landing-home .hero-actions .hero-start { min-height:42px; padding:10px 16px; gap:10px; font-size:12px; }
 .landing-home .hero-actions .hero-explore { font-size:11px; gap:6px; }
 .landing-home .hero-product { padding:22px; width:100%; }
 .landing-home .pricing-section { padding:8px 25px 50px; }
 .landing-home .pricing-section .center-heading { margin-bottom:24px; }
 .landing-home .pricing-section .center-heading h2 { font-size:28px; }
 .landing-home .pricing-section .center-heading p { font-size:12px; }
 .landing-home .pricing-grid { grid-template-columns:1fr; gap:14px; }
 .landing-home .price-plan { padding:22px; border-radius:16px; }
 .landing-home .price-plan .price { margin:18px 0 20px; }
 .landing-home .price-plan .price strong { font-size:42px; }
 .landing-home .plan-capacity { padding:13px 0; }
 .landing-home .price-plan .plan-includes { margin:14px 0 17px; }
 .marketing-footer.landing-footer { padding:28px 22px; gap:20px; }
 .landing-footer>div { gap:18px; }
}


/* Hosted card checkout shares the existing payment dialog. */
#billing-plans .button[data-action="checkout"]:not(.dark),
#billing-plans .button[data-action="checkout"]:not(.dark):hover { background:none; border:0; box-shadow:none; }
.billing-invoice-number { font-size:13px; font-weight:500; font-variant-numeric:tabular-nums; }
.billing-payment-method { font-size:12px; font-weight:400; color:#79836e; white-space:nowrap; }
.billing-resume { display:inline-flex; align-items:center; gap:6px; border:0; background:none; padding:5px 0; color:#72865a; font-size:12px; font-weight:400; white-space:nowrap; }
.billing-resume svg { width:13px; height:13px; }
.billing-resume:hover { color:#455b31; }
#modal.plan-switch-modal { width:min(470px,calc(100vw - 28px)); box-shadow:none; }
.plan-switch-intro { font-size:14px; line-height:1.9; color:#555e4c; margin:0 0 20px; }
.plan-switch-plans { display:grid; grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr); align-items:center; gap:12px; padding:17px; border-radius:14px; background:#f6f7f3; }
.plan-switch-plans>div { min-width:0; display:grid; gap:6px; }
.plan-switch-plans small,.plan-switch-plans span { font-size:11px; color:#8a9281; }
.plan-switch-plans strong { font-size:15px; font-weight:500; overflow-wrap:anywhere; color:#3f4b34; }
.plan-switch-arrow { display:flex; justify-content:center; }
.plan-switch-arrow svg { width:17px; height:17px; }
.plan-switch-actions { display:flex; align-items:center; gap:14px; margin-top:18px; }
#modal.plan-switch-modal .plan-switch-actions .button { width:auto; min-height:35px; padding:6px 12px; margin:0; gap:7px; font-size:12px; font-weight:400; line-height:1.5; border-radius:9px; box-shadow:none; }
#modal.plan-switch-modal .plan-switch-actions .button svg { width:13px; height:13px; }
.plan-switch-cancel { border:0; background:none; padding:6px 2px; color:#7f8875; font:inherit; font-size:12px; }
@media(max-width:480px) { .plan-switch-plans { padding:14px 12px; gap:8px; } .plan-switch-plans strong { font-size:14px; } .plan-switch-intro { font-size:13px; } .plan-switch-actions { gap:16px; } }
.payment-method-options { flex-wrap:wrap; }
.payment-method-option { min-width:130px; }
.payment-form.is-card-payment .payment-destination { background:#fbfcf9; border-color:#e9eddf; }
.card-payment-intro { display:flex; align-items:center; gap:12px; }
.card-payment-intro>span { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:#f0f4e8; color:#84996c; flex:none; }
.card-payment-intro b { font-size:13px; font-weight:500; color:#5b6d4c; }
.card-payment-intro p { font-size:11px; color:#9aa58e; margin-top:3px; }
.card-payment-brands { display:flex; align-items:center; gap:20px; margin-top:22px; direction:ltr; }
.card-brand-visa { font:bold italic 19px Arial,sans-serif; color:#243c77; letter-spacing:-1px; }
.card-brand-mastercard { display:flex; position:relative; align-items:center; gap:0; }
.card-brand-mastercard>i { display:block; width:19px; height:19px; border-radius:50%; background:#e65a42; }
.card-brand-mastercard>i+i { background:#efb442; margin-left:-7px; opacity:.9; }
.card-brand-mastercard>b { font:8px Arial,sans-serif; color:#7c8275; margin-left:5px; }
.card-payment-brands>small { margin-left:auto; display:flex; align-items:center; gap:5px; color:#9aa58d; font-size:9px; direction:rtl; }
.card-payment-brands>small svg { width:12px; height:12px; }
.card-return-notice { display:flex; align-items:center; gap:12px; margin-bottom:24px; }
.card-return-notice>span { color:#879d6a; display:flex; }
.card-return-notice b { font-size:13px; font-weight:500; }
.card-return-notice p { margin-top:3px; font-size:11px; }
@media(max-width:700px) {
 .payment-method-options { gap:7px; }
 .payment-method-option { min-width:calc(50% - 7px); padding:10px; gap:7px; font-size:11px; }
 .payment-method-option>svg { width:15px; height:15px; }
 .card-payment-intro p { font-size:10px; }
 .card-payment-brands { gap:14px; flex-wrap:wrap; }
 .card-return-notice { flex-wrap:wrap; }
}

/* WhatsApp recipient identity in the message log. */
.message-recipient{display:inline-flex;align-items:center;flex-direction:row;gap:8px;max-width:190px;padding:4px 5px 4px 12px;border-radius:999px;background:#edf3e6;color:#71865b;vertical-align:middle;box-shadow:none;border:0;white-space:nowrap}.message-recipient-avatar{position:relative;display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:50%;overflow:hidden;background:#e0e9d5;color:#91a47a}.message-recipient-avatar>svg{width:14px;height:14px}.message-recipient-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.message-recipient-name{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:400;line-height:1.8;text-align:start}@media(max-width:600px){.message-recipient{max-width:160px;gap:6px;padding-inline-end:10px}.message-recipient-name{font-size:11px}}

/* Session management and linking: compact, consistent surfaces. */
.session-card.session-card-refined{padding:18px;border-radius:18px;background:#fff;box-shadow:none}
.session-card-refined .session-identity>div{gap:7px;min-width:0}.session-card-refined .session-identity h3{font-size:14px;overflow-wrap:anywhere}.session-card-refined .session-kind{font-size:10px;font-weight:400}
.session-card-refined .session-contact{margin-top:16px;padding:12px;border-radius:12px;background:linear-gradient(100deg,#f7f9f4,#edf2e6)}
.session-card-refined .session-contact .session-phone{font-size:17px;letter-spacing:.4px}.session-card-refined .session-summary{margin-top:13px;padding:0;border:0}.session-card-refined .session-summary strong{font-size:16px}.session-card-refined .session-manage-link{font-size:11px}
#modal.session-dialog,#modal.session-link-dialog{width:440px;max-width:calc(100vw - 28px);padding:24px;border:1px solid #e9ece4;border-radius:22px;background:#fff;box-shadow:none}
#modal.session-dialog .modal-head,#modal.session-link-dialog .modal-head{margin-bottom:18px;border:0;padding-bottom:0}
#modal.session-dialog h2,#modal.session-link-dialog h2{font-size:18px;font-weight:500}
#modal.session-dialog .session-widget{gap:18px}.session-dialog .session-widget-status{padding:13px 14px;background:#f5f7f1;border:0;border-radius:13px}.session-dialog .session-widget-status bdi{font-size:16px;font-weight:400}
.session-dialog .session-account{padding:0;background:none;border:0}.session-dialog .session-account-avatar{width:44px;height:44px}.session-dialog .session-account-avatar img{width:44px;height:44px;object-fit:cover}.session-dialog .session-account strong{font-size:14px;font-weight:500}
.session-dialog .session-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0;border-radius:0;overflow:visible}.session-dialog .session-method{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border:1px solid #e7ebdf;border-radius:14px;background:#fff;min-width:0}.session-dialog .session-method:hover{background:#f6f8f2}.session-dialog .session-method>svg{display:none}.session-dialog .session-method-icon{width:33px;height:33px;border-radius:10px}.session-dialog .session-method-icon svg{width:18px;height:18px}.session-dialog .session-method strong{font-size:13px}.session-dialog .session-method small{font-size:11px;line-height:1.7}.session-dialog .session-method>span:nth-child(2){display:grid;gap:3px}
.session-dialog .session-id-line>span{font-size:11px;color:var(--muted)}.session-dialog .session-widget .session-code{background:#f8f9f5;border:0;border-radius:10px;padding:8px 10px;justify-content:space-between}.session-dialog .session-code .icon-button{background:none;border:0;box-shadow:none}
.session-dialog .session-widget-actions{border:0;padding:0;gap:8px;align-items:center}.session-dialog .session-widget-actions>.button{background:none;border:0;box-shadow:none;font-size:11px;padding:7px;min-height:34px}.session-dialog .session-widget-actions>.danger{margin-inline-start:auto;color:#aa5757}
.session-link-intro{display:flex;align-items:center;gap:12px;margin-bottom:18px}.session-link-intro>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;background:#f0f4e9;border-radius:13px;color:#748763}.session-link-intro svg{width:21px;height:21px}.session-link-intro strong{font-size:13px;font-weight:500}.session-link-intro p{margin:4px 0 0!important;font-size:11px!important;color:var(--muted);line-height:1.8}
.session-link-dialog .qr-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;margin:0 0 18px;padding:16px;background:#f8faf5;border:0;border-radius:16px;gap:8px}.session-link-dialog .qr-box img{width:244px;max-width:100%;height:auto;aspect-ratio:1;margin:0;border:0;border-radius:8px;background:#fff}.session-link-dialog .qr-box p{margin:4px 0!important;font-size:11px!important;line-height:1.7}.session-link-dialog .qr-box .loading{font-size:12px}.session-link-dialog .qr-box .button{font-size:12px;padding:8px 14px;min-height:36px;box-shadow:none}
.session-link-steps{list-style:none;display:grid;gap:11px;padding:0;margin:0}.session-link-steps li{display:flex;align-items:center;gap:9px;font-size:12px;color:#69745e;line-height:1.7}.session-link-steps li>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f0f3eb;font-size:10px;flex:0 0 22px}
.session-link-alternative{display:block;margin:18px auto 0;padding:5px 0;font-size:11px;color:#6e805d;background:none;border:0;box-shadow:none}.session-link-dialog .pairing-code{font-size:32px;letter-spacing:.13em;padding:14px 0 7px;font-weight:500}.session-copy-code{background:#fff;border:1px solid #e5e9de;border-radius:999px;font-size:11px;padding:6px 15px;color:#657753;box-shadow:none}.session-link-dialog #modal-form{gap:14px}.session-link-dialog #modal-form label{font-size:12px;gap:8px}.session-link-dialog #modal-form input,.session-dialog #modal-form input{height:46px;border:1px solid #e4e9dc;border-radius:12px;background:#fafbf8;font-size:15px;box-shadow:none;padding:11px 13px}.session-link-dialog #modal-form input:focus,.session-dialog #modal-form input:focus{outline:2px solid #d9e3cc;outline-offset:2px;box-shadow:none}.session-link-dialog #modal-form>.button,.session-dialog #modal-form>.button{min-height:42px;font-size:12px;background:#171b15;border:0;border-radius:999px;box-shadow:none}
@media(max-width:480px){#modal.session-dialog,#modal.session-link-dialog{padding:20px;border-radius:20px}.session-card.session-card-refined{padding:16px}.session-card-refined .session-contact .session-phone{font-size:16px}.session-link-dialog .qr-box{padding:14px}.session-link-dialog .qr-box img{width:224px}.session-link-intro{gap:10px}.session-dialog .session-method{padding:12px;gap:9px}.session-dialog .session-method small{font-size:10px}.session-link-dialog .pairing-code{font-size:29px}}

/* The QR dialog contains the code only; preserve its full white quiet zone. */
#modal.session-qr-dialog{width:364px;padding:20px;border-radius:22px;box-shadow:none}
#modal.session-qr-dialog .modal-head{margin:0 0 12px;padding:0;border:0}
#modal.session-qr-dialog .modal-head h2{font-size:14px;font-weight:400}
#modal.session-qr-dialog .qr-box{min-height:300px;background:#fff;border:1px solid #e9ede2;border-radius:16px;padding:10px;margin:0;gap:10px}
.session-qr-symbol{position:relative;width:300px;max-width:100%;line-height:0;direction:ltr}
#modal.session-qr-dialog .session-qr-image{display:block;width:100%;height:auto;aspect-ratio:1;margin:0;border:0;border-radius:0}

/* A quieter phone-pairing code dialog: one instruction, one code, one action. */
#modal.session-link-dialog:has(.pairing-code-panel){width:min(360px,calc(100vw - 28px));padding:18px;border:1px solid #e6e9e2;border-radius:18px;background:#fff;box-shadow:none}
#modal.session-link-dialog:has(.pairing-code-panel) .modal-head{margin:0 0 8px;padding:0;border:0;align-items:flex-start}
#modal.session-link-dialog:has(.pairing-code-panel) .modal-head h2{font-size:17px;line-height:1.45;font-weight:500}
.session-pairing-guide{margin:0 1px 12px}
.session-pairing-guide strong{display:block;font-size:13px;font-weight:500;line-height:1.6}
.session-pairing-guide p{margin:4px 0 0!important;color:#899083!important;font-size:11px!important;line-height:1.8!important}
.pairing-code-panel{min-height:0;padding:12px;display:grid;justify-items:stretch;align-content:center;gap:9px;margin-top:13px;border:1px solid #e8ebe2;border-radius:14px;background:#f6f8f2;text-align:center}
.pairing-code-panel .loading{padding:12px;font-size:12px}
.pairing-code-panel .pairing-code{display:block;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:34px;font-weight:500;letter-spacing:.12em;line-height:1.35;color:#252a22}
.pairing-code-panel .session-copy-code{min-height:34px;padding:5px 15px;border:0;border-radius:999px;background:#252a22;color:#fff;font-size:11px}
.pairing-code-panel .session-copy-code:hover{background:#3b4436}
.pairing-code-panel .pairing-note{font-size:10px;color:#92988b}
.pairing-code-panel>p{font-size:12px!important;line-height:1.8}
.pairing-code-panel>.button{min-height:34px;padding:6px 14px;border-radius:999px;font-size:11px}
.pairing-code-panel .pairing-connected{font-size:13px;font-weight:500;color:#526e43}
@media(max-width:480px){#modal.session-link-dialog:has(.pairing-code-panel){padding:19px}.pairing-code-panel .pairing-code{font-size:29px}}
.pairing-code-panel{min-height:0;padding:12px;background:#f6f8f2;gap:9px}
.pairing-code-panel .pairing-code-chip{width:100%;max-width:100%;display:flex;direction:ltr;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:8px 9px;border:1px solid #e8ebe4;border-radius:11px;background:#fff}
.pairing-code-panel .pairing-code{font-size:15px;font-weight:650;letter-spacing:.07em;line-height:1.4;white-space:nowrap}
.pairing-code-panel .session-copy-code{width:auto;height:32px;min-height:32px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border:1px solid #e4e8dc;border-radius:9px;background:#f8f9f6;color:#394232;font-size:11px;font-weight:400;white-space:nowrap}
.pairing-code-panel .session-copy-code:hover{background:#eef1e9;color:#3f5532}
.pairing-code-panel .session-copy-code svg{width:14px;height:14px}
@media(max-width:480px){#modal.session-link-dialog:has(.pairing-code-panel){width:calc(100vw - 24px);padding:16px 14px}.pairing-code-panel .pairing-code{font-size:14px}}
.session-pairing-title{display:grid;gap:2px;min-width:0;flex:1}
.session-pairing-title .session-pairing-guide{margin:0!important;color:#899083!important;font-size:11px!important;line-height:1.7!important}
#modal.session-link-dialog .modal-head{align-items:flex-start}
#modal.session-qr-dialog .session-qr-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:11px;background:#fff;padding:6px;box-shadow:0 0 0 2px #fff;pointer-events:none}
#modal.session-qr-dialog .session-qr-brand img{width:28px;height:30px;object-fit:contain;margin:0;border:0;border-radius:0;background:transparent}
@media(max-width:380px){#modal.session-qr-dialog{padding:16px;max-width:calc(100vw - 24px)}#modal.session-qr-dialog .qr-box{min-height:250px}.session-qr-symbol{width:260px}#modal.session-qr-dialog .session-qr-brand{width:40px;height:40px;border-radius:10px;padding:5px}#modal.session-qr-dialog .session-qr-brand img{width:26px;height:28px}}

/* Session sheet: compact linking actions and one flat management toolbar. */
#modal.session-connect-picker{width:390px;padding:22px;background:#fff;box-shadow:none;border-radius:18px}
#modal.session-connect-picker .modal-head{margin:0 0 5px;padding:0;border:0;align-items:center}
#modal.session-connect-picker .modal-head h2{font-size:17px;font-weight:500;color:#343d2c;line-height:1.6;overflow-wrap:anywhere}
.session-sheet-caption{font-size:12px!important;line-height:1.8;margin:0 0 19px!important;color:#929b86}
.session-sheet-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.session-sheet-methods>button{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:44px;padding:10px 12px;border:0;border-radius:12px;font-size:12px;font-weight:400;box-shadow:none}
.session-sheet-methods svg{width:18px;height:18px;stroke-width:1.6;flex-shrink:0}
.session-sheet-qr{background:#242b1e;color:#fff}.session-sheet-qr:hover{background:#3b4830}
.session-sheet-phone{background:#f1f4eb;color:#758762}.session-sheet-phone:hover{background:#e8eedf}
.session-sheet-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}
.session-sheet-copy{display:flex;align-items:center;gap:7px;min-width:0;max-width:145px;padding:5px 0;background:none;border:0;color:#a0a894;box-shadow:none}
.session-sheet-copy svg{width:13px;height:13px;flex:0 0 13px}.session-sheet-copy bdi{font-family:monospace;font-size:10px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr}
.session-sheet-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}
.session-sheet-actions>button{display:grid;place-items:center;width:31px;height:31px;min-height:0;padding:0;background:none;border:0;border-radius:8px;color:#8c987f;box-shadow:none}
.session-sheet-actions>button svg{width:15px;height:15px;stroke-width:1.6}.session-sheet-actions>button:hover{background:#f4f6ef;color:#5f754c}.session-sheet-actions>.session-sheet-delete{color:#b68178}.session-sheet-actions>.session-sheet-delete:hover{background:#fbf1ef;color:#ad5c50}
.session-sheet-account{display:flex;align-items:center;gap:11px;padding:13px 0 2px;min-width:0}.session-sheet-account>div{display:grid;gap:4px;flex:1;min-width:0}.session-sheet-account strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.session-sheet-account bdi{font-size:12px;color:#939c87;text-align:start}.session-sheet-account>.pill{font-size:10px;flex-shrink:0}.session-sheet-account .session-account-avatar{width:40px;height:40px}.session-sheet-account .session-account-avatar img{width:40px;height:40px}
.session-sheet-methods>button:focus-visible,.session-sheet-actions>button:focus-visible,.session-sheet-copy:focus-visible{outline:2px solid #9eaf88;outline-offset:3px}
@media(max-width:480px){#modal.session-connect-picker{padding:20px;max-width:calc(100vw - 28px)}.session-sheet-methods{gap:8px}.session-sheet-methods>button{padding:10px 8px;gap:7px}.session-sheet-tools{gap:9px;margin-top:17px}.session-sheet-copy{max-width:125px}.session-sheet-actions{gap:2px}}

/* Session controls use text labels; IDs are shown only after connection. */
.session-sheet-actions>button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:29px;padding:4px 7px;font-size:10px;font-weight:400;white-space:nowrap;background:none;border:0;box-shadow:none}
.session-sheet-tools:not(:has(.session-sheet-copy)){justify-content:flex-end;margin-top:13px}
.session-sheet-methods>button{font-weight:400}
@media(max-width:380px){.session-sheet-actions{gap:0}.session-sheet-actions>button{padding:4px 5px}.session-sheet-copy{max-width:110px}}

/* Keep management as compact icons; linking choices remain text-only. */
.session-sheet-actions>button{display:grid;place-items:center;width:31px;height:31px;min-height:0;padding:0;font-size:0}
.session-sheet-actions>button svg{width:15px;height:15px;stroke-width:1.6}
@media(max-width:380px){.session-sheet-actions>button{width:30px;height:30px;padding:0}}

/* Align the phone with its state; show a masked session identifier. */
.session-sheet-account-line{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.session-sheet-account-line bdi{white-space:nowrap;font-size:12px;line-height:1.8}
.session-sheet-account-line>.pill{font-size:10px;flex-shrink:0;margin:0;padding:3px 8px}
.session-sheet-copy bdi{letter-spacing:.4px;user-select:none}

/* Equal text-only linking choices, with no dominant call to action. */
#modal.session-connect-picker:has(.session-sheet-methods){width:360px;padding:20px;border-radius:18px}
#modal.session-connect-picker:has(.session-sheet-methods) .modal-head h2{font-size:16px;font-weight:500}
.session-sheet-methods{gap:9px}
.session-sheet-methods>button{flex-direction:column;gap:5px;min-height:76px;padding:12px 8px;background:#f6f8f2;color:#657751;border:1px solid #e9eddf;border-radius:13px;box-shadow:none}
.session-sheet-methods>button span{font-size:13px;font-weight:500;line-height:1.6}
.session-sheet-methods>button small{font-size:10px;line-height:1.7;color:#9aa28d;font-weight:400}
.session-sheet-methods>button:hover{background:#edf2e5;border-color:#d9e2cd;color:#50663d}
#modal.session-connect-picker .session-sheet-caption:has(+.session-sheet-methods){font-size:11px!important;margin-bottom:15px!important}
.session-sheet:has(.session-sheet-methods) .session-sheet-tools{margin-top:12px}
@media(max-width:380px){#modal.session-connect-picker:has(.session-sheet-methods){padding:18px}.session-sheet-methods>button{min-height:72px}.session-sheet-methods>button span{font-size:12px}}

/* Direct QR action with a quiet phone alternative and a separate delete control. */
#modal.session-connect-picker:has(.session-connect-choice){width:350px;max-width:calc(100vw - 28px);padding:20px 22px;border:1px solid #eceee7;border-radius:17px;background:#fff;box-shadow:none}
#modal.session-connect-picker:has(.session-connect-choice) .modal-head{margin:0 0 15px;padding:0;border:0}
#modal.session-connect-picker:has(.session-connect-choice) .modal-head h2{font-size:15px;font-weight:500;color:#343a30}
.session-connect-choice{display:grid;justify-items:center;gap:7px}
.session-connect-direct{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:10px 42px;border:0;border-radius:11px;background:#20231f;color:#fff;font-size:13px;font-weight:400;box-shadow:none;transition:background .15s}
.session-connect-direct:hover{background:#353a32}
.session-connect-direct svg{position:absolute;left:15px;top:50%;width:15px;height:15px;stroke-width:1.7;transform:translateY(-50%)}
.session-connect-direct:focus-visible,.session-connect-phone:focus-visible{outline:2px solid #97a987;outline-offset:3px}
.session-connect-phone{min-height:32px;padding:4px 12px;border:0;background:none;color:#72786c;font-size:11px;font-weight:400;box-shadow:none}
.session-connect-phone:hover{color:#30372b;text-decoration:underline;text-underline-offset:3px}
#modal.session-connect-picker:has(.session-connect-choice) .session-sheet-tools{margin-top:8px;padding-top:8px;border-top:1px solid #f0f1ed}
#modal.session-connect-picker:has(.session-connect-choice) .session-sheet-actions{width:100%;justify-content:flex-end}
#modal.session-connect-picker:has(.session-connect-choice) .session-sheet-delete{width:28px;height:28px;color:#a9aaa3;opacity:.78}
#modal.session-connect-picker:has(.session-connect-choice) .session-sheet-delete:hover{background:#f7eeec;color:#a95149;opacity:1}
@media(max-width:380px){#modal.session-connect-picker:has(.session-connect-choice){padding:18px}.session-connect-direct{min-height:44px}}
#modal.session-connect-picker:has(.session-connect-choice) .session-connect-direct{justify-content:space-between;text-align:right;padding-inline:15px}
#modal.session-connect-picker:has(.session-connect-choice) .session-connect-direct svg{position:static;transform:none;order:2}
#modal.session-connect-picker:has(.session-connect-choice) .session-connect-phone{justify-self:center;margin:0;padding-inline:15px;text-align:center}
#modal.session-connect-picker:has(.session-connect-choice) .session-sheet-tools{margin-top:4px;padding-top:0;border-top:0}
#modal.session-connect-picker:has(.session-connect-choice) .session-sheet-delete{background:transparent}
#modal.session-connect-picker:has(.session-connect-choice) .session-sheet-delete:hover{background:transparent;color:#a95149}
#modal.session-connect-picker:has(.session-connect-choice) .session-sheet-actions{justify-content:space-between}
.session-delete-note{color:#999d92;font-size:10px;line-height:1.6}
#modal.session-delete-modal{width:min(370px,calc(100% - 28px));padding:20px;border-radius:16px}
#modal.session-delete-modal .modal-head{margin:0 0 10px;padding:0;border:0}
#modal.session-delete-modal .modal-head h2{font-size:15px;font-weight:500}
#modal.session-delete-modal #modal-body>p{margin:0 0 13px;font-size:12px;line-height:1.8;color:#777e70}
#modal.session-delete-modal #modal-body>br{display:none}
#modal.session-delete-modal .toolbar{margin:0;gap:8px}
#modal.session-delete-modal .toolbar .button{min-height:37px;padding:7px 14px;font-size:11px}
#modal.session-delete-modal .form-error:empty{display:none}
#modal.session-link-dialog .session-phone-field-label{display:block;margin:0!important;gap:0;font-size:0}
#modal.session-link-dialog .session-phone-field{position:relative;display:block;width:100%}
#modal.session-link-dialog .session-phone-field input{padding-right:42px}
#modal.session-link-dialog .session-phone-field-icon{position:absolute;right:14px;top:50%;display:grid;place-items:center;transform:translateY(-50%);color:#7d8b6e;pointer-events:none}
#modal.session-link-dialog .session-phone-field-icon svg{width:16px;height:16px;stroke-width:1.7}
#modal.session-link-dialog .session-phone-field-icon.session-whatsapp-field-icon{right:13px;color:#25a65a}
#modal.session-link-dialog .session-phone-field-icon.session-whatsapp-field-icon svg{width:19px;height:19px;fill:currentColor;stroke:0}
#modal.session-link-dialog .session-link-intro>span.session-whatsapp-title-icon{background:#edf7ef;color:#25a65a}
#modal.session-link-dialog .session-link-intro>.session-whatsapp-title-icon svg{fill:currentColor;stroke:0}
#modal.session-link-dialog .session-phone-field-icon:not(.session-whatsapp-field-icon){color:#7d8b6e}
.message-recipient{background:#edf3e6;color:#71865b}
.message-recipient-avatar{background:#e0e9d5;color:#91a47a}
#modal.session-link-dialog .session-phone-field input{padding-right:13px}
#modal.session-link-dialog:has(.session-phone-link-form){padding-bottom:18px}
#modal.session-link-dialog #modal-form.session-phone-link-form{display:flex;flex-direction:column;gap:0}
#modal.session-link-dialog #modal-form.session-phone-link-form>.session-phone-field-label{margin:0!important}
#modal.session-link-dialog #modal-form.session-phone-link-form>.button[type=submit]{margin-top:13px}
#modal.session-link-dialog #modal-form.session-phone-link-form>.form-error:not(:empty){margin:10px 0 0}

/* Reply routing: compact segmented choice with one contextual description. */
#modal.ai-mode-modal{box-sizing:border-box;width:360px;max-width:calc(100vw - 28px);padding:19px 22px;border:1px solid #e7eae2;border-radius:17px;background:#fff;box-shadow:none}
#modal.ai-mode-modal .modal-head{margin:0 0 5px;padding:0;border:0;align-items:center}
#modal.ai-mode-modal .modal-head h2{font-size:16px;font-weight:500}
#modal.ai-mode-modal .modal-head>.icon-button{width:26px;height:26px;background:none;border:0;color:#98a08e}
#modal.ai-mode-modal #modal-form{display:block}
#modal.ai-mode-modal .ai-mode-caption{margin:0 0 13px;font-size:11px;line-height:1.8;color:#929b87}
.ai-reply-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px;background:#f2f4ee;border:0;border-radius:11px}
.ai-reply-choices>button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:37px;padding:7px 4px;text-align:center;border:1px solid transparent;border-radius:8px;background:transparent;color:#919a85;box-shadow:none;cursor:pointer}
.ai-reply-choices>button:hover{color:#566348;background:#ecefe5}
.ai-reply-choices>button.is-active{background:#fff;border-color:#e5e9dd;color:#526345}
.ai-reply-copy strong{font-size:12px;font-weight:400;white-space:nowrap;line-height:1.6}
.ai-reply-copy small,.ai-reply-radio{display:none}
#modal.ai-mode-modal .ai-reply-explanation{margin:9px 2px 0;min-height:28px;font-size:11px;color:#939c87;line-height:1.9}
.ai-reply-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px}
#modal.ai-mode-modal .ai-reply-footer>button[type=submit]{width:auto;min-height:34px;padding:7px 14px;border:0;border-radius:999px;background:#20231d;color:#fff;font-size:11px;font-weight:400;box-shadow:none}
.ai-reply-cancel{background:none;border:0;padding:6px 0;font:inherit;font-size:11px;color:#929c85}
#modal.ai-mode-modal .form-error:not(:empty){margin-top:12px;font-size:11px;line-height:1.8}
@media(max-width:380px){#modal.ai-mode-modal{padding:18px}.ai-reply-copy strong{font-size:11px}}

/* Content completeness with direct links to the relevant agent fields. */
.ai-content-readiness{margin-top:18px;padding:20px;border:1px solid #e6eadf;border-radius:15px;background:#fff;box-shadow:none}
.ai-content-readiness>header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}
.ai-content-readiness h2{font-size:14px;font-weight:500;color:#424e37}
.ai-content-readiness header p{margin-top:3px;font-size:11px;color:#949d87}
.ai-readiness-count{font:12px Arial,sans-serif;direction:ltr;color:#879875;background:#f1f5eb;padding:6px 10px;border-radius:999px;white-space:nowrap}
.ai-readiness-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ai-readiness-list>button{display:flex;align-items:center;gap:10px;padding:12px 0;background:none;border:0;box-shadow:none;text-align:right;min-width:0;color:#7f8c70}
.ai-readiness-mark{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#d7ddcf}
.is-complete>.ai-readiness-mark{background:#7e9667}
.ai-readiness-copy{display:grid;gap:4px;min-width:0;flex:1}
.ai-readiness-copy strong{font-size:12px;font-weight:400;color:#5b6c4b;line-height:1.6}
.ai-readiness-copy small{font-size:10px;color:#9aa28f;line-height:1.8}
.ai-readiness-status{font-size:10px;color:#a0a88f;white-space:nowrap}.is-complete>.ai-readiness-status{color:#7b9464}
.ai-readiness-list>button>svg{width:13px;height:13px;flex:none;color:#9aa98a}
.ai-content-readiness .ai-readiness-note{margin-top:8px;font-size:10px;line-height:1.8;color:#a2aa97}
@media(max-width:1100px){.ai-readiness-list{grid-template-columns:1fr;gap:0}.ai-readiness-list>button+button{border-top:1px solid #f0f2eb}}
@media(max-width:480px){.ai-content-readiness{padding:17px}.ai-content-readiness header p{font-size:10px}.ai-readiness-copy small{font-size:9px}}

.ai-reply-summary{margin-top:18px;padding:20px;border:1px solid #e7ebdf;border-radius:15px;background:#fff;box-shadow:none}
.ai-reply-summary>header{display:flex;align-items:center;justify-content:space-between;gap:15px}.ai-reply-summary h2{font-size:14px;font-weight:500;color:#46543a}.ai-reply-summary header p{margin-top:4px;font-size:10px;color:#9aa38d}.ai-reply-summary header>svg{width:17px;height:17px;color:#93a17e}.ai-reply-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.ai-reply-summary-grid>div{display:flex;align-items:center;gap:10px}.ai-reply-summary-grid strong{font-size:23px;font-weight:400;color:#6f845a}.ai-reply-summary-grid span{font-size:11px;color:#929d83}@media(max-width:480px){.ai-reply-summary{padding:17px}.ai-reply-summary-grid{gap:12px;margin-top:15px}.ai-reply-summary-grid>div{display:grid;gap:2px}.ai-reply-summary-grid strong{font-size:21px}.ai-reply-summary-grid span{font-size:10px}}

/* Keep token explanation inside its existing balance strip. */
.ai-session-panel>.metric-value.ai-token-balance{display:flex;flex-direction:row;direction:rtl;align-items:center;justify-content:space-between;gap:10px}
.ai-token-numbers{display:flex;flex:0 0 auto;align-items:baseline;gap:4px;width:auto;white-space:nowrap;font-size:clamp(14px,1.5vw,20px)}
.ai-session-panel>.ai-token-balance .ai-token-numbers small{font-size:11px;margin:0}
.ai-token-balance .ai-token-caption{display:block;white-space:nowrap;text-align:right;font-size:10px;line-height:1.8;font-weight:400;color:#c2cdbb;max-width:100%}
.webhook-add-link{display:inline-flex;align-items:center;gap:6px;padding:5px 0;border:0;background:none;color:#7a8c65;font:inherit;font-size:12px;font-weight:400;box-shadow:none}
.webhook-add-link svg{width:14px;height:14px}
/* Webhook destination: URL first, then aligned settings rows. */
#modal.webhook-form-modal{box-sizing:border-box;width:400px;max-width:calc(100vw - 32px);padding:22px;border:1px solid #e9ece4;border-radius:20px;background:#fff;box-shadow:none}
#modal.webhook-form-modal .modal-head{margin:0 0 22px;padding:0;border:0;align-items:center}
#modal.webhook-form-modal .modal-head h2{font-size:16px;font-weight:500;color:#30382a}
#modal.webhook-form-modal .modal-head>.icon-button{width:26px;height:26px;border:0;background:none;color:#969f8c;box-shadow:none}
#modal.webhook-form-modal #modal-form{display:block}
#modal.webhook-form-modal #modal-form>label{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0 0 18px;font-size:11px;font-weight:400;color:#7f8974}
#modal.webhook-form-modal #modal-form>label[hidden]{display:none!important}
#modal.webhook-form-modal input[type=url]{box-sizing:border-box;width:100%;height:46px;padding:11px 12px;border:1px solid #e5e9df;border-radius:10px;background:#fff;box-shadow:none;font-family:Arial,sans-serif;font-size:14px;text-align:left}
#modal.webhook-form-modal input[type=url]:focus{border-color:#8d9f79;outline:none;box-shadow:none}
.webhook-form-settings{display:flex;flex-direction:column;gap:0;padding:0 2px}
#modal.webhook-form-modal .webhook-form-settings>label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin:0;min-height:44px;font-size:12px;font-weight:400;color:#68755b}
#modal.webhook-form-modal .webhook-form-settings select{width:auto;max-width:65%;height:34px;min-height:0;margin:0;padding:3px 0 3px 22px;border:0;border-radius:0;background-color:transparent;box-shadow:none;font:inherit;font-size:12px;color:#30382a}
.webhook-event-toggle{display:flex;align-items:center;gap:7px;width:100%;min-height:44px;padding:0;border:0;background:transparent;color:#68755b;font:inherit;font-size:12px;text-align:right;cursor:pointer;box-shadow:none}
.webhook-event-count{margin-inline-start:auto;color:#30382a;font-size:12px}
.webhook-event-toggle svg{width:13px;height:13px;color:#929c86;flex-shrink:0}
.webhook-event-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.webhook-event-options{margin:4px 0 0;padding:12px;border:0;border-radius:10px;background:#f7f8f4}
.webhook-event-options[hidden]{display:none!important}
.webhook-event-options>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 10px}
.webhook-event-options label{display:flex;align-items:center;gap:7px;margin:0;font-size:11px;font-weight:400;color:#617152;line-height:1.7;cursor:pointer}
.webhook-event-options input{flex:0 0 14px;width:14px;height:14px;margin:0;accent-color:#80946a}
.webhook-form-actions{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;gap:15px;margin-top:20px}
.webhook-form-actions>button{padding:7px 0;border:0;background:none;font:inherit;font-size:12px;font-weight:400;color:#919b85;box-shadow:none}
#modal.webhook-form-modal .webhook-form-actions>button[type=submit]{width:auto;min-height:36px;padding:8px 18px;border:0;border-radius:999px;background:#171a15;color:#fff;font-size:12px;font-weight:400;box-shadow:none}
#modal.webhook-form-modal .form-error:empty{display:none}
#modal.webhook-form-modal .form-error:not(:empty){margin-top:10px;font-size:11px;line-height:1.8}
@media(max-width:480px){#modal.webhook-form-modal{padding:20px}#modal.webhook-form-modal input[type=url]{font-size:16px}.ai-session-panel>.metric-value.ai-token-balance{gap:8px;padding-inline:12px}.ai-token-numbers{font-size:16px}}

#modal.webhook-form-modal{width:380px;padding:22px}
#modal.webhook-form-modal .modal-head{margin-bottom:18px}
#modal.webhook-form-modal #modal-form>label{color:#68755b;margin-bottom:14px}
#modal.webhook-form-modal input[type=url]{height:44px;background:#f8f9f6;border-color:#eef0e9}
.webhook-form-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:0}
#modal.webhook-form-modal .webhook-form-settings>label{flex-direction:column;align-items:stretch;justify-content:center;gap:4px;padding:9px 11px;min-height:54px;box-sizing:border-box;border-radius:10px;background:#f8f9f6;font-size:10px}
#modal.webhook-form-modal .webhook-form-settings select{max-width:100%;width:100%;height:25px;padding:0 0 0 18px;font-size:12px}
.webhook-event-toggle{position:relative;display:grid;grid-template-columns:1fr auto;align-content:center;row-gap:5px;padding:9px 11px;min-height:54px;border-radius:10px;background:#f8f9f6;font-size:10px;box-sizing:border-box}
.webhook-event-toggle>span:first-child{grid-column:1 / -1}
.webhook-event-count{margin:0;font-size:12px;text-align:right}
.webhook-event-toggle svg{align-self:center}
#modal.webhook-form-modal .webhook-form-actions{margin-top:18px}
@media(max-width:480px){#modal.webhook-form-modal{padding:20px}}

@media(max-width:700px){.sidebar-backdrop{display:none;position:fixed;inset:0;z-index:19;width:100%;height:100dvh;padding:0;border:0;border-radius:0;background:rgba(31,35,29,.12);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);cursor:default}.sidebar-backdrop.is-open{display:block}.sidebar{z-index:20}.mobile-nav-open{overflow:hidden}}

/* AI page: keep identity and time fields aligned on small screens. */
@media(max-width:760px){
 .ai-config-group.identity label.ai-brand-field{grid-template-columns:36px minmax(0,1fr) minmax(100px,.85fr);gap:8px}
 .ai-config-group.identity label.ai-brand-field input[name=business_name]{grid-column:auto!important;justify-self:stretch!important;width:100%!important;min-width:0!important;max-width:none!important}
 .ai-config-group.schedule label.ai-hour-field{grid-template-columns:32px minmax(0,1fr) 72px;gap:7px}
 .ai-config-group.schedule label.ai-hour-field input{grid-column:auto!important;width:72px!important;min-width:0}
 .ai-config-group.schedule label.ai-hour-field .ai-hour-suffix{display:none}
}
.ai-page-side{gap:12px}
@media(max-width:680px){.ai-settings-card>.ai-config-group{margin:0 0 12px!important;border:1px solid #e3e8e0!important;border-radius:14px!important}.ai-page-side>.form-panel{margin:0 0 12px}.ai-session-row{margin:8px 0 0!important}}

/* AI page mobile corrections: keep the identity copy clear of its icon. */
@media(max-width:760px){
 .ai-config-group.identity label.ai-brand-field{display:flex;flex-direction:row;align-items:center;gap:9px}
 .ai-config-group.identity label.ai-brand-field .ai-brand-mark{flex:0 0 36px;width:36px;height:36px}
 .ai-config-group.identity label.ai-brand-field .ai-brand-copy{flex:1 1 auto;min-width:0}
 .ai-config-group.identity label.ai-brand-field .ai-brand-copy b{font-size:12px;white-space:nowrap}
 .ai-config-group.identity label.ai-brand-field .ai-brand-copy small{font-size:9px;line-height:1.4}
 .ai-config-group.identity label.ai-brand-field input[name=business_name]{flex:0 0 36%;width:36%!important;min-width:0!important;height:38px;min-height:38px;padding:0 8px;font-size:12px}
 .ai-config-group.schedule .ai-config-fields{grid-template-columns:1fr!important}
 .ai-config-group.schedule label.ai-hour-field{grid-template-columns:32px minmax(0,1fr) 92px;min-height:60px;padding:8px 10px;gap:8px}
 .ai-config-group.schedule label.ai-hour-field input{grid-column:auto!important;width:92px!important;height:36px;min-height:36px;padding:4px 7px;font-size:13px;direction:ltr}
 .ai-config-group.schedule label.ai-hour-field .ai-hour-copy b{font-size:10px}
 .ai-config-group.schedule label.ai-hour-field .ai-hour-copy small{font-size:9px}
}

/* Schedule hours: adapt the grid to the width available inside the card. */
.ai-config-group.schedule .ai-config-fields{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;
  align-items:stretch;
}
.ai-config-group.schedule .ai-config-fields>label:has([name="timezone"]),
.ai-config-group.schedule .ai-config-fields>label:has([name="outside_message"]),
.ai-config-group.schedule .ai-config-fields>label:has([name="handoff_terms"]){grid-column:1/-1!important}
.ai-config-group.schedule label.ai-hour-field{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) minmax(82px,104px)!important;
  align-items:center;
  grid-column:auto!important;
  min-width:0;
  min-height:56px;
  padding:7px 10px;
  gap:8px;
  box-sizing:border-box;
}
.ai-config-group.schedule label.ai-hour-field .ai-hour-icon{grid-column:1;grid-row:1;width:32px;height:32px}
.ai-config-group.schedule label.ai-hour-field .ai-hour-copy{grid-column:2;grid-row:1;display:block;min-width:0}
.ai-config-group.schedule label.ai-hour-field .ai-hour-copy b{display:block;color:#465440;font-size:11px;font-weight:400;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.ai-config-group.schedule label.ai-hour-field .ai-hour-copy small{display:none}
.ai-config-group.schedule label.ai-hour-field select[name="start_hour"],
.ai-config-group.schedule label.ai-hour-field select[name="end_hour"]{
  display:block;
  grid-column:3!important;
  grid-row:1;
  justify-self:stretch;
  width:100%!important;
  min-width:0!important;
  max-width:104px!important;
  height:36px;
  min-height:36px;
  padding:3px 4px;
  border:1px solid #dfe6dc;
  border-radius:9px;
  background:#f7f9f6;
  color:#31402d;
  font-size:12px!important;
  font-weight:400;
  text-align:center;
  text-align-last:center;
  direction:ltr;
  white-space:nowrap;
}
.ai-config-group.schedule label.ai-hour-field .ai-hour-suffix{display:none}

/* Voice settings: balanced fields and a full-width emoji permission row. */
.ai-config-group.voice .ai-config-fields>label.ai-emoji-field{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-column:auto!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box;
  align-content:center;
}
.ai-config-group.voice .ai-config-fields>label.ai-emoji-field .ai-emoji-control{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 31px!important;
  grid-column:1/-1!important;
  grid-row:2!important;
  justify-self:stretch!important;
  align-self:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:34px;
  min-height:34px;
  box-sizing:border-box;
  padding:0 8px;
  gap:8px;
  border:0;
  border-radius:7px;
  background:#f1f3ef;
  direction:rtl;
}
.ai-config-group.voice .ai-config-fields>label.ai-emoji-field .ai-emoji-control>span{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:stretch;
  text-align:right;
  white-space:nowrap;
  font-size:9px;
  font-weight:400;
}
.ai-config-group.voice .ai-config-fields>label.ai-emoji-field .ai-emoji-control i{
  position:relative;
  display:block;
  grid-column:2!important;
  grid-row:1!important;
  justify-self:start;
  flex:none;
  width:31px;
  min-width:31px;
  height:18px;
  margin:0;
  border-radius:999px;
  background:#d8ded5;
}
.ai-config-group.voice .ai-config-fields>label.ai-emoji-field .ai-emoji-control i:after{
  position:absolute;
  top:3px;
  right:3px;
  left:auto;
  width:12px;
  height:12px;
  transform:none;
}
.ai-config-group.voice .ai-config-fields>label.ai-emoji-field .ai-emoji-control:has(input:checked) i{background:#758d69}
.ai-config-group.voice .ai-config-fields>label.ai-emoji-field .ai-emoji-control:has(input:checked) i:after{right:auto;left:3px;transform:none}
.ai-config-group.voice .ai-config-fields select{direction:rtl;text-align:right!important;text-align-last:right!important;line-height:normal;font-weight:400!important}
.ai-config-group.voice .ai-config-fields>label{text-align:right}
.ai-voice-label{font-weight:500}

/* Knowledge and handoff sections adapt to the width of their own containers. */
.ai-config-group.knowledge .ai-config-fields{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))!important;
  align-items:stretch;
  gap:12px;
  min-width:0;
}
.ai-config-group.knowledge .ai-config-fields>label{
  grid-column:auto!important;
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.ai-config-group.knowledge .ai-config-fields>label:has([name="instructions"]),
.ai-config-group.knowledge .ai-config-fields>label:has([name="knowledge"]){grid-column:auto!important}
.ai-config-group.knowledge .ai-config-fields>label textarea{
  display:block;
  width:100%!important;
  min-width:0!important;
  max-width:100%;
  min-height:clamp(150px,18vw,220px);
  box-sizing:border-box;
  resize:vertical;
}
.ai-page-side{
  display:grid!important;
  grid-template-columns:minmax(0,1fr);
  align-content:start;
  gap:12px;
  min-width:0;
}
.ai-page-side>.ai-session-panel,
.ai-page-side>h2.subheading{grid-column:1/-1;min-width:0}
.ai-page-side>h2.subheading{flex-wrap:wrap;line-height:1.45}
.ai-page-side>h2.subheading>span:last-child{min-width:0;overflow-wrap:anywhere}
.ai-page-side>h2.subheading small{display:block;line-height:1.5}
.ai-page-side>.session-card,
.ai-page-side>.empty{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  overflow-wrap:anywhere;
}
.ai-page-side>.session-card>b[dir="ltr"]{display:block;max-width:100%;overflow-wrap:anywhere}
.ai-page-side>.session-card p{max-width:100%;line-height:1.65;overflow-wrap:anywhere}
.ai-page-side>.session-card .toolbar{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.ai-page-side>.session-card .toolbar>*{min-width:0;max-width:100%}
@media(max-width:980px){
  .ai-page-side{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))!important}
  .ai-page-side>.ai-session-panel,
  .ai-page-side>h2.subheading{grid-column:1/-1!important}
}


/* Store delete title row: put the store identity where the heading was. */
#modal.store-delete-modal .modal-head{position:relative;display:flex;align-items:center;gap:14px;margin:0 0 17px;padding:0;border:0}
#modal.store-delete-modal .store-delete-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#modal.store-delete-modal .modal-head .store-delete-identity{display:flex;flex:1;align-items:center;gap:11px;min-width:0;padding:0;margin:0;border:0;direction:rtl}
#modal.store-delete-modal .store-delete-identity img{display:block;flex:0 0 34px;width:34px;height:34px;object-fit:contain}
#modal.store-delete-modal .store-delete-identity>div{display:grid;gap:1px;min-width:0}
#modal.store-delete-modal .store-delete-identity strong{overflow-wrap:anywhere;font-size:14px;font-weight:500;line-height:1.5}
#modal.store-delete-modal .store-delete-identity small{color:var(--muted);font-size:10px;line-height:1.5}
#modal.store-delete-modal .store-delete-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:20px}
#modal.store-delete-modal .store-delete-actions #store-delete-confirm,
#modal.store-delete-modal .store-delete-actions #store-delete-confirm:hover{min-height:38px;padding:7px 0;border:0;background:transparent;box-shadow:none;color:#a65d50;font-size:12px;font-weight:500}
#modal.store-delete-modal .store-delete-actions #store-delete-confirm:hover{color:#8e483e}
#modal.store-delete-modal .store-delete-actions #store-delete-confirm:focus-visible{outline:2px solid #b97868;outline-offset:3px}
@media(max-width:420px){#modal.store-delete-modal .modal-head{gap:10px;margin-bottom:14px}#modal.store-delete-modal .store-delete-actions{margin-top:16px}}

#modal.store-delete-modal .store-delete-actions{margin-top:20px}
#modal.store-delete-modal .store-delete-actions>.button{transform:translateY(7px)}
#modal.store-delete-modal .store-delete-actions>[data-action="close-modal"]{transform:translate(4px,7px)}
@media(max-width:420px){#modal.store-delete-modal .store-delete-actions{margin-top:16px}}

#modal.store-delete-modal{width:min(380px,calc(100vw - 24px))}
@media(max-width:600px){#modal.store-delete-modal{width:calc(100vw - 40px)}}

#modal.store-delete-modal .store-delete-actions>[data-action="close-modal"]{transform:translate(12px,7px)}
#modal.store-delete-modal .store-delete-actions>#store-delete-confirm{transform:translate(8px,7px)}

/* AI token top-up */
.ai-topup-panel{margin:24px 0 30px;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:#fff}.ai-topup-head{display:flex;align-items:center;gap:13px}.ai-topup-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f0f3eb;color:#536744;flex:none}.ai-topup-symbol svg{width:20px;height:20px}.ai-topup-title{min-width:0}.ai-topup-title>span{display:block;color:#879279;font-size:10px}.ai-topup-title h2{font-size:17px;line-height:1.5}.ai-topup-title p{margin-top:1px;color:var(--muted);font-size:12px;line-height:1.5}.ai-topup-balance{margin-inline-start:auto;text-align:left;white-space:nowrap}.ai-topup-balance>span{display:block;color:var(--muted);font-size:10px}.ai-topup-balance strong{font-size:16px;font-weight:600;line-height:1.5}.ai-topup-balance small{color:var(--muted);font-size:10px;font-weight:400}.ai-topup-layout{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:22px;align-items:stretch;margin-top:18px}.ai-topup-slider-card{min-width:0;padding:15px 17px 12px;border:1px solid var(--line);border-radius:12px;background:#fafbf8}.ai-topup-slider-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.ai-topup-slider-head span{color:var(--muted)}.ai-topup-slider-head b{font-size:13px;font-weight:600}.ai-topup-range-wrap{padding:6px 1px 0}.ai-topup-range{display:block;width:100%;height:24px;margin:0;padding:0;border:0;border-radius:0;background:transparent;appearance:none;-webkit-appearance:none;box-shadow:none;cursor:pointer;touch-action:pan-y}.ai-topup-range:focus{outline:0;box-shadow:none}.ai-topup-range::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(to right,#3e5740 0%,#3e5740 var(--range-progress,0%),#e2e7dd var(--range-progress,0%),#e2e7dd 100%)}.ai-topup-range::-moz-range-track{height:6px;border-radius:99px;background:#e2e7dd}.ai-topup-range::-moz-range-progress{height:6px;border-radius:99px;background:#3e5740}.ai-topup-range::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;border:3px solid #fff;border-radius:50%;background:#3e5740;outline:1px solid #3e5740;appearance:none;-webkit-appearance:none}.ai-topup-range::-moz-range-thumb{width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#3e5740;outline:1px solid #3e5740}.ai-topup-marks{display:flex;justify-content:space-between;align-items:center;color:#92988d;font-size:9px;direction:ltr}.ai-topup-hint{display:block;margin-top:8px;color:#8a927f;font-size:10px}.ai-topup-checkout{display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:14px 15px;border-radius:12px;background:#f0f3eb}.ai-topup-price>span{display:block;color:var(--muted);font-size:10px}.ai-topup-price strong{display:flex;align-items:baseline;gap:5px;margin-top:1px;font-size:24px;font-weight:600;line-height:1.3}.ai-topup-price strong small{font-size:11px;font-weight:500}.ai-topup-rate{display:block;margin-top:2px;color:#758069;font-size:10px;font-style:normal}.ai-topup-button{min-height:38px;padding:7px 12px;white-space:nowrap}.ai-topup-panel .button:disabled{opacity:.55}@media(max-width:700px){.ai-topup-panel{margin:18px 0 24px;padding:16px 14px}.ai-topup-head{gap:10px}.ai-topup-symbol{width:36px;height:36px;border-radius:11px}.ai-topup-title h2{font-size:15px}.ai-topup-title p{font-size:10px}.ai-topup-balance>span{font-size:9px}.ai-topup-balance strong{font-size:14px}.ai-topup-layout{grid-template-columns:minmax(0,1fr);gap:9px;margin-top:13px}.ai-topup-slider-card{padding:12px 12px 10px}.ai-topup-checkout{flex-direction:row;align-items:center;padding:10px 12px}.ai-topup-price strong{font-size:19px}.ai-topup-rate{font-size:9px}.ai-topup-button{min-height:36px}}

/* Payvo transfer verification feedback sits before the payment fields. */
.payment-form .payment-feedback:empty{display:none}
.payment-form .payment-feedback:not(:empty){display:flex;align-items:flex-start;gap:9px;margin:0;padding:10px 12px;border:1px solid #f0ddda;border-radius:10px;background:#fff8f7;color:#99534b;font-size:12px;line-height:1.7}
.payment-form .payment-feedback:not(:empty)::before{content:'!';display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;margin-top:1px;border-radius:50%;background:#f6e8e5;color:#a34e45;font-size:12px;font-weight:600;line-height:1}
@media(max-width:480px){.payment-form .payment-feedback:not(:empty){padding:9px 10px;font-size:11px}}

.payment-form .payment-feedback:not(:empty){background:transparent}
.payment-form .payment-feedback:not(:empty)::before{background:transparent}

.payment-form .payment-feedback:not(:empty){border-color:transparent}

/* Payment confirmation progress stays visible until the invoice and wallet refresh. */
.payment-progress[hidden]{display:none!important}
.payment-progress{display:flex;align-items:center;gap:9px;margin:0;color:#7b856f;font-size:12px;line-height:1.7}
.payment-progress-spinner,.payment-submit-spinner{display:inline-block;width:15px;height:15px;flex:0 0 15px;border:2px solid #e4e8df;border-top-color:#52684a;border-radius:50%;animation:payment-progress-spin .75s linear infinite}
.payment-submit-spinner{width:14px;height:14px;flex-basis:14px;border-color:#ffffff55;border-top-color:#fff}
.payment-form .button[aria-busy=true]{display:flex;align-items:center;justify-content:center;gap:8px;cursor:wait}
@keyframes payment-progress-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.payment-progress-spinner,.payment-submit-spinner{animation-duration:1.8s}}

/* Billing page: compact pricing cards and a clearer top-up control. */
#billing-plans.pricing-grid{gap:14px;align-items:stretch;margin:16px 0 25px}
#billing-plans .price-plan{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid #e8ebe4;border-radius:14px;background:#fff}
#billing-plans .price-plan.featured{border-color:#9eaf8b;background:#f8faf6}
#billing-plans .price-head{min-height:29px}
#billing-plans .price-head h3{font-size:15px;font-weight:550}
#billing-plans .price-head .pill{padding:3px 8px;font-size:9px}
#billing-plans .price{display:flex;align-items:baseline;gap:5px;margin:14px 0 15px;color:#7e8578;font-size:11px}
#billing-plans .price strong{font-size:31px;line-height:1.15;font-weight:550;letter-spacing:-.8px;color:#292d28}
#billing-plans .price small{margin:0;font-size:10px;color:#858b80}
#billing-plans>.price-plan>.button{min-height:38px;padding:7px 12px;border-radius:9px;font-size:12px;font-weight:450}
#billing-plans .price-plan ul{gap:8px;margin:15px 0 0;padding-top:13px;border-top:1px solid #edf0eb;color:#697365;font-size:11px}
#billing-plans .price-plan li{gap:8px;line-height:1.55}
#billing-plans .price-plan li svg{width:13px;height:13px;color:#728a63}
.ai-topup-panel .ai-topup-slider-card{background:#fff;border-color:#e7eae3}
.ai-topup-range-wrap{padding:9px 2px 2px}
.ai-topup-range{height:30px}
.ai-topup-range::-webkit-slider-runnable-track{height:7px;background:linear-gradient(to right,#30372e 0%,#30372e var(--range-progress,0%),#e7eae5 var(--range-progress,0%),#e7eae5 100%)}
.ai-topup-range::-moz-range-track{height:7px;background:#e7eae5}
.ai-topup-range::-moz-range-progress{height:7px;background:#30372e}
.ai-topup-range::-webkit-slider-thumb{width:19px;height:19px;margin-top:-6px;background:#30372e;outline:1px solid #30372e}
.ai-topup-range::-moz-range-thumb{width:13px;height:13px;background:#30372e;outline:1px solid #30372e}
.ai-topup-marks{padding:0 1px;font-variant-numeric:tabular-nums;color:#7e867b}
.ai-topup-checkout{background:#f5f6f3}
.ai-topup-pending{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px;padding:13px 15px;border:1px solid #e5e9df;border-radius:11px;background:#fbfcfa}
.ai-topup-pending-copy{display:grid;gap:2px;min-width:0}
.ai-topup-pending-copy b{font-size:12px;font-weight:550;color:#343a31}
.ai-topup-pending-copy span{font-size:11px;color:#66715f}
.ai-topup-pending-copy small{font-size:10px;color:#898f85;line-height:1.5}
.ai-topup-pending-actions{display:flex;align-items:center;gap:13px;flex:none}
.ai-topup-cancel{border:0;background:none;padding:5px 0;color:#8a6c5f;font-size:11px;white-space:nowrap}
.ai-topup-cancel:hover{color:#aa5146}
@media(max-width:900px){#billing-plans.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#billing-plans.pricing-grid{grid-template-columns:minmax(0,1fr);gap:10px}#billing-plans .price-plan{padding:16px}#billing-plans .price{margin:10px 0 12px}#billing-plans .price strong{font-size:28px}#billing-plans .price-plan ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:8px}.ai-topup-pending{align-items:flex-start;flex-direction:column;gap:7px;padding:11px 12px}.ai-topup-pending-actions{width:100%;justify-content:flex-start;gap:16px}.ai-topup-pending-copy small{font-size:9px}}

/* Billing refinement: a clear price hierarchy and comparison rows. */
#billing-plans .price-plan{gap:0;padding:19px 20px 16px;border-radius:13px}
#billing-plans .price-head{min-height:28px}
#billing-plans .price-head h3{font-size:14px;letter-spacing:0}
#billing-plans .price-head .pill{font-size:9px;padding:2px 8px;background:#eaf0e4;color:#5d704f}
#billing-plans .price{gap:5px;margin:13px 0 14px;direction:rtl}
#billing-plans .price strong{font-size:30px;font-weight:500;letter-spacing:-1px}
#billing-plans .price>span{font-size:11px;color:#6f786a}
#billing-plans .price small{margin-inline-start:auto;font-size:10px;color:#858b80}
#billing-plans .price-plan ul{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0 0 15px;padding:0;border-top:1px solid #edf0eb;border-bottom:1px solid #edf0eb}
#billing-plans .price-plan li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f0f2ee;color:#788073;font-size:10px;line-height:1.5}
#billing-plans .price-plan li:last-child{border-bottom:0}
#billing-plans .price-plan li svg{display:none}
#billing-plans .price-plan li b{color:#394035;font-size:10px;font-weight:550;text-align:left;white-space:nowrap}
#billing-plans>.price-plan>.button{margin-top:auto;min-height:37px;justify-content:space-between;font-size:11px}
#billing-plans .price-plan.featured{background:#f8faf6;border-color:#aebda1}
#billing-plans .price-plan.featured>.button.dark{background:#30372e;border-color:#30372e}
.ai-topup-slider-head b{padding:3px 9px;border-radius:7px;background:#f1f3ee;color:#30372e;font-variant-numeric:tabular-nums}
.ai-topup-range-wrap{padding:11px 2px 3px}
.ai-topup-range{height:28px}
.ai-topup-range::-webkit-slider-runnable-track{height:6px}
.ai-topup-range::-moz-range-track,.ai-topup-range::-moz-range-progress{height:6px}
.ai-topup-scale{display:flex;justify-content:space-between;direction:ltr;margin-top:1px;color:#7f877a;font-size:10px;font-variant-numeric:tabular-nums}
.ai-topup-hint{margin-top:7px;color:#858c80;font-size:10px}
@media(max-width:700px){#billing-plans .price-plan{padding:15px 16px 13px}#billing-plans .price-plan ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}#billing-plans .price-plan li:nth-child(odd){border-left:1px solid #f0f2ee;padding-left:10px}#billing-plans .price-plan li:nth-child(2){border-bottom:1px solid #f0f2ee}#billing-plans .price-plan li:nth-child(3){border-bottom:0}#billing-plans .price-plan li{min-width:0}#billing-plans .price-plan li span{overflow-wrap:anywhere}.ai-topup-scale{font-size:9px}}

/* Premium tier cards: one clear focal plan, with compact comparable limits. */
#billing-plans .price-plan{position:relative;overflow:hidden;padding:19px 19px 16px;border-color:#e6e9e2;border-radius:15px;transition:border-color .18s,background-color .18s}
#billing-plans .price-plan:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:#e9ede5}
#billing-plans .price-plan.featured{background:#2d332c;border-color:#2d332c;color:#fff}
#billing-plans .price-plan.featured:before{background:#a9ba94}
#billing-plans .plan-card-title>span{display:block;margin-bottom:2px;color:#92998d;font-size:9px;letter-spacing:.35px}
#billing-plans .plan-card-title h3{font-size:15px;font-weight:550;color:#272c26}
#billing-plans .price-plan.featured .plan-card-title>span{color:#c0c9b8}
#billing-plans .price-plan.featured .plan-card-title h3{color:#fff}
#billing-plans .price-plan.featured .price-head .pill{background:#e5eddc;color:#35412f}
#billing-plans .price{align-items:flex-end;justify-content:space-between;margin:16px 0 13px;padding-bottom:13px;border-bottom:1px solid #ecefe9}
#billing-plans .price>div:first-child{display:grid;gap:1px}
#billing-plans .plan-price-caption{color:#93998f;font-size:9px}
#billing-plans .price strong{font-size:35px;line-height:1.08;font-weight:500;letter-spacing:-1.25px}
#billing-plans .plan-price-unit{display:grid;gap:0;justify-items:start;padding-bottom:3px;color:#7f877b}
#billing-plans .plan-price-unit b{font-size:11px;font-weight:500}
#billing-plans .plan-price-unit small{font-size:9px}
#billing-plans .price-plan.featured .price{border-color:#ffffff24}
#billing-plans .price-plan.featured .plan-price-caption,#billing-plans .price-plan.featured .plan-price-unit{color:#c3cbbd}
#billing-plans .price-plan ul.plan-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-bottom:15px;border:0}
#billing-plans .plan-feature-grid li{display:grid;align-content:center;gap:3px;min-width:0;min-height:49px;padding:6px 9px;border-bottom:1px solid #edf0eb}
#billing-plans .plan-feature-grid li:nth-child(odd){border-left:1px solid #edf0eb}
#billing-plans .plan-feature-grid li:nth-child(3),#billing-plans .plan-feature-grid li:nth-child(4){border-bottom:0}
#billing-plans .plan-feature-grid li span{color:#8a9086;font-size:9px;line-height:1.3}
#billing-plans .plan-feature-grid li b{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#343a32;font-size:11px;font-weight:550;white-space:nowrap}
#billing-plans .price-plan.featured .plan-feature-grid li{border-color:#ffffff20}
#billing-plans .price-plan.featured .plan-feature-grid li span{color:#c1c8bb}
#billing-plans .price-plan.featured .plan-feature-grid li b{color:#fff}
#billing-plans>.price-plan>.button{margin-top:auto}
#billing-plans .price-plan.featured>.button.dark{background:#fff;border-color:#fff;color:#2d332c}
#billing-plans .price-plan.featured>.button.dark:hover{background:#e9eee4}
.ai-topup-panel{padding:22px 24px;border-radius:16px;background:#fbfcfa}
.ai-topup-layout{grid-template-columns:minmax(0,1fr) 218px;gap:18px;margin-top:19px}
.ai-topup-slider-card{padding:16px 18px 13px;border-color:#edf0eb;background:#fff}
.ai-topup-checkout{justify-content:flex-start;padding:15px;border-radius:12px;background:#2d332c;color:#fff}
.ai-topup-price>span,.ai-topup-rate{color:#c0c8ba}
.ai-topup-price strong{margin:5px 0 1px;font-size:29px;line-height:1.15}
.ai-topup-price strong small{font-size:10px;color:#c0c8ba}
.ai-topup-checkout .ai-topup-button{margin-top:auto;min-height:38px;background:#fff;border-color:#fff;color:#2d332c}
.ai-topup-checkout .ai-topup-button:hover{background:#e9eee4}
@media(max-width:900px){#billing-plans .price-plan{padding:16px}}
@media(max-width:700px){#billing-plans .price-plan{padding:15px 16px 13px}#billing-plans .price{margin:13px 0 11px;padding-bottom:10px}#billing-plans .price strong{font-size:31px}#billing-plans .plan-feature-grid li{min-height:43px;padding:5px 8px}#billing-plans .plan-feature-grid li:nth-child(odd){border-left:1px solid #edf0eb;padding-left:8px}#billing-plans .price-plan.featured .plan-feature-grid li:nth-child(odd){border-left-color:#ffffff20}.ai-topup-panel{padding:16px 14px}.ai-topup-layout{grid-template-columns:minmax(0,1fr);gap:10px}.ai-topup-checkout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:12px 13px}.ai-topup-price{grid-row:span 2}.ai-topup-price strong{font-size:23px}.ai-topup-rate{margin:0}.ai-topup-checkout .ai-topup-button{grid-column:2;grid-row:1 / span 2;margin:0;min-height:37px}}

/* Billing touches: remove the status panel chrome and soften the plan/top-up palette. */
.card-return-notice,.notice.card-return-notice{padding:9px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.card-return-notice>span{background:transparent!important;border:0!important}
.card-return-notice.is-paid>span{color:#53775b}
.card-return-notice.is-failed>span{color:#a45d55}
.card-return-notice.is-pending>span{color:#8a8b73}
#billing-plans .price-plan:before{display:none!important}
#billing-plans .price-plan.featured{background:#f6f8f4;border-color:#dfe5db;color:var(--ink)}
#billing-plans .price-plan.featured .plan-card-title>span,#billing-plans .price-plan.featured .plan-price-caption,#billing-plans .price-plan.featured .plan-price-unit{color:#8a9285}
#billing-plans .price-plan.featured .plan-card-title h3,#billing-plans .price-plan.featured .price strong{color:#272c26}
#billing-plans .price-plan.featured .plan-feature-grid li span{color:#858d81}
#billing-plans .price-plan.featured .plan-feature-grid li b{color:#343a32}
#billing-plans .price-plan.featured .plan-feature-grid li{border-color:#e9ede6}
#billing-plans .price-plan.featured .plan-feature-grid li:nth-child(odd){border-left-color:#e9ede6}
#billing-plans .price-plan.featured>.button.dark{background:#202320;border-color:#202320;color:#fff}
#billing-plans .price-plan.featured>.button.dark:hover{background:#363a36;color:#fff}
.ai-topup-panel{background:#f5f7f5;border-color:#e8ece8}
.ai-topup-slider-card{border-color:#e8ece8;background:#fff}
.ai-topup-checkout{border:1px solid #e8ece8;background:#fff;color:var(--ink)}
.ai-topup-price>span,.ai-topup-rate{color:#858b83}
.ai-topup-price strong small{color:#81877f}
.ai-topup-checkout .ai-topup-button{background:#202320!important;border-color:#202320!important;color:#fff!important}
.ai-topup-checkout .ai-topup-button:hover{background:#393d39!important}
.payment-summary-total{min-width:0}
.payment-summary-total .payment-amount{margin-bottom:1px}
#payment-fee-breakdown{display:block;margin-top:4px;color:#778174;font-size:10px;line-height:1.6}
#payment-fee-breakdown[hidden]{display:none!important}
@media(max-width:700px){.card-return-notice,.notice.card-return-notice{padding:7px 0!important}.ai-topup-panel{background:#f5f7f5}.ai-topup-checkout{border-radius:11px}#payment-fee-breakdown{font-size:9px}}

/* AI token top-up — single white card with one olive accent and a clear footer. */
.ai-topup-panel{margin:24px 0 30px;padding:20px 22px;border:1px solid #e6e9e3;border-radius:14px;background:#fff;box-shadow:none}
.ai-topup-head{display:flex;align-items:center;gap:11px}
.ai-topup-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#f0f3eb;color:#586b48;flex:none}
.ai-topup-symbol svg{width:19px;height:19px}
.ai-topup-title>span{display:block;color:#81877e;font-size:10px;line-height:1.4}
.ai-topup-title h2{color:#292d29;font-size:16px;font-weight:550;line-height:1.45}
.ai-topup-title p{margin-top:2px;color:#858b83;font-size:10px;line-height:1.45}
.ai-topup-balance{margin-inline-start:auto;padding:0;text-align:left;white-space:nowrap}
.ai-topup-balance>span{display:block;color:#858b83;font-size:9px}
.ai-topup-balance strong{color:#303630;font-size:13px;font-weight:550;font-variant-numeric:tabular-nums}
.ai-topup-balance small{color:#7e857b;font-size:9px;font-weight:400}
.ai-topup-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:13px}
.ai-topup-slider-card{min-width:0;padding:14px 0 15px;border:0!important;border-radius:0;background:transparent!important}
.ai-topup-slider-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ai-topup-slider-head>div{display:grid;gap:2px}
.ai-topup-slider-head>div span{color:#353a34;font-size:12px;font-weight:500}
.ai-topup-slider-head>div small{color:#858b83;font-size:10px}
.ai-topup-slider-head>b{padding:5px 9px!important;border:0!important;border-radius:8px!important;background:#f0f3eb!important;color:#526543!important;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.ai-topup-range-wrap{padding:11px 4px 3px}
.ai-topup-range{height:27px}
.ai-topup-range::-webkit-slider-runnable-track{height:6px;border:0;border-radius:99px;background:linear-gradient(to right,#75865f 0%,#75865f var(--range-progress,0%),#e5e8e2 var(--range-progress,0%),#e5e8e2 100%)}
.ai-topup-range::-moz-range-track{height:6px;border:0;border-radius:99px;background:#e5e8e2}
.ai-topup-range::-moz-range-progress{height:6px;border-radius:99px;background:#75865f}
.ai-topup-range::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;border:4px solid #fff;border-radius:50%;background:#596d49;outline:1px solid #75865f;box-shadow:none}
.ai-topup-range::-moz-range-thumb{width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#596d49;outline:1px solid #75865f;box-shadow:none}
.ai-topup-scale{display:flex;justify-content:space-between;margin-top:0;color:#858b82;font-size:9px;font-variant-numeric:tabular-nums;direction:ltr}
.ai-topup-checkout{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0 0;border:0!important;border-top:1px solid #eceeea!important;border-radius:0!important;background:transparent!important;color:#292d29!important}
.ai-topup-price>span{display:block;color:#7d837b!important;font-size:10px}
.ai-topup-price strong{display:flex;align-items:baseline;gap:5px;margin:1px 0 0;color:#292d29;font-size:25px;font-weight:550;line-height:1.2;font-variant-numeric:tabular-nums}
.ai-topup-price strong small{color:#737a71!important;font-size:10px;font-weight:450}
.ai-topup-rate{display:block;margin-top:2px;color:#828980!important;font-size:10px;font-style:normal}
.ai-topup-checkout .ai-topup-button{min-height:39px;margin:0;padding:8px 15px;border:0!important;border-radius:8px;background:#566a46!important;color:#fff!important;font-size:11px;font-weight:500}
.ai-topup-checkout .ai-topup-button:hover{background:#46583a!important}
@media(max-width:700px){.ai-topup-panel{margin:18px 0 24px;padding:14px 14px;border-radius:12px}.ai-topup-head{gap:9px}.ai-topup-symbol{width:33px;height:33px;border-radius:9px}.ai-topup-title>span{font-size:9px}.ai-topup-title h2{font-size:14px}.ai-topup-title p{font-size:9px}.ai-topup-balance>span{font-size:8px}.ai-topup-balance strong{font-size:12px}.ai-topup-balance small{font-size:8px}.ai-topup-layout{margin-top:10px}.ai-topup-slider-card{padding:11px 0 12px}.ai-topup-slider-head>div span{font-size:11px}.ai-topup-slider-head>div small{font-size:9px}.ai-topup-slider-head>b{padding:4px 7px!important;font-size:10px}.ai-topup-range-wrap{padding:9px 3px 2px}.ai-topup-scale{font-size:8px}.ai-topup-checkout{gap:10px;padding-top:10px}.ai-topup-price strong{font-size:21px}.ai-topup-price>span,.ai-topup-rate{font-size:9px}.ai-topup-rate{margin-top:1px}.ai-topup-checkout .ai-topup-button{min-height:36px;padding:7px 11px;font-size:10px}}
@media(max-width:370px){.ai-topup-title p{display:none}.ai-topup-panel{padding-inline:11px}.ai-topup-checkout{gap:8px}.ai-topup-checkout .ai-topup-button{padding-inline:9px}}

/* Keep the total beside the quantity selector on wide screens. */
.ai-topup-layout{grid-template-columns:minmax(0,1fr) 232px;gap:12px;align-items:stretch}
.ai-topup-slider-card{padding:15px 16px 12px;border:1px solid #e8ebe5!important;border-radius:11px;background:#fff!important}
.ai-topup-checkout{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:12px;padding:14px 15px;border:1px solid #e2e8dc!important;border-radius:11px!important;background:#edf1e8!important;color:#293127!important}
.ai-topup-price>span{color:#6e7866!important}
.ai-topup-price strong{font-size:27px;color:#293127}
.ai-topup-price strong small{color:#69745f!important}
.ai-topup-rate{color:#737d6c!important}
.ai-topup-checkout .ai-topup-button{width:100%;margin-top:auto}
@media(max-width:900px){.ai-topup-layout{grid-template-columns:minmax(0,1fr) 210px;gap:10px}}
@media(max-width:700px){.ai-topup-layout{grid-template-columns:minmax(0,1fr);gap:8px}.ai-topup-checkout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 10px;padding:11px 12px}.ai-topup-price{grid-row:span 2}.ai-topup-price strong{font-size:21px}.ai-topup-checkout .ai-topup-button{grid-column:2;grid-row:1 / span 2;width:auto;min-height:36px;margin:0;padding:7px 11px}}

/* Requested finishing touches for top-up and compact phone plan cards. */
.ai-topup-slider-card{border:0!important}
.ai-topup-checkout .ai-topup-button{background:#000!important;color:#fff!important}
.ai-topup-checkout .ai-topup-button:hover{background:#292d2a!important}
@media(max-width:700px){
 #billing-plans .price-plan{padding:12px 14px 10px}
 #billing-plans .price-head{min-height:0}
 #billing-plans .price-head .pill{padding:2px 6px;font-size:8px}
 #billing-plans .plan-card-title>span{margin-bottom:0;font-size:8px}
 #billing-plans .plan-card-title h3{font-size:13px}
 #billing-plans .price{margin:9px 0 8px;padding-bottom:8px}
 #billing-plans .price strong{font-size:27px}
 #billing-plans .plan-price-caption{font-size:8px}
 #billing-plans .plan-price-unit b{font-size:10px}
 #billing-plans .plan-price-unit small{font-size:8px}
 #billing-plans .price-plan ul.plan-feature-grid{margin-bottom:9px}
 #billing-plans .plan-feature-grid li{min-height:35px;padding:4px 7px;gap:2px}
 #billing-plans .plan-feature-grid li span{font-size:8px}
 #billing-plans .plan-feature-grid li b{font-size:9px}
 #billing-plans>.price-plan>.button{min-height:33px;padding:6px 10px;font-size:10px}
}
@media(max-width:380px){#billing-plans .price-plan{padding:11px 12px 9px}#billing-plans .price strong{font-size:25px}#billing-plans .plan-feature-grid li{min-height:33px;padding-inline:5px}#billing-plans .plan-feature-grid li span{font-size:7px}#billing-plans .plan-feature-grid li b{font-size:8px}#billing-plans>.price-plan>.button{min-height:32px;padding-inline:8px;font-size:9px}}

/* Payment result: keep the status icon beside the copy at every viewport. */
.card-return-notice{flex-wrap:nowrap!important;align-items:flex-start!important;gap:9px!important}
.card-return-notice>span{flex:0 0 18px;justify-content:center;margin-top:2px}
.card-return-notice>div{flex:1;min-width:0}
.card-return-notice b{display:block;line-height:1.5}
.card-return-notice p{line-height:1.6;overflow-wrap:anywhere}
@media(max-width:700px){
 #billing-plans .price-plan{padding:14px 16px 13px}
 #billing-plans .price-head .pill{padding:3px 7px;font-size:9px}
 #billing-plans .plan-card-title>span{font-size:9px}
 #billing-plans .plan-card-title h3{font-size:14px}
 #billing-plans .plan-price-caption{font-size:9px}
 #billing-plans .plan-price-unit small{font-size:9px}
 #billing-plans .plan-feature-grid li{min-height:40px;padding:5px 8px;gap:3px}
 #billing-plans .plan-feature-grid li span{font-size:10px;line-height:1.4}
 #billing-plans .plan-feature-grid li b{font-size:10px}
 #billing-plans>.price-plan>.button{min-height:36px;padding:7px 10px;font-size:11px}
}
@media(max-width:380px){
 #billing-plans .price-plan{padding:13px 14px 12px}
 #billing-plans .plan-feature-grid li{min-height:39px;padding-inline:6px}
 #billing-plans .plan-feature-grid li span,#billing-plans .plan-feature-grid li b{font-size:9px}
 #billing-plans>.price-plan>.button{min-height:35px;font-size:10px}
}

/* Keep the pending token invoice outside the top-up card, with its primary action beside the heading. */
.ai-topup-pending{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:14px 0!important}
.ai-topup-pending-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.ai-topup-pending-head>b{font-size:12px;font-weight:550;color:#343a31}
.ai-topup-pending-copy{display:grid;gap:2px;min-width:0}
.ai-topup-pending-copy>span{font-size:11px;color:#66715f}
.ai-topup-pending-actions{display:flex;align-items:center;gap:12px}
@media(max-width:700px){
 .ai-topup-pending{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;padding:11px 12px!important}
 .ai-topup-pending-head{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;width:100%}
 .ai-topup-pending-head>b{font-size:11px}
 .ai-topup-pending-head .billing-resume{flex:none}
 .ai-topup-pending-copy small{font-size:9px}
 .ai-topup-pending-actions{width:auto;justify-content:flex-start;margin-top:1px}
}

/* Mobile plan cards: put the plan and price on one line, then keep features compact. */
@media(max-width:700px){
 #billing-plans.pricing-grid{grid-template-columns:minmax(0,1fr);gap:8px;margin:12px 0 19px}
 #billing-plans .price-plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(126px,auto);grid-template-areas:"head price" "features features" "action action";align-items:center;gap:0;padding:12px 14px;border-radius:12px}
 #billing-plans .price-head{grid-area:head;min-width:0;min-height:0;gap:7px}
 #billing-plans .plan-card-title>span{margin:0;font-size:9px}
 #billing-plans .plan-card-title h3{font-size:13px;line-height:1.35}
 #billing-plans .price-head .pill{max-width:105px;padding:2px 6px;font-size:8px;white-space:normal;text-align:center;line-height:1.3}
 #billing-plans .price{grid-area:price;justify-content:flex-end;gap:6px;margin:0;padding:0;border:0}
 #billing-plans .price>div:first-child{gap:0}
 #billing-plans .price strong{font-size:28px;line-height:1}
 #billing-plans .plan-price-caption{font-size:8px}
 #billing-plans .plan-price-unit{padding:0}
 #billing-plans .plan-price-unit b,#billing-plans .plan-price-unit small{font-size:9px}
 #billing-plans .price-plan ul.plan-feature-grid{grid-area:features;margin:8px 0 9px}
 #billing-plans .plan-feature-grid li{min-height:34px;padding:4px 7px;gap:2px}
 #billing-plans .plan-feature-grid li span,#billing-plans .plan-feature-grid li b{font-size:9px;line-height:1.35}
 #billing-plans>.price-plan>.button{grid-area:action;min-height:33px;padding:6px 10px;font-size:10px}
}
@media(max-width:380px){
 #billing-plans .price-plan{grid-template-columns:minmax(0,1fr) minmax(116px,auto);padding:11px 12px}
 #billing-plans .price strong{font-size:26px}
 #billing-plans .plan-feature-grid li{min-height:33px;padding-inline:5px}
}

/* Custom top-up selector with a sculpted handle and quiet range markers. */
.ai-topup-checkout{background:transparent!important}
.ai-topup-range-wrap{padding:13px 7px 5px}
.ai-topup-range{appearance:none;-webkit-appearance:none;width:100%;height:34px;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer;touch-action:pan-y}
.ai-topup-range:focus{outline:none;box-shadow:none!important}
.ai-topup-range:focus-visible{outline:2px solid #8a9a78;outline-offset:3px;border-radius:8px!important}
.ai-topup-range::-webkit-slider-runnable-track{height:9px;border:0;border-radius:99px;background:linear-gradient(to right,transparent 0 calc(25% - 1px),#ffffffd9 calc(25% - 1px) calc(25% + 1px),transparent calc(25% + 1px) calc(50% - 1px),#ffffffd9 calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px) calc(75% - 1px),#ffffffd9 calc(75% - 1px) calc(75% + 1px),transparent calc(75% + 1px) 100%),linear-gradient(to right,#202320 0%,#657752 var(--range-progress,0%),#e6e9e3 var(--range-progress,0%),#e6e9e3 100%)}
.ai-topup-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:27px;height:20px;margin-top:-5.5px;border:4px solid #fff;border-radius:7px;background:#202320;outline:1px solid #657752;box-shadow:none}
.ai-topup-range::-moz-range-track{height:9px;border:0;border-radius:99px;background:#e6e9e3}
.ai-topup-range::-moz-range-progress{height:9px;border-radius:99px;background:linear-gradient(90deg,#202320,#657752)}
.ai-topup-range::-moz-range-thumb{width:20px;height:14px;border:4px solid #fff;border-radius:6px;background:#202320;outline:1px solid #657752;box-shadow:none}
@media(max-width:700px){.ai-topup-range-wrap{padding:11px 6px 4px}.ai-topup-range{height:32px}.ai-topup-range::-webkit-slider-thumb{width:25px;height:19px;margin-top:-5px}}

/* Segmented quantity control: native range remains keyboard accessible but the visible control is fully custom. */
.ai-topup-range-wrap{position:relative;height:46px;padding:0 8px;margin:6px 0 2px;direction:ltr}
.ai-topup-range{position:absolute;z-index:3;inset:0;width:100%;height:100%;margin:0;padding:0!important;border:0!important;border-radius:0!important;opacity:0;cursor:ew-resize;touch-action:pan-y}
.ai-topup-range:focus,.ai-topup-range:focus-visible{outline:0!important;box-shadow:none!important}
.ai-topup-segment-control{position:absolute;inset:0 8px;pointer-events:none}
.ai-topup-segment-rail{position:absolute;inset:0;display:flex;align-items:center}
.ai-topup-segment-rail:before,.ai-topup-segment-rail span{position:absolute;inset-inline:0;top:50%;height:10px;transform:translateY(-50%);border-radius:99px;background:repeating-linear-gradient(90deg,#e4e8e0 0 calc(5% - 3px),transparent calc(5% - 3px) 5%);content:""}
.ai-topup-segment-rail span{background:repeating-linear-gradient(90deg,#252a24 0 calc(5% - 3px),transparent calc(5% - 3px) 5%);clip-path:inset(0 calc(100% - var(--range-progress,0%)) 0 0)}
.ai-topup-segment-thumb{position:absolute;top:50%;left:var(--range-progress,0%);display:grid;place-items:center;width:13px;height:27px;transform:translate(-50%,-50%);border:0;border-radius:4px;background:#202320}
.ai-topup-segment-thumb b{width:4px;height:4px;border:0;border-radius:50%;background:#fff}
.ai-topup-range:focus-visible+.ai-topup-segment-control .ai-topup-segment-thumb{background:#586b48}
.ai-topup-checkout{background:transparent!important;border:0!important;box-shadow:none!important}
@media(max-width:700px){.ai-topup-range-wrap{height:42px;margin:5px 0 1px;padding:0 7px}.ai-topup-segment-control{inset-inline:7px}.ai-topup-segment-rail:before,.ai-topup-segment-rail span{height:9px}.ai-topup-segment-thumb{width:12px;height:24px}}
#billing-plans .price-plan.current-plan{border-color:#bcc8b2;background:#f7f9f5}
#billing-plans .plan-renewal-date{margin:0 0 9px;color:#7b8375;font-size:10px;line-height:1.4}
@media(max-width:700px){
 #billing-plans .price-plan{grid-template-areas:"head price" "features features" "renewal renewal" "action action"}
 #billing-plans .plan-renewal-date{grid-area:renewal;margin:-2px 0 7px;font-size:9px}
}

/* Compact amount picker replaces the old range bar with direct, precise controls. */
.ai-topup-slider-card{display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:13px 18px 12px!important;border:0!important;border-radius:12px;background:#f6f7f4!important}
.ai-topup-slider-head{justify-content:flex-start}
.ai-topup-slider-head>div{display:flex;align-items:baseline;gap:8px}
.ai-topup-slider-head>div span{font-size:11px;font-weight:550;color:#353a34}
.ai-topup-slider-head>div small{font-size:9px;color:#8a9087}
.ai-topup-stepper{display:flex;align-items:center;justify-content:center;gap:16px;min-height:68px;direction:ltr}
.ai-topup-stepper>button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#e9ede6;color:#31382e;font:400 22px/1 inherit;cursor:pointer;transition:background .15s ease,transform .15s ease}
.ai-topup-stepper>button:hover{background:#dfe5d9;transform:scale(1.04)}
.ai-topup-stepper>button:focus-visible,.ai-topup-presets button:focus-visible{outline:2px solid #758565;outline-offset:2px}
.ai-topup-current{display:flex;align-items:baseline;gap:6px;min-width:155px;justify-content:center;color:#242823}
.ai-topup-current strong{font-size:29px;font-weight:550;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.ai-topup-current span{font-size:11px;color:#727970}
.ai-topup-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:3px;border-radius:9px;background:#eaede8}
.ai-topup-presets button{min-width:0;min-height:28px;padding:4px 5px;border:0;border-radius:7px;background:transparent;color:#72786f;font-size:9px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease}
.ai-topup-presets button:hover{color:#252a24}
.ai-topup-presets button.active{background:#fff;color:#222620}
@media(max-width:700px){
 .ai-topup-slider-card{min-height:0;padding:11px 12px 10px!important;border-radius:10px}
 .ai-topup-slider-head>div{gap:6px}
 .ai-topup-slider-head>div span{font-size:10px}
 .ai-topup-slider-head>div small{font-size:8px}
 .ai-topup-stepper{min-height:59px;gap:12px}
 .ai-topup-stepper>button{width:31px;height:31px;font-size:20px}
 .ai-topup-current{min-width:132px}
 .ai-topup-current strong{font-size:25px}
 .ai-topup-current span{font-size:10px}
 .ai-topup-presets button{min-height:26px;padding-inline:3px;font-size:8px}
}

/* Minimal quantity stepper: direct controls replace the decorative slider rail. */
.ai-topup-slider-card{display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:13px 18px 12px!important;border:0!important;border-radius:12px;background:#f6f7f4!important}
.ai-topup-slider-head{justify-content:flex-start}
.ai-topup-slider-head>div{display:flex;align-items:baseline;gap:8px}
.ai-topup-slider-head>div span{font-size:11px;font-weight:550;color:#353a34}
.ai-topup-slider-head>div small{font-size:9px;color:#8a9087}
.ai-topup-stepper{display:flex;align-items:center;justify-content:center;gap:16px;min-height:68px;direction:ltr}
.ai-topup-stepper>button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#e9ede6;color:#31382e;font-family:inherit;font-size:22px;font-weight:400;line-height:1;cursor:pointer;transition:background .15s ease,transform .15s ease}
.ai-topup-stepper>button:hover{background:#dfe5d9;transform:scale(1.04)}
.ai-topup-stepper>button:focus-visible,.ai-topup-presets button:focus-visible{outline:2px solid #758565;outline-offset:2px}
.ai-topup-current{display:flex;align-items:baseline;gap:6px;min-width:155px;justify-content:center;color:#242823}
.ai-topup-current strong{font-size:29px;font-weight:550;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.ai-topup-current span{font-size:11px;color:#727970}
.ai-topup-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:3px;border-radius:9px;background:#eaede8}
.ai-topup-presets button{min-width:0;min-height:28px;padding:4px 5px;border:0;border-radius:7px;background:transparent;color:#72786f;font-size:9px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease}
.ai-topup-presets button:hover{color:#252a24}
.ai-topup-presets button.active{background:#fff;color:#222620}
@media(max-width:700px){
 .ai-topup-slider-card{min-height:0;padding:11px 12px 10px!important;border-radius:10px}
 .ai-topup-slider-head>div{gap:6px}
 .ai-topup-slider-head>div span{font-size:10px}
 .ai-topup-slider-head>div small{font-size:8px}
 .ai-topup-stepper{min-height:59px;gap:12px}
 .ai-topup-stepper>button{width:31px;height:31px;font-size:20px}
 .ai-topup-current{min-width:132px}
 .ai-topup-current strong{font-size:25px}
 .ai-topup-current span{font-size:10px}
 .ai-topup-presets button{min-height:26px;padding-inline:3px;font-size:8px}
}

/* Keep the featured middle plan as the only card with a tinted background. */
#billing-plans .price-plan.current-plan:not(.featured){background:#fff}

/* Soften outlines and divider strokes across plan cards. */
#billing-plans .price-plan{border-color:#f0f1ee}
#billing-plans .price-plan.featured{border-color:#e9ede6}
#billing-plans .price-plan.current-plan{border-color:#e9ece6}
#billing-plans .price{border-color:#f0f2ee}
#billing-plans .plan-feature-grid li{border-color:#f2f3f0}
#billing-plans .plan-feature-grid li:nth-child(odd){border-left-color:#f2f3f0}
#billing-plans .price-plan.featured .plan-feature-grid li{border-color:#e9ede6}
#billing-plans .price-plan.featured .plan-feature-grid li:nth-child(odd){border-left-color:#e9ede6}

.payment-guidance{display:grid;gap:8px}
.payment-form .payment-guidance .payment-intro{margin:0}
.payment-form .payment-guidance .form-error:empty{display:none}
.payment-form .payment-guidance .payment-progress[hidden]{display:none}

.payment-guidance{display:grid;gap:8px}
.payment-form .payment-guidance .payment-intro{margin:0}
.payment-form .payment-guidance .form-error:empty{display:none}
.payment-form .payment-guidance .payment-progress[hidden]{display:none}

/* Compact wallet destination and sender number fields; avoid nested borders. */
.payment-form.is-wallet-payment .payment-destination{padding:0!important;border:0!important;background:transparent!important}
.payment-form.is-wallet-payment .wallet-list{gap:0}
.payment-form.is-wallet-payment .wallet-row{min-height:39px;padding:5px 9px;border:0;border-radius:8px;background:#f4f6f2}
.payment-form.is-wallet-payment .wallet-number{font-size:14px;letter-spacing:.2px}
.payment-form.is-wallet-payment .wallet-copy{width:29px;height:29px}
.payment-form.is-wallet-payment .sender-wallet-label{font-size:11px}
.payment-form.is-wallet-payment .sender-number-field{min-height:40px;margin-top:5px;border-color:#e9ece7;border-radius:8px;box-shadow:none}
.payment-form.is-wallet-payment .sender-number-field input{min-height:38px;padding:8px 11px;font-size:15px}
.payment-form.is-wallet-payment .sender-number-field:focus-within{border-color:#aab5a0;box-shadow:0 0 0 2px #8b9c800d}
.payment-form.is-wallet-payment .payment-guidance{gap:5px}
.payment-form.is-wallet-payment .payment-guidance .payment-intro{font-size:11px;line-height:1.55}

.payment-form.is-wallet-payment .wallet-number-wrap{display:grid;gap:1px;min-width:0;text-align:left;direction:ltr}
.payment-form.is-wallet-payment .wallet-transfer-note{color:#858c80;font-size:9px;line-height:1.3;text-align:right;direction:rtl}

/* Tighten payment modal hierarchy and place transfer instruction inline with wallet number. */
#modal.payment-modal{padding:19px 21px}
#modal.payment-modal .modal-head{margin-bottom:8px;padding-bottom:0;border-bottom:0}
#modal.payment-modal .modal-head h2{font-size:16px;font-weight:500}
#modal.payment-modal .payment-form{gap:9px}
#modal.payment-modal .payment-summary{gap:12px;padding:1px 0 5px;border-bottom:0}
#modal.payment-modal .payment-amount b{font-size:27px}
#modal.payment-modal .payment-caption{margin-bottom:3px;font-size:10px}
#modal.payment-modal .payment-invoice{gap:2px;font-size:9px}
#modal.payment-modal .payment-method-options{gap:7px}
#modal.payment-modal .payment-method-option{min-height:39px;padding:8px 9px;font-size:11px}
#modal.payment-modal .payment-destination{padding:9px 10px}
#modal.payment-modal .wallet-row{gap:7px;padding:5px 7px}
#modal.payment-modal .wallet-number-wrap{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex:1;min-width:0}
#modal.payment-modal .wallet-number{font-size:14px;letter-spacing:.2px;white-space:nowrap}
#modal.payment-modal .wallet-transfer-note{font-size:9px;white-space:nowrap}
#modal.payment-modal .wallet-copy{width:27px;height:27px}
#modal.payment-modal .payment-guidance{gap:4px}
#modal.payment-modal .sender-wallet-label{font-size:11px;line-height:1.45}
#modal.payment-modal .sender-number-field{min-height:37px;margin-top:4px}
#modal.payment-modal .sender-number-field input{min-height:35px;padding:6px 10px;font-size:14px}
#modal.payment-modal .sender-number-icon{height:20px}
#modal.payment-modal .payment-form>.button[type=submit]{min-height:38px;margin-top:0}
@media(max-width:420px){
 #modal.payment-modal{padding:16px 15px}
 #modal.payment-modal .wallet-number{font-size:13px}
 #modal.payment-modal .wallet-transfer-note{font-size:8px}
 #modal.payment-modal .wallet-number-wrap{gap:5px}
}

/* Restore comfortable spacing in the payment modal while keeping its separators removed. */
#modal.payment-modal{padding:22px 24px}
#modal.payment-modal .modal-head{margin-bottom:13px;padding-bottom:0;border-bottom:0}
#modal.payment-modal .modal-head h2{font-size:17px;font-weight:550}
#modal.payment-modal .payment-form{gap:13px}
#modal.payment-modal .payment-summary{gap:17px;padding:4px 0 10px;border-bottom:0}
#modal.payment-modal .payment-amount b{font-size:30px}
#modal.payment-modal .payment-caption{margin-bottom:5px;font-size:11px}
#modal.payment-modal .payment-invoice{gap:4px;font-size:10px}
#modal.payment-modal .payment-method-options{gap:9px}
#modal.payment-modal .payment-method-option{min-height:44px;padding:10px 12px;font-size:12px}
#modal.payment-modal .payment-destination{padding:12px 13px}
#modal.payment-modal .wallet-row{gap:10px;padding:7px 9px}
#modal.payment-modal .wallet-number-wrap{gap:11px}
#modal.payment-modal .wallet-number{font-size:15px;letter-spacing:.25px}
#modal.payment-modal .wallet-transfer-note{font-size:10px}
#modal.payment-modal .wallet-copy{width:30px;height:30px}
#modal.payment-modal .payment-guidance{gap:7px}
#modal.payment-modal .sender-wallet-label{font-size:12px;line-height:1.5}
#modal.payment-modal .sender-number-field{min-height:43px;margin-top:6px}
#modal.payment-modal .sender-number-field input{min-height:41px;padding:8px 12px;font-size:15px}
#modal.payment-modal .sender-number-icon{height:22px}
#modal.payment-modal .payment-form>.button[type=submit]{min-height:41px;margin-top:1px}
@media(max-width:420px){
 #modal.payment-modal{padding:19px 18px}
 #modal.payment-modal .wallet-number{font-size:14px}
 #modal.payment-modal .wallet-transfer-note{font-size:9px}
 #modal.payment-modal .wallet-number-wrap{gap:8px}
}

/* Cleaner sender wallet input: one soft field without the extra icon divider. */
#modal.payment-modal .sender-number-icon{display:none}
#modal.payment-modal .sender-number-field{min-height:46px;margin-top:6px;padding:0 12px;border:1px solid #ecefe9;border-radius:10px;background:#f7f8f5;box-shadow:none}
#modal.payment-modal .sender-number-field input{min-height:44px;padding:8px 0;background:transparent;color:#30362e;font-size:16px;font-weight:450;letter-spacing:.4px}
#modal.payment-modal .sender-number-field input::placeholder{color:#a1a69d;font-weight:400;letter-spacing:0}
#modal.payment-modal .sender-number-field:focus-within{border-color:#bdc8b5;background:#fff;box-shadow:0 0 0 3px #8b9c800c}
@media(max-width:420px){#modal.payment-modal .sender-number-field{min-height:44px}#modal.payment-modal .sender-number-field input{min-height:42px;font-size:16px}}

/* Recompose sender wallet label and input as one compact horizontal field row. */
#modal.payment-modal .sender-wallet-label{display:flex!important;flex-direction:row;align-items:center;gap:12px;margin:0;white-space:nowrap;color:#646c5d;font-size:11px;font-weight:450;line-height:1.4}
#modal.payment-modal .sender-number-field{flex:1;min-width:0;min-height:43px;margin:0;padding:0 11px;border:1px solid #e7eae4;border-radius:9px;background:#fff;box-shadow:none}
#modal.payment-modal .sender-number-field input{min-height:41px;padding:7px 0;text-align:left;background:transparent;font-size:15px;letter-spacing:.3px}
#modal.payment-modal .sender-number-field:focus-within{border-color:#aebaa2;background:#fff;box-shadow:0 0 0 2px #8b9c800c}
@media(max-width:380px){
 #modal.payment-modal .sender-wallet-label{gap:8px;font-size:10px}
 #modal.payment-modal .sender-number-field{min-height:41px;padding-inline:8px}
 #modal.payment-modal .sender-number-field input{min-height:39px;font-size:14px}
}

/* Restore the sender field to a familiar stacked label and input, with quieter styling. */
#modal.payment-modal .sender-wallet-label{display:block!important;margin:0;white-space:normal;color:#515a4d;font-size:12px;font-weight:450;line-height:1.5}
#modal.payment-modal .sender-number-field{display:flex;flex:initial;min-width:0;min-height:45px;margin-top:6px;padding:0 12px;border:1px solid #e5e9e1;border-radius:9px;background:#fff;box-shadow:none}
#modal.payment-modal .sender-number-field input{min-height:43px;padding:8px 0;text-align:left;background:transparent;color:#30362e;font-size:15px;letter-spacing:.3px}
#modal.payment-modal .sender-number-field:focus-within{border-color:#aebaa2;background:#fff;box-shadow:0 0 0 2px #8b9c800c}
@media(max-width:380px){#modal.payment-modal .sender-number-field{min-height:43px}#modal.payment-modal .sender-number-field input{min-height:41px;font-size:15px}}

/* Honor hidden payment inputs; wallet mode must not render the unused InstaPay reference. */
#modal.payment-modal .payment-form>label[hidden],
#modal.payment-modal .payment-form .sender-wallet-label[hidden]{display:none!important}

/* Narrower payment dialog and a softer, more intentional sender-number field. */
#modal.payment-modal{width:min(460px,calc(100% - 32px));padding:21px 22px}
#modal.payment-modal .sender-wallet-label{font-size:11px;font-weight:500;color:#747b6f;line-height:1.45}
#modal.payment-modal .sender-number-field{min-height:46px;margin-top:6px;padding:0 13px;border:1px solid transparent;border-radius:10px;background:#f4f6f2;box-shadow:none;transition:background .15s,border-color .15s}
#modal.payment-modal .sender-number-field input{min-height:44px;padding:8px 0;background:transparent;color:#292e29;font-family:Arial,sans-serif;font-size:15px;font-weight:500;letter-spacing:.35px}
#modal.payment-modal .sender-number-field input::placeholder{color:#a0a69c;font-size:14px;font-weight:400;letter-spacing:0}
#modal.payment-modal .sender-number-field:focus-within{border-color:#dce4d5;background:#f8faf6;box-shadow:none}
@media(max-width:700px){
 #modal.payment-modal{width:calc(100% - 28px);padding:18px 17px}
}
@media(max-width:380px){
 #modal.payment-modal{width:calc(100% - 20px);padding:16px 14px}
 #modal.payment-modal .sender-number-field{min-height:43px}
 #modal.payment-modal .sender-number-field input{min-height:41px;font-size:15px}
}

/* Wallet sender number: clear label and a deliberately simple, legible entry field. */
#modal.payment-modal{width:min(410px,calc(100% - 32px))}
#modal.payment-modal .sender-wallet-label{display:block!important;margin:0;color:#6c7467;font-size:11px;font-weight:500;line-height:1.45}
#modal.payment-modal .sender-number-field{display:flex;align-items:center;min-height:45px;margin-top:6px;padding:0 13px;border:1px solid transparent;border-radius:9px;background:#f3f5f1;box-shadow:none;transition:background-color .15s,border-color .15s}
#modal.payment-modal .sender-number-field input{width:100%;min-height:43px;padding:8px 0;border:0;border-radius:0;background:transparent;color:#30362e;font-family:Arial,sans-serif;font-size:15px;font-weight:500;letter-spacing:.75px;text-align:left;direction:ltr}
#modal.payment-modal .sender-number-field input::placeholder{color:#9da499;font-size:14px;font-weight:400;letter-spacing:.2px}
#modal.payment-modal .sender-number-field:focus-within{border-color:#dfe5d9;background:#f7f9f5;box-shadow:none}
@media(max-width:700px){#modal.payment-modal{width:calc(100% - 28px)}}
@media(max-width:380px){#modal.payment-modal .sender-number-field{min-height:43px;padding-inline:11px}#modal.payment-modal .sender-number-field input{min-height:41px;font-size:14px}}

/* Show payment actions immediately while invoice and provider checks load. */
#modal.payment-opening-modal{width:min(410px,calc(100% - 32px));padding:20px 22px}
#modal.payment-opening-modal .modal-head{margin-bottom:0;padding-bottom:0;border:0}
#modal.payment-opening-modal .modal-head h2{font-size:16px;font-weight:500}
.payment-open-progress{display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;color:#697064;font-size:13px;line-height:1.5}
@media(max-width:700px){#modal.payment-opening-modal{width:calc(100% - 28px);padding:17px 18px}}

/* Make mobile plan details and the choose-plan action comfortably readable. */
@media(max-width:700px){
 #billing-plans .plan-card-title>span{font-size:10px}
 #billing-plans .plan-card-title h3{font-size:14px}
 #billing-plans .plan-price-caption{font-size:10px}
 #billing-plans .plan-price-unit b,#billing-plans .plan-price-unit small{font-size:10px}
 #billing-plans .plan-feature-grid li{min-height:38px;padding:5px 8px;gap:3px}
 #billing-plans .plan-feature-grid li span{font-size:10px;line-height:1.4}
 #billing-plans .plan-feature-grid li b{font-size:11px}
 #billing-plans>.price-plan>.button{min-height:38px;padding:7px 11px;font-size:12px}
}
@media(max-width:380px){
 #billing-plans .plan-card-title h3{font-size:13.5px}
 #billing-plans .plan-feature-grid li{min-height:36px;padding-inline:6px}
 #billing-plans .plan-feature-grid li span{font-size:9.5px}
 #billing-plans .plan-feature-grid li b{font-size:10.5px}
 #billing-plans>.price-plan>.button{min-height:36px;font-size:11.5px}
}
.billing-history{border:0}
.billing-history td:nth-child(4) .pill{background:transparent!important}

/* Payment history: compact rows, aligned values and quiet hierarchy. */
.billing-history .panel-head{padding:22px 2px 14px;gap:12px}
.billing-history .panel-head h2{font-size:16px;font-weight:500}
.billing-history-count{font-size:12px;color:#90958b;font-weight:400}
.billing-history>.table-wrap{border:1px solid #eceee8;border-radius:12px;overflow-x:auto;overscroll-behavior-x:contain}
.billing-history table{min-width:720px;width:100%;font-size:13px;line-height:1.5}
.billing-history th{padding:12px 18px;background:#f7f8f5;color:#838a7b;font-size:12px;font-weight:400;border-bottom:1px solid #eceee8}
.billing-history td{padding:14px 18px;vertical-align:middle;border-bottom:1px solid #f0f1ed;font-size:13px;line-height:1.5}
.billing-history tbody tr:last-child td{border-bottom:0}
.billing-history td:first-child{font-family:Arial,sans-serif;font-size:13px;color:#7a8173;font-variant-numeric:tabular-nums}
.billing-history td:nth-child(3){font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.billing-history td:nth-child(5){color:#8a9083;font-size:12px;white-space:nowrap}
.billing-history th:last-child,.billing-history td:last-child{text-align:left}
.billing-history td:last-child{font-size:12px;color:#69725f}
.billing-history-operation{display:grid;gap:3px;min-width:115px}
.billing-history-operation>span{font-size:13px;font-weight:400;color:#333b2e}
.billing-history-operation>small{font-size:12px;color:#92988b;font-weight:400}
.billing-history td:nth-child(4) .pill{padding:0;border:0;border-radius:0;font-size:12px;font-weight:400;line-height:1.5}
.billing-history .billing-resume{padding:6px 0;font-size:12px;font-weight:400;gap:7px}
.billing-history .billing-resume svg{width:14px;height:14px}
@media(max-width:700px){
 .billing-history .panel-head{padding:18px 1px 12px}
 .billing-history .panel-head h2{font-size:15px}
 .billing-history table{min-width:670px}
 .billing-history th{padding:11px 14px}
 .billing-history td{padding:13px 14px}
 .billing-history>.table-wrap{border-radius:10px}
}

/* Dashboard: one actionable daily signal instead of another KPI grid. */
.daily-signal{margin-top:24px;overflow:hidden}
.daily-signal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 21px 14px}
.daily-signal-head h2{margin:0;color:#30362e;font-size:16px;font-weight:500;line-height:1.45}
.daily-signal-head p{margin:4px 0 0;color:#92978d;font-size:10px;line-height:1.5}
.daily-signal-head>span{padding:4px 8px;border-radius:20px;background:#f5f6f3;color:#878d82;font-size:9px;white-space:nowrap}
.daily-signal-main{display:flex;align-items:center;gap:13px;padding:15px 21px 17px;border-top:1px solid #f0f1ed}
.daily-signal-icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:12px;background:#f2f4ef;color:#7d8c70}
.daily-signal-icon svg{width:20px;height:20px;stroke-width:1.7}
.daily-signal-copy{flex:1;min-width:0}
.daily-signal-copy>small{color:#969b92;font-size:9px}
.daily-signal-copy h3{margin:2px 0 3px;color:#343a31;font-size:15px;font-weight:500;line-height:1.45}
.daily-signal-copy p{margin:0;color:#7e8479;font-size:10px;line-height:1.6}
.daily-signal-count{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;min-width:52px;padding-inline:10px;border-right:1px solid #eceee8;color:#3a4036}
.daily-signal-count strong{font-size:20px;font-weight:500;line-height:1.15;font-variant-numeric:tabular-nums}
.daily-signal-count small{margin-top:2px;color:#92978d;font-size:9px}
.daily-signal-action{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 21px 14px;background:#fafbf9}
.daily-signal-action p{margin:0;color:#6d7566;font-size:10px;line-height:1.55}
.daily-signal-action a{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:#657856;font-size:10px;text-decoration:none;white-space:nowrap}
.daily-signal-action a svg{width:13px;height:13px}
.daily-signal-empty{display:flex;align-items:center;gap:10px;padding:18px 21px;border-top:1px solid #f0f1ed;color:#8a9085}
.daily-signal-empty>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:50%;background:#f5f6f3;color:#858d7b}
.daily-signal-empty svg{width:16px;height:16px}
.daily-signal-empty p{margin:0;font-size:11px;line-height:1.5}
@media(max-width:700px){
 .daily-signal{margin-top:18px}
 .daily-signal-head{padding:15px 15px 12px}
 .daily-signal-main{gap:9px;padding:13px 15px 14px}
 .daily-signal-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px}
 .daily-signal-copy h3{font-size:13px}
 .daily-signal-copy p{font-size:9px}
 .daily-signal-count{min-width:43px;padding-inline:7px}
 .daily-signal-count strong{font-size:18px}
 .daily-signal-action{align-items:flex-start;padding:11px 15px 13px}
 .daily-signal-action p{font-size:9px}
 .daily-signal-action a{font-size:9px}
 .daily-signal-empty{padding-inline:15px}
}
@media(max-width:380px){
 .daily-signal-main{gap:7px;padding-inline:11px}
 .daily-signal-count{min-width:37px;padding-inline:5px}
 .daily-signal-count strong{font-size:16px}
 .daily-signal-copy p{font-size:8px}
 .daily-signal-action{gap:8px;padding-inline:11px}
 .daily-signal-action a{font-size:8px}
}
.usage-panel .usage-manage{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:38px;margin-top:11px;padding:7px 13px;border:1px solid #e1e5dc;border-radius:9px;background:#fff;color:#46533e;font-size:11px;font-weight:500;text-decoration:none;transition:background .16s,border-color .16s}.usage-panel .usage-manage:hover{background:#f6f8f3;border-color:#d5ddce}.usage-panel .usage-manage svg{width:14px;height:14px;color:#718463}
/* Login refinement: remove brand clutter and let the white layout breathe. */
.login-new-layout .auth-wordmark,.login-new-layout .login-brand-panel>.brand{display:none!important}
.login-new-layout .login-overline{direction:rtl;letter-spacing:0;color:#77866a;font-size:10px}
.login-new-layout .login-brand-content h2{font-size:clamp(35px,3.4vw,49px);line-height:1.35;letter-spacing:-1.3px;margin:12px 0 9px}
.login-new-layout .login-brand-content>p{max-width:360px;color:#777f72;font-size:13px;line-height:2}
.login-new-layout .login-illustration{width:min(106%,580px);margin:8px auto 0}
.login-new-layout .auth-workspace{max-width:430px;padding:30px 0;border:0!important;border-radius:0;background:#fff;box-shadow:none!important}
.login-new-layout .auth-intro{margin-bottom:29px}
.login-new-layout .auth-entry-icon{display:none!important}
.login-new-layout .auth-intro .eyebrow{display:none!important}
.login-new-layout .auth-intro h1{font-size:31px;letter-spacing:-.4px}
.login-new-layout .auth-intro p{margin-top:7px;font-size:12px;line-height:1.9;color:#8d9388}
.login-new-layout .login-top-note{display:inline-flex;align-items:center;gap:8px;color:#7b856f;font-size:10px}
.login-new-layout .login-top-note:before{content:"";width:6px;height:6px;border-radius:50%;background:#8b9c75}
.login-new-layout .auth-topbar .back-link{color:#747c6d}
.login-new-layout .auth-panel-footer{justify-content:flex-end;border:0}
.login-new-layout .auth-panel-footer>div{gap:18px}
@media(max-width:1000px) and (min-width:701px){.login-new-layout .auth-workspace{padding:24px 0}.login-new-layout .login-brand-content h2{font-size:36px}.login-new-layout .login-illustration{width:112%;margin-inline:-6%}}
@media(max-width:700px){.login-new-layout .login-brand-content h2{font-size:23px}.login-new-layout .login-illustration{width:168px;margin:-8px -9px -5px 0}.login-new-layout .auth-workspace{padding:19px 0;border:0!important}.login-new-layout .auth-intro{margin-bottom:22px}.login-new-layout .auth-intro h1{font-size:27px}.login-new-layout .login-top-note{font-size:9px}}
.login-new-layout .auth-account-switch{justify-content:flex-start;gap:5px;padding-top:18px}
.login-new-layout .login-brand-content{grid-template-rows:auto auto minmax(260px,1fr) auto}
.login-new-layout .login-brand-content h2{margin-top:0}
.login-new-layout .login-overline,.login-new-layout .login-top-note{display:none!important}
@media(max-width:700px){.login-new-layout .login-brand-content{grid-template-rows:auto auto auto}.login-new-layout .login-brand-content h2{grid-row:1;margin-top:5px}.login-new-layout .login-illustration{grid-row:1/3}.login-new-layout .login-brand-caption{grid-row:3}}
.login-new-layout .auth-topbar .back-link{margin-right:auto;margin-left:0;flex:none}
.login-new-layout .auth-account-switch{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;gap:7px;white-space:nowrap;text-align:center}
.login-new-layout .auth-account-switch>a{display:inline-flex;align-items:center;white-space:nowrap}
@media(max-width:700px){.login-new-layout .auth-account-switch{gap:6px;font-size:10px}.login-new-layout .auth-account-switch>a{font-size:11px}}
/* Login form polish only: inputs and primary action. */
.login-new-layout #auth-form.auth-account-form{gap:20px}
.login-new-layout #auth-form label{gap:8px;color:#454c41;font-size:12px;font-weight:500}
.login-new-layout #auth-form .auth-label-row>a{color:#78896b;font-size:11px;transition:color .15s}
.login-new-layout #auth-form .auth-label-row>a:hover{color:#39492e}
.login-new-layout #auth-form .auth-input-shell{height:52px;padding-inline:15px;border:1px solid #e5e8e1;border-radius:11px;background:#fafbf9;gap:10px;transition:border-color .18s,background .18s,box-shadow .18s}
.login-new-layout #auth-form .auth-input-shell>svg{width:17px;height:17px;color:#8b967e;transition:color .18s}
.login-new-layout #auth-form .auth-input-shell>input{height:48px;color:#2d332a;font-size:14px}
.login-new-layout #auth-form .auth-input-shell>input::placeholder{color:#a9afa4;font-size:12px}
.login-new-layout #auth-form .auth-input-shell:hover{border-color:#d4dbcd;background:#fff}
.login-new-layout #auth-form .auth-input-shell:focus-within{border-color:#91a27d;background:#fff;box-shadow:0 0 0 3px #879b6412}
.login-new-layout #auth-form .auth-input-shell:focus-within>svg{color:#6e825d}
.login-new-layout #auth-form>.button{position:relative;height:50px;min-height:50px;margin-top:2px;padding:0 18px;border:0;border-radius:11px;background:#292e27;color:#fff;font-size:13px;font-weight:500;transition:background .18s,transform .18s}
.login-new-layout #auth-form>.button:hover{background:#3b4634;transform:translateY(-1px)}
.login-new-layout #auth-form>.button:active{transform:translateY(0) scale(.99)}
.login-new-layout #auth-form>.button>svg{position:absolute;inset-inline-end:17px;width:16px;height:16px;transition:transform .18s}
.login-new-layout #auth-form>.button:hover>svg{transform:translateX(-2px)}
.login-new-layout #auth-form .form-error{margin-top:-4px;font-size:11px;line-height:1.7}
@media(max-width:700px){.login-new-layout #auth-form.auth-account-form{gap:17px}.login-new-layout #auth-form .auth-input-shell{height:51px}.login-new-layout #auth-form .auth-input-shell>input{height:47px;font-size:16px}.login-new-layout #auth-form>.button{height:49px;min-height:49px}}
/* Login form: warm neutral fields and autocomplete-safe paint. */
.login-new-layout #auth-form .auth-input-shell{height:54px;padding-inline:16px;border:1px solid transparent;border-radius:12px;background:#f4f6f1;gap:11px;transition:background .2s,border-color .2s,box-shadow .2s}
.login-new-layout #auth-form .auth-input-shell>input{height:50px;background:transparent!important}
.login-new-layout #auth-form .auth-input-shell:hover{background:#eef2e9}
.login-new-layout #auth-form .auth-input-shell:focus-within{background:#fff;border-color:#a5b394;box-shadow:0 0 0 3px #83966b16}
.login-new-layout #auth-form .auth-input-shell>input:-webkit-autofill,.login-new-layout #auth-form .auth-input-shell>input:-webkit-autofill:hover,.login-new-layout #auth-form .auth-input-shell>input:-webkit-autofill:focus,.login-new-layout #auth-form .auth-input-shell>input:-webkit-autofill:active{ -webkit-box-shadow:0 0 0 1000px #f4f6f1 inset!important;box-shadow:0 0 0 1000px #f4f6f1 inset!important;-webkit-text-fill-color:#2d332a!important;caret-color:#2d332a;transition:background-color 99999s ease-out 0s}
.login-new-layout #auth-form>.button{height:53px;min-height:53px;border-radius:12px;background:#20231f;font-size:13px;letter-spacing:.1px}
.login-new-layout #auth-form>.button:hover{background:#343b30}
.login-new-layout #auth-form>.button>svg{width:17px;height:17px}
@media(max-width:700px){.login-new-layout #auth-form .auth-input-shell{height:53px}.login-new-layout #auth-form .auth-input-shell>input{height:49px;font-size:16px}.login-new-layout #auth-form>.button{height:51px;min-height:51px}}
/* Editorial login poster with a rotating Arabic headline. */
.auth-layout.login-new-layout{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;background:#fff}
.login-new-layout .login-page-ribbon{position:absolute;inset:0;width:100%;height:100%;min-height:100svh;pointer-events:none;z-index:0;opacity:.09}
.login-new-layout .login-brand-panel,.login-new-layout .auth-main{position:relative;z-index:1;background:transparent!important}
.login-new-layout .auth-workspace,.login-new-layout #auth-form.auth-account-form{background:transparent!important;box-shadow:none!important}
.login-new-layout .login-brand-content.login-poster{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;max-width:560px;min-height:calc(100svh - 100px);padding:35px 8px;direction:rtl}
.login-new-layout .login-poster-intro{display:block!important;margin:0 0 25px;font-size:12px;color:#909886;line-height:1.8;letter-spacing:0}
.login-new-layout .login-brand-content .login-poster-title{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0;font-size:clamp(70px,7vw,108px);font-weight:600;line-height:1.35;letter-spacing:-3px;color:#30382b}
.login-new-layout .login-poster-lead{display:block}
.login-new-layout .login-poster-changing{display:grid;position:relative;min-width:3.4em;color:#8c9d78;margin-top:-.05em}
.login-new-layout .login-poster-changing>span{grid-area:1/1;white-space:nowrap;opacity:0;animation:login-poster-word 12s cubic-bezier(.22,.7,.3,1) infinite}
.login-new-layout .login-poster-changing>span:nth-child(2){animation-delay:-8s}
.login-new-layout .login-poster-changing>span:nth-child(3){animation-delay:-4s}
.login-new-layout .login-poster-stroke{width:min(88%,370px);height:36px;overflow:visible;color:#a4b28f;margin:-5px 0 27px}
.login-new-layout .login-poster-outro{display:flex;align-items:flex-start;gap:28px;width:100%;margin-top:8px}
.login-new-layout .login-poster-arrow{font-size:42px;line-height:1.15;font-weight:400;color:#a9b399}
.login-new-layout .login-poster-outro strong{display:block;font-size:26px;font-weight:500;line-height:1.5;color:#46513b}
.login-new-layout .login-poster-outro p{margin:9px 0 0;color:#959c8c;font-size:12px;line-height:1.9}
@keyframes login-poster-word{0%{opacity:0;transform:translateY(10px);filter:blur(3px)}5%,26%{opacity:1;transform:translateY(0);filter:blur(0)}32%,100%{opacity:0;transform:translateY(-9px);filter:blur(3px)}}
@media(max-width:1000px) and (min-width:701px){.login-new-layout .login-brand-content .login-poster-title{font-size:clamp(64px,8vw,88px)}.login-new-layout .login-poster-outro{gap:20px}}
@media(max-width:700px){.login-new-layout .login-brand-content.login-poster{min-height:0;max-width:460px;padding:24px 0 17px}.login-new-layout .login-poster-intro{font-size:10px;margin-bottom:10px}.login-new-layout .login-brand-content .login-poster-title{font-size:clamp(48px,12vw,68px);line-height:1.2;letter-spacing:-1.5px;flex-direction:row;gap:12px;flex-wrap:wrap}.login-new-layout .login-poster-changing{min-width:3.15em;margin-top:0}.login-new-layout .login-poster-stroke{width:210px;height:23px;margin:6px 0 13px}.login-new-layout .login-poster-outro{gap:17px;margin-top:0}.login-new-layout .login-poster-arrow{font-size:29px}.login-new-layout .login-poster-outro strong{font-size:20px}.login-new-layout .login-poster-outro p{font-size:10px;line-height:1.8;margin-top:4px}}
@media(max-height:760px) and (min-width:701px){.login-new-layout .login-brand-content.login-poster{min-height:calc(100svh - 90px);padding:20px 0}.login-new-layout .login-brand-content .login-poster-title{font-size:76px}.login-new-layout .login-poster-intro{margin-bottom:15px}.login-new-layout .login-poster-stroke{margin-bottom:17px}}
@media(prefers-reduced-motion:reduce){.login-new-layout .login-poster-changing>span{animation:none;opacity:0;filter:none;transform:none}.login-new-layout .login-poster-changing>span:first-child{opacity:1}}

/* Poster finishing: measured spacing and a hand-drawn accent in rhythm with the words. */
.login-new-layout .login-brand-content.login-poster{padding-inline:12px}
.login-new-layout .login-poster-intro{display:flex!important;align-items:center;gap:12px;margin-bottom:29px;color:#8d9681;font-size:12px}
.login-new-layout .login-poster-intro:before{content:"";width:24px;height:1px;background:#bbc5ae;flex:none}
.login-new-layout .login-brand-content .login-poster-title{line-height:1.32;letter-spacing:-1.7px;font-weight:600}
.login-new-layout .login-poster-lead{color:#30392a}
.login-new-layout .login-poster-changing{min-width:3.45em;isolation:isolate}
.login-new-layout .login-poster-changing>span:nth-child(1){color:#91a47b}
.login-new-layout .login-poster-changing>span:nth-child(2){color:#81966e}
.login-new-layout .login-poster-changing>span:nth-child(3){color:#9aaa89}
.login-new-layout .login-poster-stroke{width:min(88%,385px);height:38px;margin:0 0 32px;color:#a9b69a}
.login-new-layout .login-poster-stroke path{stroke-dasharray:1;stroke-dashoffset:0;animation:login-poster-ink 4s cubic-bezier(.25,.65,.3,1) infinite}
.login-new-layout .login-poster-outro{gap:23px;align-items:flex-start}
.login-new-layout .login-poster-arrow{display:block;flex:0 0 38px;width:38px;height:38px;margin-top:2px;color:#94a57f}
.login-new-layout .login-poster-arrow svg{display:block;width:100%;height:100%}
.login-new-layout .login-poster-outro strong{font-size:28px;letter-spacing:-.4px;font-weight:500;color:#4b5840}
.login-new-layout .login-poster-outro p{font-size:12px;line-height:2;color:#939c87;margin-top:10px}
@keyframes login-poster-ink{0%,10%{stroke-dashoffset:1;opacity:0}18%{opacity:1}45%,87%{stroke-dashoffset:0;opacity:1}97%,100%{stroke-dashoffset:0;opacity:0}}
@media(max-width:1000px) and (min-width:701px){.login-new-layout .login-brand-content.login-poster{padding-inline:0}.login-new-layout .login-poster-outro strong{font-size:25px}}
@media(max-width:700px){.login-new-layout .login-brand-content.login-poster{padding:26px 0 20px}.login-new-layout .login-poster-intro{font-size:10px;gap:9px;margin-bottom:15px}.login-new-layout .login-poster-intro:before{width:18px}.login-new-layout .login-brand-content .login-poster-title{line-height:1.25;letter-spacing:-.8px;gap:10px}.login-new-layout .login-poster-changing{min-width:3.1em}.login-new-layout .login-poster-stroke{width:min(70%,255px);height:25px;margin:6px 0 17px}.login-new-layout .login-poster-outro{gap:15px}.login-new-layout .login-poster-arrow{flex-basis:29px;width:29px;height:29px;margin-top:0}.login-new-layout .login-poster-outro strong{font-size:21px}.login-new-layout .login-poster-outro p{font-size:11px;line-height:1.85;margin-top:5px}}
@media(max-height:760px) and (min-width:701px){.login-new-layout .login-poster-intro{margin-bottom:18px}.login-new-layout .login-poster-stroke{margin-bottom:21px}}
@media(prefers-reduced-motion:reduce){.login-new-layout .login-poster-stroke path{animation:none;stroke-dashoffset:0;opacity:1}}

/* Synchronize the editorial copy with each headline word. */
.login-new-layout .login-poster-outro>div{min-width:0;flex:1}
.login-new-layout .login-poster-description{display:grid;min-height:4em;max-width:340px}
.login-new-layout .login-poster-description>span{grid-area:1/1;opacity:0;animation:login-poster-description 12s cubic-bezier(.22,.7,.3,1) infinite}
.login-new-layout .login-poster-description>span:nth-child(2){animation-delay:-8s}
.login-new-layout .login-poster-description>span:nth-child(3){animation-delay:-4s}
@keyframes login-poster-word{0%{opacity:0;transform:translateY(8px);filter:blur(2px)}5%,31%{opacity:1;transform:translateY(0);filter:blur(0)}37%,100%{opacity:0;transform:translateY(-7px);filter:blur(2px)}}
@keyframes login-poster-description{0%{opacity:0;transform:translateY(4px)}6%,31%{opacity:1;transform:translateY(0)}37%,100%{opacity:0;transform:translateY(-3px)}}
@media(max-width:700px){.login-new-layout .login-poster-description{max-width:290px;min-height:4em}.login-new-layout .login-poster-outro p{font-size:11px;line-height:1.9}}
@media(prefers-reduced-motion:reduce){.login-new-layout .login-poster-description>span{animation:none;opacity:0;transform:none}.login-new-layout .login-poster-description>span:first-child{opacity:1}}

/* An editorial composition with print-like type layering and timed pagination. */
.login-new-layout .login-brand-content.login-poster{max-width:580px;padding-inline:12px;align-items:flex-start}
.login-new-layout .login-poster-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(100%,430px);margin-bottom:35px}
.login-new-layout .login-poster-meta .login-poster-intro{margin:0;font-size:11px;gap:11px}
.login-new-layout .login-poster-pagination{display:flex;align-items:center;gap:9px;direction:ltr;font-family:Arial,sans-serif;font-size:10px;color:#b3bba8;font-variant-numeric:tabular-nums}
.login-new-layout .login-poster-page{display:grid;color:#859575;min-width:14px}
.login-new-layout .login-poster-page i{grid-area:1/1;font-style:normal;opacity:0;animation:login-poster-description 15s ease infinite}
.login-new-layout .login-poster-page i:nth-child(2){animation-delay:-10s}.login-new-layout .login-poster-page i:nth-child(3){animation-delay:-5s}
.login-new-layout .login-poster-page-track{position:relative;width:34px;height:1px;background:#e1e7d9;overflow:hidden}
.login-new-layout .login-poster-page-track i{display:block;width:100%;height:100%;background:#a2b28f;transform-origin:left;animation:login-poster-progress 5s linear infinite}
.login-new-layout .login-brand-content .login-poster-title{font-size:clamp(78px,8vw,116px);line-height:1.3;font-weight:600;letter-spacing:-2px;position:relative}
.login-new-layout .login-poster-lead{position:relative;isolation:isolate}
.login-new-layout .login-poster-lead:after{content:attr(data-word);position:absolute;inset:0;transform:translate(-11px,-10px);z-index:-1;color:transparent;-webkit-text-stroke:.65px #ced7c4;pointer-events:none}
.login-new-layout .login-poster-changing{margin-top:-.07em;min-width:3.15em}
.login-new-layout .login-poster-changing>span{animation-duration:15s}
.login-new-layout .login-poster-changing>span:nth-child(2){animation-delay:-10s}.login-new-layout .login-poster-changing>span:nth-child(3){animation-delay:-5s}
.login-new-layout .login-poster-stroke{width:min(90%,415px);height:40px;margin:2px 0 35px;color:#a1b28c}
.login-new-layout .login-poster-stroke path{animation-duration:5s}
.login-new-layout .login-poster-outro{gap:24px;max-width:430px}
.login-new-layout .login-poster-arrow{width:42px;height:42px;flex-basis:42px;transform:rotate(-5deg)}
.login-new-layout .login-poster-outro strong{font-size:31px;font-weight:500;letter-spacing:-.4px}
.login-new-layout .login-poster-outro p{font-size:12px;line-height:2.05;margin-top:11px}
.login-new-layout .login-poster-description>span{animation-duration:15s}
.login-new-layout .login-poster-description>span:nth-child(2){animation-delay:-10s}.login-new-layout .login-poster-description>span:nth-child(3){animation-delay:-5s}
@keyframes login-poster-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1150px) and (min-width:701px){.login-new-layout .login-brand-content .login-poster-title{font-size:clamp(68px,8.2vw,96px)}.login-new-layout .login-poster-meta{max-width:360px}.login-new-layout .login-poster-outro strong{font-size:27px}.login-new-layout .login-poster-stroke{width:90%;max-width:340px}}
@media(max-width:700px){.login-new-layout .login-brand-content.login-poster{padding:28px 0 23px;max-width:460px}.login-new-layout .login-poster-meta{width:100%;margin-bottom:19px;gap:12px}.login-new-layout .login-poster-meta .login-poster-intro{font-size:10px}.login-new-layout .login-poster-pagination{font-size:9px;gap:6px}.login-new-layout .login-poster-page-track{width:25px}.login-new-layout .login-brand-content .login-poster-title{font-size:clamp(45px,11.8vw,66px);line-height:1.3;letter-spacing:-.8px;gap:12px;flex-wrap:nowrap}.login-new-layout .login-poster-lead:after{transform:translate(-5px,-6px);-webkit-text-stroke:.5px #d5ddcc}.login-new-layout .login-poster-changing{min-width:3.1em;margin-top:0}.login-new-layout .login-poster-stroke{height:25px;width:75%;max-width:270px;margin:6px 0 20px}.login-new-layout .login-poster-outro{gap:16px}.login-new-layout .login-poster-arrow{width:30px;height:30px;flex-basis:30px}.login-new-layout .login-poster-outro strong{font-size:23px}.login-new-layout .login-poster-outro p{font-size:11px;line-height:1.9;margin-top:7px}}
@media(max-width:360px){.login-new-layout .login-brand-content .login-poster-title{font-size:41px;gap:8px}.login-new-layout .login-poster-meta{gap:8px}}
@media(max-height:760px) and (min-width:701px){.login-new-layout .login-brand-content .login-poster-title{font-size:82px}.login-new-layout .login-poster-meta{margin-bottom:25px}.login-new-layout .login-poster-stroke{margin-bottom:24px}.login-new-layout .login-poster-outro strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){.login-new-layout .login-poster-page i{animation:none;opacity:0}.login-new-layout .login-poster-page i:first-child{opacity:1}.login-new-layout .login-poster-page-track i{animation:none;transform:scaleX(1)}}

/* Cleaner poster silhouette with carefully balanced text and accent. */
.login-new-layout .login-poster-lead:after{content:none}
.login-new-layout .login-poster-meta{margin-bottom:31px}
.login-new-layout .login-brand-content .login-poster-title{font-weight:550;line-height:1.28;letter-spacing:-1.3px}
.login-new-layout .login-poster-changing{margin-top:-.025em}
.login-new-layout .login-poster-stroke{width:min(88%,395px);margin:8px 0 31px;color:#a9b797}
.login-new-layout .login-poster-outro{align-items:center;gap:21px}
.login-new-layout .login-poster-arrow{margin-top:0;transform:rotate(0);color:#9caf86}
.login-new-layout .login-poster-outro strong{font-size:29px;line-height:1.55;font-weight:500}
.login-new-layout .login-poster-outro p{line-height:2;max-width:330px}
@keyframes login-poster-word{0%{opacity:0;transform:translateY(8px);filter:none}5%,31%{opacity:1;transform:translateY(0);filter:none}37%,100%{opacity:0;transform:translateY(-7px);filter:none}}
@media(max-width:700px){.login-new-layout .login-poster-meta{margin-bottom:17px}.login-new-layout .login-brand-content .login-poster-title{font-weight:550;letter-spacing:-.6px;line-height:1.3}.login-new-layout .login-poster-changing{margin-top:0}.login-new-layout .login-poster-stroke{width:73%;max-width:265px;margin:8px 0 19px}.login-new-layout .login-poster-outro{gap:15px}.login-new-layout .login-poster-outro strong{font-size:22px}.login-new-layout .login-poster-outro p{font-size:11px;line-height:1.95}}
@media(max-height:760px) and (min-width:701px){.login-new-layout .login-poster-meta{margin-bottom:22px}.login-new-layout .login-poster-stroke{margin-bottom:23px}}

/* Interactive editorial poster: hierarchy, deliberate rhythm and selectable meanings. */
.login-new-layout .login-brand-content.login-poster{max-width:590px;align-items:stretch}
.login-new-layout .login-poster-meta{width:100%;margin-bottom:30px}
.login-new-layout .login-brand-content .login-poster-title{font-size:clamp(82px,8.4vw,120px);line-height:1.28;font-weight:550;letter-spacing:-1.6px;align-self:flex-start}
.login-new-layout .login-poster-changing{margin-top:-.025em;min-width:3.15em}
.login-new-layout .login-poster.is-interactive .login-poster-changing>span,.login-new-layout .login-poster.is-interactive .login-poster-description>span{animation:none!important;opacity:0;filter:none;transform:translateY(12px);transition:opacity .45s ease,transform .65s cubic-bezier(.22,.7,.3,1)}
.login-new-layout .login-poster.is-interactive .login-poster-changing>span.is-active,.login-new-layout .login-poster.is-interactive .login-poster-description>span.is-active{opacity:1;transform:translateY(0)}
.login-new-layout .login-poster.is-interactive .login-poster-stroke path{animation:none!important;stroke-dashoffset:0;opacity:1}
.login-new-layout .login-poster-stroke{width:min(90%,420px);height:40px;margin:8px 0 25px}
.login-new-layout .login-poster-outro{gap:24px;max-width:440px;align-items:flex-start}
.login-new-layout .login-poster-arrow{width:40px;height:40px;flex-basis:40px;margin-top:2px}
.login-new-layout .login-poster-outro strong{font-size:30px;font-weight:500;line-height:1.5}
.login-new-layout .login-poster-outro p{font-size:12px;line-height:2.05;margin-top:9px;min-height:4.1em}
.login-new-layout .login-poster-controls{display:flex;align-items:flex-start;gap:36px;width:min(100%,420px);margin-top:30px;padding-right:64px}
.login-new-layout .login-poster-controls>button{appearance:none;position:relative;display:grid;gap:4px;padding:0 0 11px;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#a5ad9a;text-align:right;cursor:pointer;font:inherit;transition:color .2s}
.login-new-layout .login-poster-controls>button>span{font-size:13px;font-weight:500}
.login-new-layout .login-poster-controls>button>small{font-size:10px;font-weight:400;color:#a4ad98}
.login-new-layout .login-poster-controls>button:after{content:"";position:absolute;right:0;bottom:0;width:15px;height:1px;background:#8da275;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}
.login-new-layout .login-poster-controls>button[aria-pressed="true"],.login-new-layout .login-poster-controls>button:hover{color:#657d51}
.login-new-layout .login-poster-controls>button[aria-pressed="true"]:after{transform:scaleX(1)}
.login-new-layout .login-poster-controls>button:focus-visible{outline:1px solid #a3b38e;outline-offset:6px;border-radius:2px}
@media(max-width:1150px) and (min-width:701px){.login-new-layout .login-brand-content .login-poster-title{font-size:clamp(70px,8.4vw,100px)}.login-new-layout .login-poster-controls{gap:28px;padding-right:58px}}
@media(max-width:700px){.login-new-layout .login-brand-content.login-poster{padding:26px 0 22px;max-width:460px}.login-new-layout .login-poster-meta{margin-bottom:17px}.login-new-layout .login-brand-content .login-poster-title{font-size:clamp(44px,11.8vw,66px);line-height:1.3;gap:11px;letter-spacing:-.7px;align-self:stretch}.login-new-layout .login-poster-stroke{width:75%;max-width:270px;height:25px;margin:7px 0 17px}.login-new-layout .login-poster-outro{gap:16px}.login-new-layout .login-poster-arrow{width:29px;height:29px;flex-basis:29px;margin-top:0}.login-new-layout .login-poster-outro strong{font-size:22px}.login-new-layout .login-poster-outro p{font-size:11px;line-height:1.95;margin-top:6px}.login-new-layout .login-poster-controls{gap:30px;margin-top:18px;padding-right:45px}.login-new-layout .login-poster-controls>button>span{font-size:12px}.login-new-layout .login-poster-controls>button>small{font-size:9px}}
@media(max-width:360px){.login-new-layout .login-brand-content .login-poster-title{font-size:40px;gap:8px}.login-new-layout .login-poster-controls{gap:23px}}
@media(max-height:760px) and (min-width:701px){.login-new-layout .login-brand-content .login-poster-title{font-size:82px}.login-new-layout .login-poster-meta{margin-bottom:20px}.login-new-layout .login-poster-stroke{margin-bottom:20px}.login-new-layout .login-poster-controls{margin-top:21px}}
@media(prefers-reduced-motion:reduce){.login-new-layout .login-poster.is-interactive .login-poster-changing>span,.login-new-layout .login-poster.is-interactive .login-poster-description>span{transition:none}}

/* Small drawn gestures give each word its own visual character. */
.login-new-layout .login-poster-motif{position:absolute;left:-49px;bottom:.22em;width:58px;height:58px;overflow:visible;color:#acb99a;pointer-events:none}
.login-new-layout .login-poster-motif>g{opacity:0;transform-origin:center;transform:translateY(5px) rotate(-6deg);transition:opacity .5s ease,transform .75s cubic-bezier(.22,.7,.3,1)}
.login-new-layout .login-poster[data-word="0"] .poster-motif-close,.login-new-layout .login-poster[data-word="1"] .poster-motif-smart,.login-new-layout .login-poster[data-word="2"] .poster-motif-simple{opacity:1;transform:translateY(0) rotate(0)}
.login-new-layout .login-brand-content .login-poster-title{transform:translate(var(--poster-x,0px),var(--poster-y,0px));transition:transform .65s cubic-bezier(.22,.7,.3,1)}
.login-new-layout .login-poster-outro{margin-top:4px}
.login-new-layout .login-poster-controls>button{transition:color .25s,transform .25s}
.login-new-layout .login-poster-controls>button:hover{transform:translateY(-2px)}
.login-new-layout .login-poster-controls>button[aria-pressed="true"]>small{color:#8c9c7c}
.login-new-layout .login-poster-description{line-height:2.05}
@media(max-width:1150px) and (min-width:701px){.login-new-layout .login-poster-motif{left:-34px;width:46px;height:46px}}
@media(max-width:700px){.login-new-layout .login-poster-motif{width:33px;height:33px;left:-26px;bottom:.22em}.login-new-layout .login-poster-controls{margin-top:21px}.login-new-layout .login-poster-outro{margin-top:1px}}
@media(max-width:360px){.login-new-layout .login-poster-motif{width:28px;height:28px;left:-20px}}
@media(prefers-reduced-motion:reduce){.login-new-layout .login-poster-motif>g,.login-new-layout .login-brand-content .login-poster-title,.login-new-layout .login-poster-controls>button{transition:none;transform:none}}

/* Registration shares the login composition and introduces business setup. */
.register-new-layout #auth-form .auth-name-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px;width:100%;min-width:0}
.register-new-layout #auth-form .auth-name-row>label{min-width:0}
.register-new-layout #auth-form .auth-name-row .auth-input-shell{min-width:0;padding-inline:12px;gap:8px}
.register-new-layout #auth-form .auth-name-row .auth-input-shell>input{min-width:0;width:100%;height:50px;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none;font-size:13px;color:#2d332a}
.register-new-layout #auth-form .auth-name-row .auth-input-shell>svg{flex:none;width:16px;height:16px}
.register-new-layout .auth-terms{margin:17px 0 0;font-size:10px;line-height:1.9;color:#969d8d;text-align:center}
.register-new-layout .auth-terms a{color:#7b8c68;text-decoration:none}
@media(max-width:700px){.register-new-layout #auth-form .auth-name-row{gap:10px}.register-new-layout #auth-form .auth-name-row .auth-input-shell{padding-inline:10px;gap:6px}.register-new-layout #auth-form .auth-name-row .auth-input-shell>input{font-size:16px;height:49px}.register-new-layout #auth-form .auth-name-row .auth-input-shell>input::placeholder{font-size:11px}}
/* Shared dimensions and alignment for login and registration. */
.login-new-layout .auth-workspace{width:100%;max-width:430px;padding:24px 0}
.login-new-layout .auth-intro{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;margin:0 0 23px;text-align:right;direction:rtl}
.login-new-layout .auth-intro h1{order:1;width:100%;margin:0;text-align:right;font-size:29px;line-height:1.5}
.login-new-layout .auth-intro p{order:2;width:100%;max-width:none;margin:6px 0 0;text-align:right;font-size:12px;line-height:1.9}
.login-new-layout #auth-form.auth-account-form{gap:17px}
.login-new-layout .auth-account-switch{padding-top:16px}
.login-new-layout .auth-terms{display:block;align-self:center;width:100%;max-width:none;margin:13px auto 0;padding:0 8px;text-align:center;text-wrap:balance;direction:rtl;font-size:11px;line-height:1.95}
.login-new-layout .auth-terms a{display:inline;font-weight:400;white-space:nowrap}
.login-new-layout .login-brand-content .login-poster-title{font-size:clamp(74px,7.5vw,108px)}
@media(max-width:1150px) and (min-width:701px){.login-new-layout .login-brand-content .login-poster-title{font-size:clamp(66px,7.8vw,92px)}}
@media(max-width:700px){.login-new-layout .auth-workspace{max-width:460px;padding:19px 0}.login-new-layout .auth-intro{margin-bottom:20px}.login-new-layout .auth-intro h1{font-size:26px}.login-new-layout .auth-intro p{font-size:11px;margin-top:5px}.login-new-layout #auth-form.auth-account-form{gap:15px}.login-new-layout .auth-terms{font-size:10px;margin:12px auto 0;padding:0 5px}.login-new-layout .login-brand-content .login-poster-title{font-size:clamp(42px,10.8vw,60px)}}
@media(max-width:360px){.login-new-layout .login-brand-content .login-poster-title{font-size:38px}}
@media(max-height:760px) and (min-width:701px){.login-new-layout .login-brand-content .login-poster-title{font-size:76px}}

/* Both forms begin on the same baseline; registration adds its extra fields below. */
.login-new-layout .auth-main.auth-rebuilt{justify-content:flex-start;gap:0}
.login-new-layout .auth-workspace{flex:none;align-self:stretch;width:100%;max-width:430px;margin:clamp(40px,7svh,76px) auto 24px}
.login-new-layout .auth-panel-footer{margin-top:auto}
.login-new-layout #auth-form .auth-input-shell>input,.register-new-layout #auth-form .auth-name-row .auth-input-shell>input{font-size:14px}
.register-new-layout #auth-form .auth-name-row .auth-input-shell>svg{width:17px;height:17px}
.login-new-layout .login-poster-outro strong{font-size:29px}
.login-new-layout .login-poster-controls{gap:30px}
.login-new-layout .login-poster-controls>button{flex:1;min-width:0}
@media(max-width:700px){.login-new-layout .auth-workspace{max-width:460px;margin:15px auto 20px}.login-new-layout #auth-form .auth-input-shell>input,.register-new-layout #auth-form .auth-name-row .auth-input-shell>input{font-size:16px}.login-new-layout .login-poster-outro strong{font-size:22px}.login-new-layout .login-poster-controls{gap:26px}}
/* Mobile authentication starts with the form; the desktop story stays hidden. */
@media(max-width:700px){
 .auth-layout.login-new-layout{grid-template-columns:minmax(0,1fr);align-content:start;gap:0}
 .login-new-layout .login-brand-panel{display:none}
 .login-new-layout .auth-main.auth-rebuilt{width:100%;min-width:0;min-height:100svh;min-height:100dvh;padding:18px 22px 20px;justify-content:flex-start}
 .login-new-layout .auth-workspace{margin:15px auto 20px}
}

/* Make login and registration fields easy to distinguish from the white page. */
.login-new-layout #auth-form label{color:#3f463b}
.login-new-layout #auth-form .auth-input-shell{border:1px solid #d9dfd4;background:#f7f8f5}
.login-new-layout #auth-form .auth-input-shell>svg{color:#707d66}
.login-new-layout #auth-form .auth-input-shell>input{color:#252a23}
.login-new-layout #auth-form .auth-input-shell>input::placeholder{color:#777f73;opacity:1}
.login-new-layout #auth-form .auth-input-shell:hover{border-color:#b9c4b2;background:#f4f6f1}
.login-new-layout #auth-form .auth-input-shell:focus-within{border-color:#778c68;background:#fff;box-shadow:0 0 0 3px #778c681c}
.login-new-layout #auth-form .auth-input-shell:focus-within>svg{color:#526846}
.login-new-layout #auth-form .auth-input-shell>input:-webkit-autofill,.login-new-layout #auth-form .auth-input-shell>input:-webkit-autofill:hover,.login-new-layout #auth-form .auth-input-shell>input:-webkit-autofill:focus,.login-new-layout #auth-form .auth-input-shell>input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #f7f8f5 inset!important;box-shadow:0 0 0 1000px #f7f8f5 inset!important;-webkit-text-fill-color:#252a23!important;caret-color:#252a23}

/* A conversation begins with a single hello. */
.landing-home .hero-hello{width:100%;max-width:520px;min-width:0;justify-self:center;background:#fff;color:#30372a;direction:rtl;box-shadow:none;padding:8px 6px}
.hello-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#a0aa92;padding:0 10px}.hello-top>span:last-child{display:flex;align-items:center;gap:8px}.hello-top svg{width:15px;height:15px;stroke-width:1.2}
.hello-art{position:relative;width:100%;aspect-ratio:500/440;isolation:isolate;margin:8px 0 0}
.hello-line{position:absolute;inset:0;width:100%;height:100%;color:#e3e9db;pointer-events:none}
.hello-word{position:absolute;inset:22% 18% auto;text-align:center;font-size:clamp(96px,12vw,155px);font-weight:500;line-height:1.35;letter-spacing:-8px;color:#30392a;white-space:nowrap;transform:rotate(-5deg)}
.hello-word>span{color:#9aae83}.hello-word>svg{display:block;width:68%;height:25px;margin:-4px auto 0;color:#a6b98e;transform:rotate(3deg)}
.hello-fragment{position:absolute;background:#fff;z-index:2}.hello-fragment small{display:block;font-size:9px;font-weight:400;color:#a1ac93;line-height:1.7}.hello-fragment p{font-size:13px;font-weight:400;color:#596c46;line-height:1.8}
.hello-question{top:8%;right:1%;transform:rotate(5deg);padding:10px 12px}.hello-question p{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e7ecdf;padding:3px 0 7px}.hello-question p>span{color:#a3b58b;display:flex}.hello-question svg{width:16px;height:16px;stroke-width:1.3}
.hello-confirm{left:0;top:59%;display:flex;align-items:center;gap:10px;transform:rotate(-4deg);padding:12px 15px;background:#f4f7ef;border-radius:16px 16px 5px 16px}.hello-check{display:grid;place-items:center;width:28px;height:28px;border:1px solid #dce5cf;border-radius:50%;color:#8ca572}.hello-check svg{width:15px;height:15px;stroke-width:1.4}
.hello-team{right:10%;bottom:5%;display:flex;align-items:center;gap:11px;transform:rotate(3deg);padding:8px 12px}.hello-team>span{display:grid;place-items:center;width:32px;height:32px;color:#a0af8d}.hello-team svg{width:24px;height:24px;stroke-width:1.2}
.hello-spark{position:absolute;left:7%;top:16%;color:#acbc98;font-size:28px;font-family:Arial;font-weight:400}
.hello-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 10px 0;border-top:1px solid #eef1e9}.hello-bottom h2{font-size:26px;font-weight:500;line-height:1.6;letter-spacing:-.5px;white-space:nowrap}.hello-bottom h2>span{color:#8f9e7d}.hello-bottom p{font-size:11px;line-height:2;color:#9ba58e}
@media(max-width:1000px) and (min-width:701px){.hello-word{font-size:110px}.hello-bottom{gap:12px;padding-inline:0}.hello-bottom h2{font-size:22px}.hello-bottom p{font-size:10px}.hello-fragment p{font-size:12px}}
@media(max-width:700px){.landing-home .hero-hello{max-width:440px;padding:0}.hello-word{font-size:clamp(95px,25vw,130px)}.hello-top{padding-inline:4px;font-size:9px}.hello-fragment p{font-size:12px}.hello-fragment small{font-size:8px}.hello-question{padding:7px;right:0}.hello-confirm{padding:10px 12px;gap:8px}.hello-team{right:5%}.hello-bottom{padding:18px 4px 0;gap:12px}.hello-bottom h2{font-size:24px}.hello-bottom p{font-size:10px}.hello-spark{font-size:24px}}
@media(max-width:360px){.hello-word{font-size:90px;letter-spacing:-6px}.hello-fragment p{font-size:11px}.hello-confirm{left:-3px;padding:8px}.hello-bottom h2{font-size:21px}.hello-bottom p{font-size:9px}}
/* Refine the approved hello composition without changing its idea. */
.landing-home .hero-hello{padding-top:12px}
.hero-hello .hello-art{aspect-ratio:500/425;margin-top:16px}
.hero-hello .hello-word{inset:23% 15% auto;font-size:clamp(105px,12vw,158px);line-height:1.3;letter-spacing:-6px;transform:rotate(-4deg)}
.hero-hello .hello-word>svg{width:62%;margin:2px auto 0;opacity:.8}
.hero-hello .hello-question{top:6%;right:3%;transform:rotate(4deg);padding:11px 14px}
.hero-hello .hello-question p{gap:19px;padding-bottom:9px}
.hero-hello .hello-confirm{left:1%;top:62%;padding:14px 18px;gap:12px;border-radius:18px 18px 5px 18px;transform:rotate(-3deg)}
.hero-hello .hello-check{width:30px;height:30px;border-color:#e0e7d7}
.hero-hello .hello-team{right:8%;bottom:3%;gap:10px;transform:rotate(2deg)}
.hero-hello .hello-fragment small{letter-spacing:0;line-height:1.9}
.hero-hello .hello-fragment p{margin-top:2px;font-size:14px}
.hero-hello .hello-spark{left:9%;top:16%;width:30px;height:30px;color:#a6b892}
.hero-hello .hello-bottom{padding-top:23px;align-items:center;gap:25px}
.hero-hello .hello-bottom h2{font-size:27px;line-height:1.65;font-weight:500}
.hero-hello .hello-bottom p{font-size:11px;line-height:2.1;color:#929f82}
.hero-hello .hello-trace{animation:hello-trace 11s linear infinite;opacity:.7}
@keyframes hello-trace{0%,12%{stroke-dashoffset:0;opacity:0}20%,80%{opacity:.7}95%,100%{stroke-dashoffset:-100;opacity:0}}
@media(max-width:1000px) and (min-width:701px){.hero-hello .hello-word{font-size:112px}.hero-hello .hello-fragment p{font-size:12px}.hero-hello .hello-confirm{padding:11px 12px;gap:8px}.hero-hello .hello-bottom{gap:14px}.hero-hello .hello-bottom h2{font-size:22px}.hero-hello .hello-bottom p{font-size:10px}}
@media(max-width:700px){.landing-home .hero-hello{padding:0}.hero-hello .hello-art{margin-top:15px;aspect-ratio:500/450}.hero-hello .hello-word{inset:25% 13% auto;font-size:clamp(100px,27vw,133px)}.hero-hello .hello-question{right:0;top:5%;padding:8px 9px}.hero-hello .hello-confirm{left:0;top:63%;padding:11px 13px;gap:9px}.hero-hello .hello-team{right:3%;bottom:2%}.hero-hello .hello-fragment p{font-size:13px}.hero-hello .hello-fragment small{font-size:9px}.hero-hello .hello-spark{width:25px;height:25px;left:8%;top:18%}.hero-hello .hello-bottom{padding:20px 3px 0;gap:15px}.hero-hello .hello-bottom h2{font-size:24px}.hero-hello .hello-bottom p{font-size:10px}}
@media(max-width:360px){.hero-hello .hello-word{font-size:94px}.hero-hello .hello-confirm{padding:9px 10px;gap:7px}.hero-hello .hello-check{width:25px;height:25px}.hero-hello .hello-fragment p{font-size:11px}.hero-hello .hello-fragment small{font-size:8px}.hero-hello .hello-bottom h2{font-size:21px}.hero-hello .hello-bottom p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-hello .hello-trace{animation:none;display:none}}
/* A richer hello: small, complete moments around one bold word. */
.hero-hello .hello-art{aspect-ratio:500/455;margin-top:8px}
.hero-hello .hello-word{inset:27% 9% auto;font-size:clamp(120px,13vw,177px);letter-spacing:-7px;transform:rotate(-6deg)}
.hero-hello .hello-word>svg{width:58%;height:29px;margin:1px auto 0}
.hero-hello .hello-question{right:0;top:3%;padding:13px 16px;background:#fff;transform:rotate(5deg)}
.hero-hello .hello-question p{font-size:15px;gap:30px;padding-top:4px;border-color:#dfe7d5}
.hero-hello .hello-reply{display:flex;align-items:center;gap:8px;padding-top:8px;font-size:11px;color:#9ba98b}
.hero-hello .hello-reply svg{width:13px;height:13px;stroke-width:1.3}
.hero-hello .hello-confirm{top:61%;left:-1%;padding:16px 20px;background:#f0f4e9;gap:13px;transform:rotate(-5deg);border-radius:20px 20px 5px 20px}
.hero-hello .hello-confirm p{font-size:17px;line-height:1.6;color:#5e7449;margin-top:1px}
.hero-hello .hello-check{width:34px;height:34px;border-color:#dbe5ce;background:#fafcf6}
.hero-hello .hello-check svg{width:17px;height:17px}
.hero-hello .hello-order-ref{font-size:9px;letter-spacing:.1px;color:#9ba98b}
.hero-hello .hello-confirm-detail{display:block;font-size:9px;color:#96a585;margin-top:4px}
.hero-hello .hello-team{right:5%;bottom:1%;padding:10px 14px;transform:rotate(2deg);gap:9px}
.hero-hello .hello-team>span{width:38px;height:38px;border:1px solid #edf0e6;border-radius:50%}
.hero-hello .hello-team svg{width:21px;height:21px}
.hero-hello .hello-team p{font-size:16px;color:#5b6b4c}
.hero-hello .hello-team-detail{display:flex;align-items:center;gap:5px;font-size:8px;color:#a7b099;margin-top:4px}
.hero-hello .hello-team-detail i{width:4px;height:4px;border-radius:50%;background:#a0b389}
.hero-hello .hello-spark{left:10%;top:14%;width:35px;height:35px;transform:rotate(12deg)}
.hero-hello .hello-bottom{padding-top:23px;margin-top:6px}.hero-hello .hello-bottom h2{font-size:28px;line-height:1.6}.hero-hello .hello-bottom p{font-size:11px;line-height:2.2}
@media(max-width:1000px) and (min-width:701px){.hero-hello .hello-word{font-size:123px}.hero-hello .hello-question p{font-size:13px;gap:17px}.hero-hello .hello-reply{font-size:10px}.hero-hello .hello-confirm{padding:12px 14px;gap:8px}.hero-hello .hello-confirm p{font-size:14px}.hero-hello .hello-team p{font-size:13px}.hero-hello .hello-team{right:1%;padding:7px}.hero-hello .hello-bottom h2{font-size:22px}.hero-hello .hello-bottom p{font-size:10px}}
@media(max-width:700px){.hero-hello .hello-art{aspect-ratio:500/480;margin-top:10px}.hero-hello .hello-word{inset:29% 7% auto;font-size:clamp(108px,30vw,147px)}.hero-hello .hello-question{top:1%;right:0;padding:9px 11px}.hero-hello .hello-question p{font-size:13px;gap:22px}.hero-hello .hello-reply{font-size:10px}.hero-hello .hello-confirm{top:63%;left:0;padding:12px 14px;gap:9px}.hero-hello .hello-confirm p{font-size:15px}.hero-hello .hello-check{width:29px;height:29px}.hero-hello .hello-team{right:1%;bottom:0;padding:8px}.hero-hello .hello-team p{font-size:14px}.hero-hello .hello-team>span{width:31px;height:31px}.hero-hello .hello-bottom{margin-top:10px;gap:12px}.hero-hello .hello-bottom h2{font-size:24px}.hero-hello .hello-bottom p{font-size:10px}.hero-hello .hello-spark{width:28px;height:28px;left:8%;top:16%}}
@media(max-width:360px){.hero-hello .hello-word{font-size:103px}.hero-hello .hello-question p{font-size:12px}.hero-hello .hello-confirm{padding:10px 11px;gap:7px}.hero-hello .hello-confirm p{font-size:13px}.hero-hello .hello-confirm-detail{font-size:8px}.hero-hello .hello-team p{font-size:12px}.hero-hello .hello-team-detail{font-size:7px}.hero-hello .hello-bottom h2{font-size:21px}.hero-hello .hello-bottom p{font-size:9px}}
/* Compact the supporting moments around hello. */
.hero-hello .hello-question{padding:7px 10px}
.hero-hello .hello-question p{font-size:13px;gap:15px;padding:2px 0 5px}
.hero-hello .hello-reply{padding-top:5px;font-size:10px;gap:6px}
.hero-hello .hello-confirm{padding:10px 13px;gap:9px;border-radius:14px 14px 4px 14px}
.hero-hello .hello-confirm p{font-size:14px;line-height:1.5;margin-top:0}
.hero-hello .hello-check{width:26px;height:26px}
.hero-hello .hello-check svg{width:14px;height:14px}
.hero-hello .hello-confirm-detail{font-size:8px;margin-top:2px}
.hero-hello .hello-team{padding:5px 8px;gap:7px}
.hero-hello .hello-team>span{width:28px;height:28px}
.hero-hello .hello-team svg{width:18px;height:18px}
.hero-hello .hello-team p{font-size:13px;line-height:1.5;margin-top:0}
.hero-hello .hello-team-detail{margin-top:2px}
.hero-hello .hello-fragment small{font-size:8px;line-height:1.65}
@media(max-width:700px){.hero-hello .hello-question{padding:6px 8px}.hero-hello .hello-question p{font-size:12px;gap:13px}.hero-hello .hello-reply{font-size:9px}.hero-hello .hello-confirm{padding:8px 10px;gap:7px}.hero-hello .hello-confirm p{font-size:13px}.hero-hello .hello-check{width:23px;height:23px}.hero-hello .hello-team{padding:4px 6px;gap:6px}.hero-hello .hello-team p{font-size:12px}.hero-hello .hello-team>span{width:25px;height:25px}}
/* Keep the hello composition open, with no separators. */
.hero-hello .hello-question p{border-bottom:0}
.hero-hello .hello-bottom{border-top:0}
.hero-hello .hello-confirm{align-items:center}
.hero-hello .hello-check{flex:0 0 26px;line-height:1}
.hero-hello .hello-check svg{display:block;width:14px;height:14px;stroke-width:1.7}
@media(max-width:700px){
 .hero-hello .hello-art{aspect-ratio:500/505}
 .hero-hello .hello-confirm{top:69%;left:1%;transform:rotate(-3deg);gap:8px}
 .hero-hello .hello-check{flex-basis:24px;width:24px;height:24px}
 .hero-hello .hello-check svg{width:13px;height:13px}
 .hero-hello .hello-team{bottom:0;right:1%}
}
/* Separate actions, with a compact rectangular primary button. */
.landing-home .hero-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px 26px;margin-top:28px}
.landing-home .hero-actions .hero-start{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:11px 22px;border:0;border-radius:11px;background:#000;color:#fff;font-size:12px;font-weight:400;line-height:1.8;box-shadow:none;transition:background .2s;transform:none}
.landing-home .hero-actions .hero-start:hover{background:#252525;transform:none;box-shadow:none}
.landing-home .hero-actions .hero-explore{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 0;border:0;border-radius:0;background:transparent;color:#7b866e;font-size:12px;font-weight:400;line-height:1.8;text-decoration:none;box-shadow:none;transition:color .2s}
.landing-home .hero-actions .hero-explore:hover{color:#30392a;background:transparent}
@media(max-width:700px){.landing-home .hero-actions{gap:12px 23px;margin-top:25px;flex-wrap:nowrap}.landing-home .hero-actions .hero-start{min-height:44px;padding:10px 18px;border-radius:10px;font-size:12px}.landing-home .hero-actions .hero-explore{min-height:44px;font-size:12px}}
@media(max-width:360px){.landing-home .hero-actions{gap:17px}.landing-home .hero-actions .hero-start{font-size:11px;padding-inline:15px}.landing-home .hero-actions .hero-explore{font-size:11px}}
@media(prefers-reduced-motion:reduce){.landing-home .hero-actions .hero-start,.landing-home .hero-actions .hero-explore{transition:none}}

.landing-home .hero-actions .hero-explore{gap:8px}
.landing-home .hero-actions .hero-explore svg{width:15px;height:15px;stroke-width:1.3}
.landing-home .hero-actions .hero-start{border-radius:999px}
/* Refine the original developer section, keeping its copy and code example. */
.landing-home .developer-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,4vw,55px);max-width:1140px;margin:10px auto 90px;padding:40px 42px;border:1px solid #ecefe6;border-radius:23px;background:#fbfcf9;box-shadow:none}
.landing-home .developer-section>div{min-width:0}
.landing-home .developer-section .eyebrow{display:block;font-family:Arial,sans-serif;font-size:9px;font-weight:400;letter-spacing:1.8px;color:#97a787;margin-bottom:15px}
.landing-home .developer-section h2{font-size:clamp(30px,3.2vw,41px);line-height:1.5;font-weight:500;letter-spacing:-.7px;margin:0 0 16px;color:#3b4930}
.landing-home .developer-section p{font-size:13px;line-height:2.1;color:#96a187;margin:0 0 22px;max-width:350px}
.landing-home .developer-section a.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:42px;padding:10px 16px;border:1px solid #e1e8d6;border-radius:999px;background:white;font-size:12px;font-weight:400;color:#74895e;box-shadow:none}
.landing-home .developer-section a.button:hover{background:#f4f7ee;border-color:#d5dfc8}
.landing-home .developer-section a.button svg{width:15px;height:15px;stroke-width:1.4}
.landing-home .developer-section pre{min-width:0;width:100%;max-width:100%;margin:0;padding:23px 25px;background:#fff;border:1px solid #e6ebdf;border-radius:16px;color:#8c9b7b;font-family:monospace;font-size:11px;line-height:2.1;direction:ltr;text-align:left;overflow-x:auto;box-shadow:none;tab-size:2}
.landing-home .developer-section pre span{color:#5e8246;font-weight:400}
@media(max-width:1150px){.landing-home .developer-section{margin-inline:30px;padding:32px;gap:30px}}
@media(max-width:900px){.landing-home .developer-section{padding:28px;gap:25px}.landing-home .developer-section h2{font-size:31px}.landing-home .developer-section pre{font-size:10px;padding:20px}.landing-home .developer-section p{font-size:12px}}
@media(max-width:700px){.landing-home .developer-section{grid-template-columns:minmax(0,1fr);margin:5px 20px 55px;padding:25px 22px;gap:26px;border-radius:19px}.landing-home .developer-section .eyebrow{font-size:8px;margin-bottom:12px}.landing-home .developer-section h2{font-size:32px;margin-bottom:13px}.landing-home .developer-section p{font-size:12px;max-width:none;margin-bottom:17px}.landing-home .developer-section a.button{min-height:42px;font-size:11px;padding:9px 14px}.landing-home .developer-section pre{font-size:10px;padding:18px 16px;border-radius:13px;line-height:2.05}}
@media(max-width:360px){.landing-home .developer-section{padding:23px 17px;margin-inline:16px}.landing-home .developer-section h2{font-size:29px}.landing-home .developer-section pre{font-size:9px;padding:16px 12px}}
/* Polish the original light API block. */
.landing-home .developer-section{padding:35px 38px;gap:44px;background:#fcfdfb;border-color:#edf0e7;border-radius:21px}
.landing-home .developer-section h2{font-size:38px;line-height:1.5;margin-bottom:15px}
.landing-home .developer-section p{font-size:12px;line-height:2.15;color:#929f83}
.landing-home .developer-section a.button{background:transparent;border:0;padding:9px 0;gap:14px;min-height:44px;color:#667f50}
.landing-home .developer-section a.button:hover{background:transparent;border:0;color:#334a22}
.developer-code-window{min-width:0;width:100%;overflow:hidden;border:1px solid #e8edde;border-radius:15px;background:#fff;box-shadow:none}
.developer-code-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-bottom:1px solid #f0f3eb;font-size:10px;color:#a0ad90}.developer-code-title small{font:8px/1.5 monospace;letter-spacing:.8px;color:#acb69e}
.developer-code-endpoint{display:flex;align-items:center;gap:12px;padding:17px 19px 2px;font-size:11px;font-family:monospace;min-width:0}.developer-code-endpoint>span{font-size:9px;color:#7d9b63}.developer-code-endpoint code{color:#758566;overflow-wrap:anywhere}
.landing-home .developer-section .developer-code-window pre{padding:14px 19px 17px;border:0;border-radius:0;background:transparent;font-size:11px;line-height:2;color:#9baa8a;margin:0;overflow:auto;box-shadow:none}
.landing-home .developer-section .developer-code-window .dev-key{color:#8d9f7c}.landing-home .developer-section .developer-code-window .dev-value{color:#56773c}
.developer-code-result{display:flex;align-items:center;gap:12px;padding:13px 19px;border-top:1px solid #eef2e6;font-family:monospace;font-size:10px;color:#99a88a}.developer-code-result>span{font-size:9px;color:#6d8f52}.developer-code-result>svg{margin-left:auto;width:13px;height:13px;color:#98b17d}
@media(max-width:900px){.landing-home .developer-section{padding:28px;gap:25px}.landing-home .developer-section h2{font-size:31px}.landing-home .developer-section .developer-code-window pre{font-size:10px;padding-inline:15px}.developer-code-endpoint,.developer-code-result{padding-inline:15px}}
@media(max-width:700px){.landing-home .developer-section{padding:25px 21px;gap:24px;border-radius:19px}.landing-home .developer-section h2{font-size:32px}.developer-code-title{padding:12px 15px}.developer-code-endpoint{font-size:10px;padding-top:15px}.landing-home .developer-section .developer-code-window pre{font-size:10px;padding:13px 15px 16px}.developer-code-result{font-size:9px;padding:12px 15px}.developer-code-window{border-radius:13px}}
@media(max-width:360px){.landing-home .developer-section{padding-inline:17px}.landing-home .developer-section h2{font-size:29px}.landing-home .developer-section .developer-code-window pre{font-size:9px;padding-inline:12px}.developer-code-endpoint,.developer-code-result{padding-inline:12px}.developer-code-result{font-size:8px}}
/* A quiet closing invitation, echoing the opening hello. */
.landing-home .closing-cta.closing-invitation{display:flex;align-items:center;justify-content:space-between;gap:45px;max-width:1080px;margin:20px auto 35px;padding:47px 20px 52px;background:#fff;text-align:right;border:0;border-radius:0;box-shadow:none}
.closing-invitation .closing-note{display:block;font-size:11px;font-weight:400;color:#a2af91;margin-bottom:15px}
.landing-home .closing-invitation h2{font-size:clamp(32px,3.5vw,45px);font-weight:500;line-height:1.6;letter-spacing:-.7px;color:#3c4930;margin:0}
.closing-invitation h2>span{position:relative;display:inline-block;color:#91a47b}
.closing-invitation h2>span>svg{display:block;width:93%;height:20px;margin:0 auto;color:#bfcdaf;pointer-events:none}
.closing-invitation-action{display:flex;flex-direction:column;align-items:flex-start;gap:17px;flex:none;min-width:185px}
.landing-home .closing-invitation .button.dark{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:46px;margin:0;padding:11px 22px;border:0;border-radius:999px;background:#000;color:#fff;font-size:12px;font-weight:400;box-shadow:none}
.landing-home .closing-invitation .button.dark:hover{background:#242424;transform:none}
.closing-invitation .button svg{width:16px;height:16px;stroke-width:1.4}
.closing-invitation-action p{font-size:11px;line-height:2;color:#a0ac90;margin:0;padding-right:4px;text-align:right}
@media(max-width:1150px){.landing-home .closing-cta.closing-invitation{margin-inline:35px}}
@media(max-width:700px){.landing-home .closing-cta.closing-invitation{flex-direction:column;align-items:flex-start;gap:25px;margin:5px 25px 20px;padding:32px 0 35px}.landing-home .closing-invitation h2{font-size:32px;line-height:1.6}.closing-invitation .closing-note{font-size:10px;margin-bottom:12px}.closing-invitation h2>span>svg{height:17px}.closing-invitation-action{flex-direction:row;align-items:center;justify-content:flex-start;width:100%;gap:20px;min-width:0}.landing-home .closing-invitation .button.dark{min-height:44px;padding:10px 19px;gap:20px;font-size:12px}.closing-invitation-action p{font-size:9px;padding:0;line-height:1.9}}
@media(max-width:360px){.landing-home .closing-invitation h2{font-size:28px}.closing-invitation-action{gap:14px}.landing-home .closing-invitation .button.dark{font-size:11px;padding-inline:16px;gap:15px}.closing-invitation-action p{font-size:8px}}
.landing-home .closing-invitation .button.dark{gap:20px;min-width:132px;padding-inline:22px}
@media(max-width:700px){.landing-home .closing-invitation .button.dark{min-width:124px;gap:18px;padding-inline:20px}}
@media(min-width:701px){
 .closing-invitation-action{min-width:0;align-items:center;gap:13px}
 .closing-invitation-action p{width:100%;padding:0;text-align:center}
}
.ai-credit-breakdown{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 20px;font-size:11px;color:#98a58b}.ai-credit-breakdown b{font-size:12px;font-weight:400;color:#72895b;white-space:nowrap}
/* Verified success has its own colour and a separate receipt-like card. */
.notice.card-return-notice.is-paid,.card-return-notice.is-paid>span,.card-return-notice.is-paid b,.card-return-notice.is-paid p{color:#53775b!important}
#modal.payment-success-modal{width:min(420px,calc(100vw - 32px));max-width:420px;padding:24px;border:0;border-radius:20px;background:#fff;box-shadow:none}
#modal.payment-success-modal .modal-head{border:0;padding:0;margin:0;justify-content:flex-end}
#modal.payment-success-modal .modal-head h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#modal.payment-success-modal #modal-body{padding:0;overflow:visible}
.payment-success-card{display:flex;flex-direction:column;align-items:stretch;text-align:right}
.payment-success-heading{display:flex;align-items:center;gap:13px}
.payment-success-mark{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:#edf3e9;color:#52734b}
.payment-success-mark svg{width:21px;height:21px;stroke-width:1.8}
.payment-success-eyebrow{display:block;font-size:11px;color:#6d8a60;margin-bottom:3px}
.payment-success-card h2{font-size:20px;line-height:1.5;font-weight:500;color:#222820;margin:0}
.payment-success-card>p{font-size:12px;line-height:1.8;color:#858d80;margin:13px 0 18px}
.payment-success-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:76px;padding:15px 17px;border-radius:14px;background:#f5f7f3}
.payment-success-summary>strong{font-size:27px;font-weight:500;line-height:1.25;color:#273025;direction:ltr;letter-spacing:-.5px}
.payment-success-summary>span{font-size:12px;line-height:1.55;color:#596453;text-align:left}
.payment-success-summary>span small{font-size:10px;color:#8b9387}
.payment-success-card .payment-success-done{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:18px;padding:10px 18px;border:0;border-radius:999px;background:#111;color:#fff;box-shadow:none;font-size:13px;font-weight:400}
@media(max-width:700px){#modal.payment-success-modal{width:calc(100vw - 32px);max-width:390px;padding:21px;border-radius:18px}.payment-success-card h2{font-size:19px}.payment-success-summary{min-height:70px;padding:13px 15px}.payment-success-summary>strong{font-size:25px}}
/* Compact payment confirmation: one clear outcome and one useful detail. */
#modal.payment-success-modal{width:min(390px,calc(100vw - 32px));max-width:390px;padding:20px;border-radius:20px}
#modal.payment-success-modal .modal-head{position:absolute;inset:12px 12px auto;margin:0;padding:0;z-index:2}
#modal.payment-success-modal .modal-head button:focus-visible{outline:1px solid #dfe7d8;outline-offset:2px}
.payment-success-card{padding-top:18px}
.payment-success-heading{gap:12px}
.payment-success-mark{width:38px;height:38px;flex-basis:38px;border-radius:50%;background:#eef4e9;color:#52734b}
.payment-success-mark svg{width:19px;height:19px}
.payment-success-eyebrow{font-size:10px;margin-bottom:1px;color:#78916b}
.payment-success-card h2{font-size:18px;line-height:1.45;font-weight:500}
.payment-success-card>p{font-size:12px;line-height:1.7;margin:10px 0 14px;color:#7e857a}
.payment-success-summary{min-height:62px;padding:12px 15px;border-radius:12px;background:#f5f7f3}
.payment-success-summary>strong{font-size:23px;font-weight:500}
.payment-success-summary>span{font-size:12px;color:#697363}
.payment-success-summary>span small{display:none}
.payment-success-card .payment-success-done{min-height:42px;margin-top:14px;font-size:12px}
.payment-success-card .payment-success-done:focus-visible{outline:1px solid #dfe7d8;outline-offset:2px}
@media(max-width:700px){#modal.payment-success-modal{width:calc(100vw - 32px);max-width:370px;padding:18px;border-radius:18px}.payment-success-card h2{font-size:17px}.payment-success-summary{min-height:58px;padding:11px 13px}.payment-success-summary>strong{font-size:22px}}
/* Success card without decorative icon or confirmation button. */
#modal.payment-success-modal{width:min(360px,calc(100vw - 32px));max-width:360px;padding:21px;border-radius:19px}
.payment-success-card{padding:22px 0 2px;text-align:center;align-items:center}
.payment-success-heading{width:100%;display:flex;flex-direction:column;align-items:center;gap:3px}
.payment-success-eyebrow{font-size:10px;line-height:1.6;letter-spacing:.15px;color:#78916b;margin:0}
.payment-success-card h2{font-size:19px;line-height:1.5;font-weight:500}
.payment-success-card>p{max-width:280px;font-size:12px;line-height:1.75;text-align:center;margin:9px auto 17px;color:#7e857a}
.payment-success-summary{width:100%;min-height:60px;padding:12px 15px}
#modal.payment-success-modal .modal-head button:focus-visible{outline:1px solid #dfe7d8;outline-offset:1px}
@media(max-width:700px){#modal.payment-success-modal{width:calc(100vw - 36px);max-width:340px;padding:19px;border-radius:18px}.payment-success-card{padding-top:21px}.payment-success-card h2{font-size:18px}.payment-success-card>p{font-size:11px;margin:8px auto 15px}.payment-success-summary{min-height:56px;padding:11px 13px}}
/* Let the transaction itself carry the visual weight. */
#modal.payment-success-modal{width:min(380px,calc(100vw - 32px));max-width:380px;padding:24px;border-radius:22px}
.payment-success-card{padding:22px 0 3px;text-align:right;align-items:stretch}
.payment-success-heading{align-items:flex-start;gap:4px;text-align:right}
.payment-success-eyebrow{align-self:flex-start;font-size:10px;line-height:1.7;color:#82966f}
.payment-success-card h2{font-size:21px;line-height:1.5;font-weight:500;letter-spacing:-.2px}
.payment-success-card>p{max-width:none;text-align:right;font-size:12px;line-height:1.8;margin:8px 0 17px;color:#858c80}
.payment-success-detail{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:88px;padding:17px 19px;border-radius:15px;background:#20231f;color:#fff;position:relative;overflow:hidden}
.payment-success-detail:before{content:"";position:absolute;inset:0 0 0 auto;width:3px;background:#a2b88d}
.payment-success-detail-label{font-size:11px;color:#b9c0b4}
.payment-success-detail-value{display:flex;align-items:baseline;gap:8px;min-width:0;color:#fff}
.payment-success-detail-value strong{font-size:28px;line-height:1.2;font-weight:500;white-space:nowrap;letter-spacing:-.5px}
.payment-success-detail-value span{font-size:11px;color:#c5cbbf;white-space:nowrap}
@media(max-width:700px){#modal.payment-success-modal{width:calc(100vw - 32px);max-width:360px;padding:20px;border-radius:20px}.payment-success-card{padding-top:20px}.payment-success-card h2{font-size:19px}.payment-success-card>p{font-size:11px;margin:7px 0 15px}.payment-success-detail{min-height:76px;padding:15px 16px;border-radius:14px}.payment-success-detail-value strong{font-size:25px}}
/* Payment success: a quiet receipt-style confirmation without an icon or CTA. */
#modal.payment-success-modal{width:min(368px,calc(100vw - 32px));max-width:368px;padding:24px;border-radius:20px}
#modal.payment-success-modal .modal-head{position:absolute;inset:12px 12px auto;margin:0;padding:0;z-index:2}
#modal.payment-success-modal .modal-head button{width:32px;height:32px;border:0;background:transparent;color:#8a9084;box-shadow:none}
.payment-success-card{padding:28px 2px 2px;text-align:right;align-items:stretch}
.payment-success-heading{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:right}
.payment-success-eyebrow{font-size:11px;line-height:1.6;color:#60794d;margin:0}
.payment-success-card h2{font-size:20px;line-height:1.55;font-weight:500;color:#20231f;letter-spacing:0}
.payment-success-card>p{max-width:none;text-align:right;font-size:12px;line-height:1.8;margin:5px 0 19px;color:#7b8176}
.payment-success-detail{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 0 0;border:0;border-radius:0;background:transparent;color:#20231f;position:relative;overflow:visible}
.payment-success-detail:before{display:none}
.payment-success-detail-label{font-size:11px;color:#70776b}
.payment-success-detail-value{display:flex;align-items:baseline;gap:8px;min-width:0;color:#526a40}
.payment-success-detail-value strong{font-size:28px;line-height:1.25;font-weight:500;white-space:nowrap;letter-spacing:-.5px}
.payment-success-detail-value span{font-size:11px;color:#70776b;white-space:nowrap}
@media(max-width:700px){#modal.payment-success-modal{width:calc(100vw - 32px);max-width:350px;padding:21px;border-radius:18px}.payment-success-card{padding-top:26px}.payment-success-card h2{font-size:19px}.payment-success-card>p{font-size:11px;margin:5px 0 16px}.payment-success-detail{min-height:52px;padding-top:6px}.payment-success-detail-value strong{font-size:25px}}
/* Align the success label with the close control without changing type scale. */
#modal.payment-success-modal .payment-success-card{padding-top:0}
@media(max-width:700px){#modal.payment-success-modal .payment-success-card{padding-top:0}}
/* Payment method and destination share one compact surface. */
#modal.payment-modal .payment-route-card{display:flex;flex-direction:column;gap:0;padding:6px 13px 4px;border:1px solid #edf0e7;border-radius:16px;background:#f8faf5;min-width:0}
#modal.payment-modal .payment-route-card .payment-method-choice{margin:0;padding:0}
#modal.payment-modal .payment-route-card .payment-method-choice>.payment-caption{display:none}
#modal.payment-modal .payment-route-card .payment-method-options{display:flex;gap:5px;padding:3px 0 8px}
#modal.payment-modal .payment-route-card .payment-method-option{justify-content:center;min-height:40px;padding:8px 10px;gap:7px;background:transparent;border:0;border-radius:11px;font-size:11px;font-weight:400;color:#9ca68f;box-shadow:none;min-width:0}
#modal.payment-modal .payment-route-card .payment-method-option[aria-pressed=true]{background:#fff;color:#4f6240;box-shadow:none}
#modal.payment-modal .payment-route-card .payment-method-option>svg{width:15px;height:15px;color:currentColor;stroke-width:1.4}
#modal.payment-modal .payment-route-card .method-indicator{display:none}
#modal.payment-modal .payment-route-card .payment-method-fixed{min-height:44px;padding:6px 2px;font-size:12px;font-weight:400;color:#6e825b}
#modal.payment-modal .payment-route-card .payment-destination{padding:11px 0 8px!important;margin:0;border:0!important;border-top:1px solid #e9eedf!important;border-radius:0;background:transparent!important;min-width:0}
#modal.payment-modal .payment-route-card .wallet-list{gap:9px}
#modal.payment-modal .payment-route-card .wallet-row{direction:rtl;min-height:38px;gap:10px;padding:0;background:transparent;border:0;border-radius:0}
#modal.payment-modal .payment-route-card .wallet-number-wrap{direction:rtl;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;flex:1}
#modal.payment-modal .payment-route-card .wallet-transfer-note{order:-1;direction:rtl;font-size:10px;line-height:1.6;color:#a0ac91;white-space:nowrap}
#modal.payment-modal .payment-route-card .wallet-number{font-size:18px;font-weight:400;line-height:1.6;letter-spacing:.45px;white-space:nowrap;overflow-wrap:normal;color:#62794d;min-width:0}
#modal.payment-modal .payment-route-card .wallet-copy{width:34px;height:34px;border-radius:10px;color:#8ca477;flex:none;background:transparent}
#modal.payment-modal .payment-route-card .wallet-copy:hover,#modal.payment-modal .payment-route-card .wallet-copy.copied{background:#edf3e5;color:#53775b}
#modal.payment-modal .payment-route-card .wallet-copy svg{width:15px;height:15px;stroke-width:1.4}
#modal.payment-modal .payment-route-card .card-payment-intro{padding:1px 0 10px}
#modal.payment-modal .payment-route-card .instapay-destination{font-size:14px;white-space:normal;overflow-wrap:anywhere}
@media(max-width:420px){#modal.payment-modal .payment-route-card{padding-inline:10px;border-radius:14px}#modal.payment-modal .payment-route-card .payment-method-option{font-size:10px;padding:8px 6px;gap:5px}#modal.payment-modal .payment-route-card .payment-method-option>svg{width:14px;height:14px}#modal.payment-modal .payment-route-card .wallet-number{font-size:17px}#modal.payment-modal .payment-route-card .wallet-transfer-note{font-size:9px}#modal.payment-modal .payment-route-card .wallet-row,#modal.payment-modal .payment-route-card .wallet-number-wrap{gap:7px}}
@media(max-width:360px){#modal.payment-modal .payment-route-card .payment-method-option{font-size:9px;gap:4px}#modal.payment-modal .payment-route-card .wallet-number{font-size:15px;letter-spacing:0}#modal.payment-modal .payment-route-card .wallet-transfer-note{font-size:8px}#modal.payment-modal .payment-route-card .wallet-copy{width:30px;height:34px}}
#modal.payment-modal .payment-route-card .payment-destination{border-top:0!important}
/* One quiet field: the caption and number belong to the same surface. */
#modal.payment-modal .payment-form .sender-phone-label{display:flex!important;flex-direction:column;gap:2px;margin:2px 0 0;padding:10px 14px 7px;background:#f8faf5;border:1px solid #e9eedf;border-radius:13px;min-width:0;transition:border-color .2s,background .2s}
#modal.payment-modal .payment-form .sender-phone-label[hidden]{display:none!important}
#modal.payment-modal .sender-phone-caption{display:block;line-height:1.5;font-size:10px;font-weight:400;color:#97a58a;text-align:right}
#modal.payment-modal .sender-phone-label .sender-number-field{min-height:33px;height:auto;min-width:0;display:flex;align-items:center;direction:ltr;padding:0;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none}
#modal.payment-modal .sender-phone-label .sender-number-field input{width:100%;min-width:0;min-height:33px;height:33px;margin:0;padding:3px 0;border:0;border-radius:0;background:transparent;color:#536947;font-family:Arial,sans-serif;font-size:17px;font-weight:400;line-height:1.5;letter-spacing:.6px;text-align:left;direction:ltr;box-shadow:none;outline:none}
#modal.payment-modal .sender-phone-label .sender-number-field input::placeholder{font-size:16px;font-weight:400;color:#b0bba4;letter-spacing:.5px}
#modal.payment-modal .sender-phone-label:focus-within{border-color:#a8bc92;background:#fff;box-shadow:none}
#modal.payment-modal .sender-phone-label .sender-number-field:focus-within{background:transparent;border:0;box-shadow:none}
@media(max-width:420px){#modal.payment-modal .payment-form .sender-phone-label{padding:9px 12px 6px;border-radius:12px}#modal.payment-modal .sender-phone-label .sender-number-field input{font-size:17px}#modal.payment-modal .sender-phone-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){#modal.payment-modal .payment-form .sender-phone-label{transition:none}}
/* An open number entry, without a surrounding box. */
#modal.payment-modal .payment-form .sender-phone-label{gap:9px;margin:5px 0 2px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;transition:none}
#modal.payment-modal .sender-phone-caption{font-size:11px;line-height:1.6;color:#87967a;font-weight:400}
#modal.payment-modal .sender-phone-label .sender-number-field{min-height:42px;margin:0;padding:0 1px 5px;border:0;border-bottom:1px solid #dfe6d6;border-radius:0;background:transparent;box-shadow:none;transition:border-color .2s}
#modal.payment-modal .sender-phone-label .sender-number-field input{height:36px;min-height:36px;padding:2px 0;font-size:21px;font-weight:400;line-height:1.5;letter-spacing:.7px;color:#526a40;background:transparent;border:0;border-radius:0;box-shadow:none}
#modal.payment-modal .sender-phone-label .sender-number-field input::placeholder{font-size:20px;font-weight:400;letter-spacing:.6px;color:#bcc6b1}
#modal.payment-modal .sender-phone-label:focus-within{background:transparent;border:0;box-shadow:none}
#modal.payment-modal .sender-phone-label .sender-number-field:focus-within{background:transparent;border:0;border-bottom:1px solid #8ea576;box-shadow:none}
@media(max-width:420px){#modal.payment-modal .payment-form .sender-phone-label{padding:0;border-radius:0;gap:8px}#modal.payment-modal .sender-phone-label .sender-number-field input{font-size:20px}#modal.payment-modal .sender-phone-caption{font-size:11px}}
/* A compact inline entry: caption on the right, full number on the left. */
#modal.payment-modal .payment-form .sender-phone-label{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(120px,1.25fr);align-items:center;gap:13px;margin:6px 0 3px;padding:12px 13px;background:#fff;border:1px solid #e8eddf;border-radius:12px;direction:rtl}
#modal.payment-modal .sender-phone-caption{font-size:10px;line-height:1.8;font-weight:400;color:#94a287;text-align:right;max-width:110px}
#modal.payment-modal .sender-phone-label .sender-number-field{min-height:32px;height:32px;padding:0;margin:0;border:0;border-radius:0;background:transparent;min-width:0}
#modal.payment-modal .sender-phone-label .sender-number-field input{min-height:32px;height:32px;padding:0;font-size:17px;line-height:1.5;letter-spacing:.3px;text-align:left;color:#60794d;border:0;background:transparent;box-shadow:none}
#modal.payment-modal .sender-phone-label .sender-number-field input::placeholder{font-size:16px;letter-spacing:0;color:#b1bda5}
#modal.payment-modal .sender-phone-label:focus-within{background:#fff;border:1px solid #afc098;box-shadow:none}
#modal.payment-modal .sender-phone-label .sender-number-field:focus-within{background:transparent;border:0;box-shadow:none}
@media(max-width:420px){#modal.payment-modal .payment-form .sender-phone-label{padding:10px 12px;gap:10px;grid-template-columns:minmax(0,1fr) minmax(118px,1.25fr);border-radius:11px}#modal.payment-modal .sender-phone-caption{font-size:10px}#modal.payment-modal .sender-phone-label .sender-number-field input{font-size:16px}}
@media(max-width:340px){#modal.payment-modal .payment-form .sender-phone-label{gap:8px;padding-inline:10px;grid-template-columns:minmax(0,1fr) minmax(110px,1.2fr)}#modal.payment-modal .sender-phone-caption{font-size:9px}}
/* Quiet payment tabs, without the white selected tile. */
#modal.payment-modal .payment-route-card .payment-method-option{position:relative;background:transparent;color:#a2ac96;border-radius:0;padding-bottom:11px;transition:color .2s}
#modal.payment-modal .payment-route-card .payment-method-option[aria-pressed=true]{background:transparent;color:#536d40;box-shadow:none}
#modal.payment-modal .payment-route-card .payment-method-option:after{content:"";position:absolute;bottom:3px;left:calc(50% - 9px);width:18px;height:2px;border-radius:4px;background:#95aa7e;transform:scaleX(0);transition:transform .2s}
#modal.payment-modal .payment-route-card .payment-method-option[aria-pressed=true]:after{transform:scaleX(1)}
#modal.payment-modal .payment-route-card .payment-method-option:hover{background:transparent;color:#698451}
#modal.payment-modal .payment-route-card .payment-method-option:focus-visible{outline:1px solid #a5b792;outline-offset:-2px;border-radius:8px}
@media(prefers-reduced-motion:reduce){#modal.payment-modal .payment-route-card .payment-method-option,#modal.payment-modal .payment-route-card .payment-method-option:after{transition:none}}
/* Keep the whole success message raised as before. */
#modal.payment-success-modal .payment-success-card{padding-top:0}
#modal.payment-success-modal .payment-success-heading{position:static;top:auto}
#modal.payment-success-modal .payment-success-detail{margin-top:0;transform:translateY(8px)}
/* Slightly narrower payment success dialog. */
#modal.payment-success-modal{width:min(344px,calc(100vw - 40px));max-width:344px}
@media(max-width:700px){#modal.payment-success-modal{width:calc(100vw - 40px);max-width:330px}}

/* Show the active plan's validity as a quiet replacement for its CTA. */
#billing-plans .plan-renewal-date{display:flex;align-items:center;gap:8px;color:#64745c;font-size:11px;font-weight:450}
#billing-plans .plan-current-dot{display:inline-block;width:6px;height:6px;flex:none;border-radius:50%;background:#5b9364}
@media(max-width:700px){#billing-plans .plan-renewal-date{font-size:10px}}

/* Message templates: editorial layout */
.commerce-page .commerce-templates-panel{overflow:visible;border:0;background:#fff}
#content>.page-heading[hidden]{display:none!important}
.commerce-page[data-commerce-view="templates"]>.commerce-overview{display:none}
.commerce-page[data-commerce-view="templates"] .commerce-workspace,.commerce-page[data-commerce-view="templates"] .commerce-workspace-nav{border:0;background:#fff}
.commerce-page[data-commerce-view="templates"] .commerce-templates-panel{padding:0}
.commerce-template-studio{max-width:1020px;margin:0 auto;padding:34px 30px 52px;color:#272c26;background:#fff}
.commerce-template-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;padding:0 0 24px;border-bottom:1px solid #e5e9e3}
.commerce-template-heading-copy{min-width:0}
.commerce-template-eyebrow{display:block;margin-bottom:7px;color:#7a8d72;font-size:10px;font-weight:600;letter-spacing:.07em}
.commerce-template-heading h2{margin:0;font-size:32px;font-weight:600;line-height:1.2;letter-spacing:-.03em}
.commerce-template-heading p{margin:7px 0 0;color:#858d83;font-size:12px;line-height:1.7}
.commerce-template-store{position:relative;display:grid;gap:5px;flex:none;width:210px;color:#91998f;font-size:10px}
.commerce-template-store select{appearance:none;width:100%;height:36px;padding:0 2px;border:0;border-bottom:1px solid #ccd5c8;border-radius:0;background:transparent;color:#283228;text-align:right;font:inherit;font-size:12px;font-weight:550;outline:0;cursor:pointer}
.commerce-template-store select:focus{border-bottom-color:#58734f}
.commerce-template-store svg{display:none}
.commerce-template-nav{display:flex;gap:30px;margin:0;padding:0;border-bottom:1px solid #e5e9e3;overflow-x:auto}
.commerce-template-nav button{position:relative;flex:none;min-height:49px;padding:0 1px;border:0;border-radius:0;background:transparent;color:#90988e;text-align:center;font:inherit;cursor:pointer}
.commerce-template-nav button span{font-size:12px;font-weight:550}
.commerce-template-nav button:hover,.commerce-template-nav button[aria-pressed=true]{color:#2e402c}
.commerce-template-nav button[aria-pressed=true]:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#687f5e;content:''}
.commerce-template-workspace{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:42px;align-items:start;padding:30px 0 0}
.commerce-template-compose{display:flex;flex-direction:column;min-width:0}
.commerce-template-compose-top{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 12px}
.commerce-template-field-label{display:block;margin-bottom:4px;color:#84967b;font-size:10px}
.commerce-template-compose-top h3{margin:0;font-size:19px;font-weight:600}
.commerce-template-count{color:#9da59b;font-size:10px}
.commerce-template-count b{color:#53664e;font-size:11px}
.commerce-template-compose-tools{display:flex;align-items:center;gap:14px;min-width:0}
.commerce-template-delay{display:flex;align-items:center;gap:7px;color:#7e897b;font-size:10px;white-space:nowrap}
.commerce-template-delay svg{width:15px;height:15px;color:#657a5d;stroke-width:1.7}
.commerce-template-delay select{max-width:116px;height:29px;padding:0 2px;border:0;border-bottom:1px solid #dfe5dc;border-radius:0;background:transparent;color:#344331;font:inherit;font-size:10px;outline:0;cursor:pointer}
.commerce-template-delay select:focus{border-bottom-color:#71876a}
.commerce-template-editor{min-height:160px;max-height:330px;overflow:auto;padding:17px 2px;border:0;border-top:1px solid #dfe5dc;border-bottom:1px solid #dfe5dc;border-radius:0;background:#fff;color:#282e27;font-size:14px;line-height:1.95;outline:none;box-shadow:none}
.commerce-template-editor:focus{border-color:#809577;outline:none;box-shadow:none}
.commerce-template-token{display:inline-block;padding:1px 4px;border-radius:3px;background:#eff3ec;color:#4e6647;white-space:nowrap}
.commerce-template-token-row{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:10px 0 22px}
.commerce-template-token-row>span{margin-inline-end:8px;color:#929a90;font-size:10px}
.commerce-template-token-row button{position:relative;min-height:27px;padding:0 9px;border:0;border-radius:0;background:transparent;color:#506a49;font:inherit;font-size:10px;font-weight:550;cursor:pointer}
.commerce-template-token-row button+button{border-inline-start:1px solid #e5eae2}
.commerce-template-token-row button:hover{background:#f7f9f5}
.commerce-template-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding-top:16px;border-top:1px solid #e5e9e3}
.commerce-template-controls-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;grid-column:1/-1;margin-bottom:1px}
.commerce-template-controls-heading strong{font-size:11px;font-weight:600}
.commerce-template-controls-heading small{color:#9ca49a;font-size:9px}
.commerce-template-controls label{display:block;min-width:0;color:#7f887d;font-size:9px}
.commerce-template-controls input{display:block;width:100%;height:34px;margin-top:5px;padding:0 2px;border:0;border-bottom:1px solid #dfe5dc;border-radius:0;background:transparent;color:#293329;text-align:right;font:inherit;font-size:11px;font-weight:550;outline:0}
.commerce-template-controls input:focus{border-bottom-color:#71876a}
.commerce-template-preview{grid-column:2;grid-row:1;padding:0;background:transparent}
.commerce-preview-heading{padding:0 0 11px;margin:0 0 12px;border-bottom:1px solid #e5e9e3}
.commerce-preview-heading>div>span{display:block;margin-bottom:3px;color:#86977e;font-size:10px}
.commerce-preview-heading strong{font-size:16px;font-weight:600}
.commerce-preview-canvas{padding:0;border:0;border-radius:0;background:transparent}
.commerce-preview-scene{width:100%}
.commerce-preview-scene-head{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:#41513d;font-size:10px;font-weight:600}
.commerce-preview-scene-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e6ede1;color:#4a6144;font-size:10px}
.commerce-preview-scene-head small{margin-inline-start:auto;color:#a0a99c;font-size:9px;font-weight:400}
.commerce-preview-bubble{padding:14px 15px;border:1px solid #e7ece3;border-radius:7px 7px 2px 7px;background:#f8faf6;color:#30372e;font-size:11px;line-height:1.9;white-space:pre-line}
.commerce-preview-extra{margin-top:10px;padding-top:8px;border-top:1px solid #e5eae1;color:#929b8d;font-size:9px}
.commerce-preview-buttons{display:flex;flex-direction:column;margin-top:5px;border-top:1px solid #e7ebe5;border-bottom:1px solid #e7ebe5}
.commerce-preview-buttons span{padding:9px;color:#526e4b;text-align:center;font-size:10px;font-weight:550}
.commerce-preview-buttons span+span{border-top:1px solid #edf0eb}
.commerce-preview-note{margin:8px 0 0;color:#a1a99e;font-size:9px}
.commerce-template-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;grid-column:1/-1;margin-top:1px;padding:18px 0 0;border-top:1px solid #e5e9e3}
.commerce-template-footer>span{color:#969f94;font-size:10px}
.commerce-template-footer .button{min-height:39px;padding:0 17px;border:0;border-radius:5px;background:#242c23;color:#fff;font:inherit;font-size:11px;font-weight:600;cursor:pointer}
.commerce-template-footer .button:hover{background:#3d5039}
.commerce-template-empty{padding:35px;text-align:center}
.commerce-template-empty h2{margin:0;font-size:18px}
.commerce-template-empty p{color:#879183;font-size:12px}
.commerce-preview-buttons .commerce-preview-button{display:block;flex:0 1 auto;min-width:0;margin:0;padding:9px 10px;border:0;border-radius:0;background:transparent;color:#526e4b;text-align:center;font:inherit;font-size:10px;font-weight:550;line-height:1.5;cursor:pointer}
.commerce-preview-buttons .commerce-preview-button:hover{background:#f2f6ef}
.commerce-preview-buttons .commerce-preview-button:focus-visible,.commerce-preview-button-input:focus-visible{outline:2px solid #71876a;outline-offset:-2px}
.commerce-preview-buttons .commerce-preview-button+.commerce-preview-button{border-top:1px solid #edf0eb}
.commerce-preview-buttons .commerce-preview-button-input{display:block;flex:0 1 auto;width:calc(100% - 16px);min-width:0;height:32px;margin:5px 8px;padding:0 7px;border:0;border-bottom:1px solid #aab9a2;border-radius:0;background:#f7f9f5;color:#344431;text-align:center;font:inherit;font-size:10px;font-weight:550;outline:0}
@media(max-width:850px){.commerce-template-studio{padding-inline:22px}.commerce-template-workspace{grid-template-columns:minmax(0,1fr) 260px;gap:25px}}
@media(max-width:700px){.commerce-template-heading{align-items:stretch;flex-direction:column;gap:14px}.commerce-template-store{width:100%}.commerce-template-workspace{grid-template-columns:1fr;gap:27px}.commerce-template-compose{grid-row:1}.commerce-template-preview{grid-column:1;grid-row:2}.commerce-template-footer{grid-row:3}.commerce-preview-buttons{flex-direction:row}.commerce-preview-buttons span{flex:1}.commerce-preview-buttons span+span{border-top:0;border-inline-start:1px solid #e9eee6}.commerce-preview-buttons .commerce-preview-button,.commerce-preview-buttons .commerce-preview-button-input{flex:1}.commerce-preview-buttons .commerce-preview-button+.commerce-preview-button{border-top:0;border-inline-start:1px solid #e9eee6}}
@media(max-width:480px){.commerce-template-studio{padding:25px 16px 38px}.commerce-template-heading h2{font-size:28px}.commerce-template-nav{gap:18px}.commerce-template-nav button span{font-size:11px}.commerce-template-editor{min-height:145px;font-size:13px}.commerce-template-controls{grid-template-columns:1fr}.commerce-template-controls label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:39px}.commerce-template-controls input{width:56%;height:31px;margin:0}.commerce-template-token-row>span{width:100%;margin-bottom:3px}.commerce-template-footer{align-items:stretch;flex-direction:column}.commerce-template-footer .button{width:100%}}

/* Message templates — balanced writing workspace */
.commerce-page[data-commerce-view="templates"] .commerce-templates-panel{padding:0!important}
.commerce-template-studio{width:min(100%,1160px);max-width:1160px;margin:0 auto;padding:34px 28px 46px;color:#252b24}
.commerce-template-heading{align-items:center;gap:32px;padding:0 0 23px;border-bottom:1px solid #e8ebe5}
.commerce-template-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 8px;color:#73836b;font-size:11px;font-weight:600;letter-spacing:0}
.commerce-template-eyebrow:before{content:"";width:19px;height:1px;background:#829477}
.commerce-template-heading h2{font-size:30px;line-height:1.25;font-weight:550;letter-spacing:-.035em}
.commerce-template-heading p{margin-top:7px;font-size:12px;color:#7d857b}
.commerce-template-store{width:235px;padding:0 2px 2px}
.commerce-template-store select{height:40px;padding-inline:0;font-size:13px;font-weight:500;border-bottom-color:#dce2d8}
.commerce-template-nav{gap:27px;margin-top:2px;border-bottom-color:#e8ebe5}
.commerce-template-nav button{min-height:53px;color:#90978e}
.commerce-template-nav button span{font-size:12px;font-weight:500}
.commerce-template-nav button[aria-pressed=true]{color:#253124}
.commerce-template-nav button[aria-pressed=true]:after{height:2px;background:#344331}
.commerce-template-workspace{grid-template-columns:minmax(0,1.38fr) minmax(260px,.78fr);gap:clamp(28px,4vw,54px);padding-top:27px}
.commerce-template-compose-top{align-items:center;margin-bottom:13px}
.commerce-template-field-label{margin-bottom:3px;font-size:10px;color:#889581}
.commerce-template-compose-top h3{font-size:18px;font-weight:550;letter-spacing:-.02em}
.commerce-template-count{font-size:10px;color:#9ca39a}
.commerce-template-count b{font-size:11px;color:#53644c;font-weight:600}
.commerce-template-editor{min-height:168px;padding:15px 16px;border:1px solid #e1e6de;border-radius:8px;background:#fff;color:#242a23;font-size:14px;line-height:1.95;transition:border-color .18s,background .18s}
.commerce-template-editor:focus{border-color:#aab9a1;background:#fdfefc}
.commerce-template-token{padding:2px 6px;border-radius:4px;background:#f0f3ed;color:#465d40;font-size:.92em;font-weight:500}
.commerce-template-token-row{align-items:center;gap:6px;margin:11px 0 20px}
.commerce-template-token-row>span{margin-inline-end:3px;font-size:10px;color:#8a9288}
.commerce-template-token-row button{min-height:27px;padding:0 9px;border:1px solid #e3e8df;border-radius:4px;background:#fff;color:#53654b;font-size:10px;font-weight:500;transition:background .15s,border-color .15s}
.commerce-template-token-row button+button{border-inline-start:1px solid #e3e8df}
.commerce-template-token-row button:hover{border-color:#cbd5c5;background:#f7f9f5}
.commerce-template-controls{gap:0 15px;padding-top:15px;border-top:1px solid #e8ebe5}
.commerce-template-controls-heading{padding-bottom:4px}
.commerce-template-controls-heading strong{font-size:12px;font-weight:550}
.commerce-template-controls-heading small{font-size:10px;color:#8a9288}
.commerce-template-controls label{padding:4px 0 8px;font-size:10px;color:#737d70}
.commerce-template-controls input{height:32px;margin-top:4px;border-bottom-color:#e2e7df;font-size:12px;font-weight:500}
.commerce-template-preview{grid-column:2;grid-row:1;min-width:0}
.commerce-preview-heading{display:flex;align-items:end;justify-content:space-between;padding:0 0 10px;margin:0 0 12px;border-bottom:1px solid #e8ebe5}
.commerce-preview-heading>div>span{margin-bottom:4px;font-size:10px;color:#899681}
.commerce-preview-heading strong{font-size:14px;font-weight:550}
.commerce-preview-canvas{padding:15px 14px 12px;border:1px solid #e9ede7;border-radius:10px;background:#f4f6f2}
.commerce-preview-scene-head{margin-bottom:12px;color:#354331;font-size:11px}
.commerce-preview-scene-mark{width:26px;height:26px;background:#e6ebe2;color:#52684a;font-size:10px}
.commerce-preview-bubble{padding:13px 14px;border:1px solid #edf0eb;border-radius:9px 9px 3px 9px;background:#fff;color:#30362f;font-size:12px;line-height:1.9;box-shadow:0 1px 2px rgba(25,35,20,.035)}
.commerce-preview-extra{margin-top:11px;padding-top:9px;border-top:1px solid #eef0ec;color:#899184;font-size:10px}
.commerce-preview-buttons{margin-top:8px;border:1px solid #e3e8e0;border-radius:7px;overflow:hidden;background:#fff}
.commerce-preview-buttons span{padding:9px 8px;color:#52694b;font-size:10px;font-weight:500}
.commerce-preview-buttons span+span{border-color:#edf0eb}
.commerce-preview-note{margin:8px 1px 0;font-size:10px;color:#8b9388}
.commerce-template-footer{align-items:center;margin-top:4px;padding-top:15px;border-top:1px solid #e8ebe5}
.commerce-template-footer>span{font-size:10px;color:#848d81}
.commerce-template-footer .button{min-height:40px;padding:0 21px;border-radius:5px;background:#29352a;font-size:12px;font-weight:500;transition:background .16s}
.commerce-template-footer .button:hover{background:#3d5039}
@media(max-width:900px){.commerce-template-studio{padding-inline:23px}.commerce-template-workspace{grid-template-columns:minmax(0,1.2fr) minmax(245px,.8fr);gap:25px}}
@media(max-width:700px){.commerce-template-studio{padding:26px 20px 36px}.commerce-template-heading{align-items:stretch;gap:17px}.commerce-template-heading h2{font-size:27px}.commerce-template-store{width:100%}.commerce-template-nav{gap:22px}.commerce-template-workspace{grid-template-columns:minmax(0,1fr);gap:25px;padding-top:22px}.commerce-template-compose{grid-row:1}.commerce-template-preview{grid-column:1;grid-row:2}.commerce-template-footer{grid-row:3}.commerce-preview-canvas{padding:13px}.commerce-template-footer{align-items:center;flex-direction:row}.commerce-template-footer .button{width:auto}}
@media(max-width:480px){.commerce-template-compose-tools{gap:8px}.commerce-template-delay{gap:4px;font-size:9px}.commerce-template-delay select{max-width:91px;font-size:9px}.commerce-template-count{font-size:9px}}

/* Message-template cleanup: remove dividers and let the controls breathe. */
.commerce-template-heading{border:0!important;padding-bottom:12px!important}
.commerce-template-nav{border:0!important;margin-top:10px!important;gap:30px!important}
.commerce-template-nav button[aria-pressed=true]:after{bottom:1px!important;height:2px!important}
.commerce-template-store{display:grid!important;gap:7px!important;width:245px!important;padding:0!important;color:#899184!important}
.commerce-template-store-caption{font-size:10px!important;color:#8b9388!important}
.commerce-template-store-choice{display:flex;align-items:center;gap:10px;min-width:0}
.commerce-template-store-mark{display:grid;place-items:center;flex:none;width:34px;height:34px;border:0;border-radius:50%;background:#eff2e9;color:#41513d;font-size:14px;font-weight:600}
.commerce-template-store-info{display:grid;gap:1px;min-width:0;flex:1}
.commerce-template-store-info select{width:100%;height:24px!important;padding:0!important;border:0!important;background:transparent!important;color:#252b24!important;font-size:13px!important;font-weight:600!important;outline:none!important;box-shadow:none!important}
.commerce-template-store-info small{font-size:10px;color:#8c9588}
.commerce-template-store-choice>svg{width:15px;height:15px;flex:none;color:#77836f}
.commerce-template-store-choice:focus-within{outline:0}
.commerce-template-editor{min-height:142px!important;padding:15px 17px!important;border:0!important;border-radius:9px!important;background:#f7f8f5!important;box-shadow:none!important}
.commerce-template-editor:focus{background:#f4f6f1!important;outline:0!important}
.commerce-template-token-row button{border:0!important;border-radius:5px!important;background:#f1f4ed!important}
.commerce-template-token-row button+button{border-inline-start:0!important}
.commerce-template-controls{padding-top:8px!important;border:0!important;gap:10px!important}
.commerce-template-controls label{padding:0!important;color:#7d8778!important;font-size:10px!important}
.commerce-template-controls input{height:36px!important;margin-top:6px!important;padding:0 10px!important;border:0!important;border-radius:6px!important;background:#f5f7f2!important;box-shadow:none!important}
.commerce-template-controls input:focus{background:#eef2e9!important;outline:0!important}
.commerce-template-preview{align-self:start}
.commerce-preview-canvas{padding:13px!important;border:0!important;border-radius:12px!important;background:#f3f5f0!important;box-shadow:none!important}
.commerce-preview-scene-head{margin-bottom:10px!important}
.commerce-preview-scene-mark{border:0!important}
.commerce-preview-bubble{padding:14px!important;border:0!important;border-radius:9px 9px 3px 9px!important;background:#fff!important;box-shadow:none!important}
.commerce-preview-extra{padding-top:8px!important;border:0!important}
.commerce-preview-buttons{display:grid!important;gap:3px!important;margin-top:7px!important;border:0!important;background:transparent!important;overflow:visible!important}
.commerce-preview-buttons span{padding:8px!important;border:0!important;border-radius:5px!important;background:#fff!important}
.commerce-preview-buttons span+span{border:0!important}
.commerce-preview-note{margin-top:7px!important}
.commerce-template-footer{padding-top:9px!important;border:0!important}
@media(max-width:700px){.commerce-template-store{width:100%!important}.commerce-template-nav{gap:22px!important}.commerce-template-workspace{gap:22px!important}}
@media(max-width:480px){.commerce-template-editor{min-height:132px!important;padding:13px!important}.commerce-template-controls{gap:8px!important}.commerce-template-controls input{margin-top:4px!important}.commerce-template-footer{padding-top:5px!important}}
.commerce-template-store,.commerce-template-store-info{text-align:right!important}
.commerce-template-nav button[aria-pressed=true]:after{right:-11px!important;left:auto!important;top:50%!important;bottom:auto!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#74896a!important;transform:translateY(-50%)!important}
.commerce-template-delivery-row{display:none!important}
.commerce-template-compose-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:clamp(10px,2vw,24px)!important;margin-bottom:12px!important}
.commerce-template-delay{display:inline-flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important;line-height:1!important;color:#687363!important}
.commerce-template-delay svg{flex:none!important;width:14px!important;height:14px!important}
.commerce-template-delay select{flex:none!important;max-width:112px!important;height:26px!important;line-height:26px!important}
.commerce-template-delay:after{align-self:center!important;line-height:1!important}
.commerce-template-count{white-space:nowrap!important}
@media(max-width:700px){.commerce-template-compose-top{grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important}}
@media(max-width:480px){.commerce-template-compose-top{grid-template-columns:minmax(0,1fr) auto auto!important;gap:6px!important}.commerce-template-delay{gap:3px!important;font-size:9px!important}.commerce-template-delay svg{width:12px!important;height:12px!important}.commerce-template-delay select{max-width:88px!important;font-size:9px!important}.commerce-template-count{font-size:8px!important}}
.commerce-template-delivery-row{display:flex;align-items:center;justify-content:flex-start;gap:13px;margin:13px 0 0;color:#687363}
.commerce-template-delivery-label{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:500}
.commerce-template-delivery-label svg{width:15px;height:15px;color:#71846a;stroke-width:1.7}
.commerce-template-delay{position:relative;gap:0!important;color:#344331!important;font-size:11px!important}
.commerce-template-delay select{appearance:none!important;max-width:130px!important;height:28px!important;padding:0 1px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#344331!important;font-size:11px!important;box-shadow:none!important;outline:0!important}
.commerce-template-delay select:focus,.commerce-template-delay select:focus-visible{border:0!important;box-shadow:none!important;outline:0!important}
.commerce-template-delay:after{content:'⌄';margin-inline-start:4px;color:#84907f;font-size:12px;pointer-events:none}
@media(max-width:480px){.commerce-template-delivery-row{justify-content:space-between;gap:8px;margin-top:10px}.commerce-template-delay select{max-width:112px!important;font-size:10px!important}.commerce-template-delivery-label{font-size:10px}}
.commerce-preview-buttons .commerce-preview-button{display:block!important;width:100%!important;min-height:0!important;margin:0!important;padding:8px!important;border:0!important;border-radius:5px!important;background:#fff!important;color:#52694b!important;text-align:center!important;font-size:10px!important;font-weight:500!important;line-height:1.5!important}
.commerce-preview-buttons .commerce-preview-button:hover{background:#f8faf6!important}
.commerce-preview-buttons .commerce-preview-button+.commerce-preview-button{border:0!important}
.commerce-preview-buttons .commerce-preview-button-input{display:block!important;width:100%!important;height:34px!important;margin:0!important;padding:0 8px!important;border:0!important;border-radius:5px!important;background:#fff!important;color:#52694b!important;text-align:center!important;font-size:10px!important;font-weight:500!important}
.commerce-preview-buttons .commerce-preview-button-input:focus{height:40px!important;background:#f6f8f3!important;font-size:11px!important}
.commerce-preview-buttons .commerce-preview-button:hover,.commerce-preview-buttons .commerce-preview-button:active,.commerce-preview-buttons .commerce-preview-button:focus,.commerce-preview-buttons .commerce-preview-button:focus-visible{background:#fff!important;color:#52694b!important;outline:0!important;box-shadow:none!important;transform:none!important}
.commerce-preview-buttons .commerce-preview-button-input:focus,.commerce-preview-buttons .commerce-preview-button-input:focus-visible{height:40px!important;background:#fff!important;color:#52694b!important;border:0!important;outline:0!important;box-shadow:none!important;font-size:11px!important}
.commerce-template-nav button[aria-pressed=true]:hover:after{transform:translateY(-50%)!important}

/* Template header: compact, recognizable store switcher. */
.commerce-template-heading{align-items:center!important;gap:24px!important;padding-bottom:7px!important}
.commerce-template-heading-copy{flex:1;min-width:0}
.commerce-template-heading h2{font-size:29px!important}
.commerce-template-heading p{margin-top:6px!important}
.commerce-template-store{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:auto!important;min-width:185px;max-width:280px;padding:5px 0!important}
.commerce-template-store-caption{display:none!important}
.commerce-template-store-choice{display:flex!important;align-items:center!important;gap:9px!important;width:auto!important}
.commerce-template-store-mark{width:32px!important;height:32px!important;font-size:13px!important}
.commerce-template-store-info{display:flex!important;align-items:baseline!important;gap:7px!important;width:auto!important}
.commerce-template-store-info select{width:auto!important;max-width:170px;height:26px!important;font-size:13px!important;font-weight:600!important;cursor:pointer}
.commerce-template-store-info small{font-size:10px!important;white-space:nowrap}
.commerce-template-store-choice>svg{margin-inline-start:3px}
.commerce-template-nav{margin-top:12px!important}
.commerce-template-workspace{padding-top:22px!important}
.commerce-template-preview{padding-top:0!important}
@media(max-width:700px){.commerce-template-heading{align-items:stretch!important;gap:14px!important}.commerce-template-store{min-width:0;width:100%!important;padding:2px 0!important}.commerce-template-store-info select{max-width:calc(100vw - 120px)!important}.commerce-template-nav{margin-top:8px!important}.commerce-template-workspace{padding-top:18px!important}}
@media(max-width:480px){.commerce-template-heading h2{font-size:25px!important}.commerce-template-store-info{gap:6px!important}}

/* Keep the editor and customer preview in fixed grid slots for every template tab. */
.commerce-template-workspace{grid-auto-flow:row!important;align-items:start!important}
.commerce-template-compose{grid-column:1!important;grid-row:1!important;align-self:start!important;min-width:0}
.commerce-template-preview{grid-column:2!important;grid-row:1!important;align-self:start!important;margin:0!important}
.commerce-template-footer{grid-column:1/-1!important;grid-row:2!important}
@media(max-width:700px){
  .commerce-template-compose{grid-column:1!important;grid-row:1!important}
  .commerce-template-preview{grid-column:1!important;grid-row:2!important}
  .commerce-template-footer{grid-column:1!important;grid-row:3!important}
}
/* On confirmation and cancellation, line the sample bubble up with the writing surface. */
.commerce-template-studio:has(.commerce-template-nav [data-template-kind="confirmed_body"][aria-pressed="true"]) .commerce-template-preview,
.commerce-template-studio:has(.commerce-template-nav [data-template-kind="cancel_prompt_body"][aria-pressed="true"]) .commerce-template-preview{margin-top:clamp(96px,8vw,128px)!important}
@media(max-width:700px){
  .commerce-template-studio:has(.commerce-template-nav [data-template-kind="confirmed_body"][aria-pressed="true"]) .commerce-template-preview,
  .commerce-template-studio:has(.commerce-template-nav [data-template-kind="cancel_prompt_body"][aria-pressed="true"]) .commerce-template-preview{margin-top:0!important}
}

/* WhatsApp message composer toolbar */
.commerce-template-toolbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:3px;min-height:43px;padding:4px 7px;border-radius:9px 9px 0 0;background:#f7f8f5;direction:rtl}
.commerce-template-tool-wrap{position:relative;display:flex;align-items:center}
.commerce-template-tool{display:grid;place-items:center;flex:none;min-width:34px;height:32px;padding:0 7px;border:0;border-radius:6px;background:transparent;color:#4d554b;font:inherit;font-size:15px;line-height:1;cursor:pointer;transition:background .15s,color .15s}
.commerce-template-tool:hover,.commerce-template-tool[aria-expanded=true]{background:#e9ede5;color:#283a27}
.commerce-template-variable-tool{display:flex;gap:8px;align-items:center;padding-inline:10px;font-size:11px;font-weight:600;color:#435a3d}
.commerce-template-variable-tool span{font-size:12px;letter-spacing:-2px}
.commerce-template-tool-separator{width:1px;height:19px;margin:0 4px;background:#e5e9e2}
.commerce-template-tool.format-bold{font-family:Arial,sans-serif;font-weight:800;font-size:17px}
.commerce-template-tool.format-italic{font-family:Georgia,serif;font-size:17px;font-style:italic}
.commerce-template-tool.format-strike{text-decoration:line-through;font-weight:600}
.commerce-template-tool.format-code{font-family:monospace;font-size:11px}
.commerce-template-tool-menu{position:absolute;z-index:15;top:calc(100% + 7px);right:0;min-width:220px;padding:6px;border-radius:9px;background:#fff;box-shadow:0 8px 28px rgba(31,42,30,.12)}
.commerce-template-tool-menu[hidden]{display:none}
.commerce-template-variable-menu{display:grid;gap:2px}
.commerce-template-variable-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:37px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#343b32;text-align:right;font:inherit;font-size:11px;cursor:pointer}
.commerce-template-variable-menu button:hover,.commerce-template-emoji-menu button:hover{background:#f2f5ef}
.commerce-template-variable-menu code{padding:4px 6px;border-radius:5px;background:#eff3eb;color:#526b48;font:500 10px ui-monospace,monospace;direction:ltr}
.commerce-template-emoji-menu{display:grid;grid-template-columns:repeat(5,34px);gap:2px;min-width:0}
.commerce-template-emoji-menu button{width:34px;height:34px;border:0;border-radius:6px;background:transparent;font-size:17px;cursor:pointer}
.commerce-template-link-menu{display:grid;gap:8px;width:250px;min-width:0;padding:11px}
.commerce-template-link-menu label{display:grid;gap:5px;color:#778173;font-size:10px}
.commerce-template-link-menu input{height:34px;padding:0 9px;border:0;border-radius:6px;background:#f3f5f1;color:#30372e;font:12px ui-monospace,monospace;outline:none}
.commerce-template-link-menu>button{height:32px;border:0;border-radius:6px;background:#303c2e;color:#fff;font:inherit;font-size:11px;cursor:pointer}
.commerce-template-editor{min-height:168px!important;margin:0!important;border:0!important;border-radius:0 0 9px 9px!important;background:#f7f8f5!important;box-shadow:none!important}
.commerce-template-editor strong{font-weight:700}
.commerce-template-editor em{font-style:italic}
.commerce-template-editor del{text-decoration:line-through}
.commerce-template-editor code,.commerce-preview-bubble code{padding:1px 4px;border-radius:4px;background:#eaeee7;color:#465640;font-family:ui-monospace,monospace;font-size:.92em}
.commerce-template-editor ul,.commerce-template-editor ol{margin:0;padding-inline-start:24px}
.commerce-template-editor li{padding-inline-start:2px}
.commerce-template-editor:focus{background:#f4f6f1!important}
@media(max-width:480px){.commerce-template-toolbar{gap:1px;min-height:40px;padding:4px}.commerce-template-tool{min-width:29px;height:30px;padding:0 5px}.commerce-template-variable-tool{gap:5px;padding-inline:7px;font-size:10px}.commerce-template-tool-separator{margin:0 2px}.commerce-template-editor{min-height:145px!important}}

/* Match the compact WhatsApp editor reference: one fine frame, variable pill left, bold right. */
.commerce-template-edit-surface{overflow:visible;border:1px solid #e5e8eb;border-radius:11px;background:#fff}
.commerce-template-toolbar{flex-wrap:nowrap;justify-content:space-between;gap:4px;min-height:48px;padding:7px 11px;border-bottom:1px solid #f0f1f2;border-radius:10px 10px 0 0;background:#fff;direction:ltr}
.commerce-template-tool-wrap{flex:none}
.commerce-template-tool{min-width:35px;height:34px;color:#333941}
.commerce-template-tool svg{width:18px;height:18px;stroke-width:1.9}
.commerce-template-tool-separator{height:22px;margin:0 3px;background:#eceef0}
.commerce-template-variable-tool{height:34px;padding:0 13px;border-radius:8px;background:#e7f5e9;color:#267344;direction:rtl;font-size:12px}
.commerce-template-variable-tool:hover,.commerce-template-variable-tool[aria-expanded=true]{background:#d9efde;color:#1e6639}
.commerce-template-variable-tool span{font-size:13px;letter-spacing:0}
.commerce-template-tool-menu{direction:rtl;text-align:right}
.commerce-template-editor{min-height:168px!important;padding:17px 20px!important;border:0!important;border-radius:0 0 10px 10px!important;background:#fff!important;text-align:right;line-height:1.9}
.commerce-template-editor:focus{background:#fff!important}
.commerce-template-token{padding:3px 9px!important;border-radius:8px!important;background:#e5f5e9!important;color:#237344!important;font-weight:600!important;white-space:nowrap}
@media(max-width:700px){.commerce-template-toolbar{justify-content:flex-start;gap:3px;overflow-x:auto;scrollbar-width:none}.commerce-template-toolbar::-webkit-scrollbar{display:none}.commerce-template-tool-separator{flex:none}}
@media(max-width:480px){.commerce-template-toolbar{min-height:44px;padding:5px 7px}.commerce-template-tool{min-width:30px;height:31px}.commerce-template-variable-tool{padding:0 9px}.commerce-template-editor{padding:14px!important}}
/* Keep the bold control inside the frame and tighten variable chips. */
.commerce-template-tool.format-bold{flex:none;margin-inline-start:auto;margin-inline-end:7px}
.commerce-template-token{padding:2px 6px!important;border-radius:6px!important;font-size:.86em!important}
@media(max-width:700px){.commerce-template-toolbar{flex-wrap:wrap;justify-content:flex-start;overflow:visible}.commerce-template-tool.format-bold{margin-inline-start:auto}}
/* Extra inset for the bold button; compact the variable pills noticeably. */
.commerce-template-toolbar{padding-right:23px!important}
.commerce-template-tool.format-bold{margin-right:12px!important;margin-inline-end:12px!important}
.commerce-template-token{padding:1px 4px!important;border-radius:5px!important;font-size:.78em!important;line-height:1.5!important}
@media(max-width:700px){.commerce-template-toolbar{padding-right:14px!important}.commerce-template-tool.format-bold{margin-right:8px!important;margin-inline-end:8px!important}}
@font-face{font-family:WexoraPlaypenArabic;src:url('/assets/playpen-sans-arabic-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
.commerce-page[data-commerce-view="templates"] .commerce-template-store-info small{font-family:WexoraPlaypenArabic,Plex,sans-serif;font-size:14px;line-height:1.55;font-weight:500}
.commerce-template-tool.format-bold{transform:translateX(-14px)}

/* Compact the variables control and use the connected platform's logo in the store picker. */
.commerce-template-variable-tool{height:30px!important;min-height:30px!important;padding:0 11px!important;border-radius:7px!important}
.commerce-template-store-logo{display:block;flex:none;width:30px;height:30px;object-fit:contain;border-radius:6px}
.commerce-preview-scene-logo{display:block;flex:none;width:26px;height:26px;border-radius:50%;background:#e6ebe2;object-fit:cover}
@media(max-width:480px){.commerce-template-variable-tool{height:28px!important;min-height:28px!important;padding:0 9px!important}.commerce-template-store-logo{width:28px;height:28px}}

/* Message delivery delay lives with editor actions, away from the message title. */
.commerce-template-compose-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.commerce-template-delay{display:inline-flex!important;align-items:center!important;gap:5px!important;margin-inline-start:auto!important;padding-inline-start:10px!important;color:#65745f!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important}
.commerce-template-delay svg{width:14px!important;height:14px!important;color:#71846a!important}
.commerce-template-delay select{max-width:105px!important;height:26px!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:#344331!important;font-size:10px!important}
@media(max-width:480px){.commerce-template-delay{gap:3px!important;padding-inline-start:7px!important;font-size:9px!important}.commerce-template-delay select{max-width:82px!important;font-size:9px!important}}
/* Keep the delay selector inside the visible left end of the formatting bar. */
.commerce-template-toolbar>.commerce-template-delay{flex:none!important;margin:0!important;padding-inline-start:0!important;padding-inline-end:12px!important;direction:rtl!important}
@media(max-width:700px){.commerce-template-toolbar>.commerce-template-delay{padding-inline-end:8px!important}}
/* Delivery timing belongs to the message-stage selector, not formatting tools. */
.commerce-template-toolbar>.commerce-template-delay{display:none!important}
.commerce-template-nav{align-items:center!important}
.commerce-template-nav>.commerce-template-delay{flex:none!important;margin-inline-start:auto!important;padding:0!important;direction:rtl!important;color:#687363!important;font-size:10px!important}
.commerce-template-nav>.commerce-template-delay svg{width:13px!important;height:13px!important}
.commerce-template-nav>.commerce-template-delay select{max-width:90px!important;height:27px!important;font-size:10px!important}
@media(max-width:700px){.commerce-template-nav{gap:14px!important}.commerce-template-nav>.commerce-template-delay{gap:3px!important;font-size:9px!important}.commerce-template-nav>.commerce-template-delay select{max-width:68px!important;font-size:9px!important}}

/* Keep the order delivery delay beside the order message it controls. */
.commerce-template-toolbar>.commerce-template-delay,.commerce-template-nav>.commerce-template-delay{display:none!important}
.commerce-template-compose-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
.commerce-template-heading-controls{display:flex;align-items:center;gap:clamp(12px,2vw,24px);min-width:0}
.commerce-template-heading-controls>div{flex:none}
.commerce-template-heading-controls .commerce-template-delay{margin:0!important;padding:0!important;gap:5px!important}
@media(max-width:480px){.commerce-template-compose-top{gap:8px!important}.commerce-template-heading-controls{gap:9px}.commerce-template-heading-controls .commerce-template-delay{gap:3px!important;font-size:9px!important}.commerce-template-heading-controls .commerce-template-delay select{max-width:78px!important;font-size:9px!important}}

/* Separate delivery timing from the message title and formatting controls. */
.commerce-template-compose-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
.commerce-template-heading-controls{display:contents!important}
.commerce-template-timing-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:11px 0;border-block:1px solid #edf0eb;color:#737e70;font-size:11px}
.commerce-template-timing-row>.commerce-template-delay{margin:0!important;padding:0!important;gap:6px!important;color:#43513f!important}
.commerce-template-timing-row>.commerce-template-delay select{max-width:120px!important;height:28px!important;font-size:11px!important}
@media(max-width:480px){.commerce-template-timing-row{margin-bottom:14px;padding:9px 0;font-size:10px}.commerce-template-timing-row>.commerce-template-delay{gap:4px!important;font-size:10px!important}.commerce-template-timing-row>.commerce-template-delay select{max-width:100px!important;font-size:10px!important}}

/* Size the delivery delay selector to its selected option. */
.commerce-template-timing-row>.commerce-template-delay{gap:5px!important}
.commerce-template-timing-row>.commerce-template-delay select{width:auto!important;min-width:0!important;max-width:none!important;padding-inline:0!important;field-sizing:content;}
@media(max-width:480px){.commerce-template-timing-row>.commerce-template-delay select{max-width:none!important}}
.commerce-template-timing-row>.commerce-template-delay select{flex:none!important;min-width:0!important;max-width:none!important;padding-inline:0!important}

/* Keep all four commerce tabs readable on narrow phones. */
@media(max-width:700px){
  .commerce-workspace-nav{display:block!important;width:100%;min-width:0;padding:8px!important;overflow:hidden}
  .commerce-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:3px!important;width:100%;min-width:0}
  .commerce-tabs button{display:flex!important;flex:initial!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;min-width:0!important;min-height:62px!important;padding:7px 2px!important;border-radius:8px!important;text-align:center!important;white-space:normal!important;line-height:1.25!important}
  .commerce-tabs button b{display:block;max-width:100%;font-size:10px!important;font-weight:500;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere;text-wrap:balance}
  .commerce-tabs button svg{display:block!important;flex:none;width:15px!important;height:15px!important}
  .commerce-tabs button>span{position:absolute;top:3px;inset-inline-end:3px;min-width:15px!important;padding:1px 4px!important;font-size:8px!important;line-height:1.2!important}
  .commerce-tabs button[aria-selected=true]{background:#f4f6f1!important}
  .commerce-tabs button[aria-selected=true]:after{right:12px!important;bottom:3px!important;left:12px!important;height:2px!important;border-radius:2px!important}
}
@media(max-width:360px){
  .commerce-workspace-nav{padding:6px!important}
  .commerce-tabs{gap:1px!important}
  .commerce-tabs button{min-height:58px!important;padding-inline:1px!important}
  .commerce-tabs button b{font-size:9px!important}
}
@media(max-width:700px){
  .commerce-workspace-nav{background:#f1f3ee!important;border-radius:12px!important}
  .commerce-tabs button{color:#7d857a!important}
  .commerce-tabs button[aria-selected=true]{background:#fff!important;color:#263323!important}
  .commerce-tabs button[aria-selected=true] b{font-weight:650!important}
  .commerce-tabs button[aria-selected=true] svg{color:#526a48!important;stroke-width:2.2}
}
@media(max-width:700px){
  .commerce-workspace-nav{padding:4px!important;border-radius:10px!important}
  .commerce-tabs{gap:2px!important}
  .commerce-tabs button{flex-direction:row!important;gap:4px!important;min-height:42px!important;padding:5px 3px!important;border-radius:7px!important}
  .commerce-tabs button svg{width:13px!important;height:13px!important}
  .commerce-tabs button b{font-size:9px!important;line-height:1.15!important}
  .commerce-tabs button>span{top:0;inset-inline-end:0}
  .commerce-tabs button[aria-selected=true]:after{right:8px!important;bottom:2px!important;left:8px!important}
}
@media(max-width:360px){.commerce-workspace-nav{padding:3px!important}.commerce-tabs button{min-height:40px!important;gap:3px!important;padding-inline:1px!important}.commerce-tabs button b{font-size:8px!important}}
@media(max-width:700px){
  .commerce-workspace-nav{display:block!important;padding:4px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;overscroll-behavior-inline:contain}
  .commerce-workspace-nav::-webkit-scrollbar{display:none}
  .commerce-tabs{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;gap:2px!important;width:max-content!important;min-width:100%!important}
  .commerce-tabs button{display:flex!important;flex:0 0 auto!important;flex-direction:row!important;gap:5px!important;min-width:max-content!important;min-height:38px!important;padding:5px 8px!important;border-radius:7px!important;white-space:nowrap!important}
  .commerce-tabs button b{display:block;max-width:none!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;overflow-wrap:normal!important}
  .commerce-tabs button svg{width:14px!important;height:14px!important}
  .commerce-tabs button>span{position:static!important;min-width:15px!important;padding:1px 4px!important;font-size:8px!important}
  .commerce-tabs button[aria-selected=true]:after{right:9px!important;bottom:2px!important;left:9px!important}
}
@media(max-width:360px){.commerce-tabs button{gap:4px!important;min-height:36px!important;padding-inline:6px!important}.commerce-tabs button b{font-size:9px!important}}
@media(max-width:700px){
  .commerce-workspace-nav{margin:8px 10px 10px!important;width:auto!important}
  .commerce-tabs button[aria-selected=true]:after{display:none!important}
  .commerce-tabs button[aria-selected=true]{font-weight:650!important}
}
/* Mobile template header: pin a compact store picker to the physical left edge. */
@media(max-width:700px){
  .commerce-template-heading{
    position:relative!important;
    display:block!important;
    min-height:52px!important;
    padding:0 0 8px!important;
    direction:ltr!important;
  }
  .commerce-template-heading-copy{
    display:block!important;
    width:54%!important;
    margin:0 0 0 46%!important;
    text-align:right!important;
    direction:rtl!important;
  }
  .commerce-template-heading h2{font-size:clamp(16px,4.8vw,21px)!important;white-space:nowrap!important}
  .commerce-template-heading p{max-width:100%!important;margin-top:3px!important;font-size:10px!important;line-height:1.4!important}
  .commerce-template-store{
    position:absolute!important;
    top:50%!important;
    left:0!important;
    right:auto!important;
    display:flex!important;
    width:max-content!important;
    max-width:44%!important;
    min-width:0!important;
    margin:0!important;
    padding:4px 0!important;
    transform:translateY(-50%)!important;
  }
  .commerce-template-store-choice{
    display:flex!important;
    flex-direction:row!important;
    direction:ltr!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:max-content!important;
    max-width:100%!important;
    min-width:0!important;
    gap:5px!important;
  }
  .commerce-template-store-logo{width:24px!important;height:24px!important;flex:none!important}
  .commerce-template-store-info{display:block!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;direction:rtl!important;text-align:right!important}
  .commerce-template-store-info select{display:block!important;width:auto!important;max-width:clamp(68px,22vw,100px)!important;min-width:0!important;height:22px!important;text-align:right!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important}
  .commerce-template-store-info small{display:none!important}
  .commerce-template-store-choice>svg{flex:none!important;width:13px!important;height:13px!important;margin:0!important}
}
@media(max-width:380px){
  .commerce-template-heading-copy{width:55%!important;margin-left:45%!important}
  .commerce-template-store{max-width:43%!important}
  .commerce-template-store-logo{width:22px!important;height:22px!important}
  .commerce-template-store-choice{gap:4px!important}
  .commerce-template-store-info select{font-size:9px!important;max-width:clamp(64px,21vw,88px)!important}
}

/* Mobile composer: keep variables pinned while the remaining tools slide underneath. */
@media(max-width:700px){
  .commerce-template-toolbar{position:relative!important;display:block!important;min-height:46px!important;padding:6px 7px!important;overflow:visible!important}
  .commerce-template-toolbar-pinned{position:absolute!important;z-index:4!important;top:50%!important;left:7px!important;display:flex!important;align-items:center!important;transform:translateY(-50%)!important;padding-right:7px!important;background:#fff!important}
  .commerce-template-tools-scroll{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important;padding:0 7px 0 108px!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;direction:ltr!important}
  .commerce-template-tools-scroll::-webkit-scrollbar{display:none!important}
  .commerce-template-tools-scroll>*{flex:none!important}
  .commerce-template-tools-scroll .commerce-template-tool-wrap{flex:none!important}
  .commerce-template-tools-scroll .commerce-template-tool-separator{height:20px!important;margin:0 2px!important}
  .commerce-template-toolbar .commerce-template-emoji-wrap{display:none!important}
  .commerce-template-variable-menu{z-index:20!important}
}
@media(max-width:380px){
  .commerce-template-tools-scroll{padding-left:101px!important}
}

/* Finish spacing the bold control and remove timing-row divider rules. */
.commerce-template-tool.format-bold{transform:none!important;margin:0!important}
.commerce-template-bold-separator{flex:none!important;margin:0 4px!important}
.commerce-template-timing-row{border-block:0!important}

/* Keep a compact save action opposite the message-stage tabs. */
.commerce-template-nav>.commerce-template-save-inline{flex:none!important;min-height:32px!important;margin-inline-start:auto!important;padding:0 13px!important;border:0!important;border-radius:6px!important;background:#252c24!important;color:#fff!important;font:inherit!important;font-size:11px!important;font-weight:600!important;line-height:1!important;cursor:pointer!important}
.commerce-template-nav>.commerce-template-save-inline:hover{background:#3d5039!important}
@media(max-width:700px){.commerce-template-nav{gap:clamp(7px,2vw,12px)!important}.commerce-template-nav>.commerce-template-save-inline{min-height:30px!important;padding:0 10px!important;font-size:10px!important}}

/* Circular save check: disabled and subdued until the message draft changes. */
.commerce-template-nav>.commerce-template-save-inline{display:inline-grid!important;place-items:center!important;width:34px!important;height:34px!important;min-height:34px!important;margin-inline-start:auto!important;padding:0!important;border:0!important;border-radius:50%!important;background:#171a17!important;color:#fff!important;opacity:1!important;transition:background .16s,opacity .16s,transform .16s!important}
.commerce-template-nav>.commerce-template-save-inline svg{width:16px!important;height:16px!important;stroke-width:2.2!important}
.commerce-template-nav>.commerce-template-save-inline.is-dirty:hover{background:#303a30!important;transform:scale(1.04)}
.commerce-template-nav>.commerce-template-save-inline.is-clean,.commerce-template-nav>.commerce-template-save-inline:disabled{background:#eceeea!important;color:#a8aea5!important;opacity:.72!important;cursor:default!important}
@media(max-width:700px){.commerce-template-nav>.commerce-template-save-inline{width:30px!important;height:30px!important;min-height:30px!important;margin-inline-start:auto!important}}

/* Desktop editor tools stay in one horizontal row; mobile keeps the pinned/scrolling layout above. */
@media(min-width:701px){
  .commerce-template-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important}
  .commerce-template-toolbar-pinned{position:relative!important;inset:auto!important;display:flex!important;flex:none!important;align-items:center!important;transform:none!important;padding:0!important;background:transparent!important}
  .commerce-template-tools-scroll{position:static!important;inset:auto!important;display:flex!important;flex:1 1 auto!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;min-width:0!important;padding:0!important;overflow:visible!important;flex-wrap:nowrap!important;direction:ltr!important}
  .commerce-template-tools-scroll>*{flex:none!important}
  .commerce-template-tools-scroll .commerce-template-tool-wrap{display:flex!important;flex:none!important;align-items:center!important}
}

/* Keep laptop-width shortcuts inside their own lane beside the pinned variables control. */
@media(min-width:701px) and (max-width:1100px){
  .commerce-template-tools-scroll{justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain!important}
  .commerce-template-tools-scroll::-webkit-scrollbar{display:none!important}
}

/* Final desktop placement: the preview shares the editor's exact grid row. */
@media(min-width:701px){
  .commerce-template-workspace{display:grid!important;grid-template-columns:minmax(0,1.38fr) minmax(260px,.78fr)!important;grid-auto-flow:row!important;align-items:start!important}
  .commerce-template-compose{display:contents!important}
  .commerce-template-timing-row{grid-column:1!important;grid-row:1!important}
  .commerce-template-compose-top{grid-column:1!important;grid-row:2!important}
  .commerce-template-edit-surface{grid-column:1!important;grid-row:3!important}
  .commerce-template-workspace:has(.commerce-template-timing-row) .commerce-template-preview{grid-column:2!important;grid-row:3!important}
  .commerce-template-workspace:not(:has(.commerce-template-timing-row)) .commerce-template-compose-top{grid-row:1!important}
  .commerce-template-workspace:not(:has(.commerce-template-timing-row)) .commerce-template-edit-surface,
  .commerce-template-workspace:not(:has(.commerce-template-timing-row)) .commerce-template-preview{grid-row:2!important}
  .commerce-template-preview{align-self:start!important;margin:0!important;padding:0!important}
}
@media(max-width:700px){.commerce-template-compose{display:flex!important}}

/* Remove the former vertical preview offset now that preview and editor share a grid row. */
@media(min-width:701px){
  .commerce-template-studio:has(.commerce-template-nav [data-template-kind="confirmed_body"][aria-pressed="true"]) .commerce-template-preview,
  .commerce-template-studio:has(.commerce-template-nav [data-template-kind="cancel_prompt_body"][aria-pressed="true"]) .commerce-template-preview{margin-top:0!important}
}

/* Keep the editor compact and vertically centered beside the taller message preview. */
.commerce-template-editor-wrap{position:relative!important;display:block!important;flex:none!important;min-width:0!important}
.commerce-template-editor-wrap .commerce-template-editor{min-height:168px!important;max-height:330px!important;height:auto!important;padding-bottom:34px!important}
.commerce-template-count{position:absolute!important;bottom:8px!important;left:10px!important;z-index:1!important;display:flex!important;align-items:center!important;gap:2px!important;direction:ltr!important;color:#a4aaa0!important;font-size:9px!important;line-height:1!important;white-space:nowrap!important;pointer-events:none!important}
.commerce-template-count b{color:#65725e!important;font-size:9px!important;font-weight:500!important}
@media(min-width:701px){
  .commerce-template-workspace{align-items:center!important}
  .commerce-template-edit-surface{display:flex!important;flex-direction:column!important;align-self:center!important;min-height:0!important;height:auto!important}
  .commerce-template-preview{align-self:stretch!important;min-height:0!important;height:auto!important}
  .commerce-template-preview .commerce-preview-canvas{height:auto!important;min-height:0!important}
}
@media(max-width:700px){.commerce-template-editor-wrap .commerce-template-editor{padding-bottom:30px!important}.commerce-template-count{bottom:7px!important;left:9px!important;font-size:8px!important}.commerce-template-count b{font-size:8px!important}}

/* Preserve the editor's compact size; center it beside the full message preview. */
@media(min-width:701px){
  .commerce-template-workspace{align-items:stretch!important}
  .commerce-template-workspace .commerce-template-edit-surface{align-self:center!important;display:flex!important;flex:0 0 auto!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important}
  .commerce-template-workspace .commerce-template-editor-wrap{display:block!important;flex:0 0 auto!important;height:auto!important;min-height:0!important}
  .commerce-template-workspace .commerce-template-editor-wrap .commerce-template-editor{display:block!important;flex:none!important;width:100%!important;height:168px!important;min-height:168px!important;max-height:330px!important;overflow:auto!important}
  .commerce-template-workspace .commerce-template-preview{align-self:stretch!important;height:auto!important;min-height:0!important}
}
@media(min-width:701px){.commerce-template-workspace .commerce-template-edit-surface{transform:translateY(-20px)!important}}
@media(min-width:701px){
  .commerce-template-workspace{row-gap:6px!important}
  .commerce-template-compose-top{margin-bottom:0!important}
  .commerce-template-workspace .commerce-template-edit-surface{align-self:start!important;transform:none!important}
  .commerce-template-workspace .commerce-template-preview{transform:none!important}
}

/* Tighten the space between stage tabs and the message editor. */
.commerce-template-nav{margin-top:6px!important}
.commerce-template-workspace{padding-top:0!important}
@media(max-width:700px){
  .commerce-template-nav{margin-top:6px!important}
  .commerce-template-workspace{padding-top:4px!important}
}
@media(min-width:701px){
  .commerce-template-workspace:has(.commerce-template-timing-row) .commerce-template-compose-top,
  .commerce-template-workspace:has(.commerce-template-timing-row) .commerce-template-edit-surface,
  .commerce-template-workspace:has(.commerce-template-timing-row) .commerce-template-preview{margin-top:-32px!important}
}
@media(min-width:701px){
  .commerce-template-workspace:has(.commerce-template-timing-row) .commerce-template-timing-row{grid-column:1/-1!important}
  .commerce-template-timing-row>.commerce-template-delay{transform:none!important}
}
@media(max-width:700px){
  .commerce-template-toolbar-pinned{z-index:8!important;pointer-events:auto!important}
  .commerce-template-tools-scroll{z-index:1!important}
}

/* Keep the expanded full variable list usable on short screens. */
.commerce-template-variable-menu{max-height:min(58vh,380px);overflow-y:auto;overscroll-behavior:contain}