:root{--purple:#6333c5;--purple2:#c20eea;--soft:#f3eefb;--bg:#f6f6fb;--ink:#202536;--muted:#657088;--line:#e5def3;--green:#1f9461}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:var(--purple)}.topbar{height:92px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 8%;box-shadow:0 3px 26px #ddd9ec70;position:sticky;top:0;z-index:20}.brand{font-size:33px;font-weight:800;letter-spacing:-1px;color:#7d16d9}.brand b{font-size:38px;color:#a20ce0}.brand small{font-size:11px;background:#22b758;color:#fff;border-radius:6px;padding:4px 7px;margin-left:8px;vertical-align:middle}.share-top{text-align:center;color:#696177;line-height:1.5}.share-top b{color:var(--purple);font-weight:500}.topbar nav{display:flex;gap:16px;align-items:center}.btn,button{border:0;border-radius:17px;padding:13px 22px;background:linear-gradient(135deg,var(--purple),#582ab8);color:#fff;font-weight:800;cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center;box-shadow:0 12px 28px #6333c52b}.btn.small{padding:14px 38px;border-radius:24px}.btn.outline{background:#fff;color:var(--purple);border:1px solid var(--line);box-shadow:none}.client-wrap{max-width:1460px;margin:38px auto 60px;padding:0 26px}.client-hero{background:linear-gradient(105deg,#fff 0,#fff 66%,#f0dbff 100%);border:1px solid #e6d7fa;border-radius:22px;padding:32px;display:flex;justify-content:space-between;gap:22px;min-height:250px;box-shadow:0 22px 70px #dad7e966}.eyebrow{text-transform:uppercase;color:var(--purple);font-size:13px;font-weight:800}.client-hero h1{font-size:36px;margin:14px 0 10px;letter-spacing:-.7px}.client-hero p,.screen-head p,.complete-card p,.quick-panel p{color:var(--muted);font-size:16px}.hero-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.urlbox{background:#fff;border:1px solid #ddd7e9;border-radius:13px;padding:13px 18px;color:#3d4352}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}.stat{background:#fff;border:1px solid #eeeeF6;border-radius:17px;padding:22px;min-height:150px;box-shadow:0 16px 46px #dcd8ed55}.stat i,.boxicon{width:42px;height:42px;border-radius:14px;background:#f0e5ff;color:var(--purple);display:grid;place-items:center;font-size:18px}.stat small{display:block;text-transform:uppercase;color:#667085;font-weight:800;margin-top:18px}.stat b{display:block;font-size:25px;margin:8px 0 4px}.stat span{color:var(--muted);font-size:14px}.complete-card,.quick-panel,.screen-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 55px #dad7e955}.complete-card{padding:26px}.complete-head{display:flex;justify-content:space-between;gap:22px}.complete-head h2{font-size:28px;margin:10px 0 4px}.progress-side{text-align:right;min-width:250px}.progress-side strong{display:block;font-size:34px;color:var(--purple);margin:8px 0}.bar{height:9px;background:#ece5f6;border-radius:30px;overflow:hidden}.bar i{display:block;height:100%;background:var(--purple);border-radius:30px}.next-action{margin:24px 0 16px;padding:18px;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:space-between;background:#fdfcff}.next-action h3{margin:8px 0}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;grid-template-columns:48px 1fr;column-gap:12px;background:#fff}.check i{grid-row:1/3;width:42px;height:42px;border-radius:14px;background:#efe5ff;color:var(--purple);display:grid;place-items:center}.check b{align-self:end}.check span{color:var(--muted);font-size:13px}.check.done{background:#effaf5;border-color:#bde7d1}.check.done i{background:var(--green);color:#fff}.quick-panel{margin:22px 0;padding:24px;display:flex;justify-content:space-between;align-items:center}.quick-panel h3{margin:0 0 8px}.quick-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:34px}.quick-cards a{background:#fff;border:1px solid #eeeeF6;border-radius:17px;padding:24px;display:grid;grid-template-columns:44px 1fr;gap:8px 16px;color:var(--ink);box-shadow:0 16px 46px #dcd8ed55}.quick-cards i{grid-row:1/3;width:42px;height:42px;border-radius:14px;background:#f0e5ff;color:var(--purple);display:grid;place-items:center}.quick-cards span{color:var(--muted);font-size:13px}.builder{display:grid;grid-template-columns:420px 1fr;gap:30px;align-items:start}.phone-col{position:sticky;top:115px;text-align:center}.phone-title{display:flex;justify-content:space-between;margin:0 8px 12px;color:#4b5563}.phone{width:350px;height:735px;border:14px solid #111827;border-radius:42px;overflow:hidden;background:white;box-shadow:0 30px 80px #5a5f8055;margin:auto}.phone iframe{width:100%;height:100%;border:0}.pro-float{margin-top:16px;border-radius:18px}.panel{background:#fff;border:1px solid #e8e0f3;border-radius:22px;padding:22px 26px;box-shadow:0 20px 60px #dad7e955}.tabs{display:flex;gap:8px;background:#f0ecf8;padding:8px;border-radius:17px;margin-bottom:20px;position:sticky;top:98px;z-index:10}.tab{padding:13px 19px;border-radius:12px;font-weight:800;color:#4d4070}.tab:hover,.tab:target,.tabs .tab:first-child{background:var(--purple);color:#fff}.mini{font-size:11px}.screen-card{padding:26px;margin-bottom:24px;scroll-margin-top:180px}.screen-head{background:linear-gradient(110deg,#fff 0,#fff 70%,#f1e3ff 100%);border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:22px}.screen-head h2{font-size:28px;margin:10px 0 6px}.screen-head.flex{display:flex;justify-content:space-between}.section-box{border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:18px;background:#fff}.section-box h3{font-size:21px;margin:0 0 6px}.section-box p{color:var(--muted)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.full{grid-column:1/-1}label span{display:block;font-weight:800;margin-bottom:8px}input,select,textarea{width:100%;border:1px solid #ded8ea;border-radius:14px;padding:15px 16px;font:inherit;background:#fff;color:var(--ink)}textarea{min-height:96px}.avatar-line{border:1px dashed #cbbbec;border-radius:16px;padding:18px;display:flex;gap:22px;align-items:center;background:#fdfcff}.avatar-line img{width:105px;height:105px;border-radius:22px;object-fit:cover;border:5px solid #fff;box-shadow:0 8px 28px #0001}.pill-title{display:inline-flex;align-items:center;gap:8px;background:#f2eafe;border-radius:20px;padding:8px 14px;color:var(--purple);font-weight:800;text-transform:uppercase;font-size:13px}.theme-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.theme-card{border:2px solid var(--line);border-radius:14px;padding:8px;background:#fff;cursor:pointer;position:relative}.theme-card input{display:none}.theme-card.selected{border-color:var(--purple);box-shadow:0 0 0 4px #6b32d924}.theme-card.selected:after{content:'✓';position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;background:#20c063;color:#fff;display:grid;place-items:center;font-weight:900}.theme-preview{height:108px;border-radius:10px;padding:20px 35px;display:grid;place-items:center}.theme-preview i{width:22px;height:22px;border-radius:50%;background:#d7ff35}.theme-preview span{height:5px;border-radius:10px;width:84%;background:#d7ff35}.theme-preview span:nth-child(3){width:66%}.theme-preview span:nth-child(4){width:50%}.theme-card b{display:block;padding:10px 4px 4px}.theme-dark{background:#111827}.theme-dark i{background:#fff}.theme-dark span{background:#cfd3dc}.theme-professional{background:#eaf3ff}.theme-professional i{background:#111827}.theme-professional span{background:#59606d}.theme-vitrine{background:linear-gradient(90deg,#ffbf4c 0 18%,#fff 18%)}.theme-vitrine i{background:#111}.theme-vitrine span{background:#666}.theme-aurora{background:linear-gradient(135deg,#0a3768,#00b7d8)}.theme-aurora i{background:#7c3aed}.theme-aurora span{background:#9b6cff}.theme-nature{background:#f0fff5;border-top:28px solid #148842}.theme-nature i{background:#16a34a}.theme-nature span{background:#77d89c}.locked-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.locked-grid span{background:#faf7ff;border-radius:15px;padding:16px;color:#9688aa;display:grid;grid-template-columns:34px 1fr}.locked-grid i{color:#9d7bdb}.locked-grid small{grid-column:2;color:#a197ad}.palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.savebar{position:sticky;bottom:0;background:#fffffff2;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;justify-content:flex-end;align-items:center;gap:12px;box-shadow:0 -12px 45px #dfd9ef77}.savebar span{margin-right:auto;color:#748096;font-weight:700}.recommend-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}.recommend-grid div{border:1px solid var(--line);border-radius:14px;padding:14px;min-height:120px}.recommend-grid i{width:38px;height:38px;border-radius:13px;background:#f0e5ff;color:var(--purple);display:grid;place-items:center}.recommend-grid b{display:block;margin:14px 0 8px}.recommend-grid span{color:var(--muted);font-size:13px}.add-link{display:grid;grid-template-columns:1.2fr 1.5fr 1fr .6fr auto;gap:10px;margin-bottom:16px}.link-table{border:1px solid var(--line);border-radius:16px;overflow:hidden}.thead,.trow{display:grid;grid-template-columns:1.4fr .8fr .8fr .7fr .7fr 50px;align-items:center;gap:12px}.thead{background:#f5effe;color:var(--purple);font-weight:800;text-transform:uppercase;font-size:13px;padding:14px 18px}.trow{padding:12px 18px;border-top:1px solid #f0ebf7}.trow>i{width:50px;height:50px;border-radius:14px;background:#efe5ff;color:var(--purple);display:grid;place-items:center}.trow em{font-style:normal;background:var(--purple);color:#fff;border-radius:18px;padding:8px 12px;justify-self:start;font-weight:800}.trow strong{background:#e6f8ee;color:#138352;border-radius:18px;padding:8px 12px;justify-self:start;font-size:13px}.iconbtn{background:transparent;color:#9aa3b4;box-shadow:none;padding:8px}.usage{text-align:center;border:1px solid #ddd;padding:20px}.usage b{display:inline-block;background:#ffbf00;color:#111;border-radius:5px;padding:5px 10px;margin-bottom:12px}.store-lock{background:#eee5ff;border-radius:24px;padding:48px;text-align:center;margin:10px auto 28px;max-width:760px}.store-lock span{background:var(--purple);color:#fff;text-transform:uppercase;font-size:13px;font-weight:900;padding:8px 18px;border-radius:20px}.store-lock>i{display:grid;place-items:center;margin:24px auto;width:78px;height:78px;background:#fff;color:var(--purple);font-size:34px;border-radius:22px}.feature-line{border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;grid-template-columns:48px 1fr;gap:5px 16px;margin-bottom:14px}.feature-line i{grid-row:1/3;width:44px;height:44px;border-radius:13px;background:#f0e5ff;color:var(--purple);display:grid;place-items:center}.feature-line span{color:var(--muted)}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.account-title{grid-column:1/-1;border-bottom:1px solid #edf0f6}.account-title h2{margin-bottom:4px}.account-title p{color:var(--muted)}dl{display:grid;grid-template-columns:1fr 1fr;margin:18px 0 0}dt,dd{padding:12px 0;border-bottom:1px solid #edf0f6}dt{color:#6b7280}dd{text-align:right;margin:0;font-weight:700}.badge{background:#edf0f4;border-radius:20px;padding:6px 12px}.tiny{padding:8px 12px;border-radius:14px;box-shadow:none}.pro-card{background:#f1e7ff;border-color:#cbb9f3}.pro-card ul{list-style:none;padding:0}.pro-card li{margin:12px 0}.pro-card li:before{content:'✓';color:#18a05e;font-weight:900;margin-right:8px}.admin-layout{display:grid;grid-template-columns:230px 1fr;gap:24px;max-width:1180px;margin:35px auto;padding:0 20px}.side,.cardbox{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px}.side a{display:block;padding:13px;border-radius:12px;font-weight:800}.side a:hover{background:#f0e8ff}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}.table th,.table td{padding:14px;border-bottom:1px solid #eee;text-align:left}.auth{max-width:460px;margin:60px auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.public-body{background:var(--bio-bg,#fff);min-height:100vh;display:grid;place-items:center;padding:30px;font-family:Inter,Arial,sans-serif}.bio-card{width:360px;max-width:94vw;border-radius:24px;overflow:hidden;background:var(--bio-card,#fff);color:var(--bio-text,#101827);box-shadow:0 20px 80px #24648b33}.bio-cover{height:142px;background:var(--bio-cover,#8b00e8)}.bio-profile{text-align:center;margin-top:-67px;padding:0 22px 22px}.avatar{width:116px;height:116px;border-radius:50%;background:#fff;border:6px solid #fff;margin:0 auto 14px;display:grid;place-items:center;overflow:hidden;box-shadow:0 8px 30px #0002}.avatar img{width:100%;height:100%;object-fit:cover}.avatar .logo{font-weight:900;color:var(--bio-button,#6333c5);font-size:28px}.bio-profile h1{font-size:27px;margin:8px 0 6px}.bio-profile p{margin:6px 0;font-weight:700;color:#4b5563}.bio-links{display:grid;gap:16px;padding:0 22px 26px}.bio-link{background:var(--bio-button,#111827);color:var(--bio-button-text,#fff);border-radius:44px;padding:18px 20px;font-weight:900;display:flex;gap:14px;align-items:center;border:1px solid #cbff36}.bio-link i{width:46px;height:46px;margin:-8px 0 -8px -6px;border-radius:14px;background:#4b5563;color:var(--bio-icon,#fff);display:grid;place-items:center}.socials{display:flex;justify-content:center;gap:10px;margin:14px 0}.socials a{width:38px;height:38px;border-radius:50%;background:var(--bio-button,#5f31c9);color:var(--bio-icon,#fff);display:grid;place-items:center}.brand-footer{background:#2c176d;color:white;text-align:center;padding:14px;font-size:12px;font-weight:800}@media(max-width:1100px){.builder{grid-template-columns:1fr}.phone-col{position:static}.quick-cards,.stats-row{grid-template-columns:1fr 1fr}.recommend-grid{grid-template-columns:1fr 1fr}.add-link{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr}.account-title{grid-column:auto}}@media(max-width:760px){.topbar{height:auto;padding:16px;gap:12px;flex-wrap:wrap}.share-top{display:none}.client-hero,.complete-head,.next-action,.quick-panel{display:block}.hero-actions{align-items:stretch}.stats-row,.check-grid,.quick-cards,.theme-cards,.fields,.locked-grid{grid-template-columns:1fr}.panel{padding:14px}.tabs{overflow:auto;top:0}.phone{width:310px;height:650px}.thead{display:none}.trow{grid-template-columns:1fr}.client-wrap{padding:0 12px}}

/* HOTFIX: compatibilidade com dashboard antigo caso o PHP não seja substituído no servidor */
.wrap{max-width:1240px;margin:34px auto;padding:0 20px}.hero,.cardbox{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 20px 80px #d6d4e855}.hero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(110deg,#fff 0%,#fff 60%,#f2dcff 100%)}.hero h1{font-size:36px;margin:10px 0}.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(4,1fr);margin:22px 0}.workspace{display:grid;grid-template-columns:360px 1fr;gap:24px}.phone-shell{position:sticky;top:100px}.phone-title{display:flex;justify-content:space-between;margin:0 0 10px}.form-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;margin-bottom:18px}.checklist{grid-template-columns:1fr 1fr}.links-list{display:grid;gap:12px}.link-row{display:grid;grid-template-columns:50px 1fr 1fr 120px;gap:10px;align-items:center;background:#faf9ff;border:1px solid var(--line);border-radius:16px;padding:12px}.palette-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}.preset-card{border:2px solid var(--line);border-radius:14px;padding:10px;cursor:pointer;background:#fff}.preset-card.selected{border-color:var(--purple);box-shadow:0 0 0 3px #6b32d922}.preset-preview{height:70px;border-radius:10px;margin-bottom:8px;display:flex;align-items:end;padding:8px}.preset-preview span{display:block;width:100%;height:16px;border-radius:6px}.theme-ocean{background:#58a9dd}.theme-ocean span{background:#ffd400}.notice{background:#fff8df;border:1px solid #f7d36c;padding:16px;border-radius:16px}.lockbox{background:#f7efff;border:1px dashed #b28dea;border-radius:18px;padding:24px;text-align:center}.iconpill{background:#f0e8ff;color:var(--purple);width:43px;height:43px;border-radius:14px;display:inline-grid;place-items:center}.done{background:#effaf5;border-color:#bde9d1}.done .iconpill{background:#24925f;color:white}@media(max-width:900px){.workspace{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.phone-shell{position:static}.hero{display:block}.checklist,.palette-presets{grid-template-columns:1fr}.link-row{grid-template-columns:1fr}}@media(max-width:760px){.stats{grid-template-columns:1fr}}


/* Ajustes solicitados: fonte Ubuntu, ícones alinhados e seleção visual imediata */
body,.public-body,input,select,textarea,button{font-family:'Ubuntu',Arial,sans-serif!important}
.btn,button,.tab,.pill-title,.feature-line,.quick-cards a,.check,.next-action,.avatar-line,.phone-title,.topbar nav,.hero-actions .urlbox{align-items:center}
.tab,.btn,button,.pill-title{display:inline-flex;gap:8px;align-items:center;white-space:nowrap}
.tab i,.btn i,button i,.pill-title i{flex:0 0 auto;line-height:1}
.stat{display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:14px;min-height:138px}
.stat i{grid-row:1/3;margin:0}.stat small{margin:0}.stat b{margin:2px 0 0}.stat span{grid-column:2;margin-top:2px}
.quick-cards a{grid-template-columns:48px 1fr;align-items:center}.quick-cards i{align-self:center}.quick-cards b{align-self:end}.quick-cards span{align-self:start}
.section-box>.boxicon{float:left;margin:0 16px 10px 0;flex:0 0 auto}.section-box:after{content:'';display:block;clear:both}.section-box h3{padding-top:2px}.section-box .fields,.section-box .avatar-line,.section-box .theme-cards,.section-box .palette-grid,.section-box .locked-grid,.section-box .recommend-grid{clear:both}
.feature-line{grid-template-columns:52px 1fr;align-items:center}.feature-line i{align-self:center}.feature-line b{align-self:end}.feature-line span{align-self:start;grid-column:2}
.recommend-grid div{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;gap:4px 12px;align-items:center}.recommend-grid i{grid-row:1/3;margin:0}.recommend-grid b{margin:0}.recommend-grid span{grid-column:2}
.thead,.trow{grid-template-columns:64px 1.4fr .8fr .8fr .7fr .7fr 50px}.thead:before{content:''}.trow>i{margin:0}.trow form{margin:0}.trow .iconbtn{width:42px;height:42px;display:grid;place-items:center}
.theme-card{transition:.18s}.theme-card:not(.locked):hover{border-color:var(--purple);box-shadow:0 0 0 3px #6b32d91a}.theme-card.is-pending,.theme-card.selected{border-color:var(--purple);box-shadow:0 0 0 4px #6b32d924}.theme-card.is-pending:after,.theme-card.selected:after{content:'✓';position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;background:#20c063;color:#fff;display:grid;place-items:center;font-weight:900}
.palette-grid label{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;transition:.18s}.palette-grid label.color-picked{border-color:var(--purple);box-shadow:0 0 0 4px #6b32d91c}.palette-grid input[type=color]{height:46px;padding:4px;cursor:pointer}.savebar.is-dirty span{color:var(--purple)}
@media(max-width:760px){.stat{grid-template-columns:50px 1fr}.thead:before{display:none}.thead,.trow{grid-template-columns:1fr}.section-box>.boxicon{float:none;margin:0 0 12px 0}.recommend-grid div{grid-template-columns:44px 1fr}}


/* Logo Linkko e rodapé dos cards */
.brand{display:inline-flex!important;align-items:center;gap:8px}
.brand img{height:42px;width:auto;display:block}
.brand-footer{margin-top:18px;display:flex!important;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:100%;margin-left:auto;margin-right:auto;padding:9px 14px;border-radius:999px;background:#111827;color:#fff!important;font-size:12px!important}
.brand-footer img{height:18px;width:auto;display:block}
.public-body{font-family:'Ubuntu',system-ui,-apple-system,Segoe UI,Arial,sans-serif!important}
@media(max-width:700px){.brand img{height:34px}}

/* =========================================================
   SEPARAÇÃO DE LOGOS E LARGURA DOS PAINÉIS - ETAPA SEGURA
========================================================= */
.topbar{
  height:92px!important;
  padding:0!important;
  background:#fff!important;
}
.topbar-inner{
  width:min(1460px, calc(100% - 52px));
  height:100%;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.client-panel-logo,
.topbar .brand{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:190px!important;
  overflow:hidden!important;
}
.client-panel-logo img,
.topbar .brand img{
  width:auto!important;
  height:auto!important;
  max-width:170px!important;
  max-height:46px!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
  display:block!important;
}
.client-wrap{max-width:1460px!important;}

/* LOGIN E CADASTRO SEM BARRA FIXA */
.auth-body{
  margin:0;
  min-height:100vh;
  font-family:'Ubuntu',system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  background:linear-gradient(135deg,#14052e 0%,#22084a 48%,#6b18da 100%);
  color:#fff;
}
.auth-split{
  min-height:100vh;
  width:min(1200px,calc(100% - 42px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.85fr);
  gap:70px;
  align-items:center;
  padding:56px 0;
}
.auth-logo{display:inline-flex;align-items:center;margin-bottom:34px;max-width:220px;overflow:hidden;}
.auth-logo img{width:auto!important;height:auto!important;max-width:210px!important;max-height:58px!important;object-fit:contain!important;display:block!important;}
.auth-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 15px;background:rgba(255,255,255,.10);color:#d9c9ff;font-weight:900;text-transform:uppercase;font-size:12px;}
.auth-copy h1{font-size:clamp(42px,5vw,66px);line-height:.98;letter-spacing:-2px;margin:22px 0 18px;max-width:650px;}
.auth-copy p{font-size:20px;line-height:1.55;color:#ded5ef;max-width:660px;margin:0 0 26px;}
.auth-features{display:flex;gap:12px;flex-wrap:wrap}.auth-features span{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);border-radius:999px;padding:11px 15px;font-weight:800;color:#fff;}
.auth-card-new{background:#fff;color:#111827;border-radius:26px;padding:34px;box-shadow:0 28px 75px rgba(0,0,0,.22);}
.auth-card-new h2{font-size:34px;margin:0 0 24px;letter-spacing:-1px}.auth-form{display:grid;gap:17px}.auth-form label span{font-size:14px;color:#1f2937;font-weight:800;margin-bottom:8px}.auth-form input{height:56px;border-radius:16px;border:1px solid #ddd6ed;background:#fff;padding:0 16px;font:inherit;color:#111827}.auth-form input::placeholder{color:#b9a9e5}.auth-form button{height:58px;border-radius:18px;background:linear-gradient(135deg,#6427c9,#b60ff0);color:#fff;border:0;font-weight:900;font-size:16px;box-shadow:0 16px 36px rgba(100,39,201,.25)}
.username-field{height:56px;border:1px solid #ddd6ed;border-radius:16px;background:#f8f7fc;display:grid;grid-template-columns:auto 1fr;overflow:hidden;align-items:center}.username-field b{height:100%;display:flex;align-items:center;padding:0 14px;background:#f1ecfb;color:#6427c9}.username-field input{border:0!important;height:100%!important;border-radius:0!important;background:#fff!important}.auth-switch{margin:18px 0 0;color:#64748b}.auth-switch a{font-weight:900;color:#6427c9}

/* PÁGINA DE CARTÃO NÃO ENCONTRADO */
.notfound-body{margin:0;min-height:100vh;display:grid;place-items:center;font-family:'Ubuntu',system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#2b075f 0%,#6e41b0 54%,#eee9fb 100%);padding:22px;}
.notfound-card{width:min(560px,100%);background:#fff;border-radius:26px;padding:42px 38px;text-align:center;box-shadow:0 28px 90px rgba(48,12,92,.28)}.notfound-logo-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px}.notfound-logo-row img{width:auto!important;max-width:170px!important;max-height:52px!important;background:#14052e;border-radius:14px;padding:9px 14px;object-fit:contain}.notfound-logo-row span{width:62px;height:62px;border-radius:20px;background:#efe7ff;color:#6427c9;display:grid;place-items:center;font-size:26px}.notfound-card h1{font-size:34px;letter-spacing:-1px;margin:0 0 12px;color:#111827}.notfound-card p{color:#64748b;font-size:17px;line-height:1.55;margin:0 auto 26px;max-width:430px}.notfound-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.notfound-actions .btn{box-shadow:none}.notfound-actions .outline{background:#fff!important;color:#6427c9!important;border:1px solid #ddd6ed!important;}

/* RODAPÉ DO CARD PÚBLICO COM LOGO PEQUENA */
.brand-footer{width:auto!important;max-width:calc(100% - 30px)!important;margin:18px auto 0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:10px 14px!important;border-radius:18px!important;overflow:hidden!important;}
.brand-footer img{width:auto!important;height:auto!important;max-width:94px!important;max-height:22px!important;object-fit:contain!important;display:block!important;}

@media(max-width:900px){
  .auth-split{grid-template-columns:1fr;gap:32px;padding:36px 0}.auth-copy{text-align:center}.auth-copy p{margin-left:auto;margin-right:auto}.auth-features{justify-content:center}.auth-logo{margin-left:auto;margin-right:auto}.topbar-inner{width:min(1460px,calc(100% - 28px));}
}
@media(max-width:640px){
  .topbar-inner{height:auto;min-height:78px;flex-wrap:wrap;justify-content:center;padding:12px 0}.topbar nav{width:100%;justify-content:center}.client-panel-logo img,.topbar .brand img{max-width:145px!important;max-height:38px!important}.auth-card-new{padding:26px 22px}.auth-copy h1{font-size:38px}.notfound-card{padding:32px 22px}.notfound-actions .btn{width:100%}
}


/* =========================================================
   FONTES DO PAINEL DO CLIENTE - Open Sans + Ubuntu
   Open Sans: textos/formulários/menu. Ubuntu: títulos, números e botões.
========================================================= */
body, .client-wrap, .workspace, .section-box, .fields, .phone-preview,
input, select, textarea, label, p, span, small, a {
  font-family: "Open Sans", Arial, sans-serif !important;
  font-weight: 400;
}
.fa, .fa:before, i.fa, i.fa:before {
  font-family: FontAwesome !important;
  font-weight: normal !important;
}
h1, h2, h3, h4, .phone-title, .stat b, .section-box h3,
.btn, button, .tab, .savebar, .mobile-card-value {
  font-family: "Ubuntu", "Open Sans", Arial, sans-serif !important;
}
.tab, .btn, button, .quick-cards b, .feature-line b, .recommend-grid b {
  font-weight: 700 !important;
}
.quick-cards span, .feature-line span, .recommend-grid span,
.section-box p, .muted, .share-top {
  font-weight: 400 !important;
}

/* Fonte do painel cliente - leve, sem afetar ícones */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Ubuntu:wght@500;700&display=swap');
body:has(.client-shell), body:has(.client-shell) *:not(.fa):not(.fa:before),
body:has(.dash-shell), body:has(.dash-shell) *:not(.fa):not(.fa:before){font-family:"Open Sans",Arial,sans-serif!important;font-weight:400}
body:has(.client-shell) h1, body:has(.client-shell) h2, body:has(.client-shell) h3,
body:has(.dash-shell) h1, body:has(.dash-shell) h2, body:has(.dash-shell) h3,
body:has(.client-shell) .btn, body:has(.dash-shell) .btn,
body:has(.client-shell) button, body:has(.dash-shell) button{font-family:"Ubuntu","Open Sans",Arial,sans-serif!important;font-weight:700}
.fa,.fa:before,i.fa,i.fa:before{font-family:FontAwesome!important;font-weight:normal!important}