*{box-sizing:border-box;margin:0;padding:0;font-family:'Sora',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif} body{font-family:'Sora',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh} /* Dark theme override â€” applied when JS adds .dark-theme to */ .dark-theme{ --bg:#0a0d14;--bg2:#111520;--bg3:#181d2e;--bg4:#1e2436;--card:#111520;--text:#e8eaf6;--muted:#8891b4;--text3:#525d80;--border:#232840;--border2:#2e3450; --red:#ff5252;--green:#00e676;--amber:#ffab40;--blue:#448aff;--purple:#b388ff;--gold:#f0c040; --sh:0 2px 12px rgba(0,0,0,.3); --chart-axis:#525d80;--chart-grid:#232840;--chart-label:#8891b4; } /* Light mode chart colours */ :root{--chart-axis:#667085;--chart-grid:#d0d7e5;--chart-label:#475467} button,input,select,textarea{font:inherit} code,pre,.mono{font-family:'JetBrains Mono',monospace}.sv{font-family:'JetBrains Mono',monospace} #aw{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px;background:linear-gradient(135deg,#e8f0fe,#f5f7fb)} .dark-theme #aw{background:linear-gradient(135deg,#0a0d14,#181d2e)} .ac{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:36px;width:100%;max-width:420px;box-shadow:0 4px 24px rgba(0,0,0,.12)} .dark-theme .ac{box-shadow:0 20px 60px rgba(0,0,0,.5)} .al{text-align:center;margin-bottom:22px}.al img{max-width:110px;max-height:55px;object-fit:contain} .al h1{font-size:22px;font-weight:700;color:var(--p);margin-top:8px}.al p{color:var(--muted);font-size:13px;margin-top:3px} .atabs{display:flex;gap:3px;background:var(--bg3);border-radius:8px;padding:3px;margin-bottom:20px} .atab{flex:1;padding:8px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:var(--muted);transition:.2s} .atab.on{background:var(--bg4);color:var(--p);box-shadow:0 1px 4px rgba(0,0,0,.3)} #app{display:none;min-height:100vh} #sbo{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:190} #sb{position:fixed;top:0;left:0;width:var(--sw);height:100vh;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:200;transition:.3s} .sbh{position:relative;padding:13px 16px;padding-right:38px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;min-height:54px} .sblogo{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-decoration:none} .sbli{width:34px;height:34px;background:var(--p);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;flex-shrink:0} .sblogo img{width:34px;height:34px;border-radius:8px;object-fit:contain;flex-shrink:0} .sbname{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #sbc{display:none;background:none;border:none;font-size:20px;cursor:pointer;color:var(--muted);padding:2px} #sbc::before{content:'\00D7'} #sbt{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:15px;cursor:pointer;color:var(--text);padding:2px 6px;border-radius:6px;transition:.15s} #sbt:hover{color:var(--text);background:var(--bg3)} .snav{flex:1;overflow-y:auto;padding:9px 0} .nsec{padding:5px 14px 3px;font-size:11px;font-weight:800;text-transform:uppercase;color:var(--text);letter-spacing:.75px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;transition:.15s}.nsec:hover{color:var(--p)}.nsec .caret{font-size:11px;transition:transform .2s;margin-right:2px}.ngrp.collapsed .caret{transform:rotate(-90deg)}.ngrp.collapsed .ni{display:none} #imp-bar{display:none;background:var(--amber);color:#0a0d14;padding:6px 16px;font-size:13px;font-weight:600;text-align:center;position:fixed;top:0;left:var(--sw);right:0;z-index:150;gap:10px;align-items:center;justify-content:center}#imp-bar.on{display:flex}#imp-bar button{background:#0a0d14;color:var(--amber);border:none;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer} .ni{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;color:var(--text);font-size:12px;font-weight:500;border:none;background:none;width:100%;text-align:left;transition:.15s} .ni:hover{background:var(--pl);color:var(--p)}.ni.on{background:var(--pl);color:var(--p);border-right:3px solid var(--p);font-weight:600}.ni.ni-locked{opacity:.45;filter:grayscale(.6)}.ni.ni-locked:hover{background:var(--pl);color:var(--muted)} .ni .ic{font-size:15px;width:18px;text-align:center;flex-shrink:0} .ni .ni-label{white-space:nowrap} .sbf{padding:14px 18px;border-top:1px solid var(--border)} .uc{display:flex;align-items:center;gap:9px;cursor:pointer;padding:7px;border-radius:8px;transition:.15s}.uc:hover{background:var(--bg3)} .uav{width:34px;height:34px;border-radius:50%;background:var(--p);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;overflow:hidden} .uav img{width:100%;height:100%;object-fit:cover} .ui{flex:1;min-width:0}.un{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ur{font-size:10px;color:var(--muted)} .lb{background:none;border:none;cursor:pointer;font-size:17px;color:var(--muted);padding:3px;border-radius:4px;transition:.15s;flex-shrink:0}.lb:hover{color:var(--red)} body.sb-collapsed{--sw:74px} body.sb-collapsed .sblogo .sbname{display:none} body.sb-collapsed #sbt{right:4px;top:8px;transform:rotate(180deg)} body.sb-collapsed .nsec{display:none} body.sb-collapsed .sbh{padding:8px 6px;min-height:48px} body.sb-collapsed .ni{justify-content:center;padding:9px 6px} body.sb-collapsed .ni .ni-label{display:none} body.sb-collapsed .uc{justify-content:center} body.sb-collapsed .ui{display:none} body.sb-collapsed .lb{display:none} body.sb-collapsed .sbf{padding:10px} #tb{position:fixed;top:0;left:var(--sw);right:0;height:var(--th);background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:12px;z-index:100} #mb{display:none;background:none;border:none;font-size:20px;cursor:pointer;color:var(--text)} #mb::before{content:'\2630'} .tbt{font-size:16px;font-weight:600;flex:1} .bdg{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:10px;font-weight:700} .bdg-superadmin{background:rgba(179,136,255,.15);color:#b388ff}.bdg-admin{background:rgba(255,171,64,.15);color:#ffab40} .bdg-client{background:rgba(0,200,83,.15);color:#00c853}.bdg-trial{background:rgba(240,192,64,.15);color:#f0c040} #main{margin-left:var(--sw);margin-top:var(--th);padding:24px 22px 40px;min-height:calc(100vh - var(--th))} .pg{display:none}.pg.on{display:block} .card{background:var(--card);border-radius:var(--r);border:1px solid var(--border);padding:22px;margin-bottom:18px;box-shadow:var(--sh)} /* Nested cards get bg3 so they visually distinguish without double-frame feel */ .card .card{background:var(--bg3);box-shadow:none;margin-bottom:10px} .card .card .card{background:var(--bg4);box-shadow:none;margin-bottom:8px} .ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:8px} .ct{font-size:15px;font-weight:600;display:flex;align-items:center;gap:7px} .sg{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px} .sc{background:var(--card);border-radius:var(--r);border:1px solid var(--border);padding:18px;box-shadow:var(--sh)} .sv{font-size:26px;font-weight:700;color:var(--p)}.sl{font-size:12px;color:var(--muted);margin-top:3px}.sic{font-size:26px;float:right;opacity:.25} .fg{margin-bottom:14px}.fr{display:grid;grid-template-columns:1fr 1fr;gap:14px} label{display:block;font-size:12px;font-weight:500;margin-bottom:5px;color:var(--text)} input,select,textarea{width:100%;padding:9px 13px;border:1px solid var(--border);border-radius:8px;font-size:13px;transition:.2s;background:var(--bg3);color:var(--text)} input:focus,select:focus,textarea:focus{outline:none;border-color:var(--p);box-shadow:0 0 0 3px var(--pl)} textarea{resize:vertical;min-height:75px} .plan-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .plan-module-pill{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;cursor:pointer;padding:9px 12px;border-radius:8px;background:var(--bg3);border:1px solid var(--border)} .plan-module-pill input{width:auto;flex-shrink:0} .plan-feature-sections{display:grid;gap:12px} .plan-feature-section{margin:0} .plan-feature-section h4{margin:0 0 6px 0;font-size:13px} .plan-feature-section p{margin:0 0 10px 0;font-size:11px;color:var(--muted)} .plan-feature-hint{margin:0 0 10px;padding:8px 10px;border-radius:10px;background:rgba(255,171,64,.08);border:1px solid rgba(255,171,64,.18);font-size:11px;color:var(--amber);line-height:1.45} .plan-feature-accordion{border:1px solid var(--border);border-radius:10px;background:var(--bg3);overflow:hidden} .plan-feature-accordion summary{list-style:none;cursor:pointer;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:700} .plan-feature-accordion summary::-webkit-details-marker{display:none} .plan-feature-accordion summary::after{content:'\25BE';font-size:12px;color:var(--muted);transition:transform .2s} .plan-feature-accordion[open] summary::after{transform:rotate(180deg)} .plan-feature-accordion-body{padding:0 12px 12px} .plan-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .plan-feature-item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;font-size:12px;padding:7px 9px;border-radius:8px;background:var(--card);border:1px solid var(--border)} .plan-feature-item input{width:auto;flex-shrink:0;margin-top:2px} .plan-feature-item span{line-height:1.35} .digest-time-wrap{position:relative;cursor:pointer} .digest-time-wrap input[type="time"]{cursor:pointer;padding-right:44px} .digest-time-wrap input[type="time"]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;filter:invert(76%) sepia(97%) saturate(617%) hue-rotate(83deg) brightness(100%) contrast(103%);width:20px;height:20px} .digest-time-wrap input[type="time"]::-webkit-datetime-edit,.digest-time-wrap input[type="time"]::-webkit-datetime-edit-text,.digest-time-wrap input[type="time"]::-webkit-datetime-edit-hour-field,.digest-time-wrap input[type="time"]::-webkit-datetime-edit-minute-field{color:var(--text)} .digest-row.is-disabled{opacity:.88} .digest-slot-block{padding:10px 0} .digest-slot-head{display:grid;grid-template-columns:minmax(160px,230px) 1fr;gap:10px;align-items:center} .digest-slot-title{margin-top:8px} .digest-divider{height:1px;background:var(--border);margin:10px 0} .digest-slot-btn:disabled{opacity:.92 !important;color:#111 !important;background:#94a3b8 !important;border:1px solid #64748b !important} .switch-row{display:flex;align-items:center;gap:10px} .switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0} .switch input{opacity:0;width:0;height:0} .switch-slider{position:absolute;cursor:pointer;inset:0;background:#64748b;border:1px solid #475569;border-radius:999px;transition:.2s} .switch-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.2s} .switch input:checked + .switch-slider{background:var(--p);border-color:var(--p)} .switch input:checked + .switch-slider:before{transform:translateX(22px)} .switch-state{font-size:12px;font-weight:600} .studio-es-toggle{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg3);color:var(--text);cursor:pointer;transition:.2s} .studio-es-track{position:relative;display:inline-flex;align-items:center;width:52px;height:28px;border-radius:999px;background:#475569;transition:.2s;flex-shrink:0} .studio-es-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s} .studio-es-toggle.is-on .studio-es-track{background:#22c55e} .studio-es-toggle.is-on .studio-es-thumb{transform:translateX(24px)} .studio-es-toggle.is-off .studio-es-track{background:#ef4444} .studio-es-toggle span:last-child{font-size:12px;font-weight:700;letter-spacing:.2px} .ig{position:relative}.ig input{padding-right:38px}.is{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--muted);cursor:pointer;font-size:15px} .is::before{content:'\1F441'} .btn{display:inline-flex;align-items:center;gap:5px;padding:9px 16px;border-radius:5px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:.2s;text-decoration:none;white-space:nowrap;min-height:38px;color:#111} .btn:not(:last-child){margin-right:4px} .btn:disabled{opacity:.5;cursor:not-allowed} .btn.active{background:var(--p);color:#111;border-color:var(--p)} .bp{background:var(--p);color:#111;border:1px solid var(--border)}.bp:hover:not(:disabled){filter:brightness(1.08)} .bs{background:var(--bg3);color:var(--text);border:1px solid var(--border)}.bs:hover{background:var(--bg4)} .bd{background:var(--red);color:#111}.bd:hover{background:#dc2626} .bsm{padding:5px 10px;font-size:12px;min-height:30px} .tw{overflow-x:auto;-webkit-overflow-scrolling:touch} table{width:100%;border-collapse:collapse;font-size:13px} th{background:var(--bg3);padding:9px 13px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);white-space:nowrap} td{padding:11px 13px;border-top:1px solid var(--border);vertical-align:middle} tr:hover td{background:var(--bg3)} .sesc{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:18px;margin-bottom:14px;box-shadow:var(--sh)} .sesh{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap} .sesn{font-size:15px;font-weight:600;margin-bottom:3px}.sesp{color:var(--muted);font-size:13px} .sesa{display:flex;gap:6px;flex-wrap:wrap;align-items:center;flex-shrink:0} .stb{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600} .st-connected{background:rgba(0,200,83,.15);color:#00c853}.st-connecting{background:rgba(255,171,64,.15);color:#ffab40} .st-disconnected{background:rgba(255,82,82,.15);color:#ff5252}.st-banned{background:rgba(179,136,255,.15);color:#b388ff} .sesm{display:flex;gap:14px;margin-top:10px;font-size:11px;color:var(--muted);flex-wrap:wrap} .qrc{text-align:center;padding:16px} #qr-canvas{border-radius:8px;border:4px solid var(--border);display:block;margin:0 auto} .qri{font-size:12px;color:var(--muted);line-height:1.7;margin-top:10px} .mo{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:500;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:.2s} .mo.open{opacity:1;pointer-events:all} .md{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.5)} .mh{padding:18px 22px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--bg2);z-index:1} .mt{font-size:15px;font-weight:600}.mc{background:none;border:none;font-size:20px;cursor:pointer;color:var(--muted);line-height:1} .mc::before{content:'\00D7'} .mb2{padding:22px}.mf{padding:14px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap} .al2{padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:13px} .al2-success{background:rgba(0,200,83,.85);color:#fff;border:1px solid rgba(0,200,83,.95)} .al2-error{background:rgba(220,38,38,.88);color:#fff;border:1px solid rgba(220,38,38,.98)} .al2-warning{background:rgba(217,119,6,.88);color:#fff;border:1px solid rgba(217,119,6,.98)} .al2-info{background:rgba(59,130,246,.85);color:#fff;border:1px solid rgba(59,130,246,.95)} .tbar{display:flex;gap:3px;border-bottom:2px solid var(--border);margin-bottom:20px;overflow-x:auto} .tbtn{padding:9px 16px;border:none;background:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:.15s} .tbtn.on,.tbtn.active{color:var(--p);border-bottom-color:var(--p)} .plc{border:2px solid var(--border);border-radius:var(--r);padding:20px 20px 16px;position:relative;transition:.2s}.plc.cur{border-color:var(--p);background:var(--pl)}.plc:hover:not(.cur){border-color:var(--border2)} .plbadge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--p);color:#fff;padding:2px 12px;border-radius:20px;font-size:11px;white-space:nowrap} .plan-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px} .plan-rec-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:rgba(0,230,118,.12);color:var(--green);font-size:10px;font-weight:700;letter-spacing:.2px} .plan-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px} .plan-module-tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:var(--bg3);border:1px solid var(--border);color:var(--muted);font-size:10px;font-weight:600} .ua{border:2px dashed var(--border);border-radius:8px;padding:18px;text-align:center;cursor:pointer;transition:.2s;font-size:13px;color:var(--muted);background:var(--bg3)} .ua:hover{border-color:var(--p);background:var(--pl)}.uo{text-align:center;color:var(--muted);font-size:12px;margin:6px 0} .trb{background:rgba(240,192,64,.1);border:1px solid rgba(240,192,64,.3);border-radius:var(--r);padding:14px 18px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap} .gate{background:rgba(255,82,82,.1);border:1px solid rgba(255,82,82,.3);border-radius:var(--r);padding:18px;margin-bottom:18px;text-align:center} .gate h3{color:#ff5252;margin-bottom:6px}.gate p{color:#ff8a80;font-size:13px;margin-bottom:14px} .spin{display:inline-block;width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--p);border-radius:50%;animation:sp .7s linear infinite} @keyframes sp{to{transform:rotate(360deg)}} .pav{width:72px;height:72px;border-radius:50%;background:var(--p);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:26px;overflow:hidden;flex-shrink:0} .pav img{width:100%;height:100%;object-fit:cover} .connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .bill-h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;margin-bottom:10px} .bill-sub{color:var(--muted);font-size:13px} .bill-amt{font-size:40px;font-weight:700;color:var(--p);font-family:'JetBrains Mono',monospace;line-height:1} .bill-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px} @media(max-width:900px){ .sg{grid-template-columns:1fr 1fr}.fr{grid-template-columns:1fr 1fr} .plan-module-grid,.plan-feature-grid{grid-template-columns:1fr 1fr} .con-platform-grid{grid-template-columns:1fr 1fr!important} .cb-widget-grid{grid-template-columns:1fr 1fr!important} } @media(max-width:768px){ :root{--sw:0px} #sb{transform:translateX(-260px);width:260px}#sb.open{transform:translateX(0)} #sbt{display:none}#sbc{display:block}#sbo.open{display:block}#mb{display:flex}#tb{left:0} #main{margin-left:0;padding:12px 10px 40px}.fr{grid-template-columns:1fr}.sg{grid-template-columns:1fr 1fr} .md{max-width:100%;border-radius:var(--r) var(--r) 0 0;border:1px solid var(--border)}.mo{align-items:flex-end;padding:0} .sesa{width:100%}.card{padding:12px}th,td{padding:6px 8px;font-size:12px} .tbar{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch} .tbtn{white-space:nowrap;flex-shrink:0} .ct{font-size:14px}.ch{flex-wrap:wrap;gap:8px} .connect-grid{grid-template-columns:1fr} .con-platform-grid{grid-template-columns:1fr!important} .cb-widget-grid{grid-template-columns:1fr!important} .plan-module-grid,.plan-feature-grid{grid-template-columns:1fr} /* Connect & Discover Add Channel modal — full-width on mobile */ #con-add-channel-modal>div{width:95%!important;padding:18px!important} } @media(max-width:480px){.sg{grid-template-columns:1fr}.sv{font-size:18px}.card{padding:10px}} #m-prof-pw .mb{padding:20px 24px 8px} /* Calendar dropdown border-radius */ input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer} ::-webkit-datetime-edit{padding:0} .flatpickr-calendar{border-radius:4px!important} /* â”€â”€ Integration disabled: grey out all WA / TG icons system-wide â”€â”€ */ /* WhatsApp: any element tagged .wa-icon, title="WhatsApp", or id/class containing wa context */ .wa-disabled .wa-icon, .wa-disabled .wa-badge, .wa-disabled [class*="wa-on"], .wa-disabled [title="WhatsApp"], .wa-disabled .studio-badge.wa, .wa-disabled [id*="sch-wa"], .wa-disabled [id*="wa-btn"], .wa-disabled .ap-platform-icon.whatsapp, .wa-disabled #sch-wa-btn, .wa-disabled #sc-wa-target-wrap{ filter:grayscale(1)!important;opacity:.45!important;pointer-events:none!important;cursor:not-allowed!important } /* Telegram: any element tagged .tg-icon, title="Telegram", or id/class containing tg context */ .tg-disabled .tg-icon, .tg-disabled .tg-badge, .tg-disabled [class*="tg-on"], .tg-disabled [title="Telegram"], .tg-disabled .studio-badge.tg, .tg-disabled [id*="sch-tg"], .tg-disabled [id*="tg-btn"], .tg-disabled .ap-platform-icon.telegram, .tg-disabled #sch-tg-btn, .tg-disabled #sc-tg-target-wrap{ filter:grayscale(1)!important;opacity:.45!important;pointer-events:none!important;cursor:not-allowed!important } /* Integration toggle switch (smaller than module toggles) */ .itog{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0} .itog input{position:absolute;opacity:0;width:0;height:0} .its{display:block;width:34px;height:18px;background:var(--border2,#2e3450);border-radius:999px;transition:.2s;position:relative} .its::after{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.3)} .itog input:checked+.its{background:#22c55e} .itog input:checked+.its::after{transform:translateX(16px)}