@font-face{font-family:Almarai;src:url('../assets/Almarai-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Almarai;src:url('../assets/Almarai-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}html{color-scheme:light;font-family:Almarai,Arial,sans-serif;color:#282335;background:#f7f7fb;font-size:14px;line-height:1.65}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.55;cursor:wait}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.4;letter-spacing:-.6px}h2{font-size:18px;line-height:1.6}h3{font-size:15px}p{color:#797283}input,select,textarea{width:100%;max-width:100%;min-width:0;border:1px solid #e1dce9;border-radius:10px;padding:11px 13px;background:#fff;color:#30283f;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#8053d7;box-shadow:0 0 0 3px #8053d718}:focus-visible{outline:3px solid #b29ae0;outline-offset:3px}.icon{width:20px;height:20px;flex:none;vertical-align:middle}.btn,.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 17px;border:1px solid #e4deee;border-radius:10px;font-weight:500;font-size:12px;background:white;color:#5e506e;white-space:nowrap}.btn.primary{background:#7445d8;border-color:#7445d8;color:white;box-shadow:0 5px 12px #7445d819}.btn:hover{filter:brightness(.97)}.btn.danger{color:#b54758;background:#fff3f4;border-color:#f2d7dc}.btn.subtle{background:#f6f3fb;border-color:transparent;color:#7a5da3}.icon-btn{width:43px;padding:9px;background:transparent;border-color:transparent}.icon-btn:hover{background:#f2edf8}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;min-width:0;font-size:12px}.field>span{font-weight:500;color:#65586f}.field small{color:#83798e}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check-field{display:flex;gap:10px;align-items:center;margin-block:15px}.check-field input{width:18px;height:18px;accent-color:#7445d8}.sidebar{width:236px;position:fixed;inset-block:0;inset-inline-start:0;background:#191323;color:#beb3ce;padding:28px 18px 20px;display:flex;flex-direction:column;z-index:40;border-inline-end:1px solid #2d243c;overflow:auto}.brand{display:block;padding:0 8px 24px}.brand img{width:176px;max-width:100%;height:39px;object-fit:contain}.workspace-label{display:flex;align-items:center;gap:11px;padding:16px 10px 25px;margin-bottom:15px;border-bottom:1px solid #30263e}.workspace-label .avatar{background:#332344;color:#d9bdfb;border:1px solid #4a345e}.workspace-label strong{color:#f1e8fa;font-size:12px}.workspace-label small{display:block;color:#a99ab8;font-size:10px}.nav-label{font-size:10px;color:#9382a8;letter-spacing:1px;margin:16px 12px 9px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:9px;margin-block:3px;font-size:12px;min-height:45px;color:#c1b6ce}.nav-link .icon{width:18px;height:18px;color:#9b87b1}.nav-link:hover{background:#2c213c}.nav-link[aria-current=page]{background:#7545db;color:#fff;box-shadow:0 5px 16px #05020c30}.nav-link[aria-current=page] .icon{color:#fff}.sidebar-bottom{margin-top:auto;padding-top:24px}.safe-note{padding:12px;border:1px solid #49334f;background:#271c31;border-radius:10px;display:flex;gap:9px;font-size:10px;color:#d0b7df;margin:15px 0}.safe-note strong{display:block;font-size:11px}.profile-link{display:flex;gap:10px;align-items:center;padding:14px 3px 0;border-top:1px solid #33263f;font-size:11px}.profile-link>div{min-width:0;flex:1}.profile-link strong,.profile-link small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.profile-link small{color:#a08eb3;font-size:10px}.avatar{width:36px;height:36px;background:#eee5fa;border-radius:11px;display:grid;place-items:center;font-size:12px;color:#7953a7;flex:none}.profile-link .icon-btn{color:#bfa7d6;width:32px}.topbar{height:76px;position:fixed;inset-block-start:0;inset-inline:236px 0;display:flex;align-items:center;justify-content:space-between;background:#ffffffef;border-bottom:1px solid #ece8f2;padding:0 34px;backdrop-filter:blur(14px);z-index:30}.topbar-title{display:flex;align-items:center;gap:13px;font-size:12px}.topbar-title>span{color:#a095ad}.topbar-title strong{font-weight:500;color:#5e506e}.top-actions{display:flex;align-items:center;gap:13px}.search-button{display:flex;align-items:center;gap:10px;border:1px solid #ebe4f3;background:#faf8fe;border-radius:9px;padding:9px 14px;color:#8e7d9d;font-size:11px}.search-button kbd{font:inherit;margin-inline-start:32px;color:#b5a4c3}.menu-button{display:none}main{margin-inline-start:236px;padding:110px 34px 30px;min-height:100dvh;min-width:0}main>section{max-width:1500px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:26px}.eyebrow{font-size:10px;color:#9887a9;margin-bottom:7px;letter-spacing:.8px}.page-heading>div>p:last-child{font-size:12px;margin-top:8px}.test-banner{border:1px solid #e6dcf3;background:#f0ebf8;color:#71568c;padding:12px 16px;display:flex;align-items:center;gap:11px;border-radius:10px;margin-bottom:24px;font-size:11px}.test-banner strong{font-weight:600}.test-banner .icon{color:#936cb5}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:5px;background:#f2eef6;color:#83718e;font-size:10px;padding:4px 8px;white-space:nowrap;line-height:1.4}.pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.pill.green{background:#edf7f1;color:#43816b}.pill.purple{background:#f1eafa;color:#8255af}.pill.amber{background:#fff5e8;color:#9c762f}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.card,.metric{background:#fff;border:1px solid #eeebf4;border-radius:15px;box-shadow:0 3px 12px #35264302;padding:23px;min-width:0}.metric>div{display:flex;justify-content:space-between;gap:10px;color:#8a7c98;font-size:12px}.metric .icon{padding:6px;background:#f4eefa;border-radius:9px;width:32px;height:32px;color:#a183bc}.metric>strong{display:block;font-size:34px;font-weight:500;line-height:1.4;margin:12px 0 7px}.metric>p{font-size:10px;color:#94879f}.overview-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,1fr);gap:22px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:24px}.card-head p{font-size:11px;margin-top:4px}.card-head select{padding:7px 9px;width:auto;font-size:11px}.legend{display:flex;gap:18px;flex-wrap:wrap;color:#8c7c9d;font-size:10px;margin-bottom:18px}.legend span{display:flex;gap:5px;align-items:center}.legend i{display:inline-block;width:6px;height:6px;background:#9169c9;border-radius:50%}.legend .solved{background:#60a28b}.legend .pending{background:#dab271}.chart{height:178px;display:flex;gap:8px;align-items:stretch;padding:5px 0 25px}.chart-column{flex:1;min-width:0;position:relative;display:flex;align-items:flex-end;justify-content:center;background:#faf8fd;border-radius:5px}.chart-stack{width:9px;max-width:55%;display:flex;flex-direction:column-reverse;min-height:0}.chart-stack>i{display:block;background:#8b62c6;min-height:0}.chart-stack>i.pending{background:#d6ac62}.chart-stack>i.solved{background:#63a28e}.chart-column small{position:absolute;inset-block-end:-23px;font-size:9px;color:#8c7c9d}.chart-foot{border-top:1px solid #f1edf6;padding-top:15px;font-size:11px;color:#7b6b8b}.connect-card{background:radial-gradient(ellipse at top left,#453050,#251b35 75%);color:#f0e5fc;display:flex;flex-direction:column;padding:25px}.connect-card .icon{color:#b09ac5}.connect-card h2{font-size:24px;margin-top:14px;line-height:1.4;max-width:280px}.connect-card p{font-size:11px;color:#c5aed6;margin-top:10px}.connect-card .account-row{border:1px solid #61476b80;background:#ffffff04;border-radius:9px;padding:12px;margin-top:20px;display:flex;gap:10px;align-items:center;font-size:11px}.connect-card small{display:block;color:#bd9ecb;font-size:10px}.connect-card .btn{margin-top:20px;width:100%;background:transparent;border-color:#70557b99;color:#eee0f9;justify-content:space-between}.text-link{color:#8059ab;font-size:11px}.list-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #f2edf6;min-width:0}.list-row:last-child{border-bottom:0}.list-row>div{min-width:0;flex:1}.list-row strong{font-weight:500;font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row p{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.list-row time{font-size:9px;color:#94839f}.shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:22px}.shortcut{display:flex;gap:12px;align-items:center;background:#f1edf7;border:1px solid #e7deef;border-radius:11px;padding:18px;color:#9472b6}.shortcut>div{flex:1;min-width:0}.shortcut strong{display:block;font-size:11px;color:#655076}.shortcut small{display:block;font-size:10px;margin-top:3px;color:#927da4}.footer{margin-top:25px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#94839d}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;flex-wrap:wrap}.toolbar input{width:260px}.toolbar select{width:auto}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.item-card .card-head{margin-bottom:15px}.item-card p{font-size:11px;margin:7px 0 18px}.item-card .actions{padding-top:15px;border-top:1px solid #f1edf6}.item-card .actions .btn{flex:1}.table-wrap{overflow:auto;border:1px solid #eeebf4;border-radius:12px;max-height:65dvh}table{border-collapse:collapse;width:100%;text-align:start;font-size:12px}th,td{padding:14px 17px;text-align:start;border-bottom:1px solid #f0edf4;vertical-align:middle}th{color:#8d78a0;font-size:11px;font-weight:500;white-space:nowrap;background:#faf8fe;position:sticky;top:0;z-index:1}td{color:#65536f}tbody tr:hover{background:#fcfaff}td .actions{flex-wrap:nowrap}td .icon-btn{width:36px;height:36px;min-height:36px}.table-footer{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:11px;color:#8b769b}.book-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.book-tabs .btn.active{border-color:#8051ce;background:#f0e9fa;color:#7648ae}.empty{padding:45px 15px;text-align:center;color:#a48ab8}.empty>.icon{width:35px;height:35px;margin-bottom:15px}.empty h3{color:#6b537b}.empty p{font-size:12px;margin:8px auto 20px;max-width:380px}.loading{padding:90px 20px;display:grid;justify-items:center;gap:18px;font-size:12px;color:#9a82ac}.spinner{height:28px;width:28px;border:2px solid #eee5f8;border-top-color:#8955ce;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{border:1px solid #edcbd1;border-radius:12px;padding:25px;background:#fff7f8;color:#a94b60}.error-box p{color:inherit;font-size:12px;margin:8px 0 17px}.modal{padding:0;border:1px solid #e3d7ee;width:540px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 30px);border-radius:16px;color:#33263f;box-shadow:0 30px 90px #1a082a38;overflow:auto}.modal::backdrop{background:#170d2b77;backdrop-filter:blur(4px)}.modal header{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-bottom:1px solid #efe7f6;position:sticky;top:0;background:#fff;z-index:2}.modal h2{font-size:17px}.modal-body{padding:22px}.modal footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 22px;border-top:1px solid #eee6f4;background:#fcfaff}.form-error{font-size:12px;color:#ad425c}.form-error:empty{display:none}.notice{padding:13px 15px;border-radius:9px;background:#f6f1fc;color:#8b6caa;font-size:11px;margin-bottom:18px}.notice.warning{background:#fff6e8;color:#a17b39}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:-100px;inset-inline-start:20px;z-index:200;padding:10px 20px;background:white;border:2px solid #8051ce}.skip:focus{top:12px}#toasts{position:fixed;bottom:22px;inset-inline-end:22px;z-index:300;max-width:calc(100vw - 32px)}.toast{background:#fff;border:1px solid #ddccec;border-inline-start:4px solid #8051ce;border-radius:10px;padding:14px 20px;box-shadow:0 8px 45px #2c143822;margin-top:8px;font-size:12px;max-width:440px}.toast.error{border-inline-start-color:#be5068}.mobile-nav{margin:0;width:290px;max-width:88vw;height:100dvh;max-height:100dvh;background:#191323;color:#c9bdd6;border:0;border-radius:0;padding:24px 18px;inset-inline-start:0}.mobile-nav::backdrop{background:#190d2e88;backdrop-filter:blur(4px)}.mobile-nav header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.mobile-nav .brand{padding:0}.mobile-nav .brand img{width:165px}.mobile-nav .icon-btn{color:#c7addef0}.search-modal .search-results{max-height:45vh;overflow:auto;margin-top:15px}.search-result{display:flex;gap:12px;align-items:center;padding:12px;border-radius:8px;font-size:12px}.search-result:hover,.search-result:focus{background:#f4eefa}.login{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.login-brand{padding:60px;background:radial-gradient(ellipse at top right,#51306f,#181127 70%);color:#f6eefe;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-brand img{width:220px}.login-brand h1{font-size:44px;max-width:500px}.login-brand p{color:#c2a8d8;margin-top:20px;font-size:15px}.login-brand small{color:#9f85b3}.login-form{display:flex;align-items:center;justify-content:center;padding:35px}.login-form form{width:380px;max-width:100%}.login-form h1{font-size:29px}.login-form p{font-size:12px;margin:10px 0 30px}.login-form .btn{width:100%;margin-top:10px}.login-form .language{width:auto;float:inline-end}.login-form .form-error{margin-top:15px;color:#a74459}.inbox-layout{display:grid;grid-template-columns:310px minmax(0,1fr);height:calc(100dvh - 175px);min-height:420px;border:1px solid #e8e1f1;border-radius:15px;overflow:hidden;background:#fff}.inbox-list{border-inline-end:1px solid #eee7f4;display:flex;flex-direction:column;min-width:0;overflow:hidden}.inbox-list header{padding:16px;border-bottom:1px solid #eee7f4}.inbox-list header input{margin-top:12px;font-size:12px}.inbox-chats{overflow:auto;flex:1}.chat-item{border:0;border-bottom:1px solid #f5f1f8;background:#fff;width:100%;text-align:start;padding:18px 15px;display:flex;gap:10px;align-items:center}.chat-item.active{background:#f6f0fc;border-inline-start:3px solid #8957d4}.chat-item>div{min-width:0;flex:1}.chat-item strong{display:block;font-size:12px;font-weight:500}.chat-item p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;font-size:10px}.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:#faf8fd}.chat-header{padding:13px 20px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #eee7f4}.chat-header>div{flex:1;min-width:0}.chat-header h2{font-size:14px}.chat-header p{font-size:11px}.chat-header select{width:115px;font-size:11px;padding:7px}.chat-messages{flex:1;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:14px}.message{max-width:82%;border:1px solid #e9e1f1;border-radius:12px 12px 3px 12px;background:#fff;padding:11px 15px;align-self:flex-start;overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px}.message.outgoing{align-self:flex-end;border-color:#e2d5f2;background:#efe6fb;border-radius:12px 12px 12px 3px}.message small{display:block;text-align:end;font-size:9px;color:#9c84ad;margin-top:7px}.message-media{max-width:100%;max-height:250px;border-radius:7px}.composer{padding:12px 18px;background:white;border-top:1px solid #eee7f4}.composer-row{display:flex;align-items:flex-end;gap:9px}.composer textarea{min-height:44px;max-height:130px;resize:vertical;font-size:12px}.composer small{display:block;color:#9a84ac;font-size:9px;margin-top:5px}.inbox-back{display:none}.flow-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;min-height:600px}.flow-board{height:650px;max-height:76dvh;border:1px solid #e7ddf0;border-radius:14px;background-color:#faf8fd;background-image:radial-gradient(#dccfe9 .8px,transparent .8px);background-size:18px 18px;position:relative;overflow:auto;direction:ltr}.flow-scene{position:relative;min-width:1100px;min-height:900px}.flow-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.flow-node{position:absolute;width:230px;padding:0;border:1px solid #ded0ef;border-radius:11px;background:white;box-shadow:0 6px 16px #3720440a;touch-action:none;text-align:start;cursor:grab}.flow-node.selected{outline:2px solid #8d5bce;outline-offset:3px}.flow-node header{border-radius:10px 10px 0 0;padding:8px 12px;background:#7445d8;color:#fff;font-size:11px;display:flex;align-items:center;gap:8px}.flow-node header .icon{width:15px;height:15px}.flow-node p{font-size:11px;padding:13px;white-space:pre-wrap;max-height:130px;overflow:hidden;overflow-wrap:anywhere;color:#6a537c}.flow-node small{display:block;font-size:9px;padding:8px 12px;background:#f8f4fc;border-top:1px solid #eee4f7;color:#8e72a4}.flow-inspector{overflow:auto;max-height:76dvh}.flow-inspector .field{font-size:11px}.flow-inspector h3{margin-bottom:18px}.flow-inspector textarea{font-size:12px}.flow-inspector code{font-size:10px;word-break:break-all}.flow-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.flow-toolbar{position:sticky;top:0;z-index:3;background:#fff;padding:10px;border-bottom:1px solid #e7ddf0;display:flex;justify-content:space-between;align-items:center;gap:8px}.flow-toolbar .btn{padding:7px 10px;min-height:36px}.flow-toolbar input{width:230px;font-size:12px;padding:8px}.edge-list{font-size:11px}.edge-row{display:flex;align-items:center;justify-content:space-between;padding-block:9px;border-bottom:1px solid #eee7f4;gap:10px}.edge-row>span{overflow-wrap:anywhere;min-width:0}.code-block{direction:ltr;text-align:left;background:#20192e;color:#d6c2eb;border-radius:11px;padding:20px;font-size:12px;overflow:auto;white-space:pre;max-width:100%;line-height:1.8}.tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.tabs .active{background:#eae1f7;border-color:#cdb5e8}.settings-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:22px}.details{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;font-size:12px}.details dt{color:#9682a5}.details dd{margin:0;color:#5f4772}.chart-table{font-size:10px;margin-top:14px}.chart-table th,.chart-table td{padding:7px 10px}.mobile-count{display:none}
@media(min-width:1600px){main{padding-inline:50px}.overview-grid{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}}
@media(max-width:1150px) and (min-width:801px){.sidebar{width:80px;padding:25px 11px}.brand{padding:0 6px 24px}.sidebar .brand .logo-full{display:none}.sidebar .brand .logo-mark{display:block;width:40px;height:40px}.workspace-label,.nav-label,.nav-link span,.sidebar .safe-note,.profile-link>div,.profile-link>.icon-btn{display:none}.nav-link{justify-content:center;padding:12px}.nav-link .icon{width:21px;height:21px}.profile-link{justify-content:center}.topbar{inset-inline-start:80px}main{margin-inline-start:80px;padding-inline:25px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-layout{grid-template-columns:minmax(0,1fr) 280px}.overview-grid{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr)}.metric{padding:17px}.metrics{gap:12px}.search-button kbd{margin-inline-start:12px}}
@media(max-width:800px){html{font-size:14px}.sidebar{display:none}.topbar{height:64px;inset-inline-start:0;padding:0 16px}.menu-button{display:inline-flex}.topbar-title{gap:4px}.topbar-title>span{display:none}.topbar-title strong{font-size:12px}.top-actions{gap:6px}.topbar .icon-btn{width:40px}.search-button{background:none;border:0;padding:10px}.search-button span,.search-button kbd{display:none}.topbar .language span{display:none}.topbar .pill{font-size:8px;padding:4px 6px}main{margin:0;padding:86px 18px 25px}.page-heading{flex-wrap:wrap;gap:17px;margin-bottom:21px}.page-heading h1{font-size:26px}.page-heading>div>p:last-child{font-size:11px}.page-heading>.actions{width:100%}.page-heading>.actions>.btn{flex:1}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric{padding:16px}.metric>div{font-size:11px}.metric .icon{width:27px;height:27px;padding:5px}.metric>strong{font-size:31px}.overview-grid{grid-template-columns:minmax(0,1fr);gap:18px}.card{padding:20px}.connect-card{grid-row:auto}.connect-card h2{font-size:24px;max-width:100%}.shortcuts{grid-template-columns:1fr;gap:10px}.shortcut{padding:17px}.test-banner{font-size:10px;align-items:flex-start;line-height:1.8;padding:12px;margin-bottom:18px}.test-banner strong{display:block}.chart{gap:5px}.chart-column small{font-size:8px}.cards{grid-template-columns:1fr}.toolbar input{width:100%}.toolbar .actions{width:100%}.toolbar select{flex:1}.table-wrap{max-height:60dvh}th,td{padding:12px 14px;white-space:nowrap}.settings-grid{grid-template-columns:1fr}.two-fields{grid-template-columns:1fr;gap:0}.login{grid-template-columns:1fr}.login-brand{display:none}.login-form{padding:30px 22px}.login-form:before{content:''}.inbox-layout{height:calc(100dvh - 174px);min-height:360px;grid-template-columns:1fr}.inbox-list{border:0}.chat-panel{display:none}.inbox-layout.conversation-open .inbox-list{display:none}.inbox-layout.conversation-open .chat-panel{display:flex}.inbox-back{display:inline-flex;width:32px;min-width:32px}.chat-header{padding:10px;gap:7px}.chat-header h2{font-size:12px}.chat-header select{width:94px;font-size:10px;padding:7px 4px}.chat-header .icon-btn{width:30px;padding:4px}.chat-messages{padding:16px}.composer{padding:10px}.composer .btn{padding:10px;min-width:44px}.composer .btn span{display:none}.flow-layout{grid-template-columns:1fr;gap:16px}.flow-board{height:460px;max-height:none}.flow-inspector{max-height:none}.flow-toolbar{flex-wrap:wrap}.flow-toolbar input{width:100%;flex:1;min-width:100px}.flow-node{width:215px}.flow-tools .btn{flex:1}.code-block{font-size:10px;padding:15px}.modal header{padding:14px 17px}.modal-body{padding:18px}.modal footer{padding:14px 18px}.modal h2{font-size:16px}.footer{gap:10px;flex-wrap:wrap}.card-head{gap:10px}.card-head h2{font-size:16px}.card-head p{font-size:10px}.card-head select{max-width:120px}.table-footer{gap:10px}.actions .icon{width:18px;height:18px}.mobile-count{display:block;font-size:10px;color:#927aa4}}
@media(max-width:360px){main{padding-inline:14px}.topbar{padding-inline:10px}.top-actions{gap:0}.topbar-title strong{max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card{padding:16px}.metric{padding:14px}.metric>div{font-size:10px}.metric .icon{width:24px;height:24px}.btn{padding-inline:12px}.topbar .avatar{width:30px;height:30px}.topbar .pill{display:none}.chart-column small{font-size:7px}.card-head select{font-size:10px}.chart{gap:4px}.composer-row{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Keep the inbox composer visible as the mobile keyboard changes viewport height. */
body[data-route="inbox"] main{height:100dvh;min-height:0;padding-top:96px;padding-bottom:20px;overflow:hidden}
body[data-route="inbox"] main>section{height:100%;display:flex;flex-direction:column}
body[data-route="inbox"] #page{flex:1;min-height:0}
body[data-route="inbox"] .page-heading{display:none}
body[data-route="inbox"] .test-banner{flex:none;margin-bottom:16px}
body[data-route="inbox"] .inbox-layout{height:100%;min-height:0}
@media(max-width:800px){body[data-route="inbox"] main{padding-top:78px;padding-bottom:12px}body[data-route="inbox"] .test-banner{padding:8px 11px;font-size:9px;margin-bottom:12px}.chat-header .field{margin-bottom:0}.chat-header .field>span{font-size:9px}.chat-header .avatar{width:28px;height:28px}.chat-header h2{font-size:11px}.chat-header p{font-size:10px}}

.logo-mark{display:none}@media(max-width:1150px) and (min-width:801px){.sidebar .brand .logo-mark{display:block;width:40px;height:40px}}
.login{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.login-form,.login-form form{min-width:0}@media(max-width:800px){.login{grid-template-columns:minmax(0,1fr)}}

.account-identifier{display:flex;gap:8px;align-items:end;margin:18px 0;min-width:0}.account-identifier label{display:grid;gap:8px;flex:1;min-width:0;font-size:11px;color:var(--muted,#797283)}.account-identifier input{width:100%;min-width:0;padding:10px;border:1px solid var(--border,#e1dce9);border-radius:10px;background:var(--bg,#fff);font:11px monospace;color:inherit}.account-identifier .btn{flex-shrink:0}.api-token-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.chat-messages .message{overflow-wrap:anywhere}.message-poll-options{display:grid;gap:6px;margin-top:10px}.message-poll-options span{padding:7px 10px;border:1px solid var(--border,#e1dce9);border-radius:8px}