:root{--bg:#09090c;--side:#0d0d12;--panel:#14141b;--panel2:#1b1b24;--red:#f0283f;--red2:#aa0c23;--text:#f9f7fa;--muted:#a1a0ad;--line:#30303b;--green:#77e5a6;--yellow:#ffd68c}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:15px/1.52 "Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:#ff6476}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em}h1 span,.side-brand span{color:var(--red)}p,.muted{color:var(--muted)}small{color:var(--muted)}.eyebrow{color:#ff8d9a;letter-spacing:2px;font-weight:900;font-size:10px;margin-bottom:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 16px;border:1px solid var(--line);color:var(--text);background:#24232c;border-radius:10px;font-weight:750;text-decoration:none;transition:background .2s}.btn:hover{background:#34313a}.btn.primary{border-color:#ff3a56;background:linear-gradient(112deg,#f3374b,#b7152b);box-shadow:0 7px 22px #f0283f2a}.btn.primary:hover{filter:brightness(1.1)}.btn.ghost{background:#25222a}.btn.full{width:100%}.btn.mini{min-height:31px;padding:6px 9px;border-radius:8px;font-size:12px}.btn.danger{border-color:#943d47;color:#ffc2c9;background:#451a24}.btn.ok{border-color:#317455;color:#b8ffcc;background:#173825}label{display:block;color:#e6e4eb;font-weight:700;font-size:13px;margin-bottom:15px}input,textarea,select{display:block;width:100%;border:1px solid #44404b;outline:none;border-radius:10px;background:#0d0d13;color:white;min-height:45px;margin-top:7px;padding:11px 13px}input:focus,textarea:focus,select:focus{border-color:#f43b52;box-shadow:0 0 0 3px #f43b522b}textarea{resize:vertical}.note{background:#251b22;border:1px solid #613243;border-radius:12px;color:#d1bfc5;padding:13px;font-size:13px;margin:15px 0}.warn{border-left:3px solid var(--yellow)}.gate{display:grid;min-height:100dvh;place-items:center;padding:22px;background:radial-gradient(ellipse at 20% 20%,#5b1726 0,transparent 43%),radial-gradient(ellipse at 80% 90%,#3a1020 0,transparent 40%),#09090c}.gate-card{width:min(450px,100%);border:1px solid #6d2e3d;border-radius:25px;padding:35px;background:#151017eb;box-shadow:0 35px 90px #0009}.gate-logo{width:115px;height:115px;object-fit:contain;display:block;margin:0 auto 12px}.gate-card h1{font-size:34px;text-align:center;margin:0 0 6px}.gate-card .eyebrow,.gate-card>p{text-align:center}.gate-card form{margin-top:25px}.gate-card .btn{margin-top:8px}.gate-foot{text-align:center;color:#77727a;font-size:12px;padding-top:20px}.shell{min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;width:257px;background:var(--side);border-right:1px solid #29202a;display:flex;flex-direction:column;padding:23px 15px 15px}.side-brand{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:0 7px 17px}.side-brand img{width:49px;height:49px;object-fit:contain}.side-brand strong{font-size:22px;line-height:1.1;display:block;letter-spacing:-.04em}.side-brand small{font-size:10px;letter-spacing:2px}.side-identity{display:flex;gap:11px;align-items:center;margin:20px 5px;padding:13px;background:#1c1921;border:1px solid #33303c;border-radius:12px}.side-identity strong{display:block;word-break:break-word}.side-identity small{font-size:11px}.avatar{width:36px;height:36px;display:grid;place-items:center;background:linear-gradient(140deg,#ed2945,#821124);border-radius:50%;font-weight:900}nav{display:grid;gap:5px;overflow:auto;flex:1;align-content:start}.navbtn{display:flex;align-items:center;gap:11px;color:#d1cbd5;background:transparent;border:1px solid transparent;border-radius:10px;text-align:left;padding:11px 10px;font-weight:750}.navbtn:hover,.navbtn.active{background:linear-gradient(95deg,#582330,#271720);color:#fff;border-color:#613039}.navbtn span{width:24px;color:#ff7181;text-align:center;font-size:20px}.side-footer{padding-top:14px;border-top:1px solid var(--line);display:grid;gap:8px;text-align:center}.side-footer small{font-size:10px}.main{margin-left:257px;padding:0 30px 25px;max-width:1800px}.topbar{min-height:114px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);margin-bottom:25px}.topbar h2{margin:0;font-size:clamp(23px,3vw,36px);letter-spacing:-.04em}.top-right{display:flex;align-items:center;gap:13px}.credit-pill{background:#3c272d;color:#ffd5df;border:1px solid #75424d;padding:9px 13px;border-radius:99px;font-size:13px}.credit-pill b{color:#fff}.mobile-menu{display:none}.page{display:none}.page.active{display:block}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat{min-height:149px;border:1px solid #3c303a;border-radius:17px;background:radial-gradient(circle at 95% 15%,#70223755,transparent 55%),var(--panel);padding:19px}.stat small{display:block;font-weight:800;color:#d6c9d2}.stat b{display:block;font-size:36px;line-height:1.3;padding:10px 0 3px;letter-spacing:-.04em}.stat span{font-size:12px;color:var(--muted)}.cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:17px}.panel{background:linear-gradient(160deg,#1c171f,#121217);border:1px solid #38313c;border-radius:18px;padding:23px;min-width:0;margin-bottom:17px}.panel h3{font-size:21px;margin-bottom:7px}.panel p{margin-bottom:19px;line-height:1.62}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.quick{display:flex;gap:10px;flex-wrap:wrap}.status{display:inline-block;padding:5px 10px;font-size:11px;font-weight:900;letter-spacing:.06em;border-radius:99px;white-space:nowrap}.status.test{background:#643f26;color:#ffe3ac}.status.ok{background:#183d2a;color:#91ecb6}.status.bad{background:#53212b;color:#ff9baa}.rule{border-bottom:1px solid #3a3037;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0}.rule b{color:#ffb7be}.rule span{color:var(--muted);font-size:12px;text-align:right}.table-scroll{overflow-x:auto;margin-top:14px;border:1px solid #37313c;border-radius:13px}table{width:100%;border-collapse:collapse;min-width:900px}thead{background:#2b202b}th,td{padding:11px;text-align:left;border-bottom:1px solid #332d38;font-size:12px}td{color:#d4cbd5}td strong{color:white}td .btn{margin:2px}.search{max-width:365px;margin:10px 0}.empty{padding:22px;border:1px dashed #574450;border-radius:14px;color:var(--muted)}.resultgrid{display:grid;gap:8px}.resultitem{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:8px 0}.resultitem code{color:#ffb6c0;word-break:break-all;text-align:right}.copyline{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;background:#1d1b25;border:1px solid #34303a;border-radius:11px;padding:9px;margin:8px 0}.copyline code{word-break:break-all;flex:1;min-width:80px;font-size:12px;color:#ffd7df}.item{padding:14px 0;border-bottom:1px solid #39303c}.item strong{display:block}.item small{display:block}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.app-grid>div{background:#211922;border:1px solid #42313c;border-radius:13px;padding:17px}.app-grid b{color:#ffbdc8}.app-grid p{margin:6px 0}.footer{text-align:center;color:#69636f;font-size:12px;padding:20px}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#000b;padding:18px}.modal[hidden]{display:none}.modal-box{position:relative;width:min(680px,100%);max-height:88dvh;overflow:auto;background:#18141c;border:1px solid #73404b;border-radius:20px;padding:27px;box-shadow:0 30px 100px #000a}.modal-close{position:absolute;right:18px;top:13px;background:transparent;border:0;color:white;font-size:29px}#toast{position:fixed;right:18px;bottom:20px;z-index:100;max-width:min(480px,calc(100% - 35px));pointer-events:none}#toast .message{margin-top:8px;background:#2b222c;border:1px solid #995065;color:#fff;padding:14px 17px;border-radius:12px;box-shadow:0 10px 40px #0009}#toast .message.ok{background:#173a28;border-color:#4e9870}.hide{display:none!important}body.menu-open .sidebar{transform:translateX(0)}@media(max-width:1200px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cols{grid-template-columns:1fr}.main{padding:0 20px 20px}}@media(max-width:750px){.sidebar{transform:translateX(-110%);transition:transform .2s;width:min(300px,85vw);box-shadow:15px 0 45px #000a}.main{margin-left:0;padding:0 13px 15px}.mobile-menu{display:block;background:#34202c;color:white;border:1px solid #763e52;border-radius:10px;padding:7px 13px;font-size:21px}.topbar{min-height:95px}.topbar h2{font-size:23px}.stat-grid{gap:8px}.stat{padding:13px;min-height:115px}.stat b{font-size:29px}.stat small,.stat span{font-size:10px}.panel{padding:16px}.app-grid{grid-template-columns:1fr}.top-right{gap:5px}.top-right .btn{font-size:11px;padding:7px}.credit-pill{font-size:11px;padding:6px}.gate-card{padding:27px 23px}}
[hidden]{display:none!important}

.guide-block{margin-top:22px;padding-top:15px;border-top:1px solid var(--line)}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.guide-item{background:#201923;border:1px solid #48333c;padding:12px;border-radius:12px}.guide-item b{color:#ffb3c2}.guide-item p{font-size:12px;margin:5px 0}.guide-item a{font-size:12px}.quick-tests{margin-bottom:18px}.quick-tests button{flex:1}@media(max-width:750px){.guide-grid{grid-template-columns:1fr}.quick-tests{display:grid}}

/* Criacao e gerencia de clientes 2026-11-06 */
.form-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.preview-summary{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:13px;margin:16px 0}
.preview-summary .rule{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.preview-summary .rule:last-child{border-bottom:0}
.preview-summary .rule b{flex:1}
.preview-summary .rule span,.preview-summary .rule strong{text-align:right;overflow-wrap:anywhere}
.preview-summary .rule.total{font-size:1.06rem;font-weight:700}
.preview-summary .rule.total strong{font-size:1.5rem;color:#f5c45b}
.actions-cell{min-width:185px}
.actions-cell .btn{margin:2px}
@media(max-width:560px){.form-two{grid-template-columns:1fr}.preview-summary{padding:10px}.actions-cell{min-width:150px}}

/* V14 — identidade PipocaTV: vermelho / preto / branco e vidro leve */
:root{
 --bg:#09080b;--side:#100d12;--panel:#19131b;--panel2:#231821;
 --red:#f23650;--red2:#991b33;--text:#fffafa;--muted:#bdb0b8;
 --line:rgba(255,255,255,.15);--green:#86dfaf;--yellow:#ffe1a1;
}
html,body{background:#09080b;color:var(--text)}
body{
 background:
  radial-gradient(ellipse 760px 500px at 94% -18%,rgba(163,20,49,.16),transparent 75%),
  radial-gradient(ellipse 520px 380px at 4% 92%,rgba(110,16,37,.10),transparent 78%),
  #09080b;
}
a,.side-brand span,.eyebrow{color:#ff788c}
.btn.primary{
 color:white;background:linear-gradient(118deg,#fb435b,#c91e41);
 border:1px solid #ff697b;box-shadow:0 5px 20px rgba(219,34,71,.18)
}
.btn.primary:hover{background:linear-gradient(118deg,#ff6074,#dc2b4e);filter:none}
.btn.ghost{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.14)}
.btn:hover{background:rgba(255,255,255,.095)}
.btn.danger{background:rgba(140,27,47,.24);border-color:#a84b5c;color:#ffd5dc}
.btn:focus-visible,.navbtn:focus-visible{outline:2px solid #ff7890;outline-offset:2px}
input,textarea,select{background:rgba(5,4,7,.54);border-color:rgba(255,255,255,.2);color:white}
input:focus,textarea:focus,select:focus{border-color:#ff6380;box-shadow:0 0 0 3px rgba(232,44,83,.16)}
.note{background:rgba(74,28,43,.26);border-color:rgba(250,116,140,.2);color:#ecdce1}
.note.ok{background:rgba(25,67,47,.3);border-color:rgba(105,201,139,.33)}
.warn{border-left-color:#f0bd7e}
.sidebar{
 z-index:40;background:linear-gradient(165deg,rgba(28,17,26,.96),rgba(9,7,12,.98));
 border-right-color:rgba(255,255,255,.12)
}
.panel,.stat,.gate-card,.source-select,.side-identity{
 background:linear-gradient(150deg,rgba(42,30,43,.70),rgba(20,15,22,.87));
 border:1px solid rgba(255,255,255,.12);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 35px rgba(0,0,0,.12);
}
.panel{border-radius:16px}
.source-select{padding:14px 16px;margin:14px 0 18px;border-radius:14px}
.side-identity{display:block;margin:18px 0;border-color:rgba(239,82,112,.24)}
.side-account{width:100%;min-width:0}
.side-account strong{font-size:15px}
.side-account small{display:block;color:#c8aeb7}
.side-credits{display:flex;align-items:baseline;gap:10px;margin-top:13px;padding:10px 12px;border:1px solid rgba(242,71,102,.46);border-radius:11px;background:rgba(180,32,61,.13)}
.side-credits b{font-size:25px;line-height:1.2;font-variant-numeric:tabular-nums;color:#fff}
.side-credits span{font-size:12px;color:#f2a7b9}
.navbtn{transition:background .16s ease,border-color .16s ease}
.navbtn:hover,.navbtn.active{background:linear-gradient(100deg,rgba(207,37,72,.30),rgba(98,21,44,.16));border-color:rgba(237,75,105,.42)}
.navbtn span{color:#ff718c}
.status.test{background:rgba(92,50,22,.45);border-color:#7c593e;color:#f6c795}
.gate{background:radial-gradient(ellipse at 20% 20%,rgba(151,20,53,.30),transparent 42%),radial-gradient(ellipse at 80% 90%,rgba(88,12,34,.22),transparent 42%),#080709}
.gate-card{background:rgba(24,14,23,.92);border-color:rgba(240,67,101,.32)}
.source-connection-status{font-size:12px;margin:13px 0 0;overflow-wrap:anywhere}
.quick{flex-wrap:wrap}
@media (hover:hover) and (min-width:900px){
 .panel,.stat,.gate-card{backdrop-filter:blur(6px)}
 .btn.primary,.navbtn{transition:background .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease}
 .btn.primary:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(223,27,67,.24)}
}
.menu-close{display:none}
.menu-backdrop{display:none}
@media(max-width:750px){
 .sidebar{width:min(304px,85vw);will-change:transform}
 .menu-close{display:grid;position:absolute;right:13px;top:12px;place-items:center;width:38px;height:38px;border:1px solid rgba(250,124,146,.37);border-radius:11px;background:rgba(180,37,66,.17);color:white;font-size:20px;z-index:2}
 .side-brand{padding-right:40px}
 body.menu-open .menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.7);border:0;border-radius:0;width:100%;height:100dvh;cursor:pointer}
 body.menu-open{overflow:hidden}
 .mobile-menu{background:rgba(204,42,75,.14);border-color:rgba(249,111,136,.35);color:#fff}
 .panel,.stat,.gate-card,.source-select,.side-identity{backdrop-filter:none!important}
}
@media(max-width:500px){.side-credits b{font-size:23px}.source-select .btn{flex:1;min-width:140px}}
@media(prefers-reduced-motion:reduce){.btn,.navbtn,.sidebar{transition:none!important;animation:none!important}}

/* V15 — diagnostico das fontes, com alto contraste */
.source-catalog-report{padding:13px 14px;margin:12px 0;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.045);border-radius:12px;font-size:13px}
.source-catalog-report .rule{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.1);padding:8px 0}
.source-catalog-report .rule span{text-align:right;overflow-wrap:anywhere}
.source-catalog-report .rule:last-of-type{border-bottom:0}
#src-force-apply{background:rgba(174,28,53,.20);border-color:rgba(245,93,121,.5);color:#ffe7eb}
#src-restore{border-color:rgba(141,230,174,.38);color:#c7f1d7}
@media(max-width:560px){.source-catalog-report .rule{display:block}.source-catalog-report .rule span{display:block;text-align:left;margin-top:4px}}

/* PIPOCA V17 GLASS UI */
:root{--accent:#f13552;--accent-deep:#9f2038;--panel:#18131b;--border:#54313b;--text:#fff4f6}
body{background:radial-gradient(circle at 75% -10%,rgba(212,34,72,.15),transparent 32%),radial-gradient(circle at -10% 70%,rgba(200,30,56,.09),transparent 39%),#0c0c11;color:#fff3f5}
.shell{min-height:100dvh}.sidebar{box-shadow:16px 0 60px #0005}.main{position:relative}
.panel{background:linear-gradient(148deg,rgba(40,28,38,.96),rgba(16,15,22,.98));border:1px solid rgba(255,129,150,.16);box-shadow:0 18px 46px #0004;backdrop-filter:blur(10px)}
.panel h3{letter-spacing:-.035em}.panel .eyebrow{color:#ff8da0;font-weight:900;letter-spacing:.12em}
.stat{border:1px solid rgba(255,145,161,.16);box-shadow:0 15px 40px #0004}.stat b{color:#fff8f8}
.navbtn{transition:background .18s,transform .18s,border-color .18s}.navbtn:hover{transform:translateX(3px);background:rgba(220,40,72,.12)}
.navbtn.active{box-shadow:inset 3px 0 #ff4864,0 8px 20px #0003;background:rgba(194,35,64,.2)}
.btn{transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 7px 20px #0004}
.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.icon-action:focus-visible,.client-name-btn:focus-visible,.client-menu summary:focus-visible{outline:2px solid #ffa3b1;outline-offset:3px}
.modal{background:rgba(5,5,9,.68);backdrop-filter:blur(10px)}
.modal-box{background:linear-gradient(150deg,rgba(38,25,36,.98),rgba(14,14,22,.98));border-color:rgba(255,100,126,.36);box-shadow:0 28px 110px #000c}
.modal-box h3{font-size:clamp(20px,3vw,28px);letter-spacing:-.04em;padding-right:24px}
.modal-box .preview-summary{margin:14px 0}.preview-summary .rule{padding:10px 6px}
.preview-summary .rule.total{background:rgba(224,45,80,.11);border-radius:10px;padding:12px}
.create-dialog{display:none!important}
.create-dialog.active{position:fixed!important;inset:0;z-index:42;display:grid!important;place-items:center;overflow-y:auto;padding:20px 14px;background:rgba(6,6,12,.72);backdrop-filter:blur(10px)}
.create-dialog>.cols{display:block;width:min(850px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#9f3b50 transparent;border-radius:22px;box-shadow:0 24px 120px #000b}
.create-dialog>.cols>.panel{margin:0 0 12px;border:1px solid #66313d;background:linear-gradient(155deg,rgba(34,22,34,.99),rgba(13,13,18,.99))}
.create-dialog>.cols>.panel:first-child{padding:clamp(18px,3vw,30px)}
.create-dialog>.cols>.panel:last-child{background:rgba(24,17,25,.96)}
.create-dialog .create-modal-head{align-items:center;border-bottom:1px solid rgba(255,255,255,.11);margin-bottom:16px;padding-bottom:14px}
.create-dialog .create-modal-head h3{margin:5px 0 0}.create-dialog form{padding-top:5px}.create-dialog form label{margin-top:8px}
.create-credit-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0}
.credit-tile,.live-stat{background:linear-gradient(145deg,rgba(121,34,58,.22),rgba(18,16,25,.96));border:1px solid rgba(255,117,143,.25);border-radius:16px;padding:15px;display:flex;flex-direction:column;gap:5px}
.credit-tile small,.live-stat small{color:#e4cbd3;font-size:12px}.credit-tile strong{font-size:clamp(24px,3vw,34px);line-height:1.2;letter-spacing:-.04em}
.credit-tile span{color:#ac9ca9;font-size:11px}.credit-tile:last-child strong{color:#aef2cb}body.create-open{overflow:hidden}

.client-filters{display:grid;grid-template-columns:minmax(210px,2.2fr) repeat(4,minmax(125px,1fr));gap:12px;margin:16px 0}
.client-filters label{font-size:12px;font-weight:800;color:#d9c3cc;margin:0}.client-filters input,.client-filters select{margin-top:6px;max-width:none;width:100%;border-radius:10px;min-width:0}
.client-filters .search{margin:6px 0 0;max-width:none}
.client-list-tools,.client-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0}
.client-pagination{border-top:1px solid #503641;padding-top:14px;margin-top:16px}.client-pagination label{font-size:12px;display:flex;align-items:center;gap:8px}
.client-pagination select{width:85px;margin:0}.client-table{overflow-x:auto;overflow-y:visible}.client-table table{min-width:980px}
.client-table th{font-size:11px;letter-spacing:.075em;text-transform:uppercase;color:#e5bec8}.client-table td{padding:17px 12px;vertical-align:middle}.client-table tr:hover td{background:rgba(199,49,80,.06)}
.client-name-btn{background:none;border:0;padding:0;color:#fff;font-size:14px;line-height:1.3;font-weight:850;text-align:left;cursor:pointer}.client-name-btn:hover{color:#ff9baa;text-decoration:underline}
.client-id,.client-sub{color:#ac9da9;font-size:11px;margin-top:5px;line-height:1.5}.client-actions-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.icon-action{position:relative;display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;min-width:33px;border:1px solid rgba(247,116,141,.27);border-radius:10px;background:rgba(255,255,255,.04);color:#ffe9ee;font-size:18px;cursor:pointer}
.icon-action:hover{background:rgba(236,51,85,.18);border-color:#f04865}
.icon-action[data-tip]:hover:after,.icon-action[data-tip]:focus-visible:after{content:attr(data-tip);position:absolute;z-index:90;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);width:max-content;max-width:230px;white-space:normal;background:#28222c;border:1px solid #ac5065;padding:9px 11px;border-radius:8px;color:#fff;font-size:12px;line-height:1.3;box-shadow:0 10px 30px #0009;pointer-events:none}
.client-menu{position:relative}.client-menu summary{list-style:none;cursor:pointer;white-space:nowrap}.client-menu summary::-webkit-details-marker{display:none}.client-menu[open]{z-index:6}
.client-menu-content{display:grid;gap:1px;min-width:200px;margin-top:5px;padding:6px;background:#231b25;border:1px solid rgba(251,115,138,.25);border-radius:12px;box-shadow:0 12px 30px #0007}
.client-menu-content button{border:0;background:transparent;color:#f3e9ef;text-align:left;padding:9px 10px;border-radius:6px;cursor:pointer;font-size:12px}.client-menu-content button:hover{background:rgba(255,78,111,.16)}.client-menu-content .delete-action{color:#ffa4b2}
.client-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px;margin-top:14px}
.client-card{background:linear-gradient(155deg,rgba(51,29,43,.75),rgba(16,15,22,.95));border:1px solid rgba(255,106,134,.2);border-radius:16px;padding:17px}
.client-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.client-card-top small{display:block;margin-top:5px;color:#a99da8}
.client-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:15px 0;padding:13px 0;border-top:1px solid #48333e;border-bottom:1px solid #48333e}
.client-card-grid small{display:block;font-size:10px;color:#b2a4af;margin-bottom:5px}.client-card-grid b{display:block;font-size:12px}.client-card .client-actions-row{padding-top:3px}
.live-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0 22px}.live-stat strong{font-size:clamp(20px,3vw,32px);letter-spacing:-.04em}.live-stat:last-child strong{font-size:clamp(18px,2vw,22px)}

.monitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:12px;margin:18px 0}
.monitor-card{padding:15px;border:1px solid rgba(255,109,139,.23);border-radius:15px;background:linear-gradient(155deg,rgba(56,29,44,.5),rgba(16,16,23,.9))}
.monitor-card-top{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:10px}.monitor-card-top strong{font-size:14px}
.monitor-results{margin:12px 0}.monitor-results .rule{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px 0;border-bottom:1px solid #44303b;font-size:11px}.monitor-results .rule b{text-align:right;overflow-wrap:anywhere}

.empty-row{text-align:center;color:#bbaab6;padding:20px!important}
[hidden]{display:none!important}
@media(max-width:1100px){.client-filters{grid-template-columns:repeat(3,minmax(140px,1fr))}.client-search-field{grid-column:span 2}}
@media(max-width:700px){.create-dialog.active{padding:8px}.create-dialog>.cols{max-height:calc(100dvh - 16px);border-radius:14px}.create-credit-cards{gap:6px}.credit-tile{padding:10px;gap:4px}.credit-tile strong{font-size:23px}.credit-tile small{font-size:10px}.credit-tile span{font-size:9px}.client-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.client-search-field{grid-column:span 2}.client-cards{grid-template-columns:1fr}.live-stats{gap:6px}.live-stat{padding:9px}.live-stat small{font-size:10px}.live-stat strong{font-size:21px}.clients-panel .section-head{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){.navbtn,.btn{transition:none!important}}

/* PIPOCA V18: HIERARQUIA E VISUALIZACAO OPCIONAL DO MASTER */
.reseller-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.reseller-stat{background:radial-gradient(circle at 100% 0,rgba(219,40,72,.16),transparent 65%),rgba(13,12,19,.82);border:1px solid rgba(243,107,131,.2);border-radius:14px;padding:16px}
.reseller-stat small{display:block;font-size:12px;color:#d6bcc7}.reseller-stat strong{display:block;font-size:30px;margin-top:9px;font-weight:850;letter-spacing:-.05em}
.reseller-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:18px 0;flex-wrap:wrap}.reseller-tools label{min-width:min(370px,100%);font-size:12px;color:#ead1d9}.reseller-tools input{margin-top:6px;width:100%}
.reseller-tree{display:grid;gap:10px}
.reseller-node{margin:0;border:1px solid rgba(255,133,149,.19);border-radius:14px;background:linear-gradient(120deg,rgba(49,31,44,.85),rgba(17,16,24,.95));min-width:0;overflow:hidden}
.reseller-node-head{list-style:none;display:flex;gap:12px;align-items:center;padding:13px 16px;cursor:pointer;min-width:0}
.reseller-node-head:hover{background:rgba(255,83,110,.08)}
.reseller-node-head::-webkit-details-marker{display:none}
.reseller-node-chevron{font-size:19px;color:#e69aaa;transition:transform .17s ease}.reseller-node[open]>.reseller-node-head .reseller-node-chevron{transform:rotate(90deg)}
.reseller-avatar{display:grid;place-items:center;width:39px;height:39px;min-width:39px;border:1px solid rgba(255,87,118,.4);border-radius:11px;color:#ffa3af;background:rgba(198,39,74,.16);font-size:20px}
.reseller-node-name{min-width:0;flex:1}.reseller-node-name strong{font-size:15px;color:#fff7f9;display:block;overflow-wrap:anywhere}.reseller-node-name small{display:block;font-size:11px;color:#bbafba;margin-top:5px}
.reseller-node-status{font-weight:850;font-size:11px;white-space:nowrap;border-radius:99px;padding:6px 10px;background:#32232d;color:#e6c9d3}
.reseller-node-status.good{background:rgba(20,128,75,.16);color:#aef3cf;border:1px solid rgba(60,181,111,.26)}
.reseller-node-status.bad{background:rgba(206,40,70,.14);color:#ffabb8;border:1px solid rgba(234,67,91,.25)}
.reseller-node-credit{font-size:12px;white-space:nowrap;color:#ffe6eb}
.reseller-node-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:0 14px 14px 65px}
.reseller-node-actions .btn{font-size:11px;white-space:normal}
.reseller-self-label{color:#ab9ba7;font-size:12px}
.reseller-children{margin:0 14px 14px 27px;padding-left:16px;border-left:2px solid rgba(237,62,90,.35);display:grid;gap:9px}
.reseller-children>.reseller-node{background:rgba(18,17,25,.8)}
.reseller-create-panel{margin-top:15px}.reseller-create-panel form{max-width:680px}.reseller-create-panel .section-head{align-items:center}
.master-switch{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:12px;font-weight:800;color:#fae9ed;border:1px solid rgba(236,110,137,.32);padding:10px 13px;border-radius:12px;background:rgba(255,255,255,.03);white-space:nowrap}
.master-switch input{width:20px;height:20px;accent-color:#e73256;cursor:pointer;margin:0}
.network-more-row{justify-content:center;margin-top:16px}.network-client-card{box-shadow:0 8px 25px #0003}
#network-clients-count{padding:11px 0;font-size:12px}
@media(max-width:780px){.reseller-node-head{flex-wrap:wrap;gap:8px}.reseller-node-credit{margin-left:auto}.reseller-node-actions{padding-left:14px}.reseller-children{margin-left:9px;padding-left:9px}.reseller-stats{gap:7px}.reseller-stat{padding:10px}.reseller-stat strong{font-size:24px}.reseller-stat small{font-size:10px}.master-switch{margin-top:12px}}
@media(max-width:440px){.reseller-node-status{order:3;margin-left:50px}.reseller-node-credit{order:4}.reseller-node-name{flex-basis:50%}.reseller-node-avatar{width:34px}.reseller-tools label{width:100%}}