@font-face{font-family:Heebo;src:url('/assets/heebo.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{--ink:#0b1f3a;--blue:#146cff;--sky:#2a9df4;--aqua:#43d6c5;--muted:#63738a;--line:#e7edf4;--cloud:#f5f7fb;--mint:#e8fbf7;--shadow:0 8px 35px #19396106;font-family:Heebo,Arial,sans-serif;color:var(--ink);background:var(--cloud);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:var(--blue);text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #146cff85;outline-offset:3px}h1,h2,h3,p{margin:0}button{border:0;background:none}h1{font-size:32px;font-weight:700;letter-spacing:-1px;line-height:1.35}h2{font-size:18px;letter-spacing:-.35px}h3{font-size:16px}small{font-size:12px}input,select,textarea{border:1px solid #dce4ee;border-radius:10px;background:white;padding:10px 12px;color:var(--ink);max-width:100%;min-height:43px}textarea{resize:vertical;min-height:96px}input::placeholder,textarea::placeholder{color:#8391a5}select{cursor:pointer}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:500}form>label{margin-bottom:16px}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border-radius:10px;color:#748298}.icon-btn:hover{background:#eff4fa;color:var(--ink)}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:600;white-space:nowrap}.primary{background:var(--blue);color:white;box-shadow:0 4px 9px #146cff16}.primary:hover{background:#0d58d9}.secondary{background:white;border:1px solid var(--line)}.secondary:hover{background:#f5f8fd}.full{width:100%}.muted{color:var(--muted)}.small{font-size:12px}.tag{font-size:11px;padding:5px 10px;border-radius:7px;background:#edf3fa;color:#536984;display:inline-flex;align-items:center;gap:5px}.eyebrow{display:block;font-size:10px;letter-spacing:2.4px;font-weight:600;color:#8190a5;direction:ltr;text-align:right;margin-bottom:9px}.text-link{color:var(--blue);display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:8px 0}.text-link .icon{width:16px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:12px;background:#e8f1ff;color:#2c69ba;font-size:12px;font-weight:600;flex-shrink:0}.av-0{background:#e8f1ff;color:#2966b6}.av-1{background:#e4f5f0;color:#337f6c}.av-2{background:#f4edf8;color:#82609a}.av-3{background:#fff1e0;color:#916633}.avatar.dark{background:var(--ink);color:var(--aqua)}.avatar.large{width:66px;height:66px;font-size:22px;border-radius:21px}.small-avatar{width:32px;height:32px;font-size:10px;border-radius:50%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-100px;right:20px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.loading,.error-page{padding:12vh 12vw}.error-page p{margin:20px 0}.safe-note{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--muted);line-height:1.7;background:#f6f9fc;padding:14px;border-radius:10px}.safe-note .icon{color:#2a9e91;width:18px}.form-error{color:#ad354c;font-size:13px;min-height:20px;margin:10px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-actions{display:flex;gap:10px;margin-top:20px}
/* A focused, calm entry into the product. */
.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;direction:ltr}.login-story{direction:rtl;background:radial-gradient(ellipse at 20% 60%,#1c5c7938,transparent 55%),radial-gradient(ellipse at 100% 0,#1a438255,transparent 55%),#0b1f3a;color:white;padding:60px 10%;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story>img{align-self:flex-start;margin-bottom:80px}.login-story>.eyebrow{color:#6aa7c8;letter-spacing:3px}.login-story h1{font-size:clamp(36px,3.5vw,60px);line-height:1.22;letter-spacing:-1.7px;margin:20px 0}.login-story p{color:#afc2d8;line-height:1.8;font-size:17px}.flow-art{height:250px;position:relative;display:flex;align-items:center;justify-content:center;gap:40px}.flow-art:before{content:'';position:absolute;width:300px;height:300px;border:1px solid #fff1;border-radius:50%;left:15%;top:0}.flow-bars{display:grid;gap:10px;transform:rotate(-12deg);position:relative;z-index:1}.flow-bars i{height:20px;border-radius:20px;width:120px;background:var(--blue)}.flow-bars i:nth-child(2){width:90px;background:var(--sky)}.flow-bars i:nth-child(3){width:60px;background:var(--aqua)}.flow-dot{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:#ffffff0d;border:1px solid #ffffff1a;color:var(--aqua);transform:rotate(10deg)}.flow-art>span{position:absolute;bottom:25px;font-size:12px;color:#7695b4}.story-footer{margin-top:auto;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#6e8ba7;padding-top:40px}.story-footer span{letter-spacing:0}.login-main{direction:rtl;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fcfdff;padding:65px 10% 25px}.login-box{width:100%;max-width:410px;margin:auto 0}.login-box h2{font-size:36px;letter-spacing:-1px;margin:16px 0 7px}.login-box>.muted{font-size:14px}.demo-options{display:grid;gap:12px;margin:30px 0}.demo-options>button{display:flex;align-items:center;text-align:right;gap:15px;padding:18px;border:1px solid var(--line);border-radius:14px;background:white;transition:transform .2s,border-color .2s;box-shadow:var(--shadow)}.demo-options>button:hover{border-color:var(--sky);transform:translateX(-3px)}.demo-options>button>span:nth-child(2){display:grid;gap:3px;flex:1}.demo-options strong{font-size:14px}.demo-options small{color:var(--muted)}.login-box details{margin-bottom:24px;font-size:12px;color:var(--muted)}.login-box summary{cursor:pointer;padding:8px}.role-buttons{display:flex;gap:8px;margin:10px 0 18px}.login-main footer{width:100%;display:flex;justify-content:space-between;font-size:11px;color:#8b98aa;margin-top:50px}
/* Shared shell and navigation */
.workspace{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:linear-gradient(165deg,#102a48,#0b1f3a 60%);color:#b7c7da;padding:32px 18px 0;position:fixed;inset-block:0;inset-inline-start:0;display:flex;flex-direction:column;z-index:20;overflow:auto}.brand{display:block;padding:0 13px;margin-bottom:35px}.brand img{display:block}.workspace-label{font-size:10px;color:#8299b4;padding:0 12px;margin-bottom:10px}.tenant-switch{border:1px solid #ffffff16;border-radius:12px;background:#ffffff05;display:flex;align-items:center;gap:10px;padding:12px 10px;margin-bottom:27px}.tenant-logo{background:#1b3c5d;color:#79c9db;width:34px;height:34px;display:grid;place-items:center;border-radius:9px}.tenant-switch strong{color:#e8f1ff;font-size:13px;display:block}.tenant-switch small{font-size:10px;color:#8ca4be}.online-dot{width:6px;height:6px;border-radius:50%;background:var(--aqua);margin-inline-start:auto}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;gap:11px;align-items:center;text-align:right;font-size:12px;width:100%;padding:12px;border-radius:9px;min-height:44px;transition:background .15s}.nav-item .icon{width:18px;height:18px;color:#88a4c1}.nav-item:hover{background:#ffffff08;color:white}.nav-item.active{background:linear-gradient(100deg,#146cff24,#146cff48);color:white;border:1px solid #5e9bff28;padding:11px}.nav-item.active .icon{color:#6fb2ff}.nav-item em{font-style:normal;font-size:10px;margin-inline-start:auto;background:#ffffff0d;border-radius:5px;padding:1px 6px;color:#adc4df}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#43d6c5;margin-inline-start:auto}.nav-divider{font-size:10px;color:#748fab;padding:20px 12px 8px}.sidebar-bottom{margin-top:auto;padding-top:40px}.demo-card{padding:17px 13px;border:1px solid #ffffff10;border-radius:12px;background:linear-gradient(140deg,#ffffff05,#43d6c510);position:relative}.demo-card strong{font-size:11px;color:#d5e8f1}.demo-card p{font-size:10px;line-height:1.9;color:#839fb7;margin-top:7px}.demo-orb{position:absolute;left:14px;top:16px;width:7px;height:7px;background:var(--aqua);border-radius:50%;box-shadow:0 0 12px #43d6c550}.user-block{display:flex;align-items:center;gap:10px;padding:20px 0;border-top:1px solid #ffffff12;margin-top:22px}.user-block strong{font-size:12px;color:white;display:block}.user-block small{color:#7f9bb7;font-size:10px}.user-block .avatar{background:#244668;color:#b4d6fb}.user-block .icon-btn{margin-inline-start:auto;min-width:32px}.user-block .icon-btn:hover{background:#ffffff10;color:white}.backoffice-btn{font-size:11px;display:flex;gap:10px;align-items:center;margin:16px 0;color:var(--aqua)}.workarea{margin-inline-start:232px;min-width:0;flex:1}.topbar{height:74px;border-bottom:1px solid var(--line);background:#ffffffd9;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:11px;color:#8793a4}.breadcrumb strong{font-weight:500;color:#485b75}.separator{color:#cbd5e0}.top-actions{display:flex;align-items:center;gap:18px}.local-status{font-size:10px;display:flex;gap:7px;align-items:center;color:#708496}.local-status i{background:#41bbae;width:5px;height:5px;border-radius:50%}.mobile-menu{display:none}#main{padding:32px 36px 20px;max-width:1550px;margin:auto;outline:none}.page-heading{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:26px}.page-heading p{color:var(--muted);font-size:12px;margin-top:8px}.heading-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.select-wrap{position:relative;flex-direction:row;align-items:center;background:white;border:1px solid var(--line);border-radius:10px;padding:0 10px;gap:4px}.select-wrap .icon{width:16px;color:#8495aa}.select-wrap select{font-size:11px;min-height:41px;border:0;padding:8px;background:transparent}.wave{color:var(--aqua)}.app-footer{display:flex;justify-content:space-between;font-size:10px;color:#8b99ad;padding:25px 36px 22px;max-width:1550px;margin:auto}
/* Dashboard */
.welcome-band{position:relative;overflow:hidden;background:linear-gradient(105deg,#e7f6f3 0%,#edf3fd 60%,#e7f0ff);border:1px solid #dfeaf6;border-radius:16px;padding:25px 29px;display:flex;align-items:center;justify-content:space-between;min-height:184px;margin-bottom:23px}.welcome-band h2{font-size:22px;margin:9px 0 7px;letter-spacing:-.6px}.welcome-band p{font-size:12px;color:#70829b}.welcome-band .text-link{margin-top:8px}.live-pill{font-size:10px;color:#3c74b5;display:flex;gap:5px;align-items:center}.live-pill .icon{width:12px;height:14px}.hero-symbol{position:absolute;left:230px;top:30px;width:124px;height:130px;transform:rotate(-10deg);opacity:.84}.hero-symbol i{display:block;height:22px;width:80px;border-radius:30px;background:var(--blue);margin:10px 0}.hero-symbol i:nth-child(2){background:var(--sky);width:100px}.hero-symbol i:nth-child(3){background:var(--aqua);width:65px}.hero-symbol b{position:absolute;width:25px;height:120px;background:var(--ink);border-radius:30px;left:0;top:0}.hero-note{padding:18px 20px;border:1px solid #ffffffd0;background:#ffffff80;border-radius:14px;transform:rotate(3deg);box-shadow:0 10px 30px #3772770b;display:grid;gap:6px;font-size:14px;min-width:155px}.mini-check{width:26px;height:26px;border-radius:9px;background:#d6f4e9;color:#25937a;text-align:center;font-size:17px}.hero-note small{font-size:10px;color:#81938f}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:23px}.kpi{background:white;border:1px solid var(--line);border-radius:14px;padding:17px 21px;box-shadow:var(--shadow)}.kpi-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6f7f94;gap:6px}.metric-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px}.metric-icon .icon{width:16px;height:16px}.blue{background:#edf3ff;color:var(--blue)}.aqua{background:#e7f8f3;color:#259b84}.amber{background:#fff6e9;color:#b58936}.violet{background:#f0edfb;color:#8f78c4}.kpi>strong{font-size:31px;font-weight:600;letter-spacing:-1px;display:block;margin:6px 0 1px;line-height:1.4}.kpi>small{font-size:10px;color:#8a97a9}.analytics-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-bottom:23px}.panel{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.panel-heading{padding:20px 23px 12px;display:flex;justify-content:space-between;gap:12px;align-items:center}.panel-heading h2{font-size:15px}.panel-heading p{font-size:10px;color:#8591a3;margin-top:5px}.panel-heading>.icon{color:#a2b0c1;width:18px}.chart-legend{display:flex;align-items:center;gap:6px;font-size:10px;color:#8391a5}.chart-legend i{width:6px;height:6px;border-radius:50%;background:var(--blue)}.chart-wrap{padding:0 19px 13px;direction:ltr}.chart-wrap svg{width:100%;height:190px;display:block}.source-breakdown{padding:13px 23px 23px;display:grid;gap:16px}.source-row{display:flex;align-items:center;gap:15px}.source-row>.source{min-width:92px}.source-row>b{min-width:15px;font-size:11px;font-weight:500;text-align:left}.bar-track{height:5px;background:#f1f5f9;border-radius:8px;flex:1;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:8px;background:var(--blue);min-width:0}.source{font-size:11px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:#566880}.channel{width:23px;height:23px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-family:Arial,sans-serif;font-style:normal;font-weight:600}.channel.website{background:#e8f3ff;color:#3b90d6}.channel.instagram{background:#f9eafa;color:#bc69b7}.channel.facebook{background:#edf2ff;color:#4b7dc8}.channel.manual{background:#f0f2f6;color:#8e9aab}.channel.whatsapp{background:#e5f6ef;color:#409e7c}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:right;font-size:12px;white-space:nowrap}th{background:#fbfcfe;border-block:1px solid #eff2f6;padding:12px 23px;color:#8c99ab;font-size:10px;font-weight:500}td{padding:12px 23px;border-bottom:1px solid #f0f3f7}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdff}.contact-cell{display:flex;align-items:center;gap:11px;text-align:right;padding:0}.contact-cell strong{display:block;font-size:12px;font-weight:500}.contact-cell small{display:block;font-size:10px;color:#8c98a8;margin-top:2px}.contact-cell:hover strong{color:var(--blue)}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:6px;font-size:10px;white-space:nowrap}.badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.badge.new{background:#edf3ff;color:#4677c8}.badge.contacted{background:#fff5e7;color:#a7833e}.badge.proposal{background:#f0edfa;color:#8b71b4}.badge.won{background:#e6f7ef;color:#3f9472}.badge.lost,.badge.draft{background:#f1f3f6;color:#6c7b8d}.number{font-family:Heebo,Arial,sans-serif;font-size:12px}.owner-dot{display:inline-block;width:6px;height:6px;background:#b2c4dc;border-radius:50%;margin-left:8px}.count{font-size:11px;color:#90a0b5;margin-inline-start:5px}.page-note,.metric-note{font-size:11px;color:#8593a7;line-height:1.8;margin:17px 0}.metric-note{padding:0 24px 16px;margin:0}.info-banner{background:#edf3fb;border:1px solid #e0eafa;border-radius:11px;padding:13px 17px;color:#647a96;display:flex;gap:11px;align-items:center;font-size:12px;line-height:1.7;margin:18px 0}.info-banner .icon{width:18px;flex-shrink:0}
/* Lists, views and details */
.filterbar{display:flex;gap:12px;align-items:center;padding:19px 22px}.filterbar select{font-size:12px}.searchbox{flex:1;max-width:370px;position:relative;display:flex;flex-direction:row;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:0 12px;background:#fcfdff}.searchbox .icon{color:#97a6b8;width:17px}.searchbox input{border:0;background:none;width:100%;padding:10px 0;font-size:12px;outline-offset:0}.view-toggle{display:flex;margin-inline-start:auto;background:#f5f7fb;border:1px solid var(--line);padding:3px;border-radius:9px}.view-toggle button{height:33px;min-width:36px;color:#94a1b3;border-radius:6px}.view-toggle .chosen{color:var(--blue);background:white;box-shadow:0 1px 5px #10264b12}.view-toggle .icon{width:17px}.tabs{display:flex;gap:5px;padding:0 22px;border-bottom:1px solid var(--line);overflow:auto;white-space:nowrap}.tabs>button{padding:13px 12px;font-size:11px;color:#8996a8;border-bottom:2px solid transparent}.tabs>button.selected{color:var(--blue);border-color:var(--blue)}.tabs b{font-size:9px;background:#f1f4f8;padding:1px 5px;border-radius:4px;margin-inline-start:5px;font-weight:500}.empty{padding:65px 20px;text-align:center;color:#99a8ba}.empty>.icon{width:34px;height:34px;color:#b8cadc;margin-bottom:13px}.empty h3{font-size:16px;color:#768ba4}.empty p{font-size:12px;margin-top:8px}.kanban{display:flex;gap:13px;overflow:auto;padding:23px;min-height:450px;align-items:flex-start}.kanban-col{flex:1;min-width:210px;background:#f6f8fc;border-radius:12px;padding:12px}.kanban-col>h3{font-size:11px;font-weight:500;display:flex;align-items:center;gap:7px;margin:2px 0 15px}.kanban-col>h3>b{margin-inline-start:auto;color:#8b9bb0}.stage-dot{height:7px;width:7px;background:#146cff;border-radius:50%}.stage-dot.contacted{background:#d5ab5c}.stage-dot.proposal{background:#9a81c5}.stage-dot.won{background:#43b98e}.stage-dot.lost{background:#a9b5c5}.kanban-card{background:white;border:1px solid var(--line);border-radius:10px;padding:15px;width:100%;text-align:right;margin-bottom:10px;box-shadow:0 3px 8px #16335204}.kanban-card:hover{border-color:#9dc0fa}.kanban-card>div{display:flex;align-items:center;justify-content:space-between}.kanban-card>div>small{font-size:9px;color:#9cabbc}.kanban-card>strong{font-size:13px;display:block;margin-top:14px}.kanban-card>p{font-size:11px;color:#8b99ab;margin:5px 0 17px}.kanban-card footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;font-size:10px}.kanban-card footer span{color:#90a0b6}.task-summary{display:flex;gap:22px;margin-bottom:20px;font-size:12px;color:#68809c}.task-row{display:flex;align-items:center;gap:17px;padding:19px 24px;border-bottom:1px solid #f0f3f7}.task-row input{width:19px;height:19px;min-height:19px;accent-color:var(--blue);cursor:pointer}.task-row>div{flex:1}.task-row strong{font-size:13px;display:block;font-weight:500}.task-row .text-link{font-size:11px;padding:4px 0 0}.struck{text-decoration:line-through;color:#8896a9}.due{font-size:11px;display:flex;align-items:center;gap:7px;color:#7990a9}.due .icon{width:14px}.due.overdue{color:#bb7a4c}.task-owner{font-size:11px;min-width:45px;color:#8796aa}.funnel{display:grid;gap:22px;padding:23px}.funnel>div{display:flex;gap:17px;align-items:center;font-size:12px}.funnel>div>span{width:105px;color:#687d98}.funnel .bar-track{height:12px}.funnel strong{font-size:12px;font-weight:500;width:20px}.settings-card{padding:25px}.settings-card h2{margin-bottom:18px}.settings-card .metric-note{padding:20px 0 0}.settings-card>p{font-size:12px;line-height:1.9}dl{display:grid;grid-template-columns:1fr 1fr;gap:19px;font-size:12px;margin:20px 0 25px}dt{color:#8b9aaf}dd{margin:0}.member-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f3f7}.member-row strong{font-size:13px}.member-row .tag{margin-inline-start:auto}.integrations{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.integrations>div{padding:18px;border:1px solid var(--line);border-radius:12px;display:grid;gap:15px}.integrations .badge{justify-self:start}
/* Unified inbox: sample only, deliberately disabled send. */
.inbox-layout{display:grid;grid-template-columns:300px 1fr;min-height:540px}.conversation-list{border-inline-end:1px solid var(--line)}.conversation-list .panel-heading{padding:22px 18px}.conversation{width:100%;display:flex;text-align:right;gap:10px;padding:19px 16px;border-bottom:1px solid #f0f3f7;align-items:flex-start}.conversation.selected{background:#edf4ff;box-shadow:inset -3px 0 var(--blue)}.conversation:hover{background:#f5f8fd}.conversation>span:nth-child(2){min-width:0;flex:1}.conversation strong{font-size:12px;display:block}.conversation small{font-size:11px;color:#8c9bae;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px;margin:5px 0}.conversation em{font-style:normal}.conversation em .channel{width:16px;height:16px;font-size:11px}.conversation em .source{font-size:9px}.unread-dot{width:6px;height:6px;border-radius:50%;background:var(--blue);margin-top:5px}#conversation-pane{display:flex;flex-direction:column;min-width:0}#conversation-pane>.empty{margin:auto}.chat-header{display:flex;align-items:center;gap:10px;padding:18px 23px;border-bottom:1px solid var(--line)}.chat-header>div{display:grid;gap:5px}.chat-header strong{font-size:13px}.chat-header .secondary{margin-inline-start:auto;font-size:11px}.chat-stream{background:#fafbfd;flex:1;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.chat-date{font-size:10px;color:#a3afc0;align-self:center}.bubble{background:white;border:1px solid var(--line);border-radius:13px 2px 13px 13px;max-width:85%;padding:15px 18px;font-size:13px;line-height:1.7}.bubble small{display:block;font-size:9px;color:#98a6b7;margin-top:5px;direction:ltr}.system-event{font-size:10px;color:#99aabd;align-self:center;display:flex;align-items:center;gap:7px}.system-event .icon{width:13px}.compose-disabled{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;color:#9aa8b9;font-size:12px;border-top:1px solid var(--line)}.compose-disabled button{width:37px;height:37px;border-radius:9px;background:#dae4f3;color:white}.automation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.automation-card{padding:24px}.automation-top{display:flex;justify-content:space-between;margin-bottom:18px}.automation-card>p{font-size:12px;color:#8596ac;margin-top:7px}.flow-mini{display:flex;align-items:center;gap:12px;background:#f6f8fc;padding:12px;border-radius:10px;margin:22px 0;font-size:10px}.flow-mini .icon{width:15px;color:#a5b6ca}.automation-card blockquote{font-size:13px;line-height:1.9;margin:0 0 15px;padding:17px;border-inline-start:2px solid var(--aqua);background:#f8fcfb}.add-automation{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border:1px dashed #c9d7e9;border-radius:15px;min-height:290px;background:#ffffff70;color:#758da9}.add-automation .icon{width:32px;height:32px;color:#8fb8eb}.add-automation strong{font-size:14px}.add-automation span{font-size:11px}
/* Dialogs */
dialog{border:1px solid var(--line);border-radius:18px;padding:28px;width:600px;max-width:calc(100vw - 32px);max-height:90vh;color:var(--ink);box-shadow:0 30px 100px #06183130;background:white}dialog::backdrop{background:#081a3459;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.dialog-head h2{font-size:22px}.dialog-head .eyebrow{font-size:9px}.dialog-head+.safe-note{margin:15px 0}dialog>p{font-size:14px;line-height:1.8;margin:20px 0}dialog.drawer{position:fixed;margin:0;inset-block:0;inset-inline-start:auto;inset-inline-end:0;height:100dvh;max-height:none;width:510px;max-width:100vw;border-radius:18px 0 0 18px;padding:23px 28px;border:0}.drawer-head{display:flex;justify-content:space-between;align-items:center}.lead-identity{text-align:center;margin:15px 0 20px}.lead-identity h2{font-size:25px;margin:12px 0 5px}.lead-identity p{font-size:12px;color:var(--muted);margin-bottom:13px}.contact-details{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:12px;color:#69809d;padding:0 0 23px;word-break:break-word}.detail-strip{display:flex;align-items:center;justify-content:space-between;background:#f6f9fd;border-radius:10px;padding:13px;font-size:11px;margin:20px 0}.detail-strip>span:last-child{color:#879bb3}.drawer-section{border-top:1px solid var(--line);padding:22px 0 0;margin-top:20px}.drawer-section .panel-heading{padding:0;margin-bottom:14px}.drawer-section h3{font-size:14px}.drawer-section textarea{width:100%;font-size:12px;margin-bottom:8px}.note{margin-top:12px;background:#f9fafc;border-radius:10px;padding:14px}.note strong{font-size:11px}.note small{float:left;color:#96a5b7;font-size:10px}.note p{font-size:13px;line-height:1.9;margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}.compact-task{display:flex;gap:10px;align-items:center;font-size:12px;margin:12px 0}.compact-task .icon{color:#809bb9;width:16px}.compact-task small{margin-inline-start:auto;color:#91a2b8}.timeline-item{display:flex;gap:12px;margin-top:17px}.timeline-item>i{width:7px;height:7px;border-radius:50%;background:#bdd4f2;margin-top:6px}.timeline-item strong{font-size:11px;font-weight:500}.timeline-item small{display:block;color:#94a3b6;font-size:10px;margin-top:3px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:13px 22px;border-radius:12px;background:var(--ink);color:white;font-size:13px;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 10px 30px #0b1f3a25;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
/* Platform owner */
.platform{min-height:100vh;background:radial-gradient(ellipse at 20% 10%,#e6f7f2,transparent 40%),var(--cloud)}.platform-header{height:90px;padding:0 7vw;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);background:white}.platform-header .secondary{margin-inline-start:auto}.platform #main{max-width:1200px;padding:55px 45px}.platform .page-heading{margin-bottom:35px}.platform-banner{display:flex;gap:18px;align-items:center;padding:25px;border-radius:15px;background:var(--ink);color:white;margin-bottom:25px}.platform-banner .metric-icon{width:45px;height:45px;background:#43d6c522;color:var(--aqua)}.platform-banner p{font-size:12px;color:#a1b8cd;margin-top:6px}.tenant-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.tenant-card{padding:27px}.tenant-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tenant-monogram{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-weight:600}.tenant-card h2{font-size:23px}.tenant-card>p{color:var(--muted);font-size:12px;margin-top:6px}.tenant-stats{display:flex;justify-content:space-between;padding:25px 0;margin:10px 0;border-block-end:1px solid var(--line)}.tenant-stats>div{display:grid;gap:5px}.tenant-stats b{font-size:23px;font-weight:500}.tenant-stats span{font-size:10px;color:#8d9db1}.tenant-url{font-size:11px;color:#91a4bc;background:#f6f8fc;padding:10px;border-radius:7px;text-align:center;margin-bottom:18px}.tenant-card .primary{width:100%}
@media(min-width:1600px){#main{padding-top:40px}.welcome-band{min-height:205px}.chart-wrap svg{height:210px}.kpi{padding:23px}.page-heading{margin-bottom:32px}.sidebar{width:252px;padding-inline:22px}.workarea{margin-inline-start:252px}}
@media(max-width:1190px){.sidebar{width:210px;padding-inline:12px}.workarea{margin-inline-start:210px}#main{padding:25px 24px}.topbar{padding-inline:24px}.page-heading{align-items:flex-start}.page-heading h1{font-size:27px}.heading-actions{flex-wrap:wrap;justify-content:flex-end;max-width:250px}.hero-symbol{left:185px;opacity:.6}.hero-note{min-width:140px;padding:14px}.kpi{padding:16px}.kpi-top{font-size:10px}.kpi>strong{font-size:27px}.analytics-grid{grid-template-columns:1.2fr 1fr}.source-row{gap:8px}.source-row>.source{min-width:80px}th,td{padding-inline:16px}.inbox-layout{grid-template-columns:260px 1fr}}
@media(max-width:980px){.sidebar{width:185px;padding-inline:10px}.workarea{margin-inline-start:185px}.brand{padding-inline:10px}.brand img{width:125px}.nav-item{font-size:11px;padding:11px 8px}.nav-item.active{padding:10px 7px}.tenant-switch{padding:10px 7px;gap:7px}.tenant-switch strong{font-size:11px}.tenant-logo{width:28px;height:28px}.page-heading{flex-direction:column;gap:17px}.heading-actions{max-width:none;align-self:stretch;justify-content:flex-start}.kpis{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.hero-symbol{left:40px}.hero-note{display:none}.welcome-band>div:first-child{position:relative;z-index:1;max-width:75%}.welcome-band h2{font-size:19px}.integrations{grid-template-columns:repeat(2,1fr)}.inbox-layout{grid-template-columns:225px 1fr}.chat-header{padding:15px}.chat-header .secondary{font-size:10px;padding:8px}.conversation small{max-width:140px}.automation-grid{grid-template-columns:1fr}.task-owner{display:none}}
@media(max-width:720px){.login{display:flex;flex-direction:column}.login-story{padding:28px;min-height:270px}.login-story>img{width:125px;margin-bottom:25px}.login-story h1{font-size:32px;margin:7px 0}.login-story p{font-size:13px}.login-story .flow-art,.story-footer{display:none}.login-main{padding:35px 24px}.login-box h2{font-size:29px}.sidebar{display:none;width:240px;box-shadow:-15px 0 60px #061b3738}.sidebar.mobile-open{display:flex;top:65px}.workarea{margin:0}.mobile-menu{display:flex}.topbar{height:65px;padding:0 15px}.breadcrumb{gap:9px;font-size:10px}.top-actions{gap:9px}.top-actions .icon-btn{display:none}.local-status{font-size:9px}.small-avatar{width:28px;height:28px}.page-heading h1{font-size:27px}#main{padding:25px 17px 10px}.page-heading p{font-size:12px;line-height:1.8}.page-heading .eyebrow{font-size:9px}.heading-actions{gap:8px;justify-content:space-between}.heading-actions .primary{font-size:12px;padding-inline:13px}.select-wrap select{font-size:10px}.welcome-band{padding:21px;min-height:185px}.welcome-band>div:first-child{max-width:85%}.welcome-band h2{font-size:18px;max-width:240px;line-height:1.5}.welcome-band p{font-size:11px;max-width:230px}.hero-symbol{transform:rotate(-10deg) scale(.7);left:-35px;top:32px;opacity:.25}.kpis{gap:10px}.kpi{padding:14px}.kpi-top{font-size:10px;gap:5px}.metric-icon{height:26px;width:26px}.metric-icon .icon{width:14px}.kpi>strong{font-size:26px}.kpi>small{font-size:9px;line-height:1.5;display:block}.panel-heading{padding:18px 17px 12px}.panel-heading h2{font-size:14px}.panel-heading .text-link{font-size:10px}.source-breakdown{padding:12px 18px 22px}.source-row{gap:15px}.source-row>.source{min-width:92px}.chart-wrap svg{height:170px}th,td{padding:12px 15px}.recent table{min-width:575px}.app-footer{padding:20px 18px;gap:15px;font-size:9px}.app-footer>span:last-child{text-align:left}.filterbar{padding:15px;flex-wrap:wrap;gap:9px}.searchbox{flex-basis:100%;max-width:none}.filterbar select{flex:1;font-size:11px}.tabs{padding-inline:9px}.tabs>button{padding:12px 10px;font-size:10px}.kanban{padding:15px}.kanban-col{min-width:240px}.task-row{gap:11px;padding:18px 15px;flex-wrap:wrap}.task-row strong{font-size:12px}.due{font-size:10px}.due .icon{width:12px}.task-summary{font-size:11px}.inbox-layout{display:block}.conversation-list{border-inline-end:0;border-bottom:1px solid var(--line);max-height:290px;overflow:auto}.conversation{padding:12px 15px}.conversation small{max-width:230px}.conversation em{display:none}.chat-stream{min-height:250px}.chat-header .secondary{font-size:10px}.inbox-layout #conversation-pane>.empty{padding-block:60px}.info-banner{font-size:11px}.integrations{gap:10px}.integrations>div{padding:12px}.settings-card{padding:20px}dl{font-size:11px}.form-grid{grid-template-columns:1fr;gap:14px}dialog{padding:22px;max-height:92dvh}dialog.drawer{padding:20px;border-radius:0}.dialog-head h2{font-size:20px}.platform-header{padding:0 20px;height:75px;gap:15px}.platform-header img{width:110px}.platform-header .tag{font-size:9px}.platform-header .secondary{padding:7px 10px;font-size:10px}.platform #main{padding:30px 18px}.tenant-grid{grid-template-columns:1fr}.platform-banner{padding:20px}.platform-banner h2{font-size:17px}.platform-banner p{font-size:11px}.tenant-card{padding:22px}.role-buttons .secondary{font-size:11px}.flow-mini{gap:8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Keep clipped accessible labels inside the RTL table scrollport. */
.table-scroll{position:relative;min-width:0;max-width:100%}
.sr-only{padding:0;margin:-1px;border:0;white-space:nowrap;clip-path:inset(50%)}
