/* FlujoChat dark graphite theme. */
html[data-theme="dark"]{--ink:#F5F7FA;--muted:#A8B0BF;--line:#343E50;--green:#2563EB;--dark:#080A0F;--paper:#080A0F;--blue:#172B4D;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:14px}
html[data-theme="dark"] *{box-sizing:border-box}
html[data-theme="dark"] body{margin:0}
html[data-theme="dark"] button,html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{font:inherit}
html[data-theme="dark"] button,html[data-theme="dark"] a,html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{outline-offset:4px}
html[data-theme="dark"] button{cursor:pointer}
html[data-theme="dark"] button:disabled{opacity:.5;cursor:not-allowed}
html[data-theme="dark"] button,html[data-theme="dark"] a{ -webkit-tap-highlight-color:transparent}
html[data-theme="dark"] button{border:0}
html[data-theme="dark"] a{color:inherit}
html[data-theme="dark"] .shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}
html[data-theme="dark"] .sidebar{background:var(--dark);color:#A8B0BF;padding:32px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
html[data-theme="dark"] .brand{display:flex;align-items:center;gap:11px;color:white;font-size:22px;font-weight:700;letter-spacing:-1px;padding:0 10px 28px}
html[data-theme="dark"] .brand-mark{background:var(--green);color:var(--dark);border-radius:12px;width:38px;height:38px;display:grid;place-items:center;font-weight:900;font-size:24px}
html[data-theme="dark"] .workspace{display:flex;gap:10px;align-items:center;border:1px solid #343E50;border-radius:10px;padding:12px;margin:10px 0 30px;font-size:12px}
html[data-theme="dark"] .workspace strong{display:block;color:#F5F7FA;margin-bottom:3px}
html[data-theme="dark"] .avatar{width:34px;height:34px;display:grid;place-items:center;background:#151922;color:#F5F7FA;border-radius:11px;font-weight:600;flex-shrink:0}
html[data-theme="dark"] .sidebar .avatar{background:#080A0F;color:var(--green)}
html[data-theme="dark"] .nav-label{font-size:10px;letter-spacing:1.5px;color:#A8B0BF;padding:0 12px;margin-bottom:12px}
html[data-theme="dark"] .nav{display:flex;flex-direction:column;gap:5px}
html[data-theme="dark"] .nav button{display:flex;gap:12px;align-items:center;text-align:left;background:none;color:inherit;border-radius:9px;padding:12px;font-size:13px}
html[data-theme="dark"] .nav button.active{color:var(--green);background:#080A0F}
html[data-theme="dark"] .icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
html[data-theme="dark"] .sidebar-bottom{margin-top:auto;padding-top:30px}
html[data-theme="dark"] .pilot{border:1px solid #343E50;border-radius:12px;padding:15px;background:#080A0F}
html[data-theme="dark"] .pilot strong{display:block;color:var(--green);font-size:12px}
html[data-theme="dark"] .pilot p{font-size:11px;line-height:1.7;color:#A8B0BF}
html[data-theme="dark"] .main{min-width:0}
html[data-theme="dark"] .topbar{height:80px;border-bottom:1px solid var(--line);padding:0 36px;background:#151922;display:flex;align-items:center;justify-content:space-between;gap:10px}
html[data-theme="dark"] .topbar small{color:var(--muted)}
html[data-theme="dark"] .top-right{display:flex;align-items:center;gap:16px}
html[data-theme="dark"] .tag{font-size:11px;background:#151922;color:#F5F7FA;padding:6px 10px;border-radius:6px;display:inline-flex;align-items:center;gap:6px}
html[data-theme="dark"] .tag.warning{color:#F5C46B;background:#382B19}
html[data-theme="dark"] .tag.info{color:#93C5FD;background:var(--blue)}
html[data-theme="dark"] .dot{width:6px;height:6px;background:currentColor;border-radius:50%}
html[data-theme="dark"] .content{max-width:1500px;padding:30px 36px;margin:auto}
html[data-theme="dark"] .demo-banner{display:flex;gap:12px;justify-content:space-between;align-items:center;color:#F5F7FA;background:#151922;border:1px solid #343E50;padding:10px 15px;border-radius:8px;margin-bottom:25px;font-size:12px;line-height:1.6}
html[data-theme="dark"] .demo-banner button{background:transparent;color:#F5F7FA;text-decoration:underline;flex-shrink:0}
html[data-theme="dark"] .heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}
html[data-theme="dark"] .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-weight:600}
html[data-theme="dark"] h1{font-size:30px;letter-spacing:-1.2px;margin:7px 0 8px;font-weight:650}
html[data-theme="dark"] h2{font-size:17px;letter-spacing:-.4px;margin:0}
html[data-theme="dark"] h3{font-size:14px;margin:0}
html[data-theme="dark"] .sub{color:var(--muted);font-size:13px;line-height:1.6;margin:0}
html[data-theme="dark"] .btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;background:var(--dark);color:#F5F7FA;padding:11px 16px;border-radius:8px;font-weight:550;font-size:12px;text-decoration:none;white-space:nowrap}
html[data-theme="dark"] .btn.green{background:var(--green);color:var(--dark)}
html[data-theme="dark"] .btn.light{background:#151922;border:1px solid var(--line);color:var(--ink)}
html[data-theme="dark"] .btn.danger{background:#392126;color:#FFA6AE}
html[data-theme="dark"] .actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
html[data-theme="dark"] .hero{border-radius:16px;background:var(--dark);color:white;display:grid;grid-template-columns:1.3fr 1fr;overflow:hidden;margin-bottom:24px}
html[data-theme="dark"] .hero-copy{padding:30px}
html[data-theme="dark"] .hero .eyebrow{color:var(--green)}
html[data-theme="dark"] .hero h2{font-size:27px;line-height:1.25;max-width:440px;letter-spacing:-.8px;margin:12px 0}
html[data-theme="dark"] .hero p{color:#A8B0BF;line-height:1.7;font-size:12px;max-width:390px;margin:0 0 20px}
html[data-theme="dark"] .hero-art{position:relative;min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;background:radial-gradient(ellipse at center,#080A0F,transparent 70%);padding:25px}
html[data-theme="dark"] .mini-message{background:#151922;color:var(--ink);padding:14px 18px;border-radius:12px;box-shadow:0 15px 40px #00000033;display:flex;gap:12px;align-items:center;max-width:310px;width:100%;font-size:12px}
html[data-theme="dark"] .mini-message:nth-child(2){margin-left:30px;background:var(--green)}
html[data-theme="dark"] .mini-message small{display:block;color:#A8B0BF;font-size:10px;margin-top:5px}
html[data-theme="dark"] .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}
html[data-theme="dark"] .stat{background:#151922;border:1px solid var(--line);border-radius:12px;padding:20px}
html[data-theme="dark"] .stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}
html[data-theme="dark"] .stat strong{display:block;font-size:30px;letter-spacing:-1px;margin:13px 0 6px}
html[data-theme="dark"] .stat small{color:var(--muted);font-size:11px}
html[data-theme="dark"] .grid-two{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}
html[data-theme="dark"] .card{background:#151922;border:1px solid var(--line);border-radius:12px;padding:23px;min-width:0}
html[data-theme="dark"] .card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}
html[data-theme="dark"] .text-btn{background:transparent;color:#F5F7FA;font-size:12px;padding:0}
html[data-theme="dark"] .pipeline{display:flex;gap:5px;height:12px;border-radius:5px;overflow:hidden;margin:25px 0}
html[data-theme="dark"] .pipeline span{flex:1;background:#1C2637}
html[data-theme="dark"] .pipeline span:nth-child(2){background:#1C2637}
html[data-theme="dark"] .pipeline span:nth-child(3){background:#172B4D}
html[data-theme="dark"] .pipeline span:nth-child(4){background:#172B4D}
html[data-theme="dark"] .stage-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:17px 0}
html[data-theme="dark"] .stage-row .dot{margin-right:8px}
html[data-theme="dark"] .checklist{list-style:none;margin:0;padding:0}
html[data-theme="dark"] .checklist li{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #343E50;align-items:center}
html[data-theme="dark"] .checklist li:last-child{border:0}
html[data-theme="dark"] .step-num{width:28px;height:28px;background:#151922;border-radius:50%;display:grid;place-items:center;color:#F5F7FA;font-size:11px;flex-shrink:0}
html[data-theme="dark"] .checklist small{display:block;color:var(--muted);margin-top:5px;font-size:11px}
html[data-theme="dark"] .contacts-table{width:100%;border-collapse:collapse;font-size:12px}
html[data-theme="dark"] .contacts-table th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:500;padding:13px 12px;border-bottom:1px solid var(--line)}
html[data-theme="dark"] .contacts-table td{padding:15px 12px;border-bottom:1px solid #343E50}
html[data-theme="dark"] .contacts-table td:first-child{display:flex;align-items:center;gap:12px}
html[data-theme="dark"] .contacts-table tr:last-child td{border-bottom:0}
html[data-theme="dark"] .table-scroll{overflow:auto}
html[data-theme="dark"] .toolbar{display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}
html[data-theme="dark"] .search{max-width:320px;width:100%;background:#151922;border:1px solid var(--line);border-radius:8px;padding:10px 13px}
html[data-theme="dark"] .kanban{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:15px;overflow-x:auto;padding-bottom:15px}
html[data-theme="dark"] .column{background:#151922;border-radius:12px;padding:13px;min-height:350px}
html[data-theme="dark"] .column-title{display:flex;justify-content:space-between;align-items:center;padding:7px 2px 18px;font-size:12px;font-weight:600}
html[data-theme="dark"] .count{font-size:10px;color:var(--muted);background:#151922;padding:3px 6px;border-radius:4px}
html[data-theme="dark"] .lead{background:#151922;padding:16px;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;cursor:pointer}
html[data-theme="dark"] .lead .lead-top{display:flex;align-items:center;gap:10px;margin-bottom:15px}
html[data-theme="dark"] .lead small{color:var(--muted);font-size:11px;display:block;margin-top:5px}
html[data-theme="dark"] .lead p{font-size:11px;line-height:1.6;color:var(--muted);border-top:1px solid #343E50;padding-top:12px;margin-bottom:0}
html[data-theme="dark"] .form-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}
html[data-theme="dark"] .field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;font-size:12px}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .field select{width:100%;border:1px solid #343E50;border-radius:8px;padding:11px 12px;background:#151922;color:var(--ink)}
html[data-theme="dark"] textarea{resize:vertical;min-height:90px;line-height:1.7}
html[data-theme="dark"] .field small{color:var(--muted);font-size:11px;line-height:1.6}
html[data-theme="dark"] .switch-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0;padding:17px;background:#151922;border-radius:9px}
html[data-theme="dark"] .switch-row small{display:block;color:var(--muted);margin-top:5px;font-size:11px}
html[data-theme="dark"] .switch-row input{width:18px;height:18px;accent-color:#2563EB}
html[data-theme="dark"] .notice{background:#382B19;border:1px solid #B89052;color:#F5C46B;font-size:12px;line-height:1.8;padding:16px;border-radius:9px;margin-top:20px}
html[data-theme="dark"] .connect-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}
html[data-theme="dark"] .connect-box{min-height:300px;background:#151922;border:1px dashed #343E50;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:15px}
html[data-theme="dark"] .connect-box .icon{width:50px;height:50px;color:#A8B0BF}
html[data-theme="dark"] .connect-box p{max-width:300px}
html[data-theme="dark"] .qr{width:230px;height:230px;background:#151922;padding:8px}
html[data-theme="dark"] .chat-layout{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid var(--line);border-radius:12px;background:#151922;overflow:hidden;min-height:540px}
html[data-theme="dark"] .chat-list{border-right:1px solid var(--line);background:#151922}
html[data-theme="dark"] .chat-list .search{width:calc(100% - 24px);margin:12px;max-width:none}
html[data-theme="dark"] .chat-item{display:flex;gap:10px;padding:17px 15px;width:100%;text-align:left;background:#151922;border-bottom:1px solid #343E50}
html[data-theme="dark"] .chat-item.active{background:#151922}
html[data-theme="dark"] .chat-item strong{font-size:12px}
html[data-theme="dark"] .chat-item small{display:block;max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin-top:6px;font-size:11px}
html[data-theme="dark"] .chat-body{display:flex;flex-direction:column;min-width:0}
html[data-theme="dark"] .chat-head{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line);align-items:center;gap:12px}
html[data-theme="dark"] .chat-head small{display:block;color:var(--muted);margin-top:5px;font-size:11px}
html[data-theme="dark"] .messages{flex:1;padding:25px;display:flex;flex-direction:column;gap:16px;background:#151922;max-height:440px;overflow-y:auto}
html[data-theme="dark"] .message{align-self:flex-start;max-width:80%;padding:13px 16px;background:#151922;border:1px solid #343E50;border-radius:0 12px 12px;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
html[data-theme="dark"] .message.out{align-self:flex-end;background:#1C2637;border-radius:12px 0 12px 12px}
html[data-theme="dark"] .message small{display:block;text-align:right;font-size:9px;color:#A8B0BF;margin-top:7px}
html[data-theme="dark"] .composer{padding:16px;display:flex;gap:10px;border-top:1px solid var(--line)}
html[data-theme="dark"] .composer input{min-width:0;flex:1;padding:12px;border:1px solid var(--line);border-radius:8px}
html[data-theme="dark"] .empty{text-align:center;color:var(--muted);padding:45px 20px;line-height:1.8;font-size:12px}
html[data-theme="dark"] .auth{min-height:100vh;display:grid;place-items:center;background:var(--dark);padding:25px}
html[data-theme="dark"] .auth .card{width:100%;max-width:430px;padding:32px}
html[data-theme="dark"] .auth .brand{color:var(--ink);padding:0 0 25px}
html[data-theme="dark"] .auth h1{font-size:24px}
html[data-theme="dark"] .auth .sub{margin-bottom:25px}
html[data-theme="dark"] .auth .btn{width:100%}
html[data-theme="dark"] .auth-toggle{display:block;margin:20px auto 0;background:transparent;color:#F5F7FA;font-size:12px}
html[data-theme="dark"] dialog{max-width:480px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:14px;padding:26px;color:var(--ink);box-shadow:0 25px 100px #00000044}
html[data-theme="dark"] dialog::backdrop{background:#080A0F88;backdrop-filter:blur(3px)}
html[data-theme="dark"] .dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
html[data-theme="dark"] .dialog-head button{background:#151922;width:28px;height:28px;border-radius:50%;font-size:18px}
html[data-theme="dark"] .dialog-actions{display:flex;justify-content:space-between;gap:10px;margin-top:25px}
html[data-theme="dark"] #toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--dark);color:white;padding:13px 20px;border-radius:9px;z-index:100;box-shadow:0 8px 35px #00000033;max-width:90vw;display:none;font-size:12px}
html[data-theme="dark"] #toast.visible{display:block}
html[data-theme="dark"] .loading{padding:50px;text-align:center}
html[data-theme="dark"] .footer-note{font-size:11px;color:var(--muted);margin-top:28px;line-height:1.7}
html[data-theme="dark"] .status-list{font-size:12px;line-height:1.8}
html[data-theme="dark"] .status-list div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:13px 0}
html[data-theme="dark"] .mobile-nav{display:none}
html[data-theme="dark"] .big-number{font-size:38px;font-weight:650;letter-spacing:-1px;margin:15px 0}
html[data-theme="dark"] .cost-box{padding:20px;border-radius:12px;background:#151922;margin-top:20px}
html[data-theme="dark"] .cost-box strong{font-size:20px;display:block;margin:10px 0}
html[data-theme="dark"] .cost-box p{font-size:12px;line-height:1.7;color:var(--muted)}
@media(min-width:1500px){html[data-theme="dark"] .content{padding:40px 50px}
html[data-theme="dark"] .hero-copy{padding:38px}
html[data-theme="dark"] .hero-art{min-height:275px}
}
@media(max-width:1100px){html[data-theme="dark"] .shell{grid-template-columns:190px 1fr}
html[data-theme="dark"] .sidebar{padding:25px 12px}
html[data-theme="dark"] .content{padding:25px}
html[data-theme="dark"] .topbar{padding:0 25px}
html[data-theme="dark"] .grid-two{grid-template-columns:1fr}
html[data-theme="dark"] .stats{gap:10px}
html[data-theme="dark"] .stat{padding:16px}
html[data-theme="dark"] .hero h2{font-size:24px}
html[data-theme="dark"] .form-grid{grid-template-columns:1fr}
html[data-theme="dark"] .connect-layout{grid-template-columns:1fr 1fr}
html[data-theme="dark"] .chat-layout{grid-template-columns:230px 1fr}
}
@media(max-width:760px){html[data-theme="dark"] .shell{grid-template-columns:1fr}
html[data-theme="dark"] .sidebar{position:relative;height:auto;padding:16px}
html[data-theme="dark"] .brand{padding:0;font-size:20px}
html[data-theme="dark"] .sidebar .workspace,html[data-theme="dark"] .sidebar .nav-label,html[data-theme="dark"] .sidebar-bottom{display:none}
html[data-theme="dark"] .sidebar .nav{flex-direction:row;overflow:auto;margin-top:18px;gap:2px}
html[data-theme="dark"] .nav button{padding:9px;font-size:11px;gap:6px;white-space:nowrap}
html[data-theme="dark"] .nav .icon{width:15px;height:15px}
html[data-theme="dark"] .topbar{height:60px;padding:0 18px}
html[data-theme="dark"] .topbar small{display:none}
html[data-theme="dark"] .top-right{gap:8px}
html[data-theme="dark"] .content{padding:22px 16px}
html[data-theme="dark"] .heading{align-items:flex-start;gap:10px}
html[data-theme="dark"] h1{font-size:25px}
html[data-theme="dark"] .heading .btn{padding:10px;font-size:11px}
html[data-theme="dark"] .hero{grid-template-columns:1fr}
html[data-theme="dark"] .hero-copy{padding:25px}
html[data-theme="dark"] .hero-art{min-height:180px;padding:10px 30px 25px}
html[data-theme="dark"] .mini-message:nth-child(2){margin-left:0}
html[data-theme="dark"] .stats{grid-template-columns:repeat(2,1fr)}
html[data-theme="dark"] .stat strong{font-size:26px}
html[data-theme="dark"] .stat-top{font-size:11px}
html[data-theme="dark"] .connect-layout{grid-template-columns:1fr}
html[data-theme="dark"] .chat-layout{grid-template-columns:1fr;min-height:500px}
html[data-theme="dark"] .chat-list{display:flex;overflow:auto;border:0;border-bottom:1px solid var(--line)}
html[data-theme="dark"] .chat-list .search{display:none}
html[data-theme="dark"] .chat-item{min-width:190px;border-right:1px solid var(--line);padding:12px}
html[data-theme="dark"] .chat-head{padding:15px}
html[data-theme="dark"] .messages{min-height:260px;padding:15px}
html[data-theme="dark"] .composer{flex-wrap:wrap;padding:12px}
html[data-theme="dark"] .composer .btn{padding:10px}
html[data-theme="dark"] .message{max-width:90%}
html[data-theme="dark"] .toolbar{flex-wrap:wrap}
html[data-theme="dark"] .demo-banner{align-items:flex-start;font-size:11px}
html[data-theme="dark"] .card{padding:20px}
html[data-theme="dark"] .topbar .tag{font-size:10px}
html[data-theme="dark"] .kanban{grid-template-columns:repeat(4,230px)}
html[data-theme="dark"] .contacts-table{min-width:530px}
html[data-theme="dark"] .form-grid{gap:16px}
html[data-theme="dark"] .heading .actions{justify-content:flex-end}
html[data-theme="dark"] .footer-note{font-size:10px}
}
@media(prefers-reduced-motion:no-preference){html[data-theme="dark"] button{transition:background .16s,transform .16s}
html[data-theme="dark"] .btn:hover{transform:translateY(-1px)}
html[data-theme="dark"] .card,html[data-theme="dark"] .hero,html[data-theme="dark"] .stat{animation:appear .25s ease-out}
@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
}
html[data-theme="dark"] .rule-card{margin:16px 0;border:1px solid var(--line)}
html[data-theme="dark"] .recipient-row{display:block;padding:8px 0}
html[data-theme="dark"] .message-preview{white-space:pre-wrap;overflow-wrap:anywhere}
html[data-theme="dark"] .wa-tools{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
html[data-theme="dark"] .wa-tool{background:#151922;color:var(--ink);padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:12px}
html[data-theme="dark"] .wa-tool:hover{background:var(--green)}
html[data-theme="dark"] .wa-emojis{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:var(--paper);border-radius:8px}
html[data-theme="dark"] .wa-emojis[hidden]{display:none}
html[data-theme="dark"] .wa-emojis button{padding:6px;background:transparent;font-size:23px}
html[data-theme="dark"] .wa-emojis small{width:100%}
html[data-theme="dark"] .wa-preview-title{display:block;margin:10px 0 5px;color:var(--muted)}
html[data-theme="dark"] .wa-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#1C2637;border-radius:10px;padding:14px;border:1px solid #343E50;min-height:40px;font-size:14px;font-weight:400}
html[data-theme="dark"] .wa-preview code{background:#1C2637;padding:2px 4px;border-radius:3px}
html[data-theme="dark"] .wa-preview .wa-mono{display:inline;white-space:pre-wrap}
html[data-theme="dark"] .wa-preview blockquote{border-left:3px solid #343E50;margin:0;padding-left:10px}
html[data-theme="dark"] .wa-list{padding-left:10px}
html[data-theme="dark"] .composer{flex-wrap:wrap}
html[data-theme="dark"] .composer textarea{flex:1 1 100%;min-width:0;border:1px solid var(--line);border-radius:9px;padding:12px}
html[data-theme="dark"] .composer .wa-tools,html[data-theme="dark"] .composer .wa-emojis,html[data-theme="dark"] .composer .wa-preview,html[data-theme="dark"] .composer .wa-preview-title{flex-basis:100%}
html[data-theme="dark"] .drag-handle{display:block;background:transparent;color:var(--muted);padding:6px 0;margin-bottom:8px;cursor:grab;touch-action:none;font-size:12px}
html[data-theme="dark"] .drag-handle:active{cursor:grabbing}
html[data-theme="dark"] .lead[draggable="true"]{cursor:grab}
html[data-theme="dark"] .lead.dragging{opacity:.35}
html[data-theme="dark"] .column.drop-ready{outline:2px solid #343E50;outline-offset:-2px;background:#151922}
html[data-theme="dark"] .drag-ghost{position:fixed;z-index:9999;pointer-events:none;box-shadow:0 12px 35px #00000033;opacity:.95;margin:0}
html[data-theme="dark"] #app.background-refresh .card,html[data-theme="dark"] #app.background-refresh .hero,html[data-theme="dark"] #app.background-refresh .stat{animation:none}
html[data-theme="dark"] .pipeline-picker{margin-bottom:20px}
html[data-theme="dark"] .pipeline-picker select{max-width:500px}
html[data-theme="dark"] .stage-edit-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
html[data-theme="dark"] .stage-edit-row .field{flex:1;min-width:160px;margin:0}
html[data-theme="dark"] .stage-edit-row .actions button{padding:8px;border-radius:7px;background:var(--paper)}
html[data-theme="dark"] .stage-edit-row>label:not(.field){font-size:12px}
html[data-theme="dark"] .kanban{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr)}
html[data-theme="dark"] .contact-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:16px 0 20px;padding-bottom:10px}
html[data-theme="dark"] .contact-tabs button{padding:10px 14px;border-radius:8px;background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .contact-tabs button[aria-selected="true"]{background:var(--green);font-weight:700}
html[data-theme="dark"] #contact-chat-pane[hidden],html[data-theme="dark"] #contact-form[hidden]{display:none}
html[data-theme="dark"] #contact-chat-pane .contact-history-messages{height:320px;min-height:160px;max-height:45vh;overflow-y:auto;padding:14px;border-radius:12px;background:var(--paper);display:flex;flex-direction:column;gap:10px}
html[data-theme="dark"] #contact-chat-pane .message{white-space:pre-wrap;overflow-wrap:anywhere;flex-shrink:0}
html[data-theme="dark"] #contact-inline-send{margin:18px 0}
html[data-theme="dark"] #contact-inline-send>small{display:block;margin-top:10px}
html[data-theme="dark"] .inbox-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin-bottom:18px}
html[data-theme="dark"] .inbox-filters .field{margin:0}
html[data-theme="dark"] .file-attach{display:block;width:100%;font-size:12px;color:var(--muted)}
html[data-theme="dark"] .file-attach input{display:block;margin:8px 0;max-width:100%}
html[data-theme="dark"] .message-image{display:block;max-width:100%;max-height:300px;object-fit:contain;border-radius:9px}
html[data-theme="dark"] .message-attachment{margin-top:10px}
html[data-theme="dark"] .message-attachment audio{max-width:100%;display:block}
html[data-theme="dark"] .file-link{display:block;overflow-wrap:anywhere}
html[data-theme="dark"] .contact-reminders{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}
html[data-theme="dark"] .contact-reminders summary{cursor:pointer;font-weight:600}
html[data-theme="dark"] .contact-reminders form{margin-top:15px}
@media(max-width:800px){html[data-theme="dark"] .inbox-filters{grid-template-columns:1fr 1fr}
}
@media(max-width:450px){html[data-theme="dark"] .inbox-filters{grid-template-columns:1fr}
}
@media(min-width:761px){html[data-theme="dark"] .sidebar{height:100vh;height:100dvh;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
html[data-theme="dark"] .sidebar>*{flex-shrink:0}
html[data-theme="dark"] .sidebar-bottom{padding-top:18px}
}
html[data-theme="dark"] .sidebar .nav button{flex-shrink:0}
@media(max-width:760px){html[data-theme="dark"] .sidebar{min-width:0}
html[data-theme="dark"] .sidebar .nav{max-width:100%;padding-bottom:8px}
}
html[data-theme="dark"] dialog{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
html[data-theme="dark"] .dialog-head{position:sticky;top:-26px;z-index:2;background:#151922;padding:10px 0}
html[data-theme="dark"] .dialog-actions{flex-wrap:wrap}
html[data-theme="dark"] .assistant-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1.5fr);gap:22px;align-items:start}
html[data-theme="dark"] .assistant-layout .field{margin-top:20px}
html[data-theme="dark"] .assistant-summary{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
html[data-theme="dark"] .assistant-action{margin-top:16px}
html[data-theme="dark"] .assistant-detail{margin-top:14px;font-size:12px;line-height:1.7}
html[data-theme="dark"] .assistant-detail>strong{display:block;color:var(--muted)}
html[data-theme="dark"] .assistant-detail>div{white-space:pre-wrap;overflow-wrap:anywhere}
html[data-theme="dark"] .assistant-rule{border-top:1px solid var(--line);margin-top:18px;padding-top:6px}
html[data-theme="dark"] .assistant-history{display:flex;flex-direction:column;gap:10px;margin-top:16px}
html[data-theme="dark"] .assistant-history button{white-space:normal;text-align:left;justify-content:flex-start;overflow-wrap:anywhere}
@media(max-width:1000px){html[data-theme="dark"] .assistant-layout{grid-template-columns:minmax(0,1fr)}
}
html[data-theme="dark"] .brand{font-size:20px;letter-spacing:-.7px;gap:9px}
html[data-theme="dark"] .brand{font-size:21px;letter-spacing:-.7px;gap:10px}
html[data-theme="dark"] .brand-symbol{display:block;width:30px;height:36px;flex-shrink:0;fill:#93C5FD}
html[data-theme="dark"] .brand-word{display:inline-block;white-space:nowrap;font-weight:750}
html[data-theme="dark"] .brand-word>span{font-weight:400}
html[data-theme="dark"] .auth .brand{font-size:30px;gap:14px}
html[data-theme="dark"] .auth .brand-symbol{width:38px;height:46px}
html[data-theme="dark"]{--ink:#F5F7FA;--muted:#A8B0BF;--line:#343E50;--green:#2563EB;--dark:#080A0F;--paper:#080A0F;--blue:#172B4D;--coral:#60A5FA}
html[data-theme="dark"] .brand-symbol{fill:#93C5FD}
html[data-theme="dark"] .brand-mark{background:#1C2637;color:#93C5FD}
html[data-theme="dark"] .sidebar{color:#A8B0BF}
html[data-theme="dark"] .sidebar .nav button.active{background:#080A0F;color:#93C5FD}
html[data-theme="dark"] .btn.green{background:#2563EB;color:#F5F7FA}
html[data-theme="dark"] .sidebar-bottom .pilot{background:#080A0F;border-color:#343E50}
html[data-theme="dark"] .pilot strong{color:#93C5FD}
html[data-theme="dark"] .hero .eyebrow{color:#FFA6AE}
html[data-theme="dark"] .sidebar .avatar{background:#172B4D;color:#93C5FD}
html[data-theme="dark"] .tag:not(.warning):not(.info){background:#151922;color:#93C5FD}
html[data-theme="dark"] .contact-tabs button[aria-selected="true"]{background:#2563EB;color:#F5F7FA}
html[data-theme="dark"] .message.out{background:#151922}
html[data-theme="dark"] .demo-banner{background:#151922;border-color:#343E50;color:#A8B0BF}
html[data-theme="dark"] .demo-banner button{color:#93C5FD}
html[data-theme="dark"] .sidebar .workspace{border-color:#343E50}
html[data-theme="dark"] .drag-handle{color:#93C5FD}
html[data-theme="dark"] .auth .card{border-top:3px solid #B89052}
html[data-theme="dark"] .quick-reply-picker{display:flex;align-items:end;gap:10px;flex-wrap:wrap;width:100%;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:10px}
html[data-theme="dark"] .quick-reply-picker>label{display:flex;flex-direction:column;gap:7px;flex:1;min-width:160px;font-size:11px;color:var(--muted)}
html[data-theme="dark"] .quick-reply-picker select{width:100%;padding:9px;border:1px solid var(--line);border-radius:7px;background:#151922;color:var(--ink);font-size:12px}
html[data-theme="dark"] .quick-reply-picker small{width:100%;font-size:10px;color:var(--muted)}
html[data-theme="dark"] .conversation-control{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted)}
html[data-theme="dark"] .conversation-control select{max-width:150px;padding:7px;border:1px solid var(--line);border-radius:7px;background:#151922;color:var(--ink)}
html[data-theme="dark"] .productivity-item{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
html[data-theme="dark"] .productivity-item p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
html[data-theme="dark"] .productivity-item .message-preview{white-space:pre-wrap;max-height:180px;overflow:auto}
html[data-theme="dark"] .composer{flex-wrap:wrap}
html[data-theme="dark"] .composer>textarea{flex:1;min-width:160px}
html[data-theme="dark"] .inbox-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-theme="dark"] .chat-head{flex-wrap:wrap}
@media(max-width:650px){html[data-theme="dark"] .inbox-filters{grid-template-columns:1fr}
html[data-theme="dark"] .conversation-control{width:100%}
html[data-theme="dark"] .quick-reply-picker>label{min-width:140px}
html[data-theme="dark"] .productivity-item .actions{gap:8px}
}
html[data-theme="dark"] .workspace-shell{grid-template-columns:246px minmax(0,1fr)}
html[data-theme="dark"] .workspace-shell .sidebar{padding:27px 16px 16px;gap:0;overflow-x:hidden}
html[data-theme="dark"] .sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
html[data-theme="dark"] .sidebar-brand-row .brand{padding:0 10px 25px}
html[data-theme="dark"] .workspace-shell .workspace{padding:17px 8px;margin:0 0 20px;gap:10px;min-width:0}
html[data-theme="dark"] .workspace-shell .workspace>div{min-width:0}
html[data-theme="dark"] .workspace-shell .workspace strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:156px}
html[data-theme="dark"] .workspace-shell .workspace small{display:block;font-size:10px;color:#A8B0BF;margin-top:5px}
html[data-theme="dark"] .workspace-shell .nav-label{padding:0 12px;margin:0 0 10px;font-size:9px;letter-spacing:1.7px;color:#A8B0BF}
html[data-theme="dark"] .workspace-shell .workspace-nav{display:flex;flex-direction:column;gap:4px;margin:0;overflow:visible;max-width:100%}
html[data-theme="dark"] .workspace-nav>button,html[data-theme="dark"] .workspace-nav summary{display:flex;align-items:center;gap:11px;min-height:43px;width:100%;padding:11px 13px;border-radius:9px;font-size:12px;text-align:left;color:#93C5FD;background:transparent;white-space:normal;line-height:1.4}
html[data-theme="dark"] .workspace-nav .icon{width:18px;height:18px;flex-shrink:0}
html[data-theme="dark"] .workspace-nav>button:hover,html[data-theme="dark"] .workspace-nav summary:hover{background:#080A0F;color:#F5F7FA}
html[data-theme="dark"] .workspace-nav .nav-section{min-width:0}
html[data-theme="dark"] .workspace-nav .nav-section summary{cursor:pointer;list-style:none}
html[data-theme="dark"] .workspace-nav summary::-webkit-details-marker{display:none}
html[data-theme="dark"] .workspace-nav summary .nav-chevron{margin-left:auto;font-size:16px;color:#A8B0BF;transform:rotate(-90deg)}
html[data-theme="dark"] .workspace-nav details[open] summary .nav-chevron{transform:rotate(0)}
html[data-theme="dark"] .workspace-nav .section-active>summary{color:#93C5FD}
html[data-theme="dark"] .workspace-nav .nav-children{margin:3px 0 7px 21px;padding-left:10px;border-left:1px solid #343E50;display:flex;flex-direction:column;gap:3px}
html[data-theme="dark"] .workspace-nav .nav-children>button{width:100%;display:block;min-height:35px;padding:8px 11px;color:#A8B0BF;font-size:11px;line-height:1.5;text-align:left;border-radius:7px;background:transparent;white-space:normal}
html[data-theme="dark"] .workspace-nav .nav-children>button:hover{background:#080A0F;color:#F5F7FA}
html[data-theme="dark"] .workspace-shell .nav button.active{color:#93C5FD;background:#080A0F;box-shadow:inset 3px 0 #2563EB30}
html[data-theme="dark"] .workspace-shell .sidebar-bottom{margin-top:auto;padding-top:25px}
html[data-theme="dark"] .sidebar-assistant{display:flex;align-items:center;gap:9px;width:100%;padding:13px 11px;color:#93C5FD;background:#080A0F;border:1px solid #343E50;border-radius:10px;text-align:left;font-size:11px}
html[data-theme="dark"] .sidebar-assistant>span{flex:1;min-width:0}
html[data-theme="dark"] .sidebar-assistant small{display:block;color:#93C5FD;font-size:9px;margin-top:5px}
html[data-theme="dark"] .sidebar-assistant .icon{flex-shrink:0;width:18px;height:18px}
html[data-theme="dark"] .sidebar-version{font-size:9px;color:#A8B0BF;padding:0 10px;margin:16px 0 0}
html[data-theme="dark"] .menu-toggle{display:none}
html[data-theme="dark"] .workspace-shell .main{min-width:0}
html[data-theme="dark"] .workspace-shell .content{max-width:1440px;margin:auto;padding:32px 36px}
html[data-theme="dark"] .workspace-shell .topbar{padding:0 36px;background:#151922df;border-color:var(--line);height:73px}
html[data-theme="dark"] .breadcrumb-section{font-size:11px;color:var(--muted)}
html[data-theme="dark"] .workspace-shell .topbar strong{font-size:12px}
html[data-theme="dark"] .skip-link{position:fixed;top:-100px;left:16px;background:#151922;color:var(--ink);padding:15px;z-index:200;border-radius:8px}
html[data-theme="dark"] .skip-link:focus{top:12px}
html[data-theme="dark"] .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-theme="dark"] .home-assistant{text-align:center;padding:21px 0 24px;max-width:980px;margin:0 auto}
html[data-theme="dark"] .assistant-emblem{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 17px;border:1px solid #343E50;background:linear-gradient(135deg,#151922,#392126);border-radius:18px;color:#93C5FD;box-shadow:0 6px 18px #2563EB10}
html[data-theme="dark"] .assistant-emblem .icon{width:28px;height:28px}
html[data-theme="dark"] .home-assistant .eyebrow{font-size:9px;letter-spacing:2.3px;color:#A8B0BF;margin:0 0 13px}
html[data-theme="dark"] .home-assistant h1{font-size:clamp(28px,3vw,42px);letter-spacing:-1.5px;margin:0 0 13px;line-height:1.15}
html[data-theme="dark"] .home-assistant>.sub{font-size:13px;margin:0 0 26px;line-height:1.8}
html[data-theme="dark"] .home-assistant-form{background:#151922;border:1px solid #343E50;border-radius:18px;padding:18px 21px 15px;box-shadow:0 9px 34px #2563EB08;text-align:left}
html[data-theme="dark"] .home-assistant-form:focus-within{border-color:#343E50;box-shadow:0 0 0 3px #2563EB14}
html[data-theme="dark"] .home-assistant-form textarea{background:transparent;border:0;outline:none;width:100%;padding:3px 0;min-height:76px;resize:vertical;max-height:280px;color:var(--ink);font-size:15px;line-height:1.65}
html[data-theme="dark"] .home-assistant-form textarea::placeholder{color:#A8B0BF}
html[data-theme="dark"] .home-assistant-form-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:12px}
html[data-theme="dark"] .home-assistant-form-bottom>span{font-size:10px;line-height:1.6;color:var(--muted)}
html[data-theme="dark"] .home-assistant-form-bottom .btn{font-size:11px;padding:11px 15px;white-space:nowrap;border-radius:9px}
html[data-theme="dark"] .home-prompts{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:15px}
html[data-theme="dark"] .home-prompts button{border:1px solid #343E50;color:#93C5FD;background:#151922;padding:9px 13px;font-size:10px;border-radius:30px;line-height:1.5}
html[data-theme="dark"] .home-prompts button:hover{background:#151922}
html[data-theme="dark"] .assistant-safety{font-size:10px;line-height:1.8;color:var(--muted);margin:13px 0 0}
html[data-theme="dark"] .setup-progress{margin:10px 0 33px;border:1px solid #343E50;background:linear-gradient(100deg,#151922,#151922);padding:22px 25px}
html[data-theme="dark"] .setup-overview{display:flex;align-items:center;gap:17px}
html[data-theme="dark"] .setup-overview h2{font-size:16px;letter-spacing:-.3px;margin:0 0 6px}
html[data-theme="dark"] .setup-overview .sub{font-size:11px;margin:0}
html[data-theme="dark"] .setup-icon{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;background:#392126;color:#FFA6AE;border-radius:13px}
html[data-theme="dark"] .setup-meter{margin-left:auto;min-width:130px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}
html[data-theme="dark"] .setup-meter strong{font-size:25px;color:#93C5FD;letter-spacing:-1px}
html[data-theme="dark"] .setup-meter progress{width:130px;height:6px;accent-color:#2563EB;border-radius:10px;overflow:hidden;border:none;background:#151922}
html[data-theme="dark"] .setup-meter progress::-webkit-progress-bar{background:#151922;border-radius:10px}
html[data-theme="dark"] .setup-meter progress::-webkit-progress-value{background:#2563EB;border-radius:10px}
html[data-theme="dark"] .setup-progress details{margin-top:16px;border-top:1px solid #343E50;padding-top:13px}
html[data-theme="dark"] .setup-progress summary{font-size:11px;color:#93C5FD;cursor:pointer;width:fit-content}
html[data-theme="dark"] .setup-steps{list-style:none;padding:0;margin:13px 0 0}
html[data-theme="dark"] .setup-steps li{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #343E50}
html[data-theme="dark"] .setup-steps li:last-child{border-bottom:0}
html[data-theme="dark"] .setup-step-state{display:grid;place-items:center;background:#151922;border:1px solid #343E50;color:#A8B0BF;border-radius:50%;width:25px;height:25px;flex-shrink:0}
html[data-theme="dark"] .setup-step-state.done{background:#151922;border-color:#343E50;color:#93C5FD}
html[data-theme="dark"] .setup-steps li>div{flex:1}
html[data-theme="dark"] .setup-steps strong{display:block;font-size:12px;font-weight:600}
html[data-theme="dark"] .setup-steps small{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin-top:5px}
html[data-theme="dark"] .setup-steps .text-btn{font-size:10px;white-space:nowrap}
html[data-theme="dark"] .home-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 17px}
html[data-theme="dark"] .home-section-title h2{font-size:16px;margin:0;letter-spacing:-.2px}
html[data-theme="dark"] .home-section-title .text-btn{font-size:11px}
html[data-theme="dark"] .workspace-stats .stat{text-align:left;min-width:0;color:var(--ink);font-family:inherit;box-shadow:none}
html[data-theme="dark"] .workspace-stats .stat:hover{border-color:#343E50;background:#151922}
html[data-theme="dark"] .workspace-stats .stat-top{display:flex;min-height:32px;align-items:flex-start;gap:8px;line-height:1.5;font-size:11px}
html[data-theme="dark"] .workspace-stats .stat-top .icon{flex-shrink:0;width:17px;height:17px}
html[data-theme="dark"] .workspace-stats .stat strong{display:block;font-size:30px;margin:8px 0}
html[data-theme="dark"] .workspace-stats .stat small{display:block;font-size:10px;line-height:1.6}
html[data-theme="dark"] .home-bottom{margin-top:23px;align-items:stretch}
html[data-theme="dark"] .home-bottom h2{font-size:15px;margin-top:0}
html[data-theme="dark"] .home-bottom .sub{font-size:12px;line-height:1.8}
html[data-theme="dark"] .home-task{display:flex;align-items:center;gap:12px;width:100%;padding:13px 0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left}
html[data-theme="dark"] .home-task:last-child{border-bottom:0}
html[data-theme="dark"] .home-task strong{display:block;font-size:12px;font-weight:600;line-height:1.6}
html[data-theme="dark"] .home-task small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.7}
html[data-theme="dark"] .task-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#1C2637}
html[data-theme="dark"] .task-dot.overdue{background:#382B19}
html[data-theme="dark"] .home-shortcuts>button{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0;background:transparent;color:#A8B0BF;width:100%;font-size:12px;text-align:left}
html[data-theme="dark"] .home-shortcuts>button .icon{width:18px;height:18px;flex-shrink:0}
html[data-theme="dark"] .home-shortcuts>button .icon:last-child{margin-left:auto}
html[data-theme="dark"] .agent-overview{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
html[data-theme="dark"] .workspace-table{width:100%;border-collapse:collapse;font-size:12px}
html[data-theme="dark"] .workspace-table th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;text-align:left;color:var(--muted);padding:16px 12px;border-bottom:1px solid var(--line)}
html[data-theme="dark"] .workspace-table td{padding:14px 12px;border-bottom:1px solid var(--line);line-height:1.7}
html[data-theme="dark"] .workspace-table .text-btn{text-align:left}
@media(min-width:761px){html[data-theme="dark"] .workspace-shell .sidebar{height:100vh;height:100dvh;position:sticky;top:0;overflow-y:auto}
}
@media(max-width:1150px){html[data-theme="dark"] .workspace-shell{grid-template-columns:220px minmax(0,1fr)}
html[data-theme="dark"] .workspace-shell .content{padding:25px}
html[data-theme="dark"] .workspace-shell .topbar{padding:0 25px}
html[data-theme="dark"] .workspace-shell .workspace strong{max-width:130px}
html[data-theme="dark"] .home-assistant h1{font-size:34px}
html[data-theme="dark"] .home-assistant-form-bottom>span{max-width:250px}
html[data-theme="dark"] .workspace-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){html[data-theme="dark"] .workspace-shell{grid-template-columns:minmax(0,1fr)}
html[data-theme="dark"] .workspace-shell .sidebar{height:auto;position:relative;padding:15px 18px}
html[data-theme="dark"] .sidebar-brand-row .brand{padding:0}
html[data-theme="dark"] .menu-toggle{display:block;background:#080A0F;color:#93C5FD;width:35px;height:35px;border-radius:8px;font-size:18px}
html[data-theme="dark"] .workspace-shell .sidebar .workspace-nav{display:none;flex-direction:column;overflow:visible;margin-top:18px;padding-bottom:0}
html[data-theme="dark"] .workspace-shell .sidebar.menu-open .workspace-nav{display:flex;max-height:65vh;max-height:65dvh;overflow-y:auto}
html[data-theme="dark"] .workspace-shell .nav button,html[data-theme="dark"] .workspace-shell .nav summary{font-size:12px}
html[data-theme="dark"] .workspace-shell .nav .icon{width:18px;height:18px}
html[data-theme="dark"] .workspace-shell .topbar{height:auto;min-height:56px;padding:12px 18px;gap:12px;flex-wrap:wrap}
html[data-theme="dark"] .breadcrumb-section{display:none}
html[data-theme="dark"] .workspace-shell .content{padding:19px 16px}
html[data-theme="dark"] .home-assistant{padding:15px 0 22px}
html[data-theme="dark"] .home-assistant h1{font-size:30px}
html[data-theme="dark"] .home-assistant>.sub{font-size:12px;margin-bottom:20px}
html[data-theme="dark"] .home-assistant-form{padding:14px;border-radius:14px}
html[data-theme="dark"] .home-assistant-form textarea{font-size:13px;min-height:95px}
html[data-theme="dark"] .home-assistant-form-bottom{align-items:flex-end;gap:10px}
html[data-theme="dark"] .home-assistant-form-bottom>span{font-size:9px}
html[data-theme="dark"] .home-assistant-form-bottom .btn{font-size:10px;padding:10px}
html[data-theme="dark"] .home-prompts{gap:6px}
html[data-theme="dark"] .home-prompts button{font-size:10px;padding:8px 11px}
html[data-theme="dark"] .assistant-safety{font-size:9px}
html[data-theme="dark"] .setup-progress{padding:18px;margin-bottom:25px}
html[data-theme="dark"] .setup-overview{flex-wrap:wrap;gap:12px}
html[data-theme="dark"] .setup-overview>div:not(.setup-meter){flex:1;min-width:180px}
html[data-theme="dark"] .setup-overview h2{font-size:14px}
html[data-theme="dark"] .setup-meter{flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin:0;gap:15px}
html[data-theme="dark"] .setup-meter progress{width:100%}
html[data-theme="dark"] .setup-meter strong{font-size:21px}
html[data-theme="dark"] .setup-steps li{flex-wrap:wrap}
html[data-theme="dark"] .setup-steps li>div{min-width:150px}
html[data-theme="dark"] .setup-steps .text-btn{margin-left:38px}
html[data-theme="dark"] .home-section-title h2{font-size:14px}
html[data-theme="dark"] .home-section-title .text-btn{font-size:10px}
html[data-theme="dark"] .workspace-stats{gap:10px}
html[data-theme="dark"] .workspace-stats .stat{padding:15px}
html[data-theme="dark"] .workspace-stats .stat-top{font-size:10px;min-height:34px}
html[data-theme="dark"] .workspace-stats .stat strong{font-size:27px}
html[data-theme="dark"] .workspace-stats .stat small{font-size:9px}
html[data-theme="dark"] .home-bottom{gap:15px}
html[data-theme="dark"] .workspace-table{min-width:480px}
html[data-theme="dark"] .workspace-table th,html[data-theme="dark"] .workspace-table td{padding:12px 9px}
}
@media(prefers-reduced-motion:reduce){html[data-theme="dark"] .workspace-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
html[data-theme="dark"] .whatsapp-connection{width:100%;max-width:780px;margin:0 auto}
html[data-theme="dark"] .whatsapp-connection .connect-box{min-height:350px}
html[data-theme="dark"] .whatsapp-connection .actions{justify-content:center}
html[data-theme="dark"] .flow-fullscreen{position:fixed;inset:0;z-index:40;background:#151922;color:var(--ink);overflow:hidden}
html[data-theme="dark"] .flow-fullscreen .flow-editor{height:100vh;height:100dvh;display:flex;flex-direction:column;min-width:0;margin:0}
html[data-theme="dark"] .flow-header{display:flex;align-items:center;gap:16px;padding:17px 24px;min-height:92px;background:#151922;border-bottom:1px solid #343E50;z-index:10;flex-shrink:0}
html[data-theme="dark"] .flow-back,html[data-theme="dark"] .flow-simulate-button{display:flex;align-items:center;justify-content:center;gap:8px;background:#151922;border:1px solid #343E50;color:#F5F7FA;border-radius:28px;padding:12px 18px;font-size:13px;white-space:nowrap;box-shadow:0 2px 5px #2563EB07}
html[data-theme="dark"] .flow-back{font-size:16px}
html[data-theme="dark"] .flow-back>span{font-size:13px}
html[data-theme="dark"] .flow-title{flex:1;min-width:100px;margin-right:10px}
html[data-theme="dark"] .flow-title input{width:100%;max-width:700px;border:1px solid #343E50;border-radius:28px;padding:12px 20px;font-size:16px;color:var(--ink);background:#151922;outline-offset:3px}
html[data-theme="dark"] .flow-title small{display:block;font-size:9px;color:#A8B0BF;margin:6px 20px 0;line-height:1.4}
html[data-theme="dark"] .flow-title small>span[aria-hidden]{margin:0 5px}
html[data-theme="dark"] .flow-status-switch{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:12px;background:transparent;color:#A8B0BF;white-space:nowrap}
html[data-theme="dark"] .flow-status-switch i{display:block;width:42px;height:24px;border-radius:20px;background:#151922;position:relative}
html[data-theme="dark"] .flow-status-switch i:after{content:"";position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:#151922;box-shadow:0 1px 3px #00000012}
html[data-theme="dark"] .flow-status-switch.is-active{color:#93C5FD}
html[data-theme="dark"] .flow-status-switch.is-active i{background:#2563EB}
html[data-theme="dark"] .flow-status-switch.is-active i:after{left:21px}
html[data-theme="dark"] .flow-save-button{font-size:12px;font-weight:600;background:#080A0F;color:#F5F7FA;white-space:nowrap;border-radius:28px;padding:15px 21px;box-shadow:0 3px 8px #2563EB12}
html[data-theme="dark"] .flow-save-button:hover{background:#172B4D}
html[data-theme="dark"] .flow-more{position:relative}
html[data-theme="dark"] .flow-more>summary{list-style:none;cursor:pointer;font-size:24px;color:#A8B0BF;border:1px solid #343E50;width:38px;height:38px;border-radius:50%;display:grid;place-items:center}
html[data-theme="dark"] .flow-more>summary::-webkit-details-marker,html[data-theme="dark"] .flow-priority-menu>summary::-webkit-details-marker{display:none}
html[data-theme="dark"] .flow-more>div{position:absolute;right:0;top:calc(100% + 14px);width:240px;padding:10px;background:#151922;border:1px solid var(--line);box-shadow:0 12px 40px #00000015;border-radius:13px;z-index:20}
html[data-theme="dark"] .flow-more>div button{display:block;width:100%;background:transparent;text-align:left;padding:12px;border-radius:7px;color:#F5F7FA;font-size:12px}
html[data-theme="dark"] .flow-more>div button:hover{background:#151922}
html[data-theme="dark"] .flow-more>div p{font-size:10px;line-height:1.7;color:var(--muted);padding:5px 12px}
html[data-theme="dark"] .flow-workspace{flex:1;position:relative;min-height:0;overflow:hidden;background:#151922}
html[data-theme="dark"] #flow-panel-host{position:absolute;inset:0;z-index:5;pointer-events:none}
html[data-theme="dark"] #flow-panel-host>.flow-floating-panel{pointer-events:auto}
html[data-theme="dark"] dialog:has(.flow-add-dialog){max-width:430px;padding:0;max-height:calc(100dvh - 40px);overflow:auto}
html[data-theme="dark"] dialog:has(.flow-add-dialog)>.dialog-head{position:static;margin:0;padding:18px 23px;border-bottom:1px solid #343E50}
html[data-theme="dark"] .flow-add-dialog{position:relative;background:#151922}
html[data-theme="dark"] .flow-canvas{position:absolute;inset:0;overflow:hidden;background-color:#151922;background-image:radial-gradient(#1C2637 .8px,transparent .8px);background-size:20px 20px;touch-action:none;cursor:grab;isolation:isolate}
html[data-theme="dark"] .flow-canvas.panning{cursor:grabbing}
html[data-theme="dark"] .flow-stage{position:absolute;left:0;top:0;width:5000px;height:4000px;transform-origin:0 0;will-change:transform}
html[data-theme="dark"] .flow-wires{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}
html[data-theme="dark"] .flow-wires path{fill:none;stroke:#526781;stroke-width:2;stroke-dasharray:7 6}
html[data-theme="dark"] .flow-node{position:absolute;display:flex;flex-direction:column;width:280px;height:190px;border-radius:16px;background:#151922;border:1px solid #343E50;box-shadow:0 6px 22px #2563EB0a;z-index:1;user-select:none}
html[data-theme="dark"] .flow-node.selected{outline:2px solid #60A5FA;outline-offset:5px}
html[data-theme="dark"] .flow-node[data-flow-node="pending"]{border:2px dashed #60A5FA;background:#151922}
html[data-theme="dark"] .flow-pending-step>.flow-block-picker{position:relative;overflow-y:auto;padding:20px;user-select:auto}
html[data-theme="dark"] .flow-pending-step .flow-block-picker h3{margin:13px 0 8px}
html[data-theme="dark"] .flow-pending-step .flow-block-picker>p{margin-bottom:12px}
html[data-theme="dark"] .flow-pending-step .flow-block-options{display:flex;flex-direction:column}
html[data-theme="dark"] .flow-pending-step .flow-block-options button{font-size:12px;padding:10px 12px}
html[data-theme="dark"] .flow-inspector.flow-block-picker .flow-remove{margin-top:22px}
html[data-theme="dark"] .flow-node-drag{height:34px;flex-shrink:0;width:100%;display:flex;align-items:center;gap:8px;justify-content:space-between;background:#151922;color:#A8B0BF;padding:6px 16px;border-radius:15px 15px 0 0;cursor:grab;touch-action:none;font-size:18px}
html[data-theme="dark"] .flow-node-drag>span:first-child{margin-right:auto;letter-spacing:1.4px;font-size:9px;color:#A8B0BF}
html[data-theme="dark"] .flow-node-drag>span:last-child{font-size:14px}
html[data-theme="dark"] .flow-node-drag:active{cursor:grabbing}
html[data-theme="dark"] .flow-node-body{flex:1;min-height:0;background:transparent;border-radius:0 0 15px 15px;padding:17px 20px;text-align:left;color:var(--ink);cursor:grab;touch-action:none}
html[data-theme="dark"] .flow-node-body:active{cursor:grabbing}
html[data-theme="dark"] .flow-node-body>strong{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:650;line-height:1.4;margin-bottom:12px}
html[data-theme="dark"] .flow-node-body .icon{width:23px;height:23px;flex-shrink:0;color:#93C5FD}
html[data-theme="dark"] .flow-node-body>span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.6;color:#A8B0BF;overflow-wrap:anywhere}
html[data-theme="dark"] .flow-node-body>small{display:block;font-size:9px;color:#A8B0BF;margin-top:13px}
html[data-theme="dark"] .flow-node-body>.flow-message-preview{display:block;max-height:160px;overflow:hidden;white-space:pre-wrap;background:#151922;border:1px solid #343E50;border-radius:0 12px 12px;padding:12px;font-size:12px;line-height:1.6;color:#F5F7FA;-webkit-line-clamp:unset}
html[data-theme="dark"] .flow-message-preview code{font-size:11px;background:#151922;border-radius:3px;padding:1px 3px}
html[data-theme="dark"] .flow-message-preview blockquote{border-left:3px solid #343E50;padding-left:8px;margin:0}
html[data-theme="dark"] .flow-message-empty{color:#A8B0BF}
html[data-theme="dark"] .flow-message-meta{text-align:right;font-variant-numeric:tabular-nums}
html[data-theme="dark"] .flow-node-done{width:100%;border-radius:9px;background:#2563EB;color:#F5F7FA;padding:12px;font-size:13px;font-weight:600}
html[data-theme="dark"] .flow-draft-note{font-size:10px;line-height:1.6;color:#A8B0BF;margin:10px 0 18px}
html[data-theme="dark"] .flow-conditions{border:1px solid #343E50;border-radius:10px;padding:13px;margin:0 0 20px;background:#151922}
html[data-theme="dark"] .flow-conditions>summary{font-size:12px;font-weight:600;cursor:pointer;color:#93C5FD}
html[data-theme="dark"] .flow-conditions>p{font-size:10px;color:#A8B0BF;line-height:1.6;margin:12px 0 18px}
html[data-theme="dark"] .flow-conditions .field:last-of-type{margin-bottom:0}
html[data-theme="dark"] .flow-question-help{font-size:11px;color:#A8B0BF;line-height:1.7;margin-bottom:18px}
html[data-theme="dark"] .question-new-field{margin:-8px 0 20px}
html[data-theme="dark"] .question-options>section{border:1px solid #343E50;border-radius:10px;padding:12px;margin:0 0 12px;background:#151922}
html[data-theme="dark"] .question-options>section>strong{display:block;font-size:11px;color:#93C5FD;margin-bottom:13px}
html[data-theme="dark"] .question-options .field{margin-bottom:13px}
html[data-theme="dark"] .flow-route-card{position:absolute;width:230px;min-height:90px;padding:13px 16px;text-align:left;border:1px solid #343E50;border-left:4px solid #60A5FA;border-radius:12px;background:#151922;box-shadow:0 4px 15px #2563EB08;color:#93C5FD;z-index:2}
html[data-theme="dark"] .flow-route-card small{display:block;font-size:10px;color:#A8B0BF;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html[data-theme="dark"] .flow-route-card strong{display:block;font-size:13px;margin:7px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html[data-theme="dark"] .flow-route-card span{font-size:10px;color:#93C5FD}
html[data-theme="dark"] .flow-route-card:hover{background:#151922;border-color:#60A5FA}
html[data-theme="dark"] .flow-wires .flow-route-wire{stroke:#60A5FA;stroke-dasharray:none}
html[data-theme="dark"] .flow-sim-conversation{display:flex;flex-direction:column;gap:10px;background:#151922;border-radius:12px;padding:15px;margin:12px 0;max-height:440px;overflow-y:auto}
html[data-theme="dark"] .flow-sim-message{max-width:92%;padding:10px 13px;border-radius:10px;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
html[data-theme="dark"] .flow-sim-message>small{display:block;color:#A8B0BF;font-size:9px;margin-bottom:3px}
html[data-theme="dark"] .flow-sim-message.from-contact{align-self:flex-start;background:#151922;border:1px solid #343E50}
html[data-theme="dark"] .flow-sim-message.from-crm{align-self:flex-end;background:#151922;border:1px solid #343E50}
html[data-theme="dark"] .flow-sim-message.sim-note{align-self:center;background:#382B19;color:#F5C46B;font-size:10px}
html[data-theme="dark"] .flow-sim-checks{margin:18px 0;border:1px solid #343E50;padding:12px;border-radius:9px}
html[data-theme="dark"] .flow-sim-checks summary{cursor:pointer;font-size:12px;color:#93C5FD}
html[data-theme="dark"] .flow-sim-checks>div{padding:12px 0;border-bottom:1px solid #343E50}
html[data-theme="dark"] .flow-sim-checks>div:last-child{border:0}
html[data-theme="dark"] .flow-sim-checks p{font-size:11px;color:#A8B0BF;margin:5px 0 0;line-height:1.6}
html[data-theme="dark"] .flow-trigger .flow-node-body>small{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html[data-theme="dark"] .flow-inspector:has(textarea[data-rule-reply]) .wa-tools{gap:5px}
html[data-theme="dark"] .flow-inspector:has(textarea[data-rule-reply]) .wa-tool{font-size:10px;padding:7px 9px}
html[data-theme="dark"] .flow-trigger{width:300px;height:260px;border-color:#60A5FA;background:#2563EB;box-shadow:0 9px 28px #2563EB1c}
html[data-theme="dark"] .flow-trigger .flow-node-drag{background:#172B4D;color:#93C5FD}
html[data-theme="dark"] .flow-trigger .flow-node-drag>span:first-child{color:#93C5FD}
html[data-theme="dark"] .flow-trigger .flow-node-body,html[data-theme="dark"] .flow-trigger .flow-node-body .icon{color:#F5F7FA}
html[data-theme="dark"] .flow-trigger .flow-node-body>strong{font-size:18px}
html[data-theme="dark"] .flow-trigger .flow-node-body>span{color:#93C5FD;font-size:14px}
html[data-theme="dark"] .flow-trigger .flow-node-body>small{color:#93C5FD;font-size:10px}
html[data-theme="dark"] .flow-trigger-config{margin:0 18px 18px;flex-shrink:0;min-height:40px;border-radius:23px;border:1px solid #343E50;background:#151922;color:#93C5FD;font-size:12px;font-weight:600}
html[data-theme="dark"] .flow-port{position:absolute;top:50%;transform:translateY(-50%);background:#151922;border:2px solid #343E50;border-radius:50%;z-index:3;padding:0}
html[data-theme="dark"] .flow-port-in{left:-8px;width:16px;height:16px}
html[data-theme="dark"] .flow-port-out{right:-11px;width:22px;height:22px;font-size:16px;line-height:16px;color:#93C5FD;display:grid;place-items:center;cursor:pointer}
html[data-theme="dark"] .flow-port-out:hover{background:#151922;border-color:#60A5FA}
html[data-theme="dark"] .flow-floating-panel{position:absolute;right:80px;top:28px;width:320px;max-height:calc(100% - 150px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#151922;border:1px solid #343E50;border-radius:16px;box-shadow:0 8px 25px #2563EB08;z-index:5}
html[data-theme="dark"] .flow-panel-close{position:absolute;right:17px;top:14px;width:27px;height:27px;background:transparent;font-size:27px;color:#A8B0BF;z-index:2;line-height:25px}
html[data-theme="dark"] .flow-block-picker{padding:30px 23px}
html[data-theme="dark"] .flow-block-picker h2{margin:0 24px 12px 0;font-size:19px;letter-spacing:-.3px;line-height:1.5}
html[data-theme="dark"] .flow-block-picker>p{font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 26px}
html[data-theme="dark"] .flow-block-picker h3{font-size:12px;margin:25px 0 12px;color:#93C5FD}
html[data-theme="dark"] .flow-block-options{display:flex;flex-wrap:wrap;gap:9px}
html[data-theme="dark"] .flow-block-options button{display:flex;align-items:center;gap:9px;padding:12px 13px;width:100%;text-align:left;border:1px solid #343E50;border-radius:11px;background:#151922;color:#A8B0BF;font-size:12px}
html[data-theme="dark"] .flow-block-options button:hover{background:#151922;border-color:#343E50}
html[data-theme="dark"] .flow-block-options .icon{width:19px;height:19px;flex-shrink:0}
html[data-theme="dark"] .flow-block-options button>span:first-of-type{flex:1}
html[data-theme="dark"] .flow-block-options small{display:block;font-size:9px;margin-top:4px;color:#A8B0BF}
html[data-theme="dark"] .flow-block-options button:disabled{opacity:.4}
html[data-theme="dark"] .flow-inspector{padding:28px 23px;border:0;background:transparent;border-radius:0}
html[data-theme="dark"] .flow-panel-title .tag{font-size:9px;margin-right:25px}
html[data-theme="dark"] .flow-panel-title h2{font-size:19px;letter-spacing:-.3px;margin:13px 0 27px;line-height:1.5}
html[data-theme="dark"] .flow-inspector .field{font-size:12px;margin-bottom:21px;gap:9px}
html[data-theme="dark"] .flow-inspector .field input,html[data-theme="dark"] .flow-inspector .field select{padding:12px;font-size:12px;border-color:#343E50;border-radius:9px}
html[data-theme="dark"] .flow-inspector .field textarea{font-size:13px;padding:12px;min-height:130px}
html[data-theme="dark"] .flow-inspector .field small{font-size:10px;line-height:1.8}
html[data-theme="dark"] .flow-inspector .wa-tool{font-size:9px;padding:6px 8px}
html[data-theme="dark"] .flow-inspector .wa-preview{font-size:12px}
html[data-theme="dark"] .flow-remove{color:#FFA6AE;font-size:11px;margin:4px 0 14px}
html[data-theme="dark"] .flow-explanation{border-top:1px solid #343E50;margin-top:23px;padding-top:17px;font-size:10px;color:#A8B0BF}
html[data-theme="dark"] .flow-explanation summary{cursor:pointer;line-height:1.7}
html[data-theme="dark"] .flow-explanation p{font-size:10px;line-height:1.9;color:#A8B0BF}
html[data-theme="dark"] .flow-canvas-tools{position:absolute;right:17px;top:28px;display:flex;flex-direction:column;align-items:center;gap:9px;z-index:6;max-height:calc(100% - 150px);overflow-y:auto;scrollbar-width:none}
html[data-theme="dark"] .flow-canvas-tools button{width:42px;height:42px;flex-shrink:0;background:#151922;color:#F5F7FA;border:1px solid #343E50;border-radius:50%;box-shadow:0 2px 5px #2563EB0c;font-size:21px;padding:0;display:grid;place-items:center}
html[data-theme="dark"] .flow-canvas-tools button:hover{border-color:#343E50;color:#93C5FD}
html[data-theme="dark"] .flow-canvas-tools button:disabled{opacity:.4}
html[data-theme="dark"] .flow-canvas-tools>span{font-size:8px;color:#A8B0BF;margin:-3px 0}
html[data-theme="dark"] .flow-bottom-bar{position:absolute;left:22px;right:22px;bottom:23px;display:flex;align-items:center;gap:16px;z-index:7;pointer-events:none}
html[data-theme="dark"] .flow-rule-strip{display:flex;align-items:center;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:thin;padding:7px;max-width:calc(100% - 165px);background:#151922;border:1px solid #343E50;border-radius:13px;box-shadow:0 3px 12px #2563EB06;pointer-events:auto}
html[data-theme="dark"] .flow-rule-strip>button{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:8px;font-size:11px;color:#A8B0BF;max-width:220px;overflow:hidden;text-overflow:ellipsis}
html[data-theme="dark"] .flow-rule-strip>button>span{display:block;flex-shrink:0;font-size:9px;border-radius:4px;padding:3px 5px;background:#151922;color:#A8B0BF}
html[data-theme="dark"] .flow-rule-strip>button.selected{background:#151922;border-color:#343E50;color:#93C5FD}
html[data-theme="dark"] .flow-rule-strip>button.selected>span{background:#2563EB;color:#F5F7FA}
html[data-theme="dark"] .flow-priority-menu{position:relative;flex-shrink:0;pointer-events:auto;margin-left:auto}
html[data-theme="dark"] .flow-priority-menu>summary{list-style:none;cursor:pointer;border:1px solid #343E50;border-radius:10px;background:#151922;color:#A8B0BF;padding:14px;font-size:10px;box-shadow:0 2px 8px #2563EB06}
html[data-theme="dark"] .flow-priority-menu>div{position:absolute;right:0;bottom:calc(100% + 10px);width:230px;background:#151922;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 22px #2563EB12;padding:10px}
html[data-theme="dark"] .flow-priority-menu button{display:block;width:100%;padding:11px;background:transparent;color:#A8B0BF;text-align:left;font-size:11px}
html[data-theme="dark"] .flow-priority-menu small{display:block;font-size:9px;color:#A8B0BF;line-height:1.7;padding:10px;border-top:1px solid var(--line)}
html[data-theme="dark"] .flow-canvas-hint{position:absolute;left:30px;bottom:5px;color:#A8B0BF;font-size:8px;z-index:2;pointer-events:none}
html[data-theme="dark"] .flow-empty{position:absolute;left:30px;top:30px;padding:30px;border:1px solid var(--line);background:#151922;border-radius:12px}
html[data-theme="dark"] .flow-empty h2{font-size:18px}
html[data-theme="dark"] .flow-template-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}
html[data-theme="dark"] .flow-template-list>button{text-align:left;color:var(--ink);box-shadow:none}
html[data-theme="dark"] .flow-template-list strong{display:block;font-size:14px}
html[data-theme="dark"] .flow-template-list small{display:block;font-size:11px;line-height:1.7;color:var(--muted);margin:10px 0}
html[data-theme="dark"] .flow-template-list span{font-size:11px;color:#93C5FD}
html[data-theme="dark"] #flow-simulation-result{font-size:12px;line-height:1.8;margin-top:22px}
html[data-theme="dark"] #flow-simulation-result:empty{margin:0}
html[data-theme="dark"] #flow-simulation-result h3{font-size:13px;margin:20px 0 7px}
html[data-theme="dark"] #flow-simulation-result ul{padding-left:20px}
html[data-theme="dark"] .flow-sim-banner{background:#151922;color:#93C5FD;border-radius:8px;padding:10px;font-size:11px}
@media(max-width:1050px){html[data-theme="dark"] .flow-header{gap:10px;padding:14px 17px}
html[data-theme="dark"] .flow-back,html[data-theme="dark"] .flow-simulate-button{font-size:11px;padding:11px 13px}
html[data-theme="dark"] .flow-title{margin-right:0}
html[data-theme="dark"] .flow-title input{font-size:14px;padding:11px 16px}
html[data-theme="dark"] .flow-save-button{font-size:11px;padding:13px 17px}
html[data-theme="dark"] .flow-floating-panel{width:290px}
html[data-theme="dark"] .flow-status-switch{font-size:10px;gap:6px}
}
@media(max-width:850px){html[data-theme="dark"] .flow-header{flex-wrap:wrap;min-height:120px;gap:9px;padding:12px 14px}
html[data-theme="dark"] .flow-title{order:0;flex-basis:calc(100% - 92px)}
html[data-theme="dark"] .flow-title input{max-width:none}
html[data-theme="dark"] .flow-title small{margin-top:4px}
html[data-theme="dark"] .flow-back{width:38px;height:38px;padding:0;border-radius:50%}
html[data-theme="dark"] .flow-back>span{display:none}
html[data-theme="dark"] .flow-simulate-button{margin-left:auto}
html[data-theme="dark"] .flow-more{margin-left:2px}
html[data-theme="dark"] .flow-status-switch{margin:0 5px}
html[data-theme="dark"] .flow-save-button{font-size:10px}
html[data-theme="dark"] .flow-floating-panel{top:auto;bottom:89px;left:14px;right:70px;width:auto;max-height:43%;border-radius:13px}
html[data-theme="dark"] .flow-block-picker{padding:20px}
html[data-theme="dark"] .flow-block-picker h2{font-size:17px}
html[data-theme="dark"] .flow-block-picker>p{font-size:10px;margin-bottom:13px}
html[data-theme="dark"] .flow-block-picker h3{margin:16px 0 9px}
html[data-theme="dark"] .flow-block-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
html[data-theme="dark"] .flow-block-options button{font-size:10px;padding:10px;gap:7px}
html[data-theme="dark"] .flow-block-options .icon{width:16px;height:16px}
html[data-theme="dark"] .flow-block-options button>span:last-child{display:none}
html[data-theme="dark"] .flow-canvas-tools{right:12px;top:18px;gap:7px;max-height:calc(100% - 100px)}
html[data-theme="dark"] .flow-canvas-tools button{width:36px;height:36px;font-size:18px}
html[data-theme="dark"] .flow-bottom-bar{left:12px;right:12px;bottom:20px;gap:8px}
html[data-theme="dark"] .flow-rule-strip{max-width:calc(100% - 46px);padding:5px;gap:3px}
html[data-theme="dark"] .flow-rule-strip>button{font-size:10px;padding:9px;max-width:170px}
html[data-theme="dark"] .flow-priority-menu>summary{width:36px;height:36px;font-size:0;padding:0;display:grid;place-items:center;border-radius:50%}
html[data-theme="dark"] .flow-priority-menu>summary:after{content:'⋯';font-size:22px}
html[data-theme="dark"] .flow-inspector{padding:23px 20px}
html[data-theme="dark"] .flow-panel-title h2{font-size:17px;margin:12px 0 20px}
html[data-theme="dark"] .flow-inspector .field{font-size:11px}
html[data-theme="dark"] .flow-canvas-hint{left:17px;font-size:7px}
html[data-theme="dark"] .flow-explanation{margin-top:15px;padding-top:12px}
}
@media(max-width:420px){html[data-theme="dark"] .flow-status-switch>span{display:none}
html[data-theme="dark"] .flow-simulate-button{font-size:10px;padding:10px 12px}
html[data-theme="dark"] .flow-save-button{padding:12px 14px}
html[data-theme="dark"] .flow-block-options{grid-template-columns:1fr}
html[data-theme="dark"] .flow-floating-panel{max-height:43%}
}
@media(prefers-reduced-motion:reduce){html[data-theme="dark"] .flow-fullscreen *{animation:none!important;transition:none!important}
}
html[data-theme="dark"]{color-scheme:dark;--accent:#2563EB;--accent-text:#93C5FD;--surface:#151922;--surface-raised:#1C2637;--ink:#F5F7FA;--muted:#A8B0BF;--line:#343E50;--paper:#080A0F;--dark:#080A0F;--green:#2563EB;--blue:#172B4D}
html[data-theme="dark"] body,html[data-theme="dark"] .main{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .sidebar{background:#0C1017;border-right:1px solid var(--line)}
html[data-theme="dark"] .workspace-shell .topbar,html[data-theme="dark"] .topbar{background:#10151F}
html[data-theme="dark"] .card,html[data-theme="dark"] .stat,html[data-theme="dark"] .lead,html[data-theme="dark"] dialog,html[data-theme="dark"] .auth .card,html[data-theme="dark"] .flow-node,html[data-theme="dark"] .flow-floating-panel,html[data-theme="dark"] .flow-inspector{background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .btn,html[data-theme="dark"] .btn.green,html[data-theme="dark"] .flow-save-button,html[data-theme="dark"] .flow-node-done{background:var(--accent);color:#FFF;border-color:var(--accent)}
html[data-theme="dark"] .btn:hover,html[data-theme="dark"] .btn.green:hover,html[data-theme="dark"] .flow-save-button:hover,html[data-theme="dark"] .flow-node-done:hover{background:#1D4ED8;color:#FFF}
html[data-theme="dark"] .btn.light{background:var(--surface-raised);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .btn.light:hover{background:#253248}
html[data-theme="dark"] .btn.danger{background:#392126;color:#FFA6AE;border-color:#85434C}
html[data-theme="dark"] .btn.danger:hover{background:#512831;color:#FFF}
html[data-theme="dark"] .tag{background:#1C2637;color:#D1D9E8}
html[data-theme="dark"] .tag.info{background:#172B4D;color:#93C5FD}
html[data-theme="dark"] .tag.warning,html[data-theme="dark"] .notice{background:#382B19;color:#F5C46B;border-color:#856333}
html[data-theme="dark"] .tag.success{background:#17382E;color:#7DDDB5}
html[data-theme="dark"] .text-btn{color:var(--accent-text)}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .field select,html[data-theme="dark"] .search,html[data-theme="dark"] .composer textarea,html[data-theme="dark"] .quick-reply-picker select,html[data-theme="dark"] .conversation-control select{background:#10151F;color:var(--ink);border-color:#526075}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#A8B0BF;opacity:1}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{accent-color:var(--accent)}
html[data-theme="dark"] button:focus-visible,html[data-theme="dark"] a:focus-visible,html[data-theme="dark"] input:focus-visible,html[data-theme="dark"] textarea:focus-visible,html[data-theme="dark"] select:focus-visible,html[data-theme="dark"] summary:focus-visible{outline:2px solid #93C5FD;outline-offset:3px}
html[data-theme="dark"] .workspace-shell .nav button.active{background:#172B4D;color:#DCEAFF;box-shadow:inset 3px 0 #60A5FA}
html[data-theme="dark"] .brand-symbol{fill:#60A5FA}
html[data-theme="dark"] .brand-mark{background:#2563EB;color:#FFF}
html[data-theme="dark"] .auth .card{border-top-color:#2563EB}
html[data-theme="dark"] .assistant-emblem,html[data-theme="dark"] .setup-icon{background:#172B4D;color:#93C5FD;border-color:#365785}
html[data-theme="dark"] .hero .eyebrow{color:#93C5FD}
html[data-theme="dark"] .task-dot.overdue{background:#F5C46B}
html[data-theme="dark"] .setup-meter strong,html[data-theme="dark"] .flow-template-list span{color:#93C5FD}
html[data-theme="dark"] .setup-meter progress::-webkit-progress-value{background:#2563EB}
html[data-theme="dark"] .workspace-stats .stat:hover{background:#1C2637;border-color:#60A5FA}
html[data-theme="dark"] .column{background:#10151F}
html[data-theme="dark"] .lead:hover{border-color:#60A5FA}
html[data-theme="dark"] .message{background:#1C2637;color:var(--ink)}
html[data-theme="dark"] .message.out{background:#172B4D;color:#F5F7FA}
html[data-theme="dark"] .message small{color:#B9C7DC}
html[data-theme="dark"] .mini-message{background:#1C2637;color:var(--ink)}
html[data-theme="dark"] .mini-message:nth-child(2){background:#172B4D}
html[data-theme="dark"] .mini-message small{color:#B9C7DC}
html[data-theme="dark"] .flow-canvas{background-color:#080A0F;background-image:radial-gradient(#3A465D .8px,transparent .8px)}
html[data-theme="dark"] .flow-trigger{background:#1748B5;border-color:#60A5FA}
html[data-theme="dark"] .flow-trigger .flow-node-drag,html[data-theme="dark"] .flow-trigger .flow-node-body{background:transparent;color:#FFF}
html[data-theme="dark"] .flow-trigger .flow-node-body>span,html[data-theme="dark"] .flow-trigger .flow-node-body>small{color:#E2ECFF}
html[data-theme="dark"] .flow-trigger .flow-node-body .icon{color:#FFF}
html[data-theme="dark"] .flow-status-switch.is-active{color:#93C5FD}
html[data-theme="dark"] .flow-status-switch.is-active i{background:#2563EB}
html[data-theme="dark"] .flow-status-switch i:after{background:#FFF}
html[data-theme="dark"] .flow-route-card{background:#151922;border-color:#526781;border-left-color:#60A5FA;color:#F5F7FA}
html[data-theme="dark"] .flow-port-out{background:#151922;color:#93C5FD;border-color:#60A5FA}
html[data-theme="dark"] .flow-port-out:hover{background:#172B4D}
html[data-theme="dark"] .flow-node-body>.flow-message-preview{background:#101C32;color:#F5F7FA;border-color:#365785}
html[data-theme="dark"] .flow-wires path{stroke:#8299BD}
html[data-theme="dark"] .qr{background:#FFF;padding:12px;border-radius:12px;color-scheme:light}
html[data-theme="dark"] dialog::backdrop{background:#000A}
@media(prefers-reduced-motion:reduce){html[data-theme="dark"] *,html[data-theme="dark"] *::before,html[data-theme="dark"] *::after{scroll-behavior:auto!important}
}
html[data-theme="dark"]{--paper:#171D28;--dark:#101622;--surface:#222B3A;--surface-raised:#2A3547;--line:#42516A;--ink:#F1F5FA;--muted:#B3BECE}
html[data-theme="dark"] body,html[data-theme="dark"] .main,html[data-theme="dark"] .flow-fullscreen,html[data-theme="dark"] .flow-workspace{background:var(--paper)}
html[data-theme="dark"] .sidebar{background:#101622}
html[data-theme="dark"] .workspace-shell .topbar,html[data-theme="dark"] .topbar{background:#1C2432}
html[data-theme="dark"] .card,html[data-theme="dark"] .stat,html[data-theme="dark"] .lead,html[data-theme="dark"] dialog,html[data-theme="dark"] .auth .card,html[data-theme="dark"] .flow-node,html[data-theme="dark"] .flow-floating-panel,html[data-theme="dark"] .flow-inspector,html[data-theme="dark"] .flow-add-dialog,html[data-theme="dark"] .flow-route-card,html[data-theme="dark"] .home-assistant-form{background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .field select,html[data-theme="dark"] .search,html[data-theme="dark"] .composer textarea,html[data-theme="dark"] .quick-reply-picker select,html[data-theme="dark"] .conversation-control select,html[data-theme="dark"] .flow-title input{background:#1B2433;color:var(--ink);border-color:#62728A}
html[data-theme="dark"] .home-assistant-form textarea{background:transparent;color:var(--ink)}
html[data-theme="dark"] .home-assistant-form:focus-within{border-color:#60A5FA;box-shadow:0 0 0 3px #2563EB26}
html[data-theme="dark"] .btn.light,html[data-theme="dark"] .home-prompts button{background:#2A3547;color:#D9E8FC;border-color:#52647F}
html[data-theme="dark"] .btn.light:hover,html[data-theme="dark"] .home-prompts button:hover,html[data-theme="dark"] .workspace-stats .stat:hover{background:#32425A;border-color:#60A5FA}
html[data-theme="dark"] .setup-progress,html[data-theme="dark"] .switch-row,html[data-theme="dark"] .column,html[data-theme="dark"] .flow-node-drag,html[data-theme="dark"] .flow-header,html[data-theme="dark"] .flow-more>div,html[data-theme="dark"] .flow-rule-strip{background:#1C2534}
html[data-theme="dark"] .setup-steps .setup-step-state{background:#2A3547;color:#C8D5E8}
html[data-theme="dark"] .setup-steps .setup-step-state.done{background:#173E70;color:#B8D9FF}
html[data-theme="dark"] .message{background:#2A3547}
html[data-theme="dark"] .message.out{background:#1D3A64}
html[data-theme="dark"] .flow-canvas{background-color:#171D28;background-image:radial-gradient(#52617A .8px,transparent .8px)}
html[data-theme="dark"] .flow-trigger{background:#1748B5;border-color:#60A5FA}
html[data-theme="dark"] .flow-trigger .flow-node-drag{background:transparent}
html[data-theme="dark"] .flow-node-body>.flow-message-preview{background:#1B2F4E;border-color:#526B90}
html[data-theme="dark"] .flow-back,html[data-theme="dark"] .flow-simulate-button,html[data-theme="dark"] .flow-canvas-tools button{background:#2A3547;color:#E1ECFA;border-color:#62728A}
html[data-theme="dark"] .flow-route-card{color:var(--ink);border-left-color:#60A5FA}
html[data-theme="dark"] .brand-ninja{display:block;flex-shrink:0;width:60px;height:40px;object-fit:contain}
html[data-theme="dark"] .sidebar-brand-row .brand{gap:8px;padding-left:0;padding-right:0}
html[data-theme="dark"] .auth .brand-ninja{width:81px;height:54px}
html[data-theme="dark"] .brand-word>span{color:#60A5FA}
html[data-theme="dark"] .assistant-emblem.ninja-welcome{width:144px;height:96px;margin:0 auto 10px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
html[data-theme="dark"] .ninja-welcome img{display:block;width:144px;height:96px;object-fit:contain}
html[data-theme="dark"] .home-assistant{padding-top:10px}
html[data-theme="dark"] .home-assistant .eyebrow{color:#B3BECE}
@media(max-width:650px){html[data-theme="dark"] .brand-ninja{width:51px;height:34px}
html[data-theme="dark"] .assistant-emblem.ninja-welcome,html[data-theme="dark"] .ninja-welcome img{width:120px;height:80px}
}