@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#18242a;background:#f5f7f8;font-size:14px;--green:#087c63;--border:#e2e8e7}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);border-radius:8px;background:white;padding:10px 14px;color:inherit}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}aside{position:fixed;inset:0 auto 0 0;width:240px;background:#0c1d22;color:#a4b5b7;padding:31px 20px;display:flex;flex-direction:column}.brand{font:800 26px Manrope;color:white;letter-spacing:3px;margin:0 8px 43px}.brand b{color:#66e0af;font-size:36px}.brand span{display:block;font:500 8px 'DM Sans';letter-spacing:2px;margin-top:4px}aside>small{font-size:9px;letter-spacing:1.7px;margin:0 12px 14px}.workspace{display:flex;align-items:center;gap:12px;border:1px solid #2a3c40;border-radius:9px;padding:14px;color:#e9f0f0;margin-bottom:34px}.workspace div{font-size:12px}.workspace small,.profile small{display:block;font-size:10px;color:#8a9c9e;margin-top:4px}.workspace i{margin-left:auto}nav{display:grid;gap:8px}nav button{display:flex;gap:12px;align-items:center;text-align:left;border:0;background:transparent;color:#9cb0b2;padding:13px}nav button.active{background:#163b35;color:#88e2ba}nav em{margin-left:auto;font-size:10px;background:#2c554a;border-radius:5px;padding:3px 6px;font-style:normal}.sidebottom{margin-top:auto}.signal{font-size:10px;color:#6cd8ab;border:1px solid #294238;padding:12px;border-radius:7px;margin-bottom:20px}.signal span{color:#abbfb9;margin-left:6px}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid #27383d;padding-top:20px;font-size:12px;color:white}.profile strong{padding:10px;background:#274139;border-radius:50%;color:#99dfbf}main{margin-left:240px}header{height:74px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fff;font-size:11px;color:#81908f}header b{margin:0 14px;font-weight:400;color:#c5cecd}header strong{font-weight:500;color:#283e3b}.quiet{border:0;background:transparent;color:#60716f;font-size:12px}.content{max-width:1500px;margin:auto;padding:36px 38px 0}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#6e8380;font-weight:700}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font:800 29px Manrope;margin:9px 0 9px;letter-spacing:-1px}p{color:#7c8c89;font-size:12px;line-height:1.7;margin:0}.primary{background:#0d8067;color:white;border-color:#0d8067;font-weight:600;padding:12px 18px;box-shadow:0 3px 7px #087c6310}.banner{display:flex;align-items:center;gap:14px;background:#edf6f2;border:1px solid #d6e9e1;border-radius:9px;padding:15px 18px;margin:27px 0 22px;color:#238269}.banner>span:first-child{font-size:24px}.banner strong{font-size:11px;font-weight:600}.banner p{font-size:10px;color:#688b7e;margin-top:2px}.pill{margin-left:auto;font-size:9px;border:1px solid #bbdcca;border-radius:4px;padding:4px 7px;font-weight:700;letter-spacing:1px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metrics article{background:white;border:1px solid var(--border);border-radius:10px;padding:19px 20px}.metrics small{display:block;color:#82908e;font-size:9px;letter-spacing:.9px}.metrics strong{display:block;font:700 29px Manrope;margin:13px 0 10px}.metrics strong.metrictext{font-size:17px;margin-top:21px;margin-bottom:14px}.metrics span{font-size:10px;color:#85928f}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;background:#a4adad}.green{background:#29ac80}.red{background:#df8761}.listhead{display:flex;align-items:center;justify-content:space-between;margin:30px 0 14px}h2{font:700 16px Manrope;margin:0}.listhead h2 span{font:500 10px 'DM Sans';background:#e8eeeb;padding:3px 7px;border-radius:5px;margin-left:7px;color:#6f8078}.filters{display:flex;gap:12px;margin-bottom:19px;align-items:center}.search{display:flex;align-items:center;gap:9px;background:white;border:1px solid var(--border);border-radius:7px;padding:0 12px;flex:1;color:#9aa8a2}.search input{border:0;margin:0;padding:12px 0;background:transparent;width:100%;outline:none;font-size:11px}select{border:1px solid var(--border);background:white;border-radius:7px;padding:11px 16px;font-size:11px;color:#6b7c76}.platform{font-size:10px;border:1px solid var(--border);padding:11px;border-radius:7px;background:white}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid var(--border);border-radius:11px;padding:21px;min-width:0}.cardtop{display:flex;align-items:center;gap:11px}.icon{padding:11px;background:#eff5f3;border:1px solid #e0ebe6;border-radius:9px;color:#338d73;font-size:19px}.card h3{font:700 14px Manrope;margin:0 0 5px}.accountnum{font-size:10px;color:#81918a}.badge{margin-left:auto;white-space:nowrap;border-radius:20px;background:#eaf7f0;color:#28966e;padding:5px 9px;font-size:9px}.badge.STOPPED{background:#f0f2f2;color:#82908a}.badge.ERROR,.badge.AUTH_ERROR{background:#fff1e9;color:#b97749}.details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.details small{display:block;color:#94a09a;font-size:9px;margin-bottom:5px}.details span{font-size:11px;overflow-wrap:anywhere}.cardbottom{border-top:1px solid #edf0ee;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8b9892;font-size:9px}.cardbottom button{font-size:10px;padding:6px 9px}.addcard{border:1px dashed #c6d7ce;background:transparent;min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#4c8e74}.addcard b{font-size:27px;font-weight:400}.addcard small{color:#8a9c92;font-size:10px}.footnote{text-align:center;color:#94a29b;font-size:10px;margin:25px 0 40px}footer{border-top:1px solid var(--border);padding:20px 0;display:flex;justify-content:space-between;color:#9eaaa4;font-size:9px}footer span:first-child{letter-spacing:1.5px;font-weight:600}dialog{border:1px solid var(--border);border-radius:15px;padding:30px;max-width:500px;width:calc(100% - 30px);box-shadow:0 20px 100px #0b252433}dialog::backdrop{background:#08232180;backdrop-filter:blur(3px)}dialog h2{font-size:21px;margin:7px 0}dialog p{margin:15px 0}.modalhead{display:flex;justify-content:space-between;align-items:center}form label{display:block;font-size:11px;font-weight:600;margin:17px 0}form input{display:block;width:100%;padding:11px;border:1px solid #d8e1dc;border-radius:7px;margin-top:7px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{width:100%}.hint{font-size:10px!important}.actions{display:flex;justify-content:flex-end;gap:10px}#formError,#accessError{color:#b44931;font-size:12px}#toast{position:fixed;bottom:25px;right:25px;background:#123a30;color:white;padding:13px 20px;border-radius:9px;display:none;max-width:380px}#otherView{padding:28px;background:white;border:1px solid var(--border);border-radius:12px;min-height:280px}#otherView p{margin:15px 0}.empty{grid-column:1/-1;text-align:center;padding:40px;color:#81918a}@media(min-width:1600px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1050px){aside{width:200px}main{margin-left:200px}.content{padding:25px}.metrics{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.heading{align-items:flex-start}h1{font-size:24px}header{padding:0 25px}}@media(max-width:650px){aside{position:relative;width:100%;padding:16px}.brand{margin:0;font-size:20px}.brand span,aside>small,.workspace,.sidebottom{display:none}nav{display:flex;margin-top:15px}nav button{font-size:11px;flex:1;padding:10px;gap:5px}main{margin:0}header{height:55px;padding:0 16px}header>span{font-size:9px}header b{margin:0 6px}.content{padding:22px 16px}.heading{display:block}.heading>.primary{margin-top:17px}.metrics{gap:10px}.metrics article{padding:14px}.banner{padding:12px}.banner p{font-size:9px}.pill{display:none}.filters{flex-wrap:wrap}.search{flex-basis:100%}.twocol{grid-template-columns:1fr}.card{padding:17px}footer span:last-child{display:none}}

.linkToggle{display:flex;gap:9px;align-items:flex-start;font-weight:500;line-height:1.6;background:#eff7f3;border-radius:8px;padding:13px}.linkToggle input{display:inline-block;width:auto;margin:3px 0 0} [hidden]{display:none!important}#generatedUrl{width:100%;padding:12px;border:1px solid #ceddd4;border-radius:7px;color:#236f55;margin:15px 0;font-size:11px} .inviteRow{display:flex;justify-content:space-between;align-items:center;padding:14px;background:white;border:1px solid var(--border);border-radius:8px;margin:8px 0}.inviteRow strong{font-size:12px}.inviteRow small{display:block;color:#81958a;font-size:10px;margin-top:5px}.inviteRow button{font-size:11px}.invitations>.listhead>small{font-size:10px;color:#8a9b92}.invitations p{font-size:11px}

/* Ultra Connet MT — identidade visual Insider */
:root{color-scheme:dark;color:#f0f5f2;background:#03120f;--green:#54ff88;--border:#1b3b30;--muted:#9bb8b1}
body{background:radial-gradient(ellipse at 65% 0,#0c291d 0,transparent 55%),#03120f}
aside{background:#041710;border-right:1px solid var(--border);color:#9bb8b1}.brand{font-size:21px;letter-spacing:-.8px;line-height:1.35;margin-left:2px;margin-right:0}.brand b{color:var(--green)}.brand span{color:var(--green);font-size:8px;letter-spacing:1.2px;margin-top:9px}.workspace{background:#09231a;border-color:var(--border);color:#eff8f3}.workspace small,.profile small{color:#91aaa0}nav button.active{background:#123c27;color:var(--green);box-shadow:inset 3px 0 var(--green)}nav em{background:#235838;color:#c8ffda}.profile{border-color:var(--border)}.profile strong{background:#163a26;color:var(--green)}.signal{border-color:#245037;color:var(--green)}
header{background:#051710c9;border-color:var(--border);color:#8fa99f}header strong{color:#e2efe8}header b{color:#426354}.quiet{color:#a7c0b6}.eyebrow{color:var(--green);font-size:10px;letter-spacing:2px}h1{font-size:34px;letter-spacing:-1.3px;margin-top:12px}.titleline{padding-bottom:14px}.heading p,p{color:var(--muted)}
button{background:#0b241b;border-color:var(--border);color:#d6e8df;transition:background .15s,border-color .15s,transform .15s}button:hover{filter:none;border-color:#3e8559;background:#123b27}.primary{background:var(--green);border-color:var(--green);color:#042113;font-weight:800;box-shadow:0 5px 22px #54ff8815}.primary:hover{background:#80ffa6;border-color:#80ffa6;transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.banner{background:#0b291b;border-color:#245137;color:#72ffa0}.banner p{color:#a0c7af}.pill{border-color:#3a7750}.metrics article,.card,#otherView,.inviteRow{background:linear-gradient(135deg,#0a2118,#061a14);border-color:var(--border);box-shadow:0 8px 28px #00000012}.metrics article{padding:22px}.metrics small,.metrics span{color:#9bb8ab}.metrics strong{color:#f0f8f2;font-size:34px}.metrics article:nth-child(2) strong{color:var(--green)}.metrics strong.metrictext{font-size:17px}.listhead h2 span{background:#163a28;color:#a8e6bd}.search,select,.platform{background:#081e16;border-color:var(--border);color:#afcabc}.search input{color:#edf7f1}input::placeholder{color:#6f9383}.card{border-radius:16px;padding:24px}.card:hover{border-color:#2c6143}.icon{background:#103a24;border-color:#225534;color:var(--green)}.accountnum,.details small,.cardbottom{color:#93b1a2}.details span{color:#d4e5db}.cardbottom{border-color:var(--border)}.badge{background:#123e26;color:#70ff9a;border:1px solid #24673b}.badge.STOPPED{background:#23332c;color:#b4c6bb}.badge.ERROR,.badge.AUTH_ERROR{background:#40291d;color:#ffc192;border-color:#72452a}.green{background:var(--green)}.red{background:#ff977e}.addcard{background:#061a12;border-color:#2b563c;color:#75ffa0;border-radius:16px}.addcard:hover{background:#0c291b}.addcard small{color:#9ab4a7}.footnote,footer{color:#84a394}footer{border-color:var(--border)}dialog{background:#081f16;color:#eef8f0;border-color:#2e5940;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#001009bb;backdrop-filter:blur(7px)}form input,#generatedUrl{background:#04160f;border-color:#2a4c38;color:#e3f2e9}.linkToggle{background:#103020}.linkToggle input{accent-color:var(--green)}#formError,#accessError{color:#ffad99}#toast{background:#17452a;border:1px solid #367b49;color:#effff3}.inviteRow small,.invitations>.listhead>small,.empty{color:#9bb8ab}
@media(max-width:650px){h1{font-size:28px}.brand{font-size:23px}.card{padding:19px}.metrics strong{font-size:28px}}

/* Identidade oficial Ultra Connect MT */
:root{--green:#00ed8d;--border:#16434a;color:#eff8f7;background:#00232b}
body{background:radial-gradient(ellipse at 65% 0,#063942 0,transparent 60%),#00232b}
.brand-logo{position:relative;overflow:hidden;aspect-ratio:3.88;background:#00232b;padding:0;letter-spacing:0}
.brand-logo img{position:absolute;width:135%;max-width:none;height:auto;left:-17.2%;top:-138.6%;display:block}
.primary{background:#00ed8d;border-color:#00ed8d;color:#002b25}.primary:hover{background:#46ffb0;border-color:#46ffb0}
input:focus-visible,button:focus-visible,select:focus-visible{outline-color:#00ed8d}

aside{background:#00232b;border-color:#16434a}.brand-logo{margin:0 0 36px;width:100%}header{background:#00232be8}.workspace,.metrics article,.card,#otherView,.inviteRow{background:linear-gradient(135deg,#07313a,#03272f);border-color:#16434a}nav button.active{background:#064b40;color:#00ed8d;box-shadow:inset 3px 0 #00ed8d}.banner{background:#033c36;border-color:#176453;color:#4affbd}.search,select,.platform,dialog{background:#032a32;border-color:#23515a}.icon,.addcard{background:#053b36;border-color:#166654;color:#00ed8d}.badge{background:#074a38;border-color:#16724e;color:#44ffb1}.metrics article:nth-child(2) strong,.eyebrow{color:#00ed8d}.green{background:#00ed8d}form input,#generatedUrl{background:#00232b;border-color:#2b555c}.linkToggle{background:#073c3b}.cardbottom,.profile{border-color:#16434a}.signal{border-color:#1b5b50;color:#00ed8d}footer{border-color:#16434a}@media(max-width:650px){.brand-logo{width:230px;max-width:100%;margin:0}}

.brokerHint{display:block;color:#9dbfb8;font-size:10px;line-height:1.6;margin-top:8px;font-weight:400}

/* Acesso administrativo */
#accessModal{max-width:460px;padding:32px}#accessModal .login-brand{width:290px;max-width:100%;margin:0 auto 30px}
#accessModal h2{font-size:24px;letter-spacing:-.7px;line-height:1.3}#accessModal .eyebrow{font-size:9px}
#accessModal .login-hint{margin-bottom:0;text-align:center}#passwordError{color:#ffad99;font-size:12px}
header #access{margin-left:auto}header #logout{color:#9fc7bc;border:1px solid #23515a;margin-left:8px}
@media(max-width:650px){header>span{display:none}#accessModal{padding:25px}#accessModal h2{font-size:22px}}