@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{
  --tg:#2AABEE;--tg-dark:#229ED9;--tg-deep:#168ACD;--ink:#18222d;--muted:#6f7f8f;
  --bg:#f4f7fa;--card:#fff;--line:#e5edf3;--soft:#eef7fc;--soft2:#f8fbfd;
  --ok:#18a957;--warn:#e69219;--danger:#df3f4f;--shadow:0 12px 34px rgba(24,34,45,.08);
  --radius:22px;--radius-sm:15px;
}
*{box-sizing:border-box}
html{direction:rtl;background:var(--bg);-webkit-text-size-adjust:100%}
body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:"Vazirmatn",Tahoma,Arial,sans-serif;font-size:14px;line-height:1.7;padding-bottom:calc(86px + env(safe-area-inset-bottom));overflow-x:hidden}
a{color:inherit}.app-shell{min-height:100vh;width:100%;overflow-x:hidden}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,237,243,.9)}
.topbar-inner{max-width:1180px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px}
.brand-wrap{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--tg),var(--tg-dark));display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(42,171,238,.25);font-size:20px;flex:0 0 auto}.brand-title{font-size:16px;font-weight:800;white-space:nowrap}.brand-sub{font-size:11px;color:var(--muted);margin-top:1px}.version-pill{font-size:11px;font-weight:800;color:var(--tg-deep);background:#e9f7fe;border:1px solid #d3effc;border-radius:999px;padding:3px 8px}.top-actions{display:flex;gap:8px;align-items:center}
.container{width:100%;max-width:1180px;margin:0 auto;padding:16px;overflow:hidden}.page-head{margin:4px 0 16px}.page-head h1{font-size:23px;line-height:1.35;margin:0 0 5px;font-weight:800}.page-head p{margin:0;color:var(--muted);font-size:13px}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,#f4fbff 58%,#e9f7fe 100%);border:1px solid #dceff9;border-radius:26px;padding:22px;margin-bottom:16px;box-shadow:0 10px 28px rgba(34,158,217,.07)}.hero:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(42,171,238,.09);left:-65px;top:-85px}.hero>*{position:relative;z-index:1}.hero h1{margin:0 0 7px;font-size:25px;line-height:1.4}.hero .lead{color:#4f6272;font-size:13px;margin:0}.hero-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.avatar{width:50px;height:50px;border-radius:16px;background:#fff;border:1px solid #dcedf7;display:grid;place-items:center;font-size:23px;box-shadow:var(--shadow);flex:0 0 auto}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:17px;min-width:0}.metric{min-height:126px;display:flex;flex-direction:column;justify-content:space-between}.metric-icon{width:38px;height:38px;border-radius:13px;background:var(--soft);display:grid;place-items:center;font-size:19px}.metric-number{font-size:30px;font-weight:800;line-height:1.2;margin-top:10px;direction:ltr;text-align:right}.metric-label{font-size:12px;color:var(--muted);margin-top:4px}
.section-title{font-size:17px;margin:24px 2px 10px;font-weight:800}.section-sub{font-size:12px;color:var(--muted);margin:-6px 2px 10px}
.btn,button{appearance:none;border:0;outline:0;font-family:inherit;font-size:13px;font-weight:700;border-radius:14px;min-height:43px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;cursor:pointer;transition:.18s ease;background:var(--tg-dark);color:#fff;white-space:nowrap}.btn:active,button:active{transform:scale(.98)}.btn.secondary,button.secondary{background:#eaf6fc;color:var(--tg-deep)}.btn.ghost,button.ghost{background:#fff;color:#506171;border:1px solid var(--line)}.btn.danger,button.danger{background:#fff0f2;color:var(--danger)}.btn.success,button.success{background:#eaf8ef;color:#138341}.btn.small,button.small{min-height:36px;padding:7px 10px;font-size:12px;border-radius:11px}.btn.icon,button.icon{width:42px;padding:0}.btn:disabled,button:disabled{opacity:.48;cursor:not-allowed}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row.spread{justify-content:space-between}.actions{display:flex;gap:7px;flex-wrap:wrap}
label{display:block;font-weight:700;font-size:12px;margin:0 2px 5px;color:#425361}input,select,textarea{width:100%;max-width:100%;font-family:inherit;font-size:14px;color:var(--ink);border:1px solid #dbe5ec;background:#fff;border-radius:14px;padding:11px 12px;margin:0 0 13px;outline:none;min-height:44px}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#77c8ee;box-shadow:0 0 0 3px rgba(42,171,238,.12)}input[type=file]{padding:8px;background:var(--soft2)}input[type=checkbox]{width:20px;height:20px;min-height:20px;margin:0;accent-color:var(--tg-dark)}.form-grid{display:grid;grid-template-columns:1fr;gap:0 12px}
.notice{border-radius:15px;padding:12px 13px;margin-bottom:12px;border:1px solid transparent;font-size:12px}.notice.ok{background:#edf9f1;border-color:#d8f0e1;color:#147a3c}.notice.err{background:#fff1f3;border-color:#ffdfe4;color:#a92939}.notice.info{background:#eff8fd;border-color:#dceff9;color:#256985}.notice.warn{background:#fff7e9;border-color:#f8e6bf;color:#8b641d}
.list{display:flex;flex-direction:column;gap:9px}.list-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.list-main{display:flex;gap:11px;align-items:center;min-width:0}.list-icon{width:42px;height:42px;border-radius:14px;background:var(--soft);display:grid;place-items:center;font-size:20px;flex:0 0 auto}.list-copy{min-width:0}.list-title{font-weight:800;font-size:13px;word-break:break-word}.list-meta{color:var(--muted);font-size:11px;margin-top:2px;word-break:break-word}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;background:#eaf8ef;color:#138341;border:1px solid #d7f0e0}.badge.off{background:#f0f3f5;color:#687986;border-color:#e2e8ec}.badge.err{background:#fff0f2;color:#be3042;border-color:#ffdbe1}.badge.info{background:#eaf6fc;color:var(--tg-deep);border-color:#d6eef9}.dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;text-decoration:none;display:flex;align-items:center;gap:10px;min-height:72px}.quick-ico{width:40px;height:40px;border-radius:13px;background:var(--soft);display:grid;place-items:center;font-size:20px}.quick b{display:block;font-size:13px}.quick span{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.bottom-nav{position:fixed;z-index:60;left:0;right:0;bottom:0;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:7px 8px calc(7px + env(safe-area-inset-bottom))}.bottom-nav-inner{max-width:700px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.nav-item{text-decoration:none;color:#71818e;border-radius:13px;padding:6px 2px;text-align:center;min-width:0;font-size:10px;font-weight:600}.nav-item .ico{display:block;font-size:20px;height:25px;line-height:25px}.nav-item.active{background:#edf8fd;color:var(--tg-deep);font-weight:800}
.toolbar{background:#fff;border:1px solid var(--line);border-radius:18px;padding:11px;margin-bottom:10px;display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.crumbs{display:flex;align-items:center;gap:5px;overflow:auto;white-space:nowrap;padding-bottom:2px;scrollbar-width:none}.crumbs::-webkit-scrollbar{display:none}.crumbs a{text-decoration:none;color:var(--tg-deep);font-size:11px}.file-table{background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden}.file-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:11px 12px;border-bottom:1px solid #edf2f5;min-width:0}.file-row:last-child{border-bottom:0}.file-name{min-width:0}.file-name a,.file-name b{font-size:12px;text-decoration:none;word-break:break-word}.file-meta{font-size:10px;color:var(--muted);margin-top:2px}.file-action{display:flex;gap:5px}.file-action .btn,.file-action button{min-height:32px;padding:5px 8px;font-size:10px;border-radius:9px}.file-symbol{font-size:20px}.checkline{display:flex;align-items:center;gap:8px;font-weight:700;font-size:11px}.path-chip{display:inline-flex;background:#edf8fd;border:1px solid #dceff9;color:#41728a;border-radius:10px;padding:5px 8px;font-size:10px;direction:ltr;max-width:100%;overflow-wrap:anywhere}
.update-drop{border:1.5px dashed #acd9ef;background:#f7fcff;border-radius:20px;padding:18px;text-align:center}.update-drop .big{font-size:30px}.update-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.mini-stat{background:#f8fbfd;border:1px solid #e7eff4;border-radius:14px;padding:11px}.mini-stat b{display:block;font-size:13px}.mini-stat span{font-size:10px;color:var(--muted)}.timeline{position:relative;padding-right:17px}.timeline:before{content:"";position:absolute;right:5px;top:7px;bottom:7px;width:2px;background:#e1edf3}.timeline-item{position:relative;margin-bottom:10px}.timeline-item:before{content:"";position:absolute;right:-16px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--tg-dark);border:2px solid #fff;box-shadow:0 0 0 1px #cde8f5}.timeline-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px}
.empty{background:#fff;border:1px dashed #cfdce4;border-radius:20px;text-align:center;padding:30px 18px;color:var(--muted)}.empty .ico{font-size:32px;margin-bottom:5px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 24px 70px rgba(24,34,45,.11)}.login-logo{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,var(--tg),var(--tg-dark));display:grid;place-items:center;color:#fff;font-size:28px;margin-bottom:15px;box-shadow:0 12px 28px rgba(42,171,238,.25)}.login-card h1{font-size:22px;margin:0}.login-card p{font-size:12px;color:var(--muted);margin:3px 0 18px}.divider{height:1px;background:var(--line);margin:15px 0}.muted{color:var(--muted);font-size:11px}.ltr{direction:ltr;text-align:left}.hidden{display:none!important}
@media(min-width:720px){.container{padding:24px}.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid{grid-template-columns:1fr 1fr}.hero{padding:28px}.page-head h1{font-size:27px}.metric{min-height:140px}.update-meta{grid-template-columns:repeat(4,1fr)}}
@media(max-width:430px){.container{padding:13px}.topbar-inner{padding:10px 13px}.brand-title{font-size:14px}.brand-sub{display:none}.hero{padding:18px;border-radius:22px}.hero h1{font-size:22px}.card{padding:14px;border-radius:19px}.metric{min-height:116px}.metric-number{font-size:27px}.btn,button{font-size:12px;padding:9px 12px}.list-item{align-items:flex-start}.list-item>.actions{width:100%;margin-top:6px}.file-row{grid-template-columns:25px 1fr}.file-action{grid-column:2;justify-content:flex-start}.update-meta{grid-template-columns:1fr 1fr}}

/* V2.2 Bot Manager + global drawer */
.hamburger{font-size:20px}.desktop-exit{display:none}.drawer-backdrop{position:fixed;inset:0;background:rgba(15,28,40,.34);z-index:79;opacity:0;pointer-events:none;transition:.2s}.drawer-backdrop.show{opacity:1;pointer-events:auto}.app-drawer{position:fixed;z-index:80;top:0;bottom:0;right:0;width:min(330px,88vw);background:#fff;box-shadow:-20px 0 60px rgba(24,34,45,.16);padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));transform:translateX(105%);transition:.24s ease;display:flex;flex-direction:column;gap:6px}.app-drawer.show{transform:translateX(0)}.drawer-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:12px}.app-drawer>a{text-decoration:none;padding:12px 13px;border-radius:14px;font-weight:700;font-size:13px}.app-drawer>a:active{background:var(--soft)}.drawer-spacer{flex:1}.app-drawer .drawer-logout{background:#fff1f3;color:#a92939}.no-scroll{overflow:hidden}
.bot-grid{display:grid;grid-template-columns:1fr;gap:12px}.bot-card{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--shadow);min-width:0}.bot-card-top{display:flex;align-items:center;gap:11px;min-width:0}.bot-avatar{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#eef9fe,#dff3fc);display:grid;place-items:center;font-size:23px;flex:0 0 auto}.bot-avatar.big{width:62px;height:62px;border-radius:20px;font-size:29px}.bot-copy{min-width:0;flex:1}.bot-title{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot-title.large{font-size:20px}.bot-user{font-size:11px;color:var(--muted);direction:ltr;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.bot-stats>div{background:var(--soft2);border:1px solid #edf2f5;border-radius:14px;padding:10px}.bot-stats b{display:block;font-size:17px}.bot-stats span{font-size:10px;color:var(--muted)}.bot-foot{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border-top:1px solid #edf2f5;margin-top:12px;padding-top:10px;font-size:10px;color:var(--muted)}.bot-foot span:nth-child(2){text-align:center}.chev{font-size:22px;color:var(--tg-deep)}
.modal-backdrop{position:fixed;z-index:90;inset:0;background:rgba(15,28,40,.38);display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:.2s}.modal-backdrop.show{opacity:1;pointer-events:auto}.sheet{width:100%;max-width:620px;margin:0 auto;background:#fff;border-radius:26px 26px 0 0;padding:10px 18px calc(20px + env(safe-area-inset-bottom));max-height:88vh;overflow:auto;transform:translateY(30px);transition:.22s}.modal-backdrop.show .sheet{transform:translateY(0)}.sheet-handle{width:42px;height:5px;border-radius:99px;background:#dce5eb;margin:2px auto 12px}.sheet h3{margin:0;font-size:18px}.bot-profile{display:flex;align-items:center;gap:13px;background:linear-gradient(135deg,#fff,#eef9fe);border:1px solid #dceff9;border-radius:24px;padding:18px;box-shadow:var(--shadow)}.bot-metrics{margin-top:12px}.bot-metrics .metric{min-height:100px}.bot-date{font-size:13px;font-weight:800;margin-top:9px}.health-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #edf2f5;font-size:12px}.health-row:last-child{border-bottom:0}.action-grid{display:grid;grid-template-columns:1fr;gap:8px}.action-grid form,.action-grid button{width:100%}.back-link{text-decoration:none;color:var(--tg-deep);font-weight:700;font-size:12px}
@media(min-width:720px){.desktop-exit{display:inline-flex}.bot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-grid{grid-template-columns:repeat(3,1fr)}.modal-backdrop{align-items:center}.sheet{border-radius:26px;padding:22px}.bot-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* V2.3 Flow Builder */
.flow-list{display:grid;grid-template-columns:1fr;gap:11px}.flow-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:15px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-decoration:none;box-shadow:var(--shadow);min-width:0}.flow-icon{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#fff8e9,#fff0c8);display:grid;place-items:center;font-size:24px;flex:0 0 auto}.flow-copy{min-width:0}.flow-title{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-meta{font-size:10px;color:var(--muted);margin-top:3px}.flow-side{text-align:left;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.flow-side b{font-size:18px}.flow-side>span:last-child{font-size:9px;color:var(--muted)}
.flow-hero{background:linear-gradient(135deg,#fff,#f3fbff);border:1px solid #dceff9;border-radius:24px;padding:17px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:var(--shadow)}.flow-hero h1{font-size:20px;margin:0}.flow-hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:3px;white-space:nowrap}.flow-hero-side b{font-size:21px}.flow-hero-side>span:last-child{font-size:9px;color:var(--muted)}.flow-toolbar{background:#fff;border:1px solid var(--line);border-radius:19px;padding:13px;margin:12px 0 18px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.flow-toolbar>.actions{display:flex;gap:7px;flex-wrap:wrap}.flow-toolbar form{margin:0}
.flow-builder{position:relative;padding:2px 0}.node-wrap{display:flex;flex-direction:column;align-items:center}.flow-node{width:min(100%,680px);background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;box-shadow:0 8px 24px rgba(24,34,45,.055);position:relative}.flow-node.start{border-color:#cfe9f5;background:linear-gradient(135deg,#fff,#f2fbff)}.flow-node.end{border-color:#e0e5e9;background:#fbfcfd}.node-icon{width:42px;height:42px;border-radius:14px;background:var(--soft);display:grid;place-items:center;font-size:20px;font-weight:800}.flow-node.start .node-icon{background:#e9f8fe;color:var(--tg-deep)}.flow-node.end .node-icon{background:#eef1f3;color:#60717f}.node-main{min-width:0}.node-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.node-head b{font-size:13px}.node-users{font-size:9px;color:var(--tg-deep);background:#edf8fd;border:1px solid #dceff9;padding:3px 7px;border-radius:999px;white-space:nowrap}.node-desc{font-size:11px;color:var(--muted);margin-top:4px;word-break:break-word}.node-chip{display:inline-flex;margin-right:6px;color:#41728a;background:#edf8fd;border-radius:8px;padding:2px 6px;font-size:9px}.node-delete{width:31px;min-height:31px;height:31px;border-radius:10px;padding:0;background:#fff1f3;color:#b53244;font-size:18px}.node-line{height:34px;display:grid;place-items:center;color:#86a2b3;font-size:19px;line-height:1}.add-node-btn{display:flex;width:min(100%,680px);margin:10px auto 0;background:#f7fcff;color:var(--tg-deep);border:1.5px dashed #addcf2;box-shadow:none}.add-node-btn:active{background:#edf8fd}
textarea{width:100%;box-sizing:border-box;border:1px solid #dce6ec;border-radius:14px;padding:12px 13px;font-family:inherit;font-size:14px;line-height:1.8;resize:vertical;background:#fff;color:var(--ink);outline:none}textarea:focus{border-color:#8bcdeb;box-shadow:0 0 0 3px rgba(42,171,238,.08)}
@media(min-width:720px){.flow-list{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-hero{padding:21px}.flow-node{padding:16px}}
@media(max-width:430px){.flow-card{grid-template-columns:auto 1fr}.flow-side{grid-column:2;align-items:flex-start;text-align:right;flex-direction:row;gap:7px;align-items:center}.flow-hero{align-items:flex-start}.flow-hero-side b,.flow-hero-side>span:last-child{display:none}.flow-toolbar{align-items:flex-start}.flow-toolbar>.actions,.flow-toolbar>.actions form,.flow-toolbar>.actions button{width:100%}.flow-node{grid-template-columns:auto 1fr auto;padding:12px}.node-head{align-items:flex-start;flex-direction:column;gap:4px}.node-users{font-size:8px}}

/* V2.4 Full Flow Studio */
.flow-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.mini-stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;text-align:center;box-shadow:var(--shadow)}.mini-stat span{display:block;font-size:18px}.mini-stat b{display:block;font-size:19px;margin-top:3px}.mini-stat small{color:var(--muted);font-size:9px}.flow-card.premium{border-color:#dbeaf2;background:linear-gradient(145deg,#fff,#fbfdff)}.flow-icon.big{width:52px;height:52px;border-radius:17px}.flow-hero.premium{overflow:hidden;position:relative}.flow-hero.premium:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(42,171,238,.08);left:-70px;top:-80px}.flow-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:11px 0}.flow-kpi>div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:9px;text-align:center;min-width:0}.flow-kpi b{display:block;font-size:17px}.flow-kpi span{font-size:8px;color:var(--muted);white-space:nowrap}.flow-tabs{display:flex;gap:6px;overflow:auto;padding:2px 0 8px;scrollbar-width:none}.flow-tabs::-webkit-scrollbar{display:none}.flow-tabs a{flex:0 0 auto;text-decoration:none;color:#5d7280;background:#fff;border:1px solid var(--line);border-radius:13px;padding:8px 11px;font-size:10px;font-weight:800}.flow-tabs a.active{background:#eaf7fd;color:var(--tg-deep);border-color:#bde3f5}.flow-builder.full{padding-top:8px}.flow-node.v24{border-radius:22px;transition:.18s;border-color:#dce8ef}.flow-node.v24:active{transform:scale(.995)}.flow-node.v24.send{border-right:3px solid #2aabee}.flow-node.v24.input{border-right:3px solid #7b61ff}.flow-node.v24.wait{border-right:3px solid #f1a21b}.flow-node.v24.condition{border-right:3px solid #e15b91}.flow-node.v24.action{border-right:3px solid #3fb58c}.flow-node.v24.admin_review{border-right:3px solid #695ee8}.flow-node.v24.end{border-right:3px solid #7d8b95}.node-kicker{font-size:8px;font-weight:900;color:var(--tg-deep);margin-bottom:2px}.node-actions{display:flex;gap:5px;align-items:center}.node-actions form{margin:0}.node-edit,.node-delete{display:grid;place-items:center;width:31px;height:31px;min-height:31px;border-radius:10px;text-decoration:none;border:0;font-size:15px}.node-edit{background:#ecf8fd;color:var(--tg-deep)}.insert-node{width:31px;height:31px;min-height:31px;padding:0;border-radius:50%;margin:2px 0;background:#fff;color:var(--tg-deep);border:1.5px dashed #83ccec;box-shadow:none;font-size:17px}.branch-preview{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.branch-pill{font-size:8px;border-radius:999px;padding:4px 7px;background:#f3f6f8;color:#647984;border:1px solid #e2e9ed}.branch-pill.true,.branch-pill.approved{background:#edf9f3;color:#20734d;border-color:#cdebdc}.branch-pill.false,.branch-pill.rejected{background:#fff2f3;color:#9b3440;border-color:#f0d1d5}.node-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:8px 0 13px}.node-type-grid button{min-height:64px;background:#fff;color:#506672;border:1px solid var(--line);box-shadow:none;padding:8px 4px;border-radius:15px;font-size:9px}.node-type-grid button span{display:block;font-size:20px;margin-bottom:3px}.node-type-grid button.selected{background:#eaf8fe;color:var(--tg-deep);border-color:#9bd7f1;box-shadow:0 6px 18px rgba(42,171,238,.12)}.flow-sheet{max-height:92vh}.checkline{display:flex!important;align-items:center;gap:8px;background:#f7fafb;border:1px solid #e6edf1;border-radius:13px;padding:10px!important;margin:8px 0}.checkline input{width:18px;height:18px;margin:0}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-items:end}.connection-form{background:#f8fbfd;border:1px solid #e7eef2;border-radius:14px;padding:10px;margin:8px 0}.connection-form label{margin-top:0}.follow-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;margin:10px 0;box-shadow:var(--shadow)}.timeline{margin:10px 0;border-right:2px solid #d9ebf4;padding-right:13px}.timeline-item{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid #edf2f5}.timeline-item:last-child{border-bottom:0}.timeline-item:before{content:"";position:absolute;right:-18px;top:14px;width:8px;height:8px;border-radius:50%;background:var(--tg);border:2px solid #fff}.timeline-item>span{font-size:9px;font-weight:800;background:#edf8fd;color:var(--tg-deep);padding:4px 7px;border-radius:999px}.timeline-item>div{font-size:11px;line-height:1.8}.follow-form{border-top:1px solid #edf2f5;margin-top:10px;padding-top:10px}.version-list{display:grid;gap:9px}.version-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:9px}.check-panel{background:#fff;border:1px solid var(--line);border-radius:21px;padding:15px;box-shadow:var(--shadow)}.check-panel h2,.check-panel h3{margin-top:0}.check-ok{background:#edf9f3;color:#216b4c;border:1px solid #cce8da;border-radius:13px;padding:10px;margin:6px 0}.check-issue{background:#fff6e8;color:#8b5a0a;border:1px solid #f3dfb8;border-radius:13px;padding:10px;margin:6px 0;font-size:11px}.feature-grid{display:grid;grid-template-columns:1fr;gap:7px}.feature-grid span{background:#f8fbfd;border:1px solid #e7eef2;border-radius:12px;padding:9px;font-size:10px}.section-head h2{margin-bottom:2px}.section-head p{margin-top:0;color:var(--muted);font-size:11px;line-height:1.9}.notice.ok{background:#edf9f3;color:#216b4c;border-color:#cce8da}
@media(min-width:720px){.flow-summary-grid{grid-template-columns:repeat(3,180px)}.flow-kpi{grid-template-columns:repeat(4,150px)}.node-type-grid{grid-template-columns:repeat(7,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.flow-sheet{border-radius:28px;max-width:720px}.flow-node.v24{padding:17px}}
@media(max-width:430px){.flow-summary-grid{gap:6px}.mini-stat{padding:9px 5px}.mini-stat b{font-size:16px}.flow-kpi{gap:5px}.flow-kpi>div{padding:8px 3px}.flow-tabs a{padding:7px 9px}.node-type-grid{grid-template-columns:repeat(4,1fr)}.flow-node.v24{grid-template-columns:auto 1fr auto}.node-actions{flex-direction:column}.inline-fields{grid-template-columns:1fr 1fr}.timeline-item{grid-template-columns:auto 1fr auto}.flow-sheet{padding-left:14px;padding-right:14px}}
.review-list{display:grid;gap:9px}.review-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.review-note{font-size:10px;color:#546b78;margin-top:6px;line-height:1.8}.review-actions{display:flex;gap:6px}.review-actions form{margin:0}.review-actions button{white-space:nowrap}.review-actions .danger{background:#fff1f3;color:#a62d3b;box-shadow:none}
@media(max-width:430px){.review-card{grid-template-columns:1fr}.review-actions,.review-actions form,.review-actions button{width:100%}}

/* V2.5 — Content Studio */
.send-studio{display:grid;gap:14px;margin-top:12px}.studio-block{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border:1px solid #e6eef5;border-radius:18px;padding:14px;box-shadow:0 8px 24px rgba(34,158,217,.06)}.studio-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.studio-title>span{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:#eaf6fc;color:#168ac2;font-weight:800;flex:0 0 auto}.studio-title>div{display:flex;flex-direction:column;gap:2px}.studio-title b{font-size:14px}.studio-title small{font-size:11px;color:#718495}.content-type-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.content-type-card{border:1px solid #e3edf4!important;background:#fff!important;color:#304657!important;border-radius:14px!important;padding:10px 6px!important;min-height:72px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:none!important}.content-type-card span{font-size:20px;color:#229ed9}.content-type-card b{font-size:11px}.content-type-card small{font-size:9px;color:#9aa9b5}.content-type-card.selected{border-color:#229ed9!important;background:#edf8fd!important;box-shadow:inset 0 0 0 1px #229ed9!important}.content-type-card.disabled{opacity:.45}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#f2f6f9;border-radius:13px;padding:4px;margin-bottom:12px}.segmented button{background:transparent!important;color:#647786!important;border:0!important;box-shadow:none!important;border-radius:10px!important;padding:9px 6px!important;font-size:11px!important}.segmented button.active{background:#fff!important;color:#138bc5!important;box-shadow:0 2px 8px rgba(31,65,83,.08)!important}.media-source{margin-top:10px}.upload-zone{border:1.5px dashed #b7d9e9;background:#f7fcff;border-radius:16px;padding:18px 14px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px}.upload-zone:hover{border-color:#229ed9}.upload-icon{width:42px;height:42px;border-radius:14px;background:#e7f5fb;color:#168ac2;display:grid;place-items:center;font-size:24px}.upload-zone b{font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-zone small{font-size:10px;color:#738696}.upload-progress{height:30px;background:#eef3f6;border-radius:10px;margin-top:8px;position:relative;overflow:hidden}.upload-progress>div{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#57b7e5,#229ed9);transition:width .18s ease}.upload-progress>span{position:relative;z-index:2;display:grid;place-items:center;height:100%;font-size:10px;font-weight:800;color:#38515f}.upload-progress.done>div{background:linear-gradient(90deg,#57c58b,#32aa70)}.upload-progress.done>span{color:#fff}.upload-progress.error>div{width:100%!important;background:#ef5f66}.upload-progress.error>span{color:#fff}.media-inline-preview{margin-top:9px}.media-inline-preview img,.media-inline-preview video{width:100%;max-height:240px;object-fit:contain;border-radius:13px;background:#eef2f5}.media-inline-preview audio{width:100%}.source-help{font-size:10px;color:#6f8290;background:#f5f8fa;border-radius:10px;padding:9px 10px;margin-top:7px;line-height:1.7}.caption-editor{margin-top:14px}.format-tools{display:flex;gap:5px;flex-wrap:wrap;margin:6px 0}.format-tools button{width:34px;height:30px!important;min-height:30px!important;padding:0!important;border-radius:8px!important;background:#f1f6f9!important;color:#315467!important;border:1px solid #e1ebf0!important;box-shadow:none!important;font-size:12px!important}.var-chips{display:flex;gap:6px;overflow:auto;padding:2px 0 8px;scrollbar-width:none}.var-chips::-webkit-scrollbar{display:none}.var-chips button{flex:0 0 auto!important;background:#f7fafc!important;color:#526b7a!important;border:1px solid #e4edf2!important;box-shadow:none!important;border-radius:10px!important;padding:6px 8px!important;display:flex!important;flex-direction:column;gap:2px;align-items:flex-start}.var-chips small{font-size:8px;color:#8a9aa5}.var-chips b{font-size:9px;direction:ltr}.button-accordion{padding:0;overflow:hidden}.button-accordion>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:14px;cursor:pointer}.button-accordion>summary::-webkit-details-marker{display:none}.button-accordion>summary .studio-title{margin:0}.summary-arrow{font-size:18px;color:#7e91a0;transition:.2s}.button-accordion[open] .summary-arrow{transform:rotate(180deg)}.button-builder-body{padding:0 14px 14px;border-top:1px solid #edf2f5}.button-builder-row,.poll-option{display:flex;align-items:flex-start;gap:7px;padding:9px 0;border-bottom:1px dashed #e8eef2}.drag-handle{width:24px;height:36px;display:grid;place-items:center;color:#96a6b1;cursor:grab;user-select:none;font-size:19px}.dragging{opacity:.45}.button-fields{flex:1;display:grid;grid-template-columns:1.2fr 1fr;gap:7px}.button-fields .button-action-value{grid-column:1/-1}.button-fields input,.button-fields select{margin:0!important}.mini-danger{width:30px!important;height:36px!important;min-height:36px!important;padding:0!important;background:#fff3f3!important;color:#d75a5e!important;border:1px solid #ffdede!important;box-shadow:none!important;border-radius:9px!important}.btn.compact{padding:8px 11px!important;min-height:36px!important;margin-top:9px}.poll-option{align-items:center}.poll-option>input[type=text],.poll-option>input:not([type]){flex:1;margin:0!important}.correct-mark{width:34px;height:34px;margin:0!important;border:1px solid #dfe9ef;border-radius:9px;display:grid!important;place-items:center;background:#fff;color:#32a56c;position:relative}.correct-mark input{position:absolute;opacity:0}.correct-mark:has(input:checked){background:#eaf8f1;border-color:#5fc18c}.poll-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.quiz-extra{margin-top:10px}.preview-block{background:#eef7fc;border-color:#d7ebf5}.telegram-preview{background:#dbeaf2;border-radius:16px;padding:16px 10px;min-height:150px;display:flex;align-items:flex-end;justify-content:flex-start;direction:ltr;background-image:radial-gradient(circle at 20% 10%,rgba(255,255,255,.4) 0 1px,transparent 1px)}.preview-bubble{direction:rtl;max-width:88%;min-width:210px;background:#fff;border-radius:16px 16px 5px 16px;padding:9px 10px 6px;box-shadow:0 2px 5px rgba(37,68,86,.12);position:relative;overflow:hidden}.preview-media-placeholder{height:105px;border-radius:11px;background:linear-gradient(135deg,#d8ecf6,#edf6fa);display:grid;place-items:center;color:#43809f;font-weight:700}.preview-text{font-size:12px;line-height:1.9;color:#253946;word-break:break-word}.preview-text blockquote{border-right:3px solid #229ed9;margin:4px 0;padding-right:8px;color:#526c7b}.preview-muted{color:#a1afb7}.preview-poll>b{font-size:12px}.preview-poll-option{border-top:1px solid #edf1f4;padding:7px 2px;font-size:11px;color:#416071}.preview-buttons{display:grid;gap:4px;margin:7px -4px 0}.preview-buttons div{background:#f4f9fc;color:#168bc4;text-align:center;border-radius:8px;padding:7px;font-size:10px;font-weight:700}.preview-time{text-align:left;direction:ltr;color:#93a3ad;font-size:8px;margin-top:3px}.flow-sheet{max-height:93vh;overflow:auto}.flow-sheet form>button[type=submit],.flow-sheet form>button:not([type]){margin-top:10px}.content-module.hidden,.media-source.hidden,.button-action-value.hidden,.quiz-extra.hidden,.poll-settings .hidden{display:none!important}
@media(max-width:560px){.content-type-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-block{padding:12px;border-radius:16px}.button-fields{grid-template-columns:1fr}.button-fields .button-action-value{grid-column:auto}.poll-settings{grid-template-columns:1fr}.flow-sheet{border-radius:22px 22px 0 0!important}.telegram-preview{padding:12px 8px}.preview-bubble{max-width:94%}}

/* V2.6 Flow Studio hardening */
input,select,textarea,button{font-size:16px!important}
input,select,textarea{min-height:46px;line-height:1.55}
textarea{min-height:110px;resize:vertical}
@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}}
.input-studio,.send-studio{width:100%;max-width:100%;overflow:hidden}
.input-type-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.input-type-cards button{display:flex;min-width:0;min-height:72px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:9px 6px;border:1px solid var(--line,#dce5ec);border-radius:14px;background:#fff;color:var(--text,#1f2d3d)}
.input-type-cards button span{font-size:22px;line-height:1}.input-type-cards button b{font-size:12px;white-space:normal;line-height:1.35}
.input-type-cards button.selected{border-color:#229ED9;background:rgba(34,158,217,.08);box-shadow:0 0 0 2px rgba(34,158,217,.08)}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}
.branch-target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.button-meta{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin-top:8px}.button-meta label{font-size:12px;margin-bottom:4px}
.target-grid{display:grid;gap:10px;margin-bottom:14px}.target-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border:1px solid var(--line,#dce5ec);border-radius:16px;background:#fff}
.operation-value-wrap.hidden,.mobile-button-settings.hidden,.mobile-manual-block.hidden,.invalid-target-wrap.hidden{display:none!important}
.source-help{font-size:12px;line-height:1.8;color:var(--muted,#66788a);padding:8px 0}
.poll-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.preview-buttons .primary{background:#229ED9;color:#fff}.preview-buttons .success{background:#31b86b;color:#fff}.preview-buttons .danger{background:#e75b5b;color:#fff}
@media(max-width:640px){.input-type-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.branch-target-grid,.check-grid,.poll-settings,.button-meta{grid-template-columns:1fr}.studio-block{overflow:hidden}.flow-sheet{max-width:100vw}.flow-sheet form{max-width:100%;overflow:hidden}}
/* V2.6.2 Flow Runtime + mobile reorder hardening */
.node-drag,.node-lock{width:31px;height:31px;min-height:31px;border-radius:10px;display:grid;place-items:center;padding:0;border:0;background:#f3f8fb;color:#66808e;font-size:15px;box-shadow:none;touch-action:none;user-select:none;-webkit-user-select:none}.node-drag{cursor:grab}.node-drag:active{cursor:grabbing;background:#e7f5fc;color:var(--tg-deep)}.node-lock{opacity:.55}.flow-sort-active{overflow:hidden;touch-action:none}.flow-dragging{z-index:50;position:relative;opacity:.93;transform:scale(1.015);filter:drop-shadow(0 16px 24px rgba(32,73,96,.18))}.flow-dragging .flow-node{border-color:#73c6ec;background:#fafeff}.flow-reorder-help{font-size:10px;line-height:1.9}.reorder-toast{position:fixed;z-index:9999;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));transform:translate(-50%,15px);opacity:0;pointer-events:none;max-width:min(88vw,420px);padding:10px 14px;border-radius:14px;background:#24333d;color:#fff;font-size:10px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.18);transition:.18s}.reorder-toast.show{opacity:1;transform:translate(-50%,0)}.reorder-toast.ok{background:#20734d}.reorder-toast.error{background:#a63b47}.reorder-toast.saving{background:#245d77}.node-wrap{transition:transform .12s ease,opacity .12s ease}

/* V2.9.2 — support destinations + flow status visuals */
.flow-card.flow-state-disabled{background:linear-gradient(145deg,#fff8e8,#fffdf8);border-color:#efd7a6;opacity:.92}.flow-card.flow-state-disabled .flow-icon{background:#fff0c9}.flow-card.flow-state-disabled .flow-title{color:#7b5b16}.flow-card.flow-state-archived{background:linear-gradient(145deg,#f3f5f7,#eef1f4);border-color:#d0d8de;opacity:.82}.flow-card.flow-state-archived .flow-icon{background:#e5eaee}.flow-card.flow-state-archived .flow-title,.flow-card.flow-state-archived .flow-meta,.flow-card.flow-state-archived .flow-side{color:#6f7d86}.target-card.target-needs-repair{border-color:#f0c36b;background:#fffaf0}.repair-target-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.repair-target-form select{margin:0}.target-person-fields,.target-chat-fields{margin-top:8px}.target-create .source-help{line-height:1.9}@media(max-width:560px){.repair-target-form{grid-template-columns:1fr}.repair-target-form button{width:100%}}
/* V3.6.2 mobile navigation hardening */
.bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:1000!important;transform:none!important;will-change:auto!important}
body{padding-bottom:calc(94px + env(safe-area-inset-bottom))!important;min-height:100dvh}
.app-shell{min-height:100dvh!important}
main.container{min-height:calc(100dvh - 110px);padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
@supports (-webkit-touch-callout:none){.bottom-nav{position:fixed!important;bottom:0!important}.app-shell{min-height:-webkit-fill-available}}

/* V3.6.3 — Users Center + iOS VisualViewport nav hardening */
:root{--bottom-nav-h:94px}
body{padding-bottom:calc(var(--bottom-nav-h) + 14px)!important}
main.container{padding-bottom:calc(var(--bottom-nav-h) + 20px)!important}
.bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0;top:auto!important;z-index:2147483000!important;margin:0!important;transform:none!important;contain:none!important;isolation:isolate}
@media(max-width:700px){.bottom-nav-inner{width:100%;max-width:none}.user-row-side{max-width:105px}.user-row{padding:10px}.user-filter-actions>*{min-width:110px}}

/* V3.6.4 — Users mobile UX polish */
.user-filter-shell{padding:12px!important;overflow:hidden}.user-filter-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.user-filter-top input{margin:0!important;min-width:0}.filter-toggle{white-space:nowrap!important;min-width:auto!important;padding-inline:12px!important}.filter-toggle span{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#229ed9;color:#fff;font-size:10px;margin-inline-start:5px}.user-filter-advanced{display:none;padding-top:10px;border-top:1px solid #edf2f5;margin-top:10px}.user-filter-advanced.open{display:block}.user-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.user-filter-grid>*{margin:0!important;min-width:0}.user-date-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.user-date-row label{margin:0;font-size:10px;color:#738696}.user-date-row input{margin-top:4px!important}.user-filter-actions{margin-top:9px}.user-filter-actions>*{min-width:0!important}.export-buttons{gap:8px}.export-buttons a{padding:10px 8px!important;font-size:11px}.user-row-wrap{display:block!important;position:relative;min-width:0}.user-check{position:absolute!important;left:10px;top:50%;transform:translateY(-50%);z-index:4;width:36px;height:36px;border-radius:11px!important;background:#f8fbfd!important;box-shadow:0 1px 4px rgba(29,61,80,.05)}.user-row{width:100%;min-width:0;padding-left:54px!important;box-sizing:border-box;overflow:hidden}.user-row-main{min-width:0}.user-row-side{flex:0 0 auto;max-width:92px!important;min-width:70px}.user-meta,.user-tags-mini{max-width:100%}.bulkbar{display:none!important}.bulkbar.has-selection{display:block!important;position:sticky;top:8px;z-index:45;animation:userBulkIn .15s ease}.bulk-grid{grid-template-columns:1fr 1fr!important}.bulk-grid>*{min-width:0!important}.select-all-line{margin-bottom:8px}@keyframes userBulkIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;transform:none!important;z-index:2147483000!important}.bottom-nav-inner{min-height:58px}body{padding-bottom:calc(var(--bottom-nav-h,74px) + env(safe-area-inset-bottom) + 12px)!important}main.container{padding-bottom:calc(var(--bottom-nav-h,74px) + env(safe-area-inset-bottom) + 18px)!important}
@media(max-width:430px){.user-filter-shell{padding:10px!important}.user-filter-top{grid-template-columns:minmax(0,1fr) 94px}.filter-toggle{font-size:10px!important;padding:9px 7px!important}.user-filter-grid{grid-template-columns:1fr 1fr}.user-filter-grid select,.user-filter-grid input,.user-date-row input{height:44px!important;padding:8px 9px!important;font-size:11px!important}.user-date-row{grid-template-columns:1fr 1fr}.user-row{gap:8px!important;padding:10px 10px 10px 50px!important}.user-avatar{width:38px!important;height:38px!important;flex:0 0 38px}.user-row-main b{font-size:12px}.user-meta,.user-state,.user-tags-mini{font-size:9.5px!important}.user-row-side{max-width:84px!important;min-width:64px}.user-check{left:8px;width:32px;height:32px}.bulk-grid{grid-template-columns:1fr!important}}



/* V4.3.0 — Dashboard Refresh + End-to-End Test Center */
.home-pro-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px;border:1px solid #d9ecf6;border-radius:28px;background:linear-gradient(145deg,#fff 0%,#f4fbff 55%,#e8f7ff 100%);box-shadow:0 10px 30px rgba(31,121,167,.06);margin-bottom:14px}
.home-pro-copy{min-width:0}.home-pro-copy h1{font-size:30px;margin:6px 0}.home-pro-copy p{margin:0;color:#6b7c8c;line-height:1.9}.home-eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e8f7ff;color:#168cca;font-weight:800;font-size:12px}.home-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.home-primary{background:#229ed9!important;color:#fff!important;border-color:#229ed9!important}
.home-health-ring{width:132px;min-width:132px;aspect-ratio:1;border-radius:50%;background:#fff;border:10px solid #dff4e7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 0 0 1px #d9e9ef}.home-health-ring b{font-size:35px;line-height:1}.home-health-ring span{font-size:11px;font-weight:800;margin-top:5px}.home-health-ring small{font-size:10px;color:#6d7d88;margin-top:3px}
.home-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.home-kpi{background:#fff;border:1px solid #e1edf4;border-radius:20px;padding:15px;text-align:center;text-decoration:none;color:inherit;min-width:0}.home-kpi>span{display:block;font-size:20px}.home-kpi b{display:block;font-size:26px;margin:4px 0}.home-kpi small{color:#748493;font-size:11px}
.home-command-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.home-panel{background:#fff;border:1px solid #e1edf4;border-radius:22px;padding:15px;min-width:0}.home-panel-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.home-panel-head>div{display:flex;flex-direction:column}.home-panel-head b{font-size:17px}.home-panel-head span{font-size:11px;color:#7b8995;margin-top:3px}.home-panel-head>a{font-size:12px;text-decoration:none;color:#168fcb;font-weight:800}
.home-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-actions-grid>a{border:1px solid #e6eef3;border-radius:16px;padding:12px;text-decoration:none;color:inherit;background:#fbfdff;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.home-actions-grid>a>b{font-size:13px}.home-actions-grid>a>span{grid-column:2;font-size:10px;color:#82909a;line-height:1.6}
.home-mini-list{display:grid;gap:8px}.home-mini-list>a{display:flex;align-items:center;justify-content:space-between;gap:8px;text-decoration:none;color:inherit;padding:10px;border-radius:14px;background:#f8fbfd}.home-mini-list>a div{display:flex;flex-direction:column;min-width:0}.home-mini-list b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-mini-list span{font-size:10px;color:#81909b;margin-top:2px}.home-mini-list em{font-style:normal;font-size:10px;background:#e9f7ff;color:#168cca;padding:5px 7px;border-radius:999px;white-space:nowrap}
.home-recent{margin-top:12px}.home-user-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-user-strip>a{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit;background:#f9fbfd;border-radius:15px;padding:10px;min-width:0}.home-user-avatar{width:37px;height:37px;min-width:37px;border-radius:50%;background:#e6f7ff;color:#138fca;display:grid;place-items:center;font-weight:900}.home-user-strip>a>div{display:flex;flex-direction:column;min-width:0}.home-user-strip b{font-size:12px}.home-user-strip small{color:#81909b;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}

.e2e-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.e2e-step{width:30px;height:30px;border-radius:10px;background:#e7f7ff;color:#108dcc;display:grid;place-items:center;font-weight:900;float:left}.e2e-launch h2,.e2e-preflight h2{margin-top:0}.e2e-check{border-radius:16px;padding:13px;display:flex;flex-direction:column;gap:4px}.e2e-check.ok{background:#f0fcf4;border:1px solid #cdeed8}.e2e-check.warn{background:#fff9ed;border:1px solid #ffe1a0}.e2e-check span{font-size:11px;color:#71808c}.e2e-issues{margin:10px 0 0;padding:0 18px 0 0;color:#9b6a19;font-size:12px;line-height:1.9}
.e2e-live-card{margin-top:12px;background:linear-gradient(145deg,#102f45,#174d6d);color:#fff;border-radius:24px;padding:17px}.e2e-live-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.e2e-live-head>div p{margin:4px 0 0;color:#b9d5e5;font-size:11px}.e2e-live-dot{display:inline-block;width:9px;height:9px;background:#35d07f;border-radius:50%;box-shadow:0 0 0 5px rgba(53,208,127,.14);margin-left:8px}.e2e-live-kpis{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:8px;margin-top:13px}.e2e-live-kpis>div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:10px}.e2e-live-kpis small,.e2e-live-kpis span{display:block;color:#b9d5e5;font-size:9px}.e2e-live-kpis b{display:block;font-size:12px;margin:4px 0}.e2e-live-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.e2e-monitor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.e2e-timeline{display:grid;gap:0}.e2e-timeline>div{display:grid;grid-template-columns:16px 1fr;gap:7px;position:relative;padding-bottom:10px}.e2e-timeline>div>span{width:9px;height:9px;border-radius:50%;background:#229ed9;margin-top:5px;position:relative;z-index:2}.e2e-timeline>div:not(:last-child):before{content:"";position:absolute;right:4px;top:12px;bottom:0;border-right:1px solid #dceaf1}.e2e-timeline section{display:flex;flex-direction:column}.e2e-timeline b{font-size:11px}.e2e-timeline small{font-size:9px;color:#86949f}.e2e-timeline em{font-size:9px;color:#6b7b87;font-style:normal;margin-top:3px;word-break:break-word}
.e2e-jobs{display:grid;gap:7px}.e2e-jobs>div{background:#f8fbfd;border-radius:13px;padding:9px;display:flex;flex-direction:column}.e2e-jobs b{font-size:11px}.e2e-jobs span{font-size:9px;color:#7d8b96;margin-top:2px}.e2e-jobs small{font-size:9px;color:#ba4e4e;margin-top:3px}.e2e-checklist{margin-top:12px}.e2e-checklist h2{margin-top:0}.e2e-checklist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.e2e-checklist-grid span{background:#f7fafc;border:1px solid #e4edf2;border-radius:12px;padding:9px;font-size:10px}

@media(max-width:760px){
 .home-pro-hero{padding:17px;align-items:flex-start}.home-pro-copy h1{font-size:25px}.home-health-ring{width:100px;min-width:100px;border-width:8px}.home-health-ring b{font-size:28px}
 .home-kpi-grid{grid-template-columns:repeat(2,1fr)}.home-command-grid,.e2e-grid,.e2e-monitor-grid{grid-template-columns:1fr}.home-user-strip{grid-template-columns:1fr 1fr}
 .e2e-live-kpis{grid-template-columns:1fr 1fr}.e2e-live-kpis>div:first-child{grid-column:1/-1}.e2e-checklist-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:460px){
 .home-pro-hero{display:block}.home-health-ring{margin:14px auto 0}.home-actions-grid{grid-template-columns:1fr 1fr}.home-user-strip{grid-template-columns:1fr}.e2e-checklist-grid{grid-template-columns:1fr}
}


/* V4.3.3 — Smart Test Monitor */
.smart-test-summary{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px;align-items:stretch}
.smart-score{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.smart-score>div{background:#fff;border:1px solid #e0edf4;border-radius:18px;padding:12px;text-align:center}
.smart-score b{display:block;font-size:25px}.smart-score span{display:block;color:#728493;font-size:10px;margin-top:3px}
.smart-score .danger{border-color:#ffd3d3;background:#fff8f8;color:#b84040}
.smart-verdict{background:#fff;border:1px solid #e0edf4;border-radius:18px;padding:13px;display:flex;flex-direction:column;justify-content:center}
.smart-verdict b{font-size:14px}.smart-verdict span{font-size:10px;color:#758592;line-height:1.8;margin-top:3px}
.smart-verdict.ok{background:#f2fcf5;border-color:#cfeeda}.smart-verdict.wait{background:#fffaf0;border-color:#ffe2aa}.smart-verdict.fail{background:#fff4f4;border-color:#ffd2d2}
.smart-refresh{display:flex!important;align-items:center;justify-content:center;min-width:145px}
.smart-timeline{display:grid;gap:0}.smart-event{display:grid;grid-template-columns:36px 1fr;gap:9px;position:relative;padding:7px 0 12px}
.smart-event:not(:last-child):before{content:"";position:absolute;right:17px;top:35px;bottom:-2px;border-right:1px solid #dceaf1}
.smart-event-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#eef8fd;z-index:2}
.smart-event.ok .smart-event-icon{background:#e9f9ef}.smart-event.fail .smart-event-icon{background:#fff0f0}.smart-event.warn .smart-event-icon{background:#fff7e7}.smart-event.wait .smart-event-icon{background:#f0f4ff}
.smart-event section{min-width:0}.smart-event b{display:block;font-size:12px}.smart-event small{display:block;font-size:9px;color:#8a98a4;margin-top:2px}.smart-event p{font-size:10px;color:#667783;line-height:1.7;margin:4px 0 0}
.smart-event details{margin-top:5px}.smart-event summary{cursor:pointer;color:#1f8ec5;font-size:9px;font-weight:800}.smart-event code{display:block;margin-top:5px;padding:7px;border-radius:9px;background:#f6f8fa;color:#687985;font-size:8px;line-height:1.6;word-break:break-all;white-space:normal;direction:ltr;text-align:left}
.smart-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.smart-check{display:flex;gap:8px;align-items:flex-start;border:1px solid #e4edf2;background:#fafcfd;border-radius:15px;padding:10px}
.smart-check>span{font-size:17px}.smart-check section{display:flex;flex-direction:column;min-width:0}.smart-check b{font-size:11px}.smart-check small{font-size:9px;color:#7c8b97;line-height:1.6;margin-top:2px}
.smart-check.pass{background:#f2fcf5;border-color:#d1efdb}.smart-check.fail{background:#fff5f5;border-color:#ffd4d4}.smart-check.warn{background:#fffaf0;border-color:#ffe3b1}.smart-check.wait{background:#f7f9ff;border-color:#dfe6ff}.smart-check.na{opacity:.72}
.smart-note{margin-top:10px;padding:10px 12px;border-radius:13px;background:#eef8fd;color:#356b84;font-size:10px;line-height:1.8}
@media(max-width:600px){.smart-test-summary{grid-template-columns:1fr}.smart-refresh{width:100%}.smart-check-grid{grid-template-columns:1fr}.smart-score b{font-size:22px}}


/* V4.4.0 — Dashboard Action Center */
.home-attention{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:13px 15px;border-radius:20px;border:1px solid #dceaf1;background:#fff}
.home-attention>div{display:flex;align-items:center;gap:10px;min-width:0}.home-attention-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#eef8fd;font-size:20px}
.home-attention section{display:flex;flex-direction:column}.home-attention b{font-size:14px}.home-attention small{font-size:10px;color:#71828f;line-height:1.7;margin-top:2px}
.home-attention.has-attention{background:#fffaf1;border-color:#ffe0a4}.home-attention.has-attention .home-attention-icon{background:#fff1cf}
.home-attention.all-clear{background:#f4fcf7;border-color:#d1eedb}.home-attention.all-clear .home-attention-icon{background:#e6f8ed}
.home-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}.home-kpi.hot{border-color:#ffd9a1;background:#fffaf2}.home-kpi.hot b{color:#a76600}
.home-ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.home-system-list{display:grid;gap:7px}.home-system-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid #e6eef3;border-radius:13px;background:#fbfdfe;color:inherit;text-decoration:none;font-size:11px}
.home-system-list b{font-size:10px}.home-system-list b.bad{color:#b63f3f;background:#fff0f0;border-radius:9px;padding:4px 7px}
.home-alert-list{display:grid;gap:7px}.home-alert-list>a{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid #f0e3c8;background:#fffaf1;border-radius:13px;color:inherit;text-decoration:none}
.home-alert-list section{display:flex;flex-direction:column;min-width:0}.home-alert-list b{font-size:10px;line-height:1.6}.home-alert-list small{font-size:9px;color:#8a98a4;margin-top:2px}
.home-all-clear{padding:18px;text-align:center;border-radius:14px;background:#f3fbf6;color:#357253;font-size:11px}
.home-mini-list em{font-size:9px!important;white-space:nowrap}
@media(max-width:900px){.home-kpi-grid{grid-template-columns:repeat(3,1fr)!important}.home-ops-grid{grid-template-columns:1fr}}
@media(max-width:600px){.home-attention{align-items:stretch;flex-direction:column}.home-attention .btn{width:100%;text-align:center}.home-kpi-grid{grid-template-columns:repeat(2,1fr)!important}}

/* V4.5.1 — Live Progress Milestones */
.analytics-milestone-box{margin:10px 0;padding:12px;border:1px dashed #cbdde7;border-radius:15px;background:#fafcfd}.analytics-milestone-box.on{border-style:solid;border-color:#f3cf78;background:#fffaf0}.milestone-badge{display:inline-flex;margin-right:5px;padding:3px 7px;border-radius:999px;background:#fff3cc;color:#876300;font-size:9px;font-weight:800}
.live-progress-card,.users-progress-card{background:#fff;border:1px solid #dceaf2;border-radius:22px;padding:15px;margin:12px 0}.live-progress-head,.users-progress-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}.live-progress-head>div,.users-progress-head>div{display:flex;flex-direction:column}.live-progress-head b,.users-progress-head b{font-size:17px}.live-progress-head span,.users-progress-head span{font-size:10px;color:#7b8a96;margin-top:2px}.live-progress-head select{min-width:190px;margin:0}
.live-progress-list{display:grid;gap:8px}.live-progress-row{display:grid;grid-template-columns:1.6fr .7fr .8fr;gap:8px;align-items:center;padding:10px;border-radius:15px;background:#f8fbfd;border:1px solid #e5eef4}.live-progress-name{display:flex;flex-direction:column}.live-progress-name b{font-size:12px}.live-progress-name small{font-size:9px;color:#84929d;margin-top:2px}.live-progress-metric,.live-progress-now{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;padding:7px;text-decoration:none}.live-progress-metric{background:#fff}.live-progress-now{background:#eaf7fd;color:#147faf}.live-progress-metric span,.live-progress-now span{font-size:9px}.live-progress-metric b,.live-progress-now b{font-size:18px}.milestone-empty{display:grid;gap:8px;text-align:center;padding:18px;background:#fffaf0;border-radius:15px}.milestone-empty span{font-size:11px;color:#806d3f}
.users-progress-scroll{display:flex;gap:7px;overflow:auto;padding-bottom:3px;scrollbar-width:none}.users-progress-scroll::-webkit-scrollbar{display:none}.users-progress-scroll a{flex:0 0 auto;min-width:145px;text-decoration:none;color:inherit;background:#f8fbfd;border:1px solid #e1edf4;border-radius:14px;padding:9px}.users-progress-scroll a.active{background:#eaf7fd;border-color:#8fd5f1;color:#147ead}.users-progress-scroll b{display:block;font-size:11px}.users-progress-scroll span{display:block;font-size:9px;color:#7b8b97;margin-top:3px}
@media(max-width:620px){.live-progress-head{align-items:stretch;flex-direction:column}.live-progress-head select{width:100%;min-width:0}.live-progress-row{grid-template-columns:1.2fr .65fr .75fr}.live-progress-name b{font-size:11px}.live-progress-metric b,.live-progress-now b{font-size:16px}}


/* V4.5.2 — Node editor popup mobile fix (scoped; other modals untouched) */
html.node-modal-open,
body.node-modal-open{
  overflow:hidden !important;
  overscroll-behavior:none;
  touch-action:none;
  height:100%;
}

.node-editor-backdrop{
  z-index:1200 !important;
  align-items:flex-end !important;
  overflow:hidden !important;
  overscroll-behavior:contain;
  touch-action:none;
}

.node-editor-sheet{
  width:100% !important;
  max-width:760px !important;
  height:min(92dvh, 920px);
  max-height:calc(100dvh - max(18px, env(safe-area-inset-top))) !important;
  margin:0 auto !important;
  padding:0 !important;
  border-radius:24px 24px 0 0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  background:#fff;
  transform:none !important;
  overscroll-behavior:contain;
  touch-action:pan-y;
}

/* header remains visible while long Node settings scroll */
.node-editor-sheet > .sheet-handle{
  flex:0 0 auto;
  margin:8px auto 4px;
}
.node-editor-sheet > .row.spread{
  position:sticky;
  top:0;
  z-index:8;
  flex:0 0 auto;
  margin:0;
  padding:10px 16px 12px;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid #edf2f5;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.node-editor-form{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y;
  padding:10px 16px calc(96px + env(safe-area-inset-bottom));
}

/* save is always reachable and never hidden behind bottom navigation/browser safe area */
.node-editor-savebar{
  position:sticky;
  bottom:calc(-1 * (96px + env(safe-area-inset-bottom)));
  z-index:20;
  margin:18px -16px calc(-96px - env(safe-area-inset-bottom));
  padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.98);
  border-top:1px solid #e3edf2;
  box-shadow:0 -10px 28px rgba(24,55,75,.08);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.node-editor-save{
  display:block;
  width:100%;
  min-height:52px;
  font-size:16px;
}

/* Prevent the fixed app bottom navigation from appearing above the editor popup. */
.node-modal-open .bottom-nav{
  pointer-events:none;
}

@media(max-width:620px){
  .node-editor-sheet{
    height:calc(100dvh - max(72px, env(safe-area-inset-top))) !important;
    max-height:calc(100dvh - max(72px, env(safe-area-inset-top))) !important;
  }
  .node-editor-form{
    padding-left:14px;
    padding-right:14px;
    padding-bottom:calc(92px + env(safe-area-inset-bottom));
  }
  .node-editor-savebar{
    margin-left:-14px;
    margin-right:-14px;
  }
}


/* V4.5.3 — final save-button fix for Node editor (scoped only) */

/* While node editor is open, the app bottom nav must not occupy/cover the modal. */
html.node-modal-open .bottom-nav,
body.node-modal-open .bottom-nav{
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Keep the form as the only scroll container. */
.node-editor-form{
  padding-bottom:0 !important;
  scroll-padding-bottom:84px;
}

/* Previous negative-bottom trick could push Save outside the reachable scroll area on iOS.
   Save bar is now a normal sticky footer INSIDE the modal scroll container. */
.node-editor-savebar{
  position:sticky !important;
  bottom:0 !important;
  z-index:50 !important;
  margin:18px -16px 0 !important;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom)) !important;
  background:#fff !important;
  border-top:1px solid #e3edf2 !important;
  box-shadow:0 -10px 28px rgba(24,55,75,.12) !important;
}

/* Make sure the very last editor block can be fully scrolled above the sticky save footer. */
.node-editor-form > *:nth-last-child(2){
  margin-bottom:18px;
}

.node-editor-save{
  position:relative !important;
  z-index:51 !important;
  width:100% !important;
  min-height:54px !important;
  margin:0 !important;
  touch-action:manipulation;
}

/* Prevent iOS rubber-band from handing the gesture back to the page behind the sheet. */
.node-editor-sheet,
.node-editor-form{
  overscroll-behavior-y:contain !important;
}
@supports (-webkit-touch-callout:none){
  .node-editor-form{
    -webkit-overflow-scrolling:touch;
  }
}

/* V4.5.4 — Personal Schedule Smart Display */
.schedule-smart-settings{background:linear-gradient(180deg,#fbfdff,#f5fbff);border-color:#cfe8f5}
.schedule-smart-settings .checkline{margin-top:9px}

/* V4.6.0 — Short Delay Node */
.short-delay-studio{background:linear-gradient(180deg,#fff,#f8fcff);border-color:#cfe7f3}
.short-delay-studio .notice.warning{background:#fff8e7;border-color:#f0d79b;color:#72551b}


/* V4.6.1 — Add Node popup mobile fix (scoped only to #nodeModal) */
.add-node-backdrop{
  z-index:1200 !important;
  align-items:flex-end !important;
  overflow:hidden !important;
  overscroll-behavior:contain;
}

.add-node-sheet{
  width:100% !important;
  max-width:760px !important;
  height:min(92dvh,920px) !important;
  max-height:calc(100dvh - max(18px, env(safe-area-inset-top))) !important;
  margin:0 auto !important;
  padding:0 !important;
  border-radius:24px 24px 0 0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  background:#fff;
  box-sizing:border-box;
}

.add-node-sheet > .sheet-handle{
  flex:0 0 auto;
  margin:8px auto 4px;
}

.add-node-sheet > .row.spread{
  flex:0 0 auto;
  position:sticky;
  top:0;
  z-index:20;
  margin:0;
  padding:10px 16px 12px;
  background:rgba(255,255,255,.98);
  border-bottom:1px solid #edf2f5;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.add-node-form{
  flex:1 1 auto;
  min-height:0;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
  padding:10px 16px 0;
  scroll-padding-bottom:88px;
}

/* The type chooser must always fit inside the phone viewport. */
.add-node-form .node-type-grid{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  overflow:visible !important;
}
.add-node-form .node-type-grid button{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:70px;
  padding:8px 5px !important;
  box-sizing:border-box;
  white-space:normal;
  overflow-wrap:anywhere;
  font-size:11px;
}
.add-node-form .node-type-grid button span{
  font-size:21px;
}

/* Prevent any editor card/input from widening the modal. */
.add-node-form input,
.add-node-form select,
.add-node-form textarea,
.add-node-form .studio-block,
.add-node-form .analytics-milestone-box,
.add-node-form .node-fields{
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box;
}

/* Sticky add button, always reachable. */
.add-node-savebar{
  position:sticky !important;
  bottom:0 !important;
  z-index:60;
  margin:18px -16px 0;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  background:#fff;
  border-top:1px solid #e3edf2;
  box-shadow:0 -10px 28px rgba(24,55,75,.12);
}
.add-node-save{
  width:100% !important;
  min-height:54px !important;
  margin:0 !important;
  font-size:16px;
  touch-action:manipulation;
}

/* While Add Node is open, bottom app navigation must not cover the popup. */
html.node-modal-open .bottom-nav,
body.node-modal-open .bottom-nav{
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media(min-width:560px){
  .add-node-form .node-type-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(min-width:720px){
  .add-node-form .node-type-grid{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
  .add-node-sheet{
    border-radius:26px !important;
  }
}
@media(max-width:620px){
  .add-node-sheet{
    height:calc(100dvh - max(72px, env(safe-area-inset-top))) !important;
    max-height:calc(100dvh - max(72px, env(safe-area-inset-top))) !important;
  }
  .add-node-form{
    padding-left:14px;
    padding-right:14px;
  }
  .add-node-savebar{
    margin-left:-14px;
    margin-right:-14px;
  }
}


/* V4.6.3 — Rich text toolbar for message-writing fields */
.rich-tools{
  position:relative;
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  align-items:center;
  margin:7px 0 5px;
  direction:rtl;
}
.rich-tools button{
  flex:0 0 34px;
}
.emoji-palette{
  position:absolute;
  z-index:90;
  top:38px;
  right:0;
  width:min(290px,calc(100vw - 70px));
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:4px;
  padding:9px;
  border:1px solid #dce9f0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 32px rgba(25,55,75,.15);
}
.emoji-palette.hidden{display:none!important}
.emoji-palette button{
  width:32px!important;
  height:32px!important;
  min-height:32px!important;
  border:0!important;
  background:#f7fafc!important;
  border-radius:8px!important;
  font-size:17px!important;
  padding:0!important;
}
.auto-var-chips{margin-top:0}
.node-editor-form .rich-tools,
.add-node-form .rich-tools{max-width:100%;overflow:visible}
@media(max-width:480px){
 .rich-tools{gap:4px}
 .rich-tools>button{flex-basis:32px;width:32px!important;height:30px!important}
 .emoji-palette{grid-template-columns:repeat(6,1fr);width:min(260px,calc(100vw - 50px))}
}


/* V4.6.4 — Unified Rich Editor */
.rich-tools + .var-chips,
.rich-tools + .unified-var-chips{
  margin-top:0;
}
.unified-var-chips{
  margin:0 0 7px;
  padding:2px 0 7px;
  border-bottom:1px dashed #e5eef3;
}
.unified-var-chips button{
  min-width:82px;
  max-width:132px;
}
.unified-var-chips small{
  font-size:9px!important;
  white-space:nowrap;
}
.unified-var-chips b{
  font-size:9px!important;
  direction:ltr;
  white-space:nowrap;
}
.rich-tools,
.unified-var-chips{
  width:100%;
  box-sizing:border-box;
}
.rich-tools + .unified-var-chips + textarea,
.auto-rich-tools + .unified-var-chips + textarea{
  margin-top:0!important;
}
@media(max-width:480px){
  .unified-var-chips button{min-width:78px}
}

/* V4.6.5 — variable bar belongs to each individual textarea */
.unified-var-chips[data-rich-target]{
  display:flex;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  gap:6px;
}
.unified-var-chips[data-rich-target]::-webkit-scrollbar{display:none}
.auto-rich-tools + .unified-var-chips[data-rich-target],
.rich-tools + .unified-var-chips[data-rich-target]{
  margin-top:2px;
}
/* V4.7.6 - Test from any node */
.node-actions .node-test{border:0;background:#eef8ff;color:#168fc5;border-radius:14px;min-width:42px;height:42px;font-size:18px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.node-actions .node-test:active{transform:scale(.96)}
.test-node-backdrop{align-items:flex-end}
.test-node-sheet{max-height:min(78dvh,720px);overflow:auto;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
.test-node-sheet form{margin-top:12px}
.test-node-sheet select{width:100%}
@media(max-width:640px){.node-actions{gap:7px}.node-actions .node-test{min-width:40px;height:40px}.test-node-sheet{max-height:82dvh}}

/* V4.7.10 — Follow-up editor: keep the actual message textarea visible/editable on mobile. */
#followup-editor .followup-message-editor{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  position:relative!important;
  overflow:visible!important;
}
#followup-editor .followup-message-editor .followup-textarea{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  min-height:150px!important;
  height:auto!important;
  margin:8px 0 12px!important;
  padding:13px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  color:var(--ink)!important;
  border:1px solid #dbe5ec!important;
  border-radius:14px!important;
  pointer-events:auto!important;
  -webkit-user-select:text!important;
  user-select:text!important;
  touch-action:manipulation!important;
}
#followup-editor .followup-message-editor .followup-textarea:focus{
  border-color:#77c8ee!important;
  box-shadow:0 0 0 3px rgba(42,171,238,.12)!important;
  outline:none!important;
}
#followup-editor .followup-save-btn{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}


/* V4.7.11 — Follow-up editor + Draft bottom-nav scoped repair. */
#followup-editor .followup-message-editor .followup-textarea{
  display:block!important;
  width:100%!important;
  min-height:150px!important;
  margin:8px 0 10px!important;
  position:relative!important;
  z-index:3!important;
  pointer-events:auto!important;
  -webkit-user-select:text!important;
  user-select:text!important;
}
#followup-editor .followup-message-editor .rich-tools,
#followup-editor .followup-message-editor .unified-var-chips{position:relative!important;z-index:2!important}
/* Never disable app navigation merely because the page is a Draft. Only the actual visible node modal may hide it. */
html:not(.node-modal-open) .bottom-nav,body:not(.node-modal-open) .bottom-nav{pointer-events:auto!important;visibility:visible!important;opacity:1!important}

/* V4.7.12 — final scoped Follow-up editor controls repair.
   Keep Save/Close reachable on iPhone and do not touch the rest of Flow UI. */
#followup-editor{
  overflow:visible!important;
  padding-bottom:12px!important;
}
#followup-editor .follow-form{
  overflow:visible!important;
}
#followup-editor .followup-message-editor{
  overflow:visible!important;
}
#followup-editor .followup-editor-actions{
  position:sticky!important;
  bottom:calc(var(--bottom-nav-h,74px) + env(safe-area-inset-bottom) + 8px)!important;
  z-index:2147482500!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  margin-top:14px!important;
  padding:10px!important;
  background:rgba(255,255,255,.97)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  box-shadow:0 -8px 24px rgba(20,45,60,.10)!important;
}
#followup-editor .followup-save-btn,
#followup-editor .followup-close-btn{
  position:relative!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  min-height:48px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
}
#followup-editor .followup-save-btn{width:100%!important}
#followup-editor .followup-close-btn{white-space:nowrap!important}
@media(max-width:700px){
  #followup-editor .followup-editor-actions{
    grid-template-columns:1fr 92px!important;
    bottom:calc(var(--bottom-nav-h,74px) + env(safe-area-inset-bottom) + 6px)!important;
  }
}

/* V4.7.14 — FINAL scoped Follow-up editor footer fix.
   Root cause: the editor footer was relying on sticky positioning inside page containers
   that use overflow clipping on mobile Safari. Keep the footer viewport-fixed while the
   follow-up editor exists, and reserve enough form space so no fields are covered. */
main.container:has(#followup-editor){
  overflow:visible!important;
}
#followup-editor,
#followup-editor .follow-form,
#followup-editor .followup-message-editor{
  overflow:visible!important;
}
#followup-editor .follow-form{
  padding-bottom:calc(150px + env(safe-area-inset-bottom))!important;
}
#followup-editor .followup-editor-actions{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(720px,calc(100vw - 24px))!important;
  bottom:calc(var(--bottom-nav-h,74px) + env(safe-area-inset-bottom) + 8px)!important;
  z-index:2147482900!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 96px!important;
  gap:8px!important;
  align-items:center!important;
  margin:0!important;
  padding:10px!important;
  box-sizing:border-box!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  box-shadow:0 10px 34px rgba(20,45,60,.18)!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
#followup-editor .followup-editor-actions .followup-save-btn,
#followup-editor .followup-editor-actions .followup-close-btn{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  min-height:48px!important;
  height:48px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
}
#followup-editor .followup-editor-actions .followup-save-btn{
  width:100%!important;
}
#followup-editor .followup-editor-actions .followup-close-btn{
  width:96px!important;
  white-space:nowrap!important;
}
@media(max-width:430px){
  #followup-editor .followup-editor-actions{
    width:calc(100vw - 18px)!important;
    grid-template-columns:minmax(0,1fr) 82px!important;
    gap:6px!important;
    padding:8px!important;
  }
  #followup-editor .followup-editor-actions .followup-close-btn{width:82px!important}
}

/* V4.7.16 — Follow-up rich editor final polish (scoped only). */
#followup-editor .followup-message-editor{
  margin-top:14px!important;
  padding:12px!important;
  border:1px solid #cfeaf7!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#f7fcff 0%,#eef8fd 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(34,158,217,.03)!important;
}
#followup-editor .followup-message-editor>label{
  display:block!important;
  margin:0 0 8px!important;
  color:#177fae!important;
  font-weight:800!important;
}
#followup-editor .followup-message-editor .followup-textarea{
  min-height:170px!important;
  margin:0 0 10px!important;
  padding:14px!important;
  background:#fff!important;
  border:1px solid #bfe1f0!important;
  border-radius:15px!important;
  box-shadow:0 5px 16px rgba(31,126,169,.06)!important;
}
#followup-editor .followup-message-editor .followup-textarea:focus{
  border-color:#229ed9!important;
  box-shadow:0 0 0 3px rgba(34,158,217,.13)!important;
}
#followup-editor .followup-message-editor .rich-tools{
  gap:6px!important;
  margin:2px 0 8px!important;
  padding:8px!important;
  background:#e8f6fc!important;
  border:1px solid #d3ecf7!important;
  border-radius:13px!important;
  pointer-events:auto!important;
}
#followup-editor .followup-message-editor .rich-tools>button{
  background:#fff!important;
  border-color:#cfe6f1!important;
  color:#197fac!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
#followup-editor .followup-message-editor .rich-tools>button:active{
  transform:scale(.95)!important;
  background:#dff2fb!important;
}
#followup-editor .followup-message-editor .unified-var-chips{
  margin:0!important;
  padding:2px 0 5px!important;
  border-bottom:0!important;
  pointer-events:auto!important;
}
#followup-editor .followup-message-editor .unified-var-chips button{
  background:#fff!important;
  border-color:#d1eaf5!important;
  color:#2b667f!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
#followup-editor .followup-message-editor .unified-var-chips button:active{
  background:#e1f4fc!important;
}


/* V4.7.20 — Professional Dashboard only. No runtime / flow behavior changes. */
.home-pro-hero-v2{position:relative;overflow:hidden;background:linear-gradient(135deg,#0c2537 0%,#123f5c 58%,#176f9b 100%);border-color:rgba(255,255,255,.08);box-shadow:0 18px 46px rgba(13,57,82,.18);color:#fff}
.home-pro-hero-v2:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;left:-90px;top:-145px;background:radial-gradient(circle,rgba(90,204,255,.23),rgba(90,204,255,0) 70%);pointer-events:none}
.home-pro-hero-v2:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:38%;bottom:-175px;background:radial-gradient(circle,rgba(57,211,155,.16),rgba(57,211,155,0) 72%);pointer-events:none}
.home-pro-hero-v2 .home-pro-copy,.home-pro-hero-v2 .home-health-ring{position:relative;z-index:1}.home-pro-hero-v2 .home-eyebrow{background:rgba(255,255,255,.11);color:#ccefff;border:1px solid rgba(255,255,255,.1);letter-spacing:.2px}.home-pro-hero-v2 .home-pro-copy h1{color:#fff;margin-top:8px}.home-pro-hero-v2 .home-pro-copy p{color:#c4d7e2;max-width:680px}.home-pro-hero-v2 .home-primary{background:#fff!important;color:#0e567a!important;border-color:#fff!important}.home-pro-hero-v2 .btn.secondary{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.13)!important;color:#eef9ff!important}.home-pro-hero-v2 .home-health-ring{background:rgba(255,255,255,.96);border-color:#54d99a;box-shadow:0 10px 28px rgba(0,0,0,.15),inset 0 0 0 1px #d8e7ee;color:#142b3a}
.home-status-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.home-status-pills span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);font-size:10px;color:#d9ecf5}.home-status-pills i{width:7px;height:7px;border-radius:50%;background:#4bd38b;box-shadow:0 0 0 3px rgba(75,211,139,.12)}.home-status-pills i.warn{background:#ffbd59}.home-status-pills i.bad{background:#ff7474}.home-status-pills i.info{background:#59c8ff}
.home-exec-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.home-exec-strip>a{position:relative;overflow:hidden;text-decoration:none;color:inherit;background:#fff;border:1px solid #e1ebf1;border-radius:20px;padding:14px 15px;box-shadow:0 7px 22px rgba(31,78,105,.045)}.home-exec-strip>a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#199fd7,#4bcf98);opacity:.7}.home-exec-strip span,.home-exec-strip small{display:block}.home-exec-strip span{font-size:10px;color:#758692;font-weight:700}.home-exec-strip b{display:block;font-size:23px;margin:4px 0 3px;color:#19394c}.home-exec-strip small{font-size:9px;color:#87959f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-kpi{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;box-shadow:0 5px 18px rgba(36,79,103,.035)}.home-kpi:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(36,79,103,.07);border-color:#cfe2ec}.home-panel{box-shadow:0 7px 25px rgba(30,72,96,.035)}.home-panel-head b{color:#17384c}.home-actions-grid>a{transition:.15s ease}.home-actions-grid>a:hover{background:#f2faff;border-color:#cfe8f4}
.home-flow-list>a{align-items:flex-start}.home-flow-main{flex:1;min-width:0!important}.home-flow-bar{height:4px!important;background:#eaf1f5!important;border-radius:999px!important;overflow:hidden!important;margin-top:7px!important;width:100%}.home-flow-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#229ed9,#46cc98)}.home-flow-list em{line-height:1.7;text-align:left}.home-flow-list em strong{color:#178cbe;font-size:11px}
.live-progress-card{box-shadow:0 8px 26px rgba(30,72,96,.04)}.live-progress-row{transition:.15s ease}.live-progress-row:hover{border-color:#cae2ed;background:#f5fbfe}
@media(max-width:900px){.home-exec-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.home-exec-strip{grid-template-columns:1fr 1fr;gap:8px}.home-exec-strip>a{padding:12px}.home-exec-strip b{font-size:20px}.home-status-pills{gap:5px}.home-status-pills span{font-size:9px;padding:6px 8px}.home-flow-list>a{display:block}.home-flow-list em{display:inline-block;margin-top:7px}}


/* V4.7.21 — Support invite copy button only. */
.support-invite-card .row.spread{align-items:center}.support-invite-link{word-break:break-all;margin:7px 0;padding:9px 10px;border-radius:11px;background:#f7fafc;border:1px solid #e5edf2;font-size:10px}.support-copy-btn{min-width:auto!important;padding:8px 10px!important;font-size:10px!important}

/* V4.7.22 — UI/UX polish only: Home dashboard, Reports, Flow workspace.
   No runtime, queue, scheduling, follow-up, bot or data logic changes. */

/* ---------- Shared visual rhythm ---------- */
:root{--ux-ink:#152936;--ux-muted:#6f8290;--ux-blue:#229ed9;--ux-blue2:#5bbce6;--ux-mint:#50cfa0;--ux-surface:#ffffff;--ux-soft:#f5f9fc;--ux-line:#dce9f1;--ux-shadow:0 10px 28px rgba(26,67,91,.055)}
.page-head{margin-bottom:14px}.page-head h1{letter-spacing:-.35px;color:var(--ux-ink)}.section-title{color:var(--ux-ink);font-size:18px;margin:20px 2px 10px}

/* ---------- Home / command center ---------- */
.home-pro-hero-v2{background:linear-gradient(145deg,#ffffff 0%,#f4fbff 52%,#eaf8ff 100%)!important;border:1px solid #d6eaf5!important;color:var(--ux-ink)!important;box-shadow:0 14px 38px rgba(33,91,124,.08)!important;padding:20px!important}
.home-pro-hero-v2:before{width:230px!important;height:230px!important;left:-95px!important;top:-130px!important;background:radial-gradient(circle,rgba(34,158,217,.14),rgba(34,158,217,0) 70%)!important}
.home-pro-hero-v2:after{width:190px!important;height:190px!important;right:-80px!important;bottom:-110px!important;background:radial-gradient(circle,rgba(80,207,160,.13),rgba(80,207,160,0) 72%)!important}
.home-pro-hero-v2 .home-eyebrow{background:#e9f7fd!important;color:#197eac!important;border:1px solid #cfeaf7!important}
.home-pro-hero-v2 .home-pro-copy h1{color:var(--ux-ink)!important;font-size:28px!important}
.home-pro-hero-v2 .home-pro-copy p{color:var(--ux-muted)!important;line-height:1.85!important}
.home-pro-hero-v2 .home-primary{background:linear-gradient(135deg,#229ed9,#38acd9)!important;color:#fff!important;border-color:#229ed9!important;box-shadow:0 8px 18px rgba(34,158,217,.18)!important}
.home-pro-hero-v2 .btn.secondary{background:#fff!important;border-color:#d9e9f2!important;color:#31566b!important;box-shadow:0 4px 12px rgba(35,79,103,.035)!important}
.home-pro-hero-v2 .home-health-ring{width:108px!important;min-width:108px!important;height:108px!important;background:#fff!important;border-color:#4ed095!important;color:var(--ux-ink)!important;box-shadow:0 10px 24px rgba(36,91,119,.09)!important}
.home-pro-hero-v2 .home-health-ring b{font-size:27px!important}.home-pro-hero-v2 .home-health-ring span{font-size:10px!important}.home-pro-hero-v2 .home-health-ring small{font-size:9px!important;color:#5f776d!important}
.home-status-pills{margin-top:13px!important}.home-status-pills span{background:#fff!important;border:1px solid #dceaf2!important;color:#527082!important;box-shadow:0 3px 10px rgba(37,80,103,.03)!important}
.home-exec-strip{gap:8px!important}.home-exec-strip>a{border-radius:18px!important;padding:13px!important;box-shadow:0 6px 18px rgba(31,78,105,.045)!important}.home-exec-strip>a:after{height:2px!important;opacity:.6!important}.home-exec-strip span{font-size:9.5px!important}.home-exec-strip b{font-size:21px!important}.home-exec-strip small{font-size:8.5px!important}
.home-attention{border-radius:19px!important;box-shadow:var(--ux-shadow)!important}
.live-progress-card{border-radius:24px!important;padding:15px!important;border-color:#dbe9f1!important;box-shadow:var(--ux-shadow)!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}
.live-progress-head{padding-bottom:10px!important;border-bottom:1px solid #edf3f6!important;margin-bottom:10px!important}.live-progress-head b{font-size:18px!important;color:var(--ux-ink)!important}.live-progress-head span{font-size:10px!important;color:#82929d!important}
.live-progress-row{grid-template-columns:1.45fr .72fr .78fr!important;border-radius:17px!important;padding:11px!important;background:#f8fbfd!important;border:1px solid #e3edf3!important;box-shadow:0 3px 9px rgba(43,81,102,.025)!important}
.live-progress-name b{font-size:12px!important;color:#203a49!important}.live-progress-name small{font-size:9px!important}.live-progress-metric{border:1px solid #edf2f5!important}.live-progress-now{background:linear-gradient(145deg,#eaf8fe,#e2f4fc)!important;border:1px solid #d3edf8!important}.live-progress-now b,.live-progress-metric b{font-size:17px!important}
.home-kpi-grid{gap:8px!important}.home-kpi{border-radius:20px!important;padding:14px 10px!important;min-height:118px!important;border-color:#e0eaf0!important;background:#fff!important}.home-kpi span{font-size:21px!important}.home-kpi b{font-size:26px!important;color:#1a3445!important}.home-kpi small{font-size:10px!important}.home-kpi.hot{background:linear-gradient(145deg,#fffaf0,#fff)!important;border-color:#f3d79d!important}
.home-panel{border-radius:22px!important;border-color:#dfeaf1!important;padding:14px!important}.home-panel-head{padding-bottom:9px!important;border-bottom:1px solid #edf2f5!important}.home-panel-head b{font-size:17px!important}.home-actions-grid{gap:8px!important}.home-actions-grid>a{border-radius:16px!important;background:#f9fbfd!important;border:1px solid #e6eef3!important;padding:12px!important}.home-actions-grid>a b{color:#233f50!important}.home-actions-grid>a span{font-size:9px!important;line-height:1.6!important}

/* ---------- Reports ---------- */
body .page-head:has(h1:first-child){position:relative}
body .report-toolbar{gap:7px!important;padding:2px 0 11px!important;scroll-snap-type:x proximity}
body .report-toolbar a{scroll-snap-align:start;border-radius:13px!important;padding:9px 14px!important;background:#fff!important;border:1px solid #dfeaf0!important;color:#526d7c!important;box-shadow:0 3px 10px rgba(35,79,103,.025)!important}
body .report-toolbar a.active{background:linear-gradient(135deg,#229ed9,#45aedb)!important;color:#fff!important;border-color:#229ed9!important;box-shadow:0 7px 16px rgba(34,158,217,.17)!important}
body .report-kpis{gap:8px!important;margin:12px 0 14px!important}
body .report-kpi{position:relative;overflow:hidden;border-radius:20px!important;padding:14px!important;border:1px solid #e0ebf1!important;box-shadow:0 7px 20px rgba(31,78,105,.04)!important;background:linear-gradient(160deg,#fff,#fbfdff)!important;min-height:118px}
body .report-kpi:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:#229ed9;opacity:.68}
body .report-kpi:nth-child(2):before{background:#4bcf98}body .report-kpi:nth-child(3):before{background:#ef8b75}body .report-kpi:nth-child(4):before{background:#f2b24d}body .report-kpi:nth-child(5):before{background:#796fe4}body .report-kpi:nth-child(6):before{background:#38a9d8}body .report-kpi:nth-child(7):before{background:#56bd90}body .report-kpi:nth-child(8):before{background:#e46b73}
body .report-kpi b{font-size:29px!important;color:#173143!important;line-height:1.25!important;margin-bottom:7px}body .report-kpi span{font-size:11px!important;font-weight:800;color:#617786!important}body .report-kpi small{font-size:9px!important;margin-top:6px!important;line-height:1.55!important}
body .summary-box{position:relative;border-radius:22px!important;padding:16px 18px!important;background:linear-gradient(145deg,#edf9ff,#fff 72%)!important;border:1px solid #cfeaf7!important;box-shadow:0 8px 22px rgba(34,128,172,.05)!important;line-height:1.95!important;color:#314f61!important}body .summary-box b{display:block;color:#176d96;font-size:14px;margin-bottom:3px}
body .report-grid>.card,body h2.section-title+.card{border-radius:22px!important;border:1px solid #dfeaf1!important;box-shadow:0 7px 22px rgba(32,75,99,.04)!important;background:#fff!important}
body .report-row{border-radius:16px!important;border:1px solid #e5edf2!important;background:#f9fbfd!important;padding:12px 13px!important;margin-bottom:8px!important;box-shadow:none!important}body .report-row h3{margin:7px 0 4px!important;font-size:15px!important;color:#213e4f!important}body .report-row b{color:#223e4f}body .rank-chip{background:#eaf7fd!important;color:#177aa6!important;border:1px solid #d2edf8!important;font-weight:800!important;font-size:10px!important}
body .report-bar{height:6px!important;background:#eaf1f5!important;margin:9px 0 8px!important}body .report-bar i{background:linear-gradient(90deg,#229ed9,#4bcf98)!important;border-radius:999px!important}
body .delta.up{background:#edf9f3;border-radius:999px;padding:3px 7px;display:inline-block;margin-top:5px}body .delta.down{background:#fff0f1;border-radius:999px;padding:3px 7px;display:inline-block;margin-top:5px}
body .page-head.row.spread:has(h1){padding:13px 14px;border:1px solid #dceaf2;border-radius:21px;background:linear-gradient(145deg,#fff,#f4fbff);box-shadow:0 8px 24px rgba(34,84,112,.045);align-items:center!important}body .page-head.row.spread .actions{gap:6px!important}body .page-head.row.spread .actions .btn{border-radius:12px!important}

/* custom date card on reports */
body .report-toolbar + .card{border-radius:18px!important;border-color:#e2ebf1!important;box-shadow:0 5px 17px rgba(31,78,105,.035)!important;padding:12px!important}body .report-toolbar + .card .row{gap:8px!important;align-items:end!important}body .report-toolbar + .card input{min-height:44px!important}

/* ---------- Flow workspace / builder shell ---------- */
.flow-hero.premium{background:linear-gradient(145deg,#fff 0%,#f4fbff 70%,#ecf8fd 100%)!important;border:1px solid #d6eaf5!important;border-radius:24px!important;padding:17px!important;box-shadow:0 10px 28px rgba(29,79,107,.055)!important}.flow-hero.premium:after{background:rgba(34,158,217,.07)!important}.flow-hero.premium h1{font-size:22px!important;color:#183648!important;letter-spacing:-.2px}.flow-hero-side .badge{border-radius:999px!important;padding:5px 9px!important}
.flow-kpi{gap:7px!important}.flow-kpi>div{background:linear-gradient(160deg,#fff,#fbfdff)!important;border-color:#e1ebf1!important;border-radius:16px!important;padding:10px 6px!important;box-shadow:0 4px 14px rgba(32,76,100,.03)!important}.flow-kpi b{font-size:19px!important;color:#1c394b!important}.flow-kpi span{font-size:8.5px!important}
.flow-tabs{gap:6px!important;padding:3px 1px 10px!important}.flow-tabs a{border-radius:13px!important;padding:9px 11px!important;border-color:#e0e9ef!important;color:#536d7c!important;background:#fff!important;box-shadow:0 3px 10px rgba(35,79,103,.025)!important}.flow-tabs a.active{background:linear-gradient(145deg,#eaf8fe,#e2f4fb)!important;color:#137ca9!important;border-color:#c5e7f6!important;box-shadow:0 5px 14px rgba(34,158,217,.08)!important}
.flow-toolbar{border-radius:18px!important;border-color:#dfeaf1!important;background:#fff!important;box-shadow:0 6px 18px rgba(31,75,100,.035)!important;padding:12px!important}.flow-toolbar b{color:#1c3b4c}.flow-toolbar .muted{font-size:9.5px!important;line-height:1.65!important}
.flow-builder.full{position:relative;padding-top:10px!important}.flow-builder.full:before{content:"";position:absolute;top:16px;bottom:18px;right:50%;width:1px;background:linear-gradient(#dbeaf2,#eff5f8);z-index:0}.node-wrap{position:relative;z-index:1}.flow-node.v24{border-radius:20px!important;border-color:#dde8ee!important;box-shadow:0 7px 20px rgba(29,70,94,.045)!important;padding:13px!important;background:#fff!important}.flow-node.v24:hover{border-color:#c9e1ec!important;box-shadow:0 9px 24px rgba(29,70,94,.065)!important}.node-icon{width:40px!important;height:40px!important;border-radius:13px!important}.node-kicker{font-size:8.5px!important;letter-spacing:.05px}.node-head b{font-size:13.5px!important;color:#183648!important}.node-users{background:#eef8fc!important;border-color:#d9edf6!important;color:#287ca1!important}.node-desc{line-height:1.75!important}.node-actions{gap:4px!important}.node-edit,.node-delete,.node-drag,.node-test{box-shadow:none!important}.insert-node{background:#fff!important;box-shadow:0 3px 9px rgba(27,87,116,.05)!important}.add-node-btn{border-radius:16px!important;background:#f8fcfe!important}

@media(max-width:620px){
 .home-pro-hero-v2{padding:16px!important}.home-pro-hero-v2 .home-pro-copy h1{font-size:24px!important}.home-pro-hero-v2 .home-health-ring{width:94px!important;min-width:94px!important;height:94px!important}.home-hero-actions .btn{flex:1 1 calc(50% - 5px);justify-content:center}.home-hero-actions .btn:first-child{flex-basis:100%}
 .home-exec-strip{grid-template-columns:1fr 1fr!important}.home-exec-strip>a{padding:11px!important}.home-exec-strip b{font-size:19px!important}.home-kpi{min-height:108px!important;padding:12px 8px!important}.home-kpi b{font-size:23px!important}
 .live-progress-row{grid-template-columns:1.25fr .64fr .72fr!important;padding:9px!important}.live-progress-name b{font-size:10.5px!important}.live-progress-name small{font-size:8px!important}.live-progress-now b,.live-progress-metric b{font-size:15px!important}
 body .page-head.row.spread:has(h1){display:block!important;padding:13px!important}body .page-head.row.spread .actions{margin-top:9px!important}body .page-head.row.spread .actions .btn{flex:1!important;justify-content:center!important}
 body .report-kpi{min-height:112px;padding:12px!important}body .report-kpi b{font-size:25px!important}body .report-kpi span{font-size:10px!important}.report-grid{gap:8px!important}
 body .report-toolbar + .card .row{display:grid!important;grid-template-columns:1fr 1fr!important}.report-toolbar + .card button{grid-column:1/-1;width:100%!important}
 .flow-hero.premium{padding:14px!important}.flow-hero.premium h1{font-size:19px!important}.flow-tabs a{padding:8px 10px!important;font-size:9.5px!important}.flow-node.v24{padding:11px!important}.flow-builder.full:before{display:none}
}

/* V4.7.23 — Follow-up media composer only */
#followup-editor .followup-media-box{margin-top:12px;padding:14px;border:1px solid #dbe7f4;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#fff)}
#followup-editor .followup-content-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:7px 0 12px}
#followup-editor .followup-content-types button{min-width:0;border:1px solid #d7e3f0;background:#fff;border-radius:12px;padding:9px 4px;color:#46576b;display:flex;flex-direction:column;align-items:center;gap:3px;font:inherit}
#followup-editor .followup-content-types button span{font-size:18px;line-height:1}#followup-editor .followup-content-types button b{font-size:11px;white-space:nowrap}
#followup-editor .followup-content-types button.active{border-color:#2f80ed;background:#eaf4ff;color:#1264c5;box-shadow:0 0 0 2px rgba(47,128,237,.08)}
#followup-editor .followup-media-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px}
#followup-editor .followup-media-tabs button{font-size:12px;padding:9px 7px;white-space:nowrap}
#followup-editor .followup-media-source{padding:11px;border:1px dashed #cbd9e8;border-radius:14px;background:#fff}
#followup-editor .followup-upload-zone input[type=file]{display:block;width:100%;margin-top:9px;font-size:12px}
#followup-editor .followup-upload-zone small{display:block;color:#718096;margin-top:4px}
#followup-editor .followup-upload-progress{height:27px;margin-top:9px;border-radius:9px;background:#edf3f8;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
#followup-editor .followup-upload-progress i{position:absolute;inset:0 auto 0 0;width:0;background:#cfe7ff;transition:width .2s}#followup-editor .followup-upload-progress span{position:relative;font-size:11px;color:#42617c}
@media(max-width:600px){#followup-editor .followup-content-types{grid-template-columns:repeat(5,minmax(50px,1fr));overflow-x:auto}#followup-editor .followup-media-tabs{grid-template-columns:1fr 1fr}}

/* V4.7.42 — Luxury floating bottom navigation (UI-only, no logic changes) */
:root{--lux-nav-bg:rgba(255,255,255,.88);--lux-nav-line:rgba(201,220,231,.72);--lux-nav-shadow:0 18px 45px rgba(36,64,79,.17),0 4px 12px rgba(34,158,217,.07);--lux-nav-active:#229ED9;--lux-nav-active-deep:#117aa8;--lux-nav-text:#758894;--lux-nav-radius:25px}
body{padding-bottom:calc(var(--bottom-nav-h,84px) + env(safe-area-inset-bottom) + 18px)!important}
main.container{padding-bottom:calc(var(--bottom-nav-h,84px) + env(safe-area-inset-bottom) + 24px)!important}
.bottom-nav{
  position:fixed!important;
  left:10px!important;
  right:10px!important;
  bottom:calc(8px + env(safe-area-inset-bottom))!important;
  top:auto!important;
  z-index:2147483000!important;
  margin:0 auto!important;
  padding:7px!important;
  width:auto!important;
  max-width:680px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,251,253,.88))!important;
  border:1px solid var(--lux-nav-line)!important;
  border-radius:var(--lux-nav-radius)!important;
  box-shadow:var(--lux-nav-shadow)!important;
  backdrop-filter:blur(22px) saturate(1.28)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.28)!important;
  overflow:visible!important;
  transform:none!important;
  contain:none!important;
}
.bottom-nav:before{
  content:'';
  position:absolute;
  inset:1px 8px auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.98),transparent);
  pointer-events:none;
}
.bottom-nav-inner{
  width:100%!important;
  max-width:none!important;
  min-height:62px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:5px!important;
  align-items:end!important;
}
.nav-item{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  min-width:0!important;
  min-height:58px!important;
  padding:5px 2px 6px!important;
  color:var(--lux-nav-text)!important;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:18px!important;
  text-decoration:none!important;
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.15px!important;
  box-shadow:none!important;
  transform:translateY(0)!important;
  transition:transform .2s cubic-bezier(.2,.75,.3,1),background .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
}
.nav-item .ico{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  line-height:34px!important;
  margin:0 auto 1px!important;
  border-radius:13px!important;
  font-size:18px!important;
  color:#6f8491!important;
  background:linear-gradient(145deg,#fff,#edf4f7)!important;
  border:1px solid rgba(211,225,233,.86)!important;
  box-shadow:0 4px 9px rgba(39,70,86,.08),inset 0 1px 0 rgba(255,255,255,.96)!important;
  transition:all .2s cubic-bezier(.2,.75,.3,1)!important;
}
.nav-item.active{
  color:#106f98!important;
  background:linear-gradient(180deg,rgba(235,248,254,.9),rgba(244,251,254,.65))!important;
  border-color:rgba(176,220,240,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 13px rgba(34,158,217,.08)!important;
  transform:translateY(-3px)!important;
}
.nav-item.active .ico{
  color:#fff!important;
  background:linear-gradient(145deg,#37afe4,var(--lux-nav-active))!important;
  border-color:rgba(17,122,168,.32)!important;
  box-shadow:0 9px 18px rgba(34,158,217,.31),0 3px 7px rgba(13,104,146,.18),inset 0 1px 1px rgba(255,255,255,.5),inset 0 -2px 4px rgba(16,113,154,.15)!important;
  transform:translateY(-2px) scale(1.06)!important;
}
.nav-item.active:after{
  content:'';
  position:absolute;
  bottom:2px;
  width:16px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#62c8f0,#229ed9);
  box-shadow:0 2px 6px rgba(34,158,217,.26);
}
.nav-item:active{transform:translateY(1px) scale(.96)!important}
.nav-item.active:active{transform:translateY(-1px) scale(.97)!important}
@media (hover:hover){.nav-item:hover{color:#2b728e;background:rgba(239,248,252,.72)!important}.nav-item:hover .ico{transform:translateY(-1px)}}
@media(max-width:390px){
  .bottom-nav{left:7px!important;right:7px!important;padding:6px!important;border-radius:22px!important}
  .bottom-nav-inner{gap:3px!important;min-height:59px!important}
  .nav-item{min-height:55px!important;font-size:8.5px!important;border-radius:16px!important}
  .nav-item .ico{width:32px!important;height:32px!important;line-height:32px!important;font-size:17px!important;border-radius:12px!important}
}
@media(prefers-reduced-motion:reduce){.nav-item,.nav-item .ico{transition:none!important}}


/* V4.7.60 — Login Aurora. Login-only selectors; authentication logic is untouched. */
.login-shell{position:relative;isolation:isolate;overflow:hidden;min-height:100vh!important;padding:24px!important;background:radial-gradient(circle at 18% 18%,rgba(81,196,238,.22),transparent 32%),radial-gradient(circle at 82% 78%,rgba(85,222,185,.16),transparent 34%),linear-gradient(155deg,#f7fcff 0%,#eef7fb 48%,#f8fbff 100%)!important}
.login-shell:before,.login-shell:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(8px);pointer-events:none}.login-shell:before{width:330px;height:220px;right:-110px;top:-90px;background:radial-gradient(circle,rgba(40,169,225,.23),transparent 68%)}.login-shell:after{width:350px;height:240px;left:-130px;bottom:-100px;background:radial-gradient(circle,rgba(75,215,177,.17),transparent 68%)}
.login-card{position:relative;overflow:hidden;width:min(420px,100%)!important;padding:28px 24px 23px!important;border-radius:32px!important;border:1px solid rgba(172,214,233,.7)!important;background:rgba(255,255,255,.78)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 28px 75px rgba(32,100,133,.17),inset 0 1px 0 rgba(255,255,255,.96)!important}
.login-card:before{content:"";position:absolute;inset:-80px -120px auto auto;width:260px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(75,191,237,.2),transparent 70%);pointer-events:none}.login-logo{position:relative;width:78px!important;height:78px!important;border-radius:50%!important;margin:0 auto 15px!important;background:radial-gradient(circle at 35% 28%,#fff 0 7%,#a7ebff 13%,#32afe1 43%,#12658f 74%,#073955)!important;box-shadow:0 15px 32px rgba(34,158,217,.3),inset 0 0 0 1px rgba(255,255,255,.72)!important;font-size:30px!important}.login-logo:after{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(255,255,255,.55)}
.login-card h1{text-align:center;font-size:27px!important;color:#102f40!important;letter-spacing:.2px}.login-card>p{text-align:center!important;font-size:12px!important;line-height:1.8!important;color:#728894!important;margin:5px 0 22px!important}.login-card label{font-weight:800;color:#355362;font-size:12px;margin-top:10px}.login-card input{height:50px;border-radius:16px!important;border:1px solid #d7e7ee!important;background:rgba(255,255,255,.9)!important;box-shadow:inset 0 1px 2px rgba(31,82,106,.035);font-size:16px}.login-card input:focus{border-color:#65bfe6!important;box-shadow:0 0 0 4px rgba(34,158,217,.1)!important}.login-card button{height:52px;margin-top:12px;border-radius:17px!important;background:linear-gradient(145deg,#38afe1,#168cc5)!important;box-shadow:0 12px 24px rgba(34,158,217,.22),inset 0 1px 0 rgba(255,255,255,.35)!important;font-weight:900}.login-card .muted{text-align:center!important;margin-top:15px!important;color:#8aa0ab!important}.login-card .notice.err{border-radius:15px}
@media(max-width:480px){.login-shell{padding:18px!important}.login-card{padding:25px 19px 21px!important;border-radius:28px!important}.login-logo{width:70px!important;height:70px!important}.login-card h1{font-size:25px!important}}

/* V4.7.61 — Login cache-visible Aurora + drawer logout + final compact Home polish */
.app-drawer{padding-bottom:calc(108px + env(safe-area-inset-bottom))!important;overflow-y:auto!important}
.app-drawer .drawer-spacer{flex:1 0 18px!important}
.app-drawer .drawer-logout{position:sticky!important;bottom:0!important;z-index:4!important;margin-top:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:52px!important;border:1px solid #f0cfd5!important;background:linear-gradient(145deg,#fff7f8,#fff0f2)!important;color:#a62f41!important;font-size:13px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(166,47,65,.09)!important}
.app-drawer .drawer-logout:before{content:"↪";font-size:18px}

/* Login is loaded from admin/panel/actions.php; this block is intentionally high-contrast so cache issues are obvious. */
.login-shell{position:relative!important;isolation:isolate!important;overflow:hidden!important;min-height:100vh!important;padding:24px!important;background:
 radial-gradient(circle at 15% 18%,rgba(49,188,239,.34),transparent 28%),
 radial-gradient(circle at 86% 78%,rgba(84,225,184,.22),transparent 30%),
 radial-gradient(circle at 68% 22%,rgba(120,115,255,.16),transparent 22%),
 linear-gradient(155deg,#071d2c 0%,#0a3147 48%,#092536 100%)!important}
.login-shell:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.72;background-image:radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.4px);background-size:31px 31px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.12))}
.login-shell:after{content:"";position:absolute;z-index:-1;width:520px;height:280px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-53%);background:radial-gradient(ellipse,rgba(64,189,236,.25),rgba(90,217,187,.08) 45%,transparent 72%);filter:blur(14px);pointer-events:none}
.login-card{position:relative!important;overflow:hidden!important;width:min(430px,100%)!important;padding:28px 24px 24px!important;border-radius:30px!important;border:1px solid rgba(185,228,246,.3)!important;background:linear-gradient(155deg,rgba(255,255,255,.94),rgba(240,249,253,.88))!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;box-shadow:0 32px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.9)!important}
.login-card:before{content:"";position:absolute;width:260px;height:170px;right:-95px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(53,181,232,.25),transparent 70%);pointer-events:none}
.login-kicker{text-align:center;font-size:10px;font-weight:900;letter-spacing:1.4px;color:#1887b7;margin-bottom:12px}
.login-logo{position:relative!important;width:82px!important;height:82px!important;border-radius:50%!important;margin:0 auto 14px!important;background:radial-gradient(circle at 34% 28%,#fff 0 7%,#a8ecff 13%,#36b5e8 42%,#12698f 73%,#07354c 100%)!important;box-shadow:0 16px 34px rgba(31,158,211,.33),inset 0 0 0 1px rgba(255,255,255,.76)!important;color:#fff!important;font-size:31px!important}
.login-logo:after{content:"";position:absolute;inset:9px;border-radius:50%;border:1px solid rgba(255,255,255,.55)}
.login-card h1{text-align:center!important;font-size:29px!important;color:#102f40!important;margin:0!important;letter-spacing:.2px}
.login-card>p{text-align:center!important;font-size:12px!important;line-height:1.8!important;color:#6d8490!important;margin:5px 0 8px!important}
.login-status{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 18px;color:#54717f;font-size:10px}.login-status i{width:7px;height:7px;border-radius:50%;background:#48cc91;box-shadow:0 0 0 4px rgba(72,204,145,.12)}
.login-card label{font-size:12px!important;font-weight:900!important;color:#304f60!important;margin:10px 2px 6px!important}
.login-card input{height:52px!important;border-radius:17px!important;border:1px solid #cfe3ec!important;background:#fff!important;color:#102f40!important;box-shadow:inset 0 1px 2px rgba(31,82,106,.04)!important;font-size:16px!important;padding:0 14px!important}
.login-card input:focus{border-color:#50b5df!important;box-shadow:0 0 0 4px rgba(40,161,213,.12)!important;outline:none!important}
.login-card input:-webkit-autofill,.login-card input:-webkit-autofill:hover,.login-card input:-webkit-autofill:focus{-webkit-text-fill-color:#102f40!important;-webkit-box-shadow:0 0 0 1000px #fff inset!important;transition:background-color 99999s ease-in-out 0s!important}
.login-card button{height:54px!important;margin-top:13px!important;border-radius:18px!important;background:linear-gradient(145deg,#38b2e3,#168cc5)!important;color:#fff!important;border:0!important;box-shadow:0 13px 28px rgba(31,153,205,.28),inset 0 1px 0 rgba(255,255,255,.35)!important;font-size:16px!important;font-weight:900!important}
.login-card .muted{text-align:center!important;margin-top:15px!important;color:#8095a0!important;font-size:10px!important}
@media(max-width:480px){.login-shell{padding:16px!important}.login-card{padding:25px 19px 21px!important;border-radius:27px!important}.login-logo{width:74px!important;height:74px!important}.login-card h1{font-size:26px!important}}

/* Home final compactness */
.hc-wrap{gap:9px!important}.hc-hero{padding:13px 14px!important;border-radius:22px!important}.hc-hero-row{grid-template-columns:52px 1fr auto!important;gap:9px!important}.hc-orb{width:48px!important;height:48px!important}.hc-orb span{font-size:18px!important}.hc-title{font-size:20px!important}.hc-live-line{font-size:9.5px!important;margin-top:5px!important}.hc-health-mini{width:44px!important;height:44px!important}.hc-health-mini:after{inset:5px!important}.hc-health-mini b{font-size:14px!important}.hc-summary{margin-top:9px!important;padding:8px 10px!important;border-radius:13px!important;font-size:10px!important}.hc-kpis{gap:6px!important}.hc-kpi{min-height:66px!important;padding:8px 7px!important;border-radius:15px!important}.hc-kpi em{font-size:13px!important}.hc-kpi b{font-size:18px!important;margin-top:3px!important}.hc-kpi span{font-size:8.5px!important}.hc-panel{padding:12px!important;border-radius:19px!important}.hc-head{margin-bottom:8px!important}.hc-head b{font-size:16px!important}.hc-head span,.hc-head a{font-size:9px!important}.hc-radar-item{padding:8px!important;border-radius:13px!important}.hc-radar-num{padding:4px 6px!important;font-size:11px!important}.hc-shortcut{padding:8px 3px!important;border-radius:13px!important}.hc-shortcut i{font-size:16px!important}.hc-shortcut b{font-size:8.5px!important}.hc-flow{padding:8px 9px!important;border-radius:13px!important}.hc-flow b{font-size:11px!important}.hc-flow small,.hc-flow-meta span{font-size:8px!important}


/* V4.7.62 — Command Portal Login. LOGIN-ONLY visual layer. Authentication/session/CSRF logic untouched. */
.login-command-shell{
  --lc-ink:#0e3148;--lc-muted:#6e8798;--lc-line:rgba(139,198,226,.42);--lc-cyan:#25a9e0;--lc-cyan2:#6cd5f4;
  position:relative!important;isolation:isolate!important;display:block!important;overflow:hidden!important;min-height:100vh!important;
  padding:0!important;background:linear-gradient(180deg,#eaf7ff 0%,#f7fbff 43%,#edf8ff 100%)!important;color:var(--lc-ink)!important;
}
.login-command-shell .login-atmosphere{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none;background:
 radial-gradient(circle at 50% 18%,rgba(255,255,255,.98) 0 4%,rgba(104,206,246,.25) 18%,transparent 42%),
 linear-gradient(180deg,rgba(116,190,238,.28),rgba(255,255,255,.13) 42%,rgba(216,241,252,.7));}
.login-command-shell .login-starfield{position:absolute;inset:0;opacity:.62;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1.1px,transparent 1.5px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000 0 38%,transparent 70%)}
.login-command-shell .login-aurora{position:absolute;top:-4%;width:42%;height:52%;filter:blur(17px);opacity:.65;border-radius:50%;background:linear-gradient(180deg,rgba(116,213,255,.65),rgba(255,255,255,.05));transform:skewX(-8deg)}
.login-command-shell .login-aurora.a1{right:7%}.login-command-shell .login-aurora.a2{left:4%;opacity:.42;transform:skewX(10deg)}
.login-command-shell .login-cloud{position:absolute;width:88%;height:270px;bottom:-90px;border-radius:50%;filter:blur(16px);background:radial-gradient(ellipse,#fff 0 36%,rgba(255,255,255,.48) 55%,transparent 74%)}
.login-command-shell .login-cloud.c1{left:-25%}.login-command-shell .login-cloud.c2{right:-29%;bottom:-120px;opacity:.86}
.login-command{width:min(470px,100%);min-height:100vh;margin:0 auto;padding:clamp(42px,8vh,88px) 22px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;gap:26px}
.login-identity{text-align:center;position:relative}.login-identity h1{margin:13px 0 2px!important;font-size:clamp(35px,8vw,48px)!important;line-height:1.08!important;letter-spacing:-1.5px;color:#0b3552!important;font-weight:950!important}.login-identity>p{margin:7px 0 11px!important;font-size:13px!important;color:#416b87!important}
.login-core-wrap{position:relative;width:150px;height:150px;margin:0 auto 2px;display:grid;place-items:center;perspective:600px}.login-core{position:relative;z-index:3;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;color:white;font-size:38px;background:radial-gradient(circle at 33% 27%,#fff 0 8%,#bcefff 14%,#57c8ee 39%,#1c91c7 65%,#0b4c73 100%);box-shadow:0 18px 45px rgba(24,142,195,.27),0 0 52px rgba(89,201,241,.34),inset 0 0 0 1px rgba(255,255,255,.88),inset -8px -10px 18px rgba(0,79,119,.18)}
.login-core:after{content:"";position:absolute;inset:11px;border-radius:50%;border:1px solid rgba(255,255,255,.55)}.login-core-ring{position:absolute;border-radius:50%;border:1px solid rgba(53,165,215,.24);box-shadow:inset 0 0 0 5px rgba(255,255,255,.1)}.login-core-ring.r1{width:126px;height:126px}.login-core-ring.r2{width:145px;height:145px;border-style:dashed;opacity:.68}.login-core-platform{position:absolute;z-index:1;bottom:4px;width:118px;height:18px;border-radius:50%;border:1px solid rgba(51,171,220,.35);box-shadow:0 0 18px rgba(57,183,230,.22),inset 0 0 12px rgba(255,255,255,.7);transform:rotateX(72deg)}
.login-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:0!important;padding:7px 12px!important;border-radius:999px!important;border:1px solid rgba(151,206,230,.34)!important;background:rgba(255,255,255,.44)!important;color:#607c8d!important;font-size:10px!important;backdrop-filter:blur(10px)}.login-status i{width:7px!important;height:7px!important;border-radius:50%!important;background:#42ca8f!important;box-shadow:0 0 0 4px rgba(66,202,143,.12)!important}.login-status b{color:#41ba81;font-size:11px}
.login-access-panel{position:relative;border-radius:30px;padding:17px 16px 18px;border:1px solid rgba(255,255,255,.82);background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(239,249,255,.49));box-shadow:0 20px 55px rgba(28,105,143,.10),inset 0 1px 0 rgba(255,255,255,.92);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.login-access-head{display:flex;align-items:center;justify-content:space-between;padding:1px 6px 10px;color:#5c7c90}.login-access-head span{font-size:9px;font-weight:950;letter-spacing:1.7px;color:#2193c3}.login-access-head small{font-size:10px}
.login-command-form{display:grid;gap:11px}.login-field{display:block!important;margin:0!important}.login-field-label{display:block;margin:0 7px 6px;font-size:11px;font-weight:900;color:#294e66}.login-field-box{height:58px;display:grid;grid-template-columns:42px 1fr;direction:ltr;align-items:center;border:1px solid rgba(154,207,230,.48);border-radius:20px;background:rgba(255,255,255,.64);box-shadow:0 9px 24px rgba(34,124,165,.055),inset 0 1px 0 rgba(255,255,255,.92);overflow:hidden}.login-field-icon{display:grid;place-items:center;height:32px;border-right:1px solid rgba(172,210,227,.58);font-style:normal;color:#275a78;font-size:20px}.login-field-box input{direction:rtl!important;text-align:right!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0 16px!important;font-size:16px!important;color:#153f59!important;outline:none!important}.login-field-box:focus-within{border-color:#57bee8;box-shadow:0 0 0 4px rgba(44,169,220,.10),0 13px 28px rgba(34,124,165,.08)}.login-field-box input::placeholder{color:#8ca2af}.login-field-box input:-webkit-autofill{-webkit-text-fill-color:#153f59!important;-webkit-box-shadow:0 0 0 1000px rgba(250,254,255,.98) inset!important}
.login-command-submit{position:relative!important;display:grid!important;grid-template-columns:42px 1fr 42px!important;align-items:center!important;width:100%!important;height:60px!important;margin:4px 0 0!important;padding:0 9px!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:22px!important;background:linear-gradient(145deg,#4fc6ed,#179bd5)!important;color:#fff!important;box-shadow:0 15px 30px rgba(18,142,195,.24),inset 0 1px 0 rgba(255,255,255,.62),inset 0 -5px 12px rgba(0,94,142,.08)!important;font-size:17px!important;font-weight:950!important}.login-command-submit:active{transform:translateY(1px)}.login-submit-orb,.login-submit-arrow{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.20)}.login-submit-orb{box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.login-submit-arrow{font-size:28px;font-weight:300;line-height:1}.login-command-submit strong{font-weight:950}
.login-trust{margin:12px auto 0;width:max-content;max-width:100%;padding:7px 11px;border-radius:999px;border:1px solid rgba(166,210,229,.32);background:rgba(255,255,255,.34);color:#7b919d;font-size:9px;text-align:center}.login-version{text-align:center;margin-top:12px;color:#7e99aa;font-size:9px}.login-error{margin:0 0 11px!important;border-radius:15px!important;font-size:11px!important}
.login-command-shell .login-card{display:none!important}
@media(max-width:480px){.login-command{padding:34px 15px calc(22px + env(safe-area-inset-bottom));gap:19px}.login-core-wrap{width:128px;height:128px}.login-core{width:82px;height:82px;font-size:34px}.login-core-ring.r1{width:112px;height:112px}.login-core-ring.r2{width:128px;height:128px}.login-identity h1{font-size:37px!important}.login-access-panel{padding:15px 13px 16px;border-radius:25px}.login-field-box{height:55px;border-radius:18px}.login-command-submit{height:57px!important;border-radius:20px!important}}
@media(max-height:700px){.login-command{justify-content:flex-start;padding-top:24px;gap:12px}.login-core-wrap{width:102px;height:102px}.login-core{width:68px;height:68px;font-size:27px}.login-core-ring.r1{width:88px;height:88px}.login-core-ring.r2{width:101px;height:101px}.login-core-platform{bottom:-4px}.login-identity h1{font-size:31px!important}.login-identity>p{margin:4px 0 7px!important}.login-access-panel{padding-top:12px}.login-field-box{height:50px}.login-command-submit{height:52px!important}}
@media(prefers-reduced-motion:no-preference){.login-core{animation:lcFloat 4.5s ease-in-out infinite}.login-core-ring.r2{animation:lcSpin 22s linear infinite}.login-aurora.a1{animation:lcBreath 7s ease-in-out infinite alternate}.login-aurora.a2{animation:lcBreath 8s ease-in-out 1s infinite alternate}}@keyframes lcFloat{50%{transform:translateY(-5px);box-shadow:0 24px 52px rgba(24,142,195,.30),0 0 65px rgba(89,201,241,.42),inset 0 0 0 1px rgba(255,255,255,.88),inset -8px -10px 18px rgba(0,79,119,.18)}}@keyframes lcSpin{to{transform:rotate(360deg)}}@keyframes lcBreath{to{opacity:.88;transform:translateY(8px) skewX(-4deg)}}

/* V4.7.63 — Login Final Polish ONLY. No auth/session/CSRF/database logic changes. */
.login-command{gap:18px!important}
.login-core-wrap{margin-bottom:-5px!important}
.login-identity h1{margin-top:5px!important}
.login-identity>p{margin-top:5px!important;margin-bottom:9px!important}
.login-access-panel{padding:14px 15px 15px!important;border-radius:27px!important}
.login-access-head{padding:0 6px 8px!important;color:#486b80!important}
.login-access-head span{color:#168ebf!important}
.login-access-head small{color:#516f81!important;font-weight:800!important}
.login-command-form{gap:9px!important}
.login-field-label{margin-bottom:5px!important;color:#21465f!important}
.login-field-box{height:55px!important}
.login-command-submit{height:57px!important;margin-top:2px!important}
.login-trust{margin-top:9px!important;color:#657f8f!important;background:rgba(255,255,255,.48)!important;border-color:rgba(139,198,224,.42)!important;font-weight:700!important}
.login-version{margin-top:9px!important;color:#668798!important;font-weight:700!important}
@media(max-width:480px){
  .login-command{gap:14px!important;padding-top:28px!important}
  .login-core-wrap{margin-bottom:-8px!important}
  .login-access-panel{padding:13px 12px 14px!important;border-radius:24px!important}
  .login-field-box{height:53px!important}
  .login-command-submit{height:55px!important}
}


/* V4.7.64 — Process Studio 3D + unified bottom navigation. UI-only process page polish. */
.process-studio-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(118px,.72fr) minmax(0,1.6fr);gap:12px;align-items:center;margin:0 0 10px;padding:18px;border:1px solid rgba(183,218,238,.8);border-radius:28px;background:radial-gradient(circle at 12% 20%,rgba(112,152,255,.18),transparent 25%),radial-gradient(circle at 72% 18%,rgba(80,194,239,.20),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.96),rgba(241,248,255,.90));box-shadow:0 20px 46px rgba(52,87,112,.11),inset 0 1px 0 rgba(255,255,255,.96)}
.process-studio-hero:after{content:"";position:absolute;inset:auto -8% -45% 28%;height:170px;background:radial-gradient(ellipse,rgba(107,213,255,.22),transparent 65%);filter:blur(7px);z-index:-1}.process-studio-copy{position:relative;z-index:2;text-align:right}.process-studio-kicker{font-size:8.5px;font-weight:950;letter-spacing:1.1px;color:#1484b4;margin-bottom:4px}.process-studio-copy h1{font-size:26px;line-height:1.25;margin:0;color:#142f43;letter-spacing:-.6px}.process-studio-copy p{font-size:10.5px;line-height:1.95;color:#718896;margin:7px 0 12px}.process-create-cta{min-height:50px!important;padding:10px 18px!important;border-radius:17px!important;background:linear-gradient(160deg,#43b7e8,#229ed9 58%,#1682bd)!important;border:1px solid rgba(18,117,163,.25)!important;box-shadow:0 10px 22px rgba(34,158,217,.28),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -3px 5px rgba(16,108,151,.14)!important;color:#fff!important;font-size:14px!important;display:inline-flex!important;align-items:center!important;gap:7px!important}.process-create-cta span{font-size:20px;line-height:1}.process-create-cta:active{transform:translateY(1px) scale(.985)}
.process-studio-art{position:relative;height:120px;min-width:0;display:grid;place-items:center;perspective:420px}.ps-platform{position:absolute;width:72px;height:52px;bottom:20px;border-radius:18px;background:linear-gradient(155deg,rgba(255,255,255,.92),rgba(119,181,255,.38));border:1px solid rgba(119,169,239,.42);box-shadow:0 20px 26px rgba(62,117,181,.17),inset 0 1px 0 rgba(255,255,255,.95);transform:rotateX(62deg) rotateZ(-8deg)}.ps-platform:before,.ps-platform:after,.ps-platform i{content:"";position:absolute;left:8px;right:8px;height:12px;border-radius:7px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(114,168,245,.46));border:1px solid rgba(104,158,230,.34);box-shadow:0 8px 14px rgba(60,104,171,.12)}.ps-platform:before{top:-12px}.ps-platform:after{top:-25px;left:16px;right:16px}.ps-platform i{top:-38px;left:24px;right:24px}.ps-ring{position:absolute;border:2px solid rgba(86,153,248,.22);border-radius:50%;box-shadow:0 0 20px rgba(71,157,233,.10)}.ps-ring.r1{width:80px;height:80px;top:5px;left:10px}.ps-ring.r2{width:52px;height:52px;top:20px;left:24px;border-color:rgba(69,185,239,.32)}.ps-orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0 10%,#9be5ff 11% 30%,#4d92ef 58%,#6f59d8 100%);box-shadow:0 6px 13px rgba(71,135,208,.24)}.ps-orb.o1{width:10px;height:10px;top:8px;right:12px}.ps-orb.o2{width:8px;height:8px;top:32px;right:0}.ps-orb.o3{width:7px;height:7px;top:48px;right:24px}
.process-kpi-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 12px}.process-kpi{min-height:82px;padding:10px 8px;border-radius:20px;text-align:center;border:1px solid rgba(213,228,237,.92);background:linear-gradient(155deg,#fff,#f8fbfd);box-shadow:0 10px 24px rgba(48,82,101,.065),inset 0 1px 0 #fff}.process-kpi .pk-icon{display:block;font-size:20px;filter:drop-shadow(0 4px 6px rgba(44,92,132,.13))}.process-kpi b{display:block;font-size:21px;line-height:1.15;margin-top:5px;color:#17364a}.process-kpi small{font-size:9px;color:#728792}.process-kpi.kpi-flow{background:linear-gradient(155deg,#fff,#fffaf0)}.process-kpi.kpi-live{background:linear-gradient(155deg,#fff,#f4fbff)}.process-kpi.kpi-version{background:linear-gradient(155deg,#fff,#faf7ff)}
.process-card-list{display:grid;gap:9px}.process-card-3d{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) 30px;align-items:center;gap:10px;text-decoration:none;padding:12px 11px;border-radius:21px;border:1px solid rgba(210,226,236,.95);background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(248,252,255,.95));box-shadow:0 10px 23px rgba(44,79,101,.065),inset 0 1px 0 #fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;color:#183548;min-width:0}.process-card-3d:active{transform:scale(.992)}.process-card-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:23px;background:linear-gradient(145deg,#fff,#eaf6fc);border:1px solid rgba(210,228,239,.9);box-shadow:0 8px 16px rgba(42,91,124,.10),inset 0 1px 0 #fff}.process-card-main{min-width:0}.process-card-main strong{display:block;font-size:15px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.process-card-main>small{display:block;color:#738995;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.process-card-chips{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:8px}.process-card-chips em{font-style:normal;font-size:8.5px;font-weight:800;padding:5px 7px;border-radius:999px;background:#eef7fb;color:#447489;border:1px solid #dfedf4}.process-card-chips .chip-state{background:#eff8f4;color:#347e60;border-color:#d8ecdf}.process-card-chips .state-archived{background:#f3f5f7;color:#77848c;border-color:#e2e7ea}.process-card-chips .state-disabled{background:#fff8e8;color:#936719;border-color:#f2e1bd}.process-card-more{width:29px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#f1f6f9);border:1px solid #dfe9ef;color:#638091;font-size:22px;box-shadow:0 5px 11px rgba(45,79,98,.06)}.process-state-archived{opacity:.86;background:linear-gradient(155deg,#fafbfc,#f2f5f7)}.process-state-archived .process-card-icon{filter:grayscale(.25)}.process-state-disabled{background:linear-gradient(155deg,#fffdf8,#fff8e9)}
.process-empty{border-radius:24px!important;background:linear-gradient(145deg,#fff,#f5fbfe)!important}.process-empty button{margin-top:12px}
.flow-create-modal{inset:0 0 calc(78px + env(safe-area-inset-bottom)) 0!important;z-index:2147482500!important;background:rgba(20,37,49,.30)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.flow-create-sheet{border-radius:28px!important;padding:10px 16px 17px!important;max-height:min(72vh,590px)!important;background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(247,252,255,.97))!important;border:1px solid rgba(199,222,235,.96)!important;box-shadow:0 -18px 42px rgba(29,58,76,.16),inset 0 1px 0 #fff!important;overflow:auto!important}.flow-create-head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:start;margin-bottom:10px}.flow-create-head h3{font-size:19px;margin:0 0 3px;color:#19384a}.flow-create-head .muted{font-size:9.5px;line-height:1.8}.flow-create-close{width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:14px!important;background:#fff!important;color:#637b89!important;border:1px solid #dce8ee!important;box-shadow:0 6px 13px rgba(47,75,91,.06)!important;font-size:19px!important}.flow-create-form{display:grid;gap:7px}.flow-create-form label{margin:1px 4px 0!important;font-size:10px!important;font-weight:900!important;color:#314f61!important}.flow-create-form input,.flow-create-form select{height:50px!important;margin:0!important;border-radius:15px!important;background:#fff!important;border:1px solid #d9e7ee!important;box-shadow:inset 0 1px 0 #fff,0 5px 13px rgba(45,82,103,.035)!important}.flow-select-wrap{position:relative}.flow-select-wrap>span{position:absolute;right:11px;top:50%;transform:translateY(-50%);z-index:2;font-size:19px;pointer-events:none}.flow-select-wrap select{width:100%!important;padding-right:42px!important}.flow-create-submit{width:100%!important;min-height:50px!important;margin-top:5px!important;border-radius:15px!important;background:linear-gradient(160deg,#39afe2,#229ed9 58%,#167cae)!important;color:#fff!important;border:1px solid rgba(17,115,160,.25)!important;box-shadow:0 10px 20px rgba(34,158,217,.25),inset 0 1px 0 rgba(255,255,255,.48)!important;font-size:14px!important;font-weight:950!important}.flow-create-submit span{margin-left:5px}
/* One shared nav surface for every panel page. */
.bottom-nav{left:0!important;right:0!important;bottom:0!important;max-width:700px!important;padding:7px 9px calc(6px + env(safe-area-inset-bottom))!important;border-radius:26px 26px 0 0!important;background:linear-gradient(180deg,rgba(255,255,255,.965),rgba(247,251,253,.945))!important;border-left:1px solid var(--lux-nav-line)!important;border-right:1px solid var(--lux-nav-line)!important;border-top:1px solid var(--lux-nav-line)!important;border-bottom:0!important;box-shadow:0 -10px 32px rgba(36,64,79,.12),0 -2px 8px rgba(34,158,217,.05)!important}.bottom-nav-inner{min-height:62px!important}.nav-item.active{transform:translateY(-2px)!important}.nav-item.active .ico{box-shadow:0 10px 20px rgba(34,158,217,.30),inset 0 1px 1px rgba(255,255,255,.52)!important}
@media(max-width:430px){.process-studio-hero{grid-template-columns:92px minmax(0,1fr);padding:14px;border-radius:24px}.process-studio-art{height:105px}.process-studio-copy h1{font-size:22px}.process-studio-copy p{font-size:9.5px;margin-bottom:9px}.process-create-cta{min-height:46px!important;padding:8px 14px!important;font-size:13px!important}.process-kpi-row{gap:6px}.process-kpi{min-height:74px;padding:8px 5px;border-radius:17px}.process-kpi b{font-size:19px}.process-card-3d{grid-template-columns:44px minmax(0,1fr) 27px;padding:10px 9px;gap:8px;border-radius:18px}.process-card-icon{width:41px;height:41px;border-radius:13px;font-size:20px}.process-card-main strong{font-size:13.5px}.process-card-chips em{font-size:8px;padding:4px 6px}.process-card-more{width:26px;height:33px}.flow-create-modal{inset:0 0 calc(74px + env(safe-area-inset-bottom)) 0!important}.flow-create-sheet{padding:9px 14px 14px!important;max-height:70vh!important}.flow-create-form input,.flow-create-form select{height:47px!important}.flow-create-submit{min-height:47px!important}}

/* V4.7.65 — Process state clarity. UI-only: visually separate LIVE / disabled / archived cards. */
.process-card-3d.process-state-active{
  border-color:rgba(190,224,238,.98);
  background:linear-gradient(155deg,rgba(255,255,255,.99),rgba(244,251,255,.97));
}
.process-card-3d.process-state-active .process-card-icon{
  background:linear-gradient(145deg,#ffffff,#e7f7ff);
  box-shadow:0 8px 18px rgba(34,158,217,.12),inset 0 1px 0 #fff;
}
.process-card-3d.process-state-active .chip-state.state-active{
  background:linear-gradient(145deg,#effbf5,#e5f7ee);
  color:#237756;
  border-color:#cfe9db;
}

/* Disabled = still exists, but no new entrance. Icy muted blue/gray. */
.process-card-3d.process-state-disabled{
  opacity:1;
  border-color:#cad9e3;
  background:linear-gradient(155deg,#f4f8fb,#eaf1f5);
  box-shadow:0 8px 18px rgba(67,91,107,.055),inset 0 1px 0 rgba(255,255,255,.9);
}
.process-card-3d.process-state-disabled .process-card-icon{
  background:linear-gradient(145deg,#f8fbfd,#dfe9ef);
  border-color:#cbd9e1;
  color:#617987;
  filter:saturate(.35);
  box-shadow:0 6px 13px rgba(55,79,94,.07),inset 0 1px 0 #fff;
}
.process-card-3d.process-state-disabled .process-card-main strong{color:#536a78}
.process-card-3d.process-state-disabled .process-card-main>small{color:#8798a2}
.process-card-3d.process-state-disabled .process-card-chips em:not(.chip-state){
  background:#edf3f6;color:#758b97;border-color:#dbe5ea;
}
.process-card-3d.process-state-disabled .chip-state.state-disabled{
  background:#dfe9ef;color:#506b79;border-color:#c7d7df;font-weight:950;
}
.process-card-3d.process-state-disabled .process-card-more{
  background:linear-gradient(145deg,#f5f8fa,#e4ebef);color:#7c909b;border-color:#d5e0e5;
}

/* Archived = historical/reference only. More neutral and visibly recessed. */
.process-card-3d.process-state-archived{
  opacity:.76;
  border-color:#d8dfe4;
  background:linear-gradient(155deg,#f8f9fa,#eef1f3);
  box-shadow:0 6px 14px rgba(65,76,84,.035),inset 0 1px 0 rgba(255,255,255,.85);
}
.process-card-3d.process-state-archived .process-card-icon{
  background:linear-gradient(145deg,#f7f8f9,#e5e9ec);
  border-color:#d7dfe3;
  filter:grayscale(.72) saturate(.2);
  box-shadow:none;
}
.process-card-3d.process-state-archived .process-card-main strong{color:#697983}
.process-card-3d.process-state-archived .process-card-main>small{color:#97a3aa}
.process-card-3d.process-state-archived .process-card-chips em:not(.chip-state){
  background:#f0f2f4;color:#8b989f;border-color:#e2e6e9;
}
.process-card-3d.process-state-archived .chip-state.state-archived{
  background:#e7ebee;color:#66767f;border-color:#d7dfe3;font-weight:950;
}
.process-card-3d.process-state-archived .process-card-more{
  background:#f0f2f4;color:#9aa5ab;border-color:#e1e5e8;box-shadow:none;
}

@media(max-width:430px){
  .process-card-3d.process-state-disabled,.process-card-3d.process-state-archived{backdrop-filter:none}
}


/* ===== v4.7.66 — Flow Detail Safe UI Polish (UI only) ===== */
.flow-detail-hero{position:relative;overflow:hidden;isolation:isolate}
.flow-detail-hero:before{content:"";position:absolute;inset:-40% auto auto -12%;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(117,211,246,.22),transparent 68%);pointer-events:none;z-index:-1}
.flow-detail-kicker{font-size:8px;font-weight:950;letter-spacing:1.2px;color:#2393c8;margin-bottom:3px}
.flow-kpi.flow-kpi-compact{gap:8px;margin:10px 0 12px}
.flow-kpi.flow-kpi-compact>div{min-height:76px;border-radius:19px;background:linear-gradient(155deg,#fff,#f7fbfd);border:1px solid #dfeaf0;box-shadow:0 6px 18px rgba(32,73,96,.035);padding:10px 8px}
.flow-kpi.flow-kpi-compact .fk-icon{display:block;font-size:13px;color:#6d8a99;margin-bottom:2px}
.flow-kpi.flow-kpi-compact b{font-size:20px;color:#183746;line-height:1.05}
.flow-kpi.flow-kpi-compact span:last-child{font-size:9px;color:#718894}
.flow-tabs{position:sticky;top:74px;z-index:18;background:linear-gradient(180deg,rgba(245,249,252,.98),rgba(245,249,252,.91),rgba(245,249,252,0));backdrop-filter:blur(8px);padding-top:6px!important}
.flow-version-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.flow-version-bar>.actions{flex:0 0 auto}
.flow-version-bar>.actions form{margin:0}
.flow-version-bar>.actions button{min-height:38px!important;border-radius:13px!important;white-space:nowrap}
.flow-structure-ok{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:16px!important;padding:11px 13px!important}
.flow-structure-ok b{white-space:nowrap;color:#24754f}.flow-structure-ok span{font-size:9.5px;color:#668477;line-height:1.6}
.flow-builder-polished{padding-bottom:4px!important}
.flow-node.v24{position:relative;overflow:hidden;display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important;padding-right:16px!important}
.flow-node.v24 .node-accent{position:absolute;right:0;top:12px;bottom:12px;width:4px;border-radius:4px;background:#8ea6b2}
.flow-node.v24.node-tone-content .node-accent{background:linear-gradient(#27a6de,#6dccf0)}
.flow-node.v24.node-tone-time .node-accent{background:linear-gradient(#f4b83f,#ffd977)}
.flow-node.v24.node-tone-logic .node-accent{background:linear-gradient(#ef786f,#f4aaa4)}
.flow-node.v24.node-tone-terminal .node-accent{background:linear-gradient(#37b97f,#88d9b1)}
.flow-node.v24.node-tone-system .node-accent{background:linear-gradient(#8b9ca7,#c0cbd1)}
.flow-node.v24.node-tone-content .node-icon{background:linear-gradient(145deg,#eaf8fe,#dff3fb)!important;color:#1889bc!important}
.flow-node.v24.node-tone-time .node-icon{background:linear-gradient(145deg,#fff9e7,#fff2c9)!important;color:#ae7810!important}
.flow-node.v24.node-tone-logic .node-icon{background:linear-gradient(145deg,#fff2f0,#ffe3df)!important;color:#b9544d!important}
.flow-node.v24.node-tone-terminal .node-icon{background:linear-gradient(145deg,#eaf9f2,#dff5ea)!important;color:#21865c!important}
.flow-node.v24.node-tone-system .node-icon{background:linear-gradient(145deg,#f1f5f7,#e9eef1)!important;color:#637985!important}
.node-type-label{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:#eff6f9;color:#3f6e83;font-weight:900;font-size:8px}
.node-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;margin-top:5px}
.node-head>b{font-size:14px!important;line-height:1.5!important;min-width:0}
.node-position{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}
.node-position em{font-style:normal;font-size:8px;font-weight:900;border-radius:999px;padding:4px 7px;white-space:nowrap;border:1px solid transparent}
.node-position .here{background:#e8f7fd;color:#1484b5;border-color:#d2edf8}
.node-position .passed{background:#f2f5f7;color:#687c87;border-color:#e5ebee}
.node-desc-safe{margin-top:8px!important;color:#677e8b!important;font-size:9.5px!important;line-height:1.85!important;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.node-actions{align-self:center!important}
.node-test-polished{background:linear-gradient(145deg,#edf9f4,#e0f3e9)!important;color:#24835b!important;border:1px solid #d2ecdf!important;width:34px!important;height:34px!important;border-radius:12px!important;box-shadow:0 3px 8px rgba(44,126,91,.06)!important}
.branch-preview{margin-top:8px!important}
.branch-pill{font-size:8px!important;border-radius:999px!important;padding:4px 7px!important}
@media(max-width:430px){
 .flow-tabs{top:68px}
 .flow-version-bar{align-items:flex-start!important;flex-direction:column!important}.flow-version-bar>.actions{width:100%}.flow-version-bar>.actions form,.flow-version-bar>.actions button{width:100%}
 .flow-structure-ok{align-items:flex-start;flex-direction:column}.flow-structure-ok b{white-space:normal}
 .flow-node.v24{grid-template-columns:38px minmax(0,1fr) 34px!important;gap:8px!important;padding:11px 12px 11px 15px!important}
 .node-head{flex-direction:column!important}.node-position{justify-content:flex-start}.node-desc-safe{-webkit-line-clamp:3}
}


/* ===== v4.7.67 — Flow Node Actions & Button Preview (UI-only) ===== */
.milestone-badge{cursor:default!important;box-shadow:none!important;transform:none!important}
.node-button-block{margin-top:9px;max-width:430px}
.node-button-trigger{width:100%;min-height:44px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:8px!important;padding:7px 10px!important;border-radius:14px!important;border:1px solid #d9eaf2!important;background:linear-gradient(145deg,#f7fcff,#edf8fd)!important;color:#24556c!important;box-shadow:0 4px 12px rgba(31,112,150,.055)!important;text-align:right!important}
.node-button-trigger>span{font-size:10px;font-weight:950;color:#167ea9;white-space:nowrap}.node-button-trigger>small{font-size:8.5px;color:#7a909b;min-width:0}.node-button-trigger>b{font-size:15px;color:#6791a4;transition:transform .18s ease}.node-button-trigger.open>b{transform:rotate(180deg)}
.node-button-preview{margin-top:6px;border:1px solid #e1ebf0;border-radius:13px;background:#fbfdfe;padding:6px;display:grid;gap:5px}.node-button-preview[hidden]{display:none!important}
.node-button-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-radius:10px;background:#fff;border:1px solid #e7eef2;box-shadow:0 2px 7px rgba(41,81,101,.035)}.node-button-item span{font-size:9.5px;font-weight:900;color:#284957;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-button-item em{font-style:normal;font-size:7.5px;font-weight:900;color:#4d8299;background:#edf7fb;border-radius:999px;padding:3px 6px;white-space:nowrap}
.node-actions-polished{display:flex!important;flex-direction:column!important;gap:6px!important;align-items:stretch!important;min-width:58px!important;margin:0!important}.node-action-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-height:36px!important;min-width:58px!important;padding:6px 8px!important;border-radius:12px!important;border:1px solid #d8e8ef!important;text-decoration:none!important;white-space:nowrap!important;font-family:inherit!important;box-shadow:0 4px 10px rgba(40,91,116,.055)!important;transition:transform .15s ease,box-shadow .15s ease!important}.node-action-btn:active{transform:translateY(1px)!important;box-shadow:0 2px 5px rgba(40,91,116,.045)!important}.node-action-btn span{font-size:13px;line-height:1}.node-action-btn b{font-size:8px;font-weight:950}
.node-actions-polished .node-test-polished{width:auto!important;height:auto!important;background:linear-gradient(145deg,#edf9f4,#e1f5eb)!important;color:#277a58!important;border-color:#d0eade!important}.node-edit-polished{background:linear-gradient(145deg,#eef9fe,#e2f4fb)!important;color:#177fab!important;border-color:#d2eaf5!important}.node-icon-action{width:36px!important;height:32px!important;min-height:32px!important;border-radius:10px!important;display:grid!important;place-items:center!important;padding:0!important;margin:0 auto!important;border:1px solid #e2eaee!important;background:#f8fafb!important;color:#708691!important;box-shadow:none!important}.node-delete.node-icon-action{background:#fff7f7!important;border-color:#f2dddd!important;color:#aa5f5f!important}
.flow-tabs a{border:1px solid #deebf1!important;background:rgba(255,255,255,.82)!important;border-radius:12px!important;box-shadow:0 3px 9px rgba(42,83,105,.035)!important}.flow-tabs a.active{background:linear-gradient(145deg,#e9f8fe,#ddf3fc)!important;border-color:#cbe8f5!important;color:#147da9!important;box-shadow:0 5px 13px rgba(34,158,217,.08)!important}
@media(max-width:430px){.flow-node.v24{grid-template-columns:38px minmax(0,1fr) 55px!important}.node-actions-polished{min-width:52px!important;gap:5px!important}.node-action-btn{min-width:52px!important;padding:5px!important}.node-action-btn b{font-size:7.5px}.node-button-block{max-width:none}.node-button-trigger>small{font-size:8px}}

/* ===== v4.7.68 — Flow Workspace Aurora 3D (UI-only, runtime-safe) ===== */
/* Scope: internal Flow detail/builder visual layer only. No runtime/action semantics changed. */
.flow-detail-pagehead{margin:3px 0 10px!important;display:flex;justify-content:flex-start}
.flow-back-3d{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:42px;padding:8px 13px!important;border-radius:15px!important;border:1px solid rgba(177,211,231,.78)!important;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(235,247,254,.93))!important;color:#1682b2!important;text-decoration:none!important;font-weight:950!important;font-size:11px!important;box-shadow:0 8px 20px rgba(46,107,139,.08),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(119,189,221,.16)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .16s ease,box-shadow .16s ease!important}
.flow-back-3d:active{transform:translateY(1px) scale(.99);box-shadow:0 4px 10px rgba(46,107,139,.07),inset 0 1px 0 #fff!important}

.flow-detail-hero-v68{min-height:168px!important;padding:22px 20px!important;border-radius:27px!important;border:1px solid rgba(155,208,237,.78)!important;background:
 radial-gradient(circle at 82% 22%,rgba(255,255,255,.96) 0 3%,rgba(124,218,255,.35) 8%,transparent 24%),
 radial-gradient(ellipse at 16% 102%,rgba(255,255,255,.96) 0 17%,rgba(218,241,255,.72) 31%,transparent 58%),
 linear-gradient(132deg,rgba(233,248,255,.97) 0%,rgba(201,235,255,.82) 35%,rgba(182,213,255,.72) 67%,rgba(231,246,255,.96) 100%)!important;
 box-shadow:0 18px 38px rgba(31,103,149,.10),inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(75,164,218,.17)!important;overflow:hidden!important;isolation:isolate!important}
.flow-detail-hero-v68:before{content:""!important;position:absolute!important;inset:-45% -8% auto auto!important;width:330px!important;height:250px!important;border-radius:50%!important;background:conic-gradient(from 205deg,rgba(103,224,255,.05),rgba(96,155,255,.22),rgba(137,241,226,.12),rgba(255,255,255,.4),rgba(103,224,255,.05))!important;filter:blur(11px)!important;transform:rotate(-9deg)!important;opacity:.9!important;z-index:-1!important;pointer-events:none!important}
.flow-detail-hero-v68:after{content:"✈";position:absolute;left:22px;top:40px;font-size:76px;line-height:1;color:rgba(255,255,255,.68);text-shadow:0 12px 24px rgba(68,139,212,.19);transform:rotate(-17deg);pointer-events:none;z-index:0}
.flow-detail-hero-v68 .flow-detail-title,.flow-detail-hero-v68 .flow-hero-side{position:relative;z-index:2}
.flow-detail-hero-v68 .flow-detail-title>.row{align-items:center!important;gap:14px!important}
.flow-detail-hero-v68 .flow-icon.big{display:grid!important;place-items:center!important;width:62px!important;height:62px!important;min-width:62px!important;border-radius:19px!important;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,246,218,.94))!important;color:#efa70c!important;font-size:31px!important;border:1px solid rgba(255,229,168,.85)!important;box-shadow:0 13px 24px rgba(208,158,48,.14),inset 0 1px 0 #fff!important}
.flow-detail-hero-v68 h1{font-size:29px!important;letter-spacing:-.6px!important;color:#123b56!important;text-shadow:0 1px 0 rgba(255,255,255,.8)!important}
.flow-detail-hero-v68 .flow-detail-kicker{font-size:9px!important;letter-spacing:1.4px!important;color:#168ac5!important;margin-bottom:5px!important}
.flow-detail-hero-v68 .muted{font-size:10.5px!important;color:#55798c!important}
.flow-detail-hero-v68 .flow-hero-side{min-width:88px!important;align-self:stretch!important;justify-content:center!important;border-radius:19px!important;background:rgba(255,255,255,.46)!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 8px 22px rgba(71,133,172,.06)!important;backdrop-filter:blur(8px)!important}
.flow-detail-hero-v68 .flow-hero-side .badge{box-shadow:0 4px 12px rgba(36,167,105,.12)!important}
.flow-detail-hero-v68 .flow-hero-side>b{font-size:20px!important;color:#16445d!important}

.flow-kpi-v68{gap:8px!important;margin-top:10px!important}
.flow-kpi-v68>div{position:relative;overflow:hidden;min-height:82px!important;padding:10px 7px!important;border-radius:20px!important;border:1px solid rgba(216,232,240,.92)!important;background:linear-gradient(150deg,#fff 0%,#f7fbfd 74%,#eef8fd 100%)!important;box-shadow:0 9px 19px rgba(34,76,101,.055),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(110,169,198,.09)!important}
.flow-kpi-v68>div:after{content:"";position:absolute;top:-22px;left:-22px;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,rgba(75,192,238,.13),transparent 70%)}
.flow-kpi-v68 .fk-icon{width:24px;height:24px;margin:0 auto 4px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:linear-gradient(145deg,#fff,#edf7fc)!important;color:#148ac3!important;box-shadow:0 4px 10px rgba(50,142,185,.09),inset 0 1px 0 #fff!important}
.flow-kpi-v68 b{font-size:21px!important;color:#173d53!important}.flow-kpi-v68 span:last-child{font-size:9px!important;color:#708794!important}

.flow-tabs-v68{gap:7px!important;padding:7px 2px 10px!important;scrollbar-width:none}.flow-tabs-v68::-webkit-scrollbar{display:none}
.flow-tabs-v68 a{min-height:40px!important;padding:7px 11px!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(243,249,252,.96))!important;border:1px solid #dbe8ee!important;box-shadow:0 5px 12px rgba(40,83,105,.05),inset 0 1px 0 #fff!important;color:#345d70!important;font-size:9px!important;font-weight:950!important}
.flow-tabs-v68 a.active{background:linear-gradient(145deg,#e8f9ff,#dff4fe)!important;border-color:#bfe4f4!important;color:#117fae!important;box-shadow:0 7px 16px rgba(33,162,218,.12),inset 0 1px 0 #fff!important;transform:translateY(-1px)}

.flow-version-v68{border:1px solid rgba(216,232,240,.95)!important;border-radius:22px!important;background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(246,251,254,.98))!important;box-shadow:0 12px 27px rgba(38,76,98,.055),inset 0 1px 0 #fff!important;padding:14px!important;margin-top:3px!important}
.flow-version-v68>b,.flow-version-v68>div>b{color:#173d54!important;font-size:14px!important}
.flow-version-v68 .muted{font-size:9.5px!important;line-height:1.8!important;color:#6e8490!important}
.flow-version-v68 .actions{width:min(100%,310px)!important}
.flow-version-v68 .actions form,.flow-version-v68 .actions button{width:100%!important}
.flow-version-v68 .actions button{min-height:51px!important;border:1px solid rgba(111,195,233,.7)!important;border-radius:17px!important;background:linear-gradient(105deg,#176fd8 0%,#1f9ee0 48%,#27b9e2 100%)!important;color:#fff!important;font-weight:950!important;font-size:13px!important;box-shadow:0 11px 20px rgba(28,133,202,.22),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(6,87,157,.12)!important;text-shadow:0 1px 0 rgba(0,74,123,.2)!important}
.flow-version-v68 .actions button:active{transform:translateY(1px)!important;box-shadow:0 5px 10px rgba(28,133,202,.17),inset 0 1px 0 rgba(255,255,255,.5)!important}
.flow-version-v68 .actions button.secondary{background:linear-gradient(105deg,#1574dd,#1e9fe2 54%,#2bc3e8)!important;color:#fff!important}
.flow-structure-ok{border:1px solid rgba(149,222,186,.66)!important;background:linear-gradient(145deg,#f5fffa,#e9faf2)!important;box-shadow:0 8px 19px rgba(53,139,95,.07),inset 0 1px 0 rgba(255,255,255,.96)!important}

.flow-builder-v68{counter-reset:flowstep;position:relative!important;padding:5px 0 14px!important}
.flow-builder-v68 .node-wrap{counter-increment:flowstep;position:relative!important;padding-right:20px!important}
.flow-builder-v68 .node-wrap:before{content:counter(flowstep);position:absolute;right:-2px;top:26px;z-index:5;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2f9ee5,#1667cf);border:2px solid #e9f8ff;color:#fff;font-size:9px;font-weight:950;box-shadow:0 5px 12px rgba(31,118,201,.23),inset 0 1px 0 rgba(255,255,255,.55)}
.flow-builder-v68 .node-wrap:not(:last-child):after{content:"";position:absolute;right:9px;top:48px;bottom:-16px;width:2px;background:linear-gradient(#68bce9,#a9d9f1 72%,rgba(169,217,241,.15));z-index:0}
.flow-builder-v68 .flow-node.v24{position:relative!important;z-index:2!important;margin-bottom:12px!important;min-height:112px!important;border:1px solid rgba(212,228,237,.96)!important;border-radius:21px!important;background:linear-gradient(148deg,rgba(255,255,255,.99),rgba(247,251,253,.99))!important;box-shadow:0 10px 23px rgba(37,76,98,.055),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(104,168,198,.07)!important;padding-top:13px!important;padding-bottom:13px!important;transition:transform .16s ease,box-shadow .16s ease!important}
.flow-builder-v68 .flow-node.v24:active{transform:translateY(1px)!important;box-shadow:0 5px 12px rgba(37,76,98,.045),inset 0 1px 0 #fff!important}
.flow-builder-v68 .flow-node.v24 .node-accent{width:5px!important;right:0!important;top:13px!important;bottom:13px!important;box-shadow:0 0 12px rgba(45,168,220,.14)!important}
.flow-builder-v68 .node-icon{width:43px!important;height:43px!important;border-radius:14px!important;box-shadow:0 7px 15px rgba(42,94,120,.065),inset 0 1px 0 rgba(255,255,255,.96)!important;font-size:19px!important}
.flow-builder-v68 .node-kicker{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important}
.flow-builder-v68 .node-type-label{padding:4px 8px!important;border-radius:999px!important;background:linear-gradient(145deg,#f0f8fb,#eaf5f9)!important;border:1px solid #deedf3!important;color:#3b7188!important;box-shadow:inset 0 1px 0 #fff!important}
.flow-builder-v68 .milestone-badge{padding:4px 8px!important;border-radius:999px!important;background:linear-gradient(145deg,#fff8df,#fff0bb)!important;color:#9b7016!important;border:1px solid #f3dda0!important}
.flow-builder-v68 .node-head>b{font-size:15px!important;color:#173d52!important}.flow-builder-v68 .node-position em{padding:4px 8px!important;border-radius:999px!important;box-shadow:inset 0 1px 0 #fff!important}
.flow-builder-v68 .node-position .here{background:linear-gradient(145deg,#e9f8ff,#dbf2fd)!important;border-color:#c7e9f7!important;color:#0e85b6!important}.flow-builder-v68 .node-position .passed{background:linear-gradient(145deg,#f4f7f8,#edf2f4)!important;border-color:#e0e8eb!important;color:#687f8a!important}
.flow-builder-v68 .node-desc-safe{color:#657f8d!important}
.flow-builder-v68 .node-button-trigger{background:linear-gradient(145deg,#eef9fe,#e3f5fc)!important;border-color:#cfeaf5!important;box-shadow:0 6px 13px rgba(31,115,154,.07),inset 0 1px 0 #fff!important}
.flow-builder-v68 .node-button-item{border-radius:11px!important;box-shadow:0 4px 9px rgba(40,79,99,.04),inset 0 1px 0 #fff!important}
.flow-builder-v68 .node-action-btn{min-height:38px!important;border-radius:12px!important;box-shadow:0 6px 12px rgba(41,91,115,.065),inset 0 1px 0 rgba(255,255,255,.96)!important}
.flow-builder-v68 .node-test-polished{background:linear-gradient(145deg,#ebfaf3,#dbf3e8)!important;border-color:#c8e8d8!important;color:#227858!important}.flow-builder-v68 .node-edit-polished{background:linear-gradient(145deg,#eaf8fe,#ddf2fb)!important;border-color:#cbe8f4!important;color:#107dab!important}
.flow-builder-v68 .insert-node{position:relative!important;z-index:4!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;margin:0 auto 10px!important;border-radius:50%!important;border:1px solid #c8e5f2!important;background:linear-gradient(145deg,#fff,#eaf7fc)!important;color:#1787b5!important;box-shadow:0 6px 13px rgba(35,126,164,.09),inset 0 1px 0 #fff!important}
.flow-builder-v68 .node-line{position:relative!important;z-index:4!important;color:#4aa9d5!important;font-size:16px!important;margin:0 auto 9px!important;text-align:center!important;text-shadow:0 3px 8px rgba(39,141,188,.12)!important}

@media(max-width:430px){
 .flow-detail-pagehead{margin-bottom:8px!important}.flow-back-3d{min-height:39px!important;padding:7px 11px!important}
 .flow-detail-hero-v68{min-height:150px!important;padding:18px 15px!important}.flow-detail-hero-v68:after{font-size:58px;left:12px;top:43px}.flow-detail-hero-v68 .flow-icon.big{width:53px!important;height:53px!important;min-width:53px!important;font-size:26px!important}.flow-detail-hero-v68 h1{font-size:25px!important}.flow-detail-hero-v68 .flow-hero-side{min-width:75px!important}
 .flow-kpi-v68>div{min-height:72px!important;border-radius:17px!important}.flow-kpi-v68 b{font-size:18px!important}.flow-kpi-v68 .fk-icon{width:21px;height:21px}
 .flow-tabs-v68{top:68px!important}.flow-version-v68{padding:12px!important;border-radius:19px!important}.flow-version-v68 .actions{width:100%!important}
 .flow-builder-v68 .node-wrap{padding-right:16px!important}.flow-builder-v68 .node-wrap:before{right:-4px;top:25px;width:22px;height:22px}.flow-builder-v68 .node-wrap:not(:last-child):after{right:6px;top:46px}
 .flow-builder-v68 .flow-node.v24{min-height:105px!important;border-radius:18px!important;padding:11px 11px 11px 13px!important}.flow-builder-v68 .node-icon{width:39px!important;height:39px!important;border-radius:13px!important}.flow-builder-v68 .node-head>b{font-size:14px!important}
}

/* V4.7.87: scope the mobile navigation clearance to Add Bot only. */
#botModal{
  box-sizing:border-box;
  padding-top:12px;
  padding-bottom:calc(var(--bottom-nav-h, 94px) + 12px);
}
#botModal > .sheet{
  box-sizing:border-box;
  min-height:0;
  max-height:100%;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding-bottom:18px;
}
#botModal > .sheet > form > button:last-child{
  position:sticky;
  bottom:0;
  z-index:2;
  margin-top:12px;
  box-shadow:0 -8px 0 6px #fff;
}