:root{
  --navy:#0d243f;
  --navy2:#143553;
  --accent:#0f6df4;
  --accent-soft:#edf5ff;
  --bg:#f7f8fa;
  --surface:#ffffff;
  --surface-2:#f3f5f7;
  --sidebar:#0f6df4;
  --sidebar-text:#ffffff;
  --sidebar-muted:rgba(255,255,255,.68);
  --sidebar-active:rgba(255,255,255,.14);
  --text:#263547;
  --muted:#75869a;
  --line:#e5e9ef;
  --green:#25a66a;
  --red:#dc4c64;
  --blue:#3778c6;
  --shadow:0 6px 24px rgba(15,23,42,.04)
}
html[data-theme="dark"]{
  --bg:#0b1420;
  --surface:#111d2b;
  --surface-2:#172536;
  --sidebar:#0f6df4;
  --sidebar-text:#ffffff;
  --sidebar-muted:rgba(255,255,255,.68);
  --sidebar-active:rgba(255,255,255,.14);
  --text:#edf3f9;
  --muted:#91a2b4;
  --line:#243446;
  --accent-soft:rgba(15,109,244,.13);
  --shadow:none
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Poppins,sans-serif;color:var(--text);background:var(--bg)}
html.theme-ready body,html.theme-ready .sidebar,html.theme-ready .topbar,html.theme-ready .card,html.theme-ready .stat,html.theme-ready .auth-box,html.theme-ready .installer,html.theme-ready .install-card,html.theme-ready input,html.theme-ready textarea,html.theme-ready select,html.theme-ready .icon-btn,html.theme-ready .user-avatar{transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}
a{text-decoration:none}
button,input,textarea,select{font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(15,109,244,.18);outline-offset:2px}
.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--sidebar);color:#fff;display:flex;flex-direction:column;z-index:100;border-right:0}
.side-brand{height:80px;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.12)}
.brand-mark{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;font-size:20px}
.side-brand strong{font-size:15px;color:#fff}
.side-brand small{display:block;color:var(--sidebar-muted);font-size:10px}
.side-brand-custom{display:flex;align-items:center;justify-content:flex-start;width:100%;height:52px;min-width:0}.side-brand-custom img{display:block;max-width:176px;max-height:46px;width:auto;height:auto;object-fit:contain;object-position:left center}
.nav{padding:20px 14px;flex:1;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
.nav::-webkit-scrollbar{width:0;height:0;display:none}
.nav-label{display:block;color:var(--sidebar-muted);font-size:9px;text-transform:uppercase;letter-spacing:.15em;font-weight:600;padding:0 12px;margin:15px 0 8px}
.nav a{display:flex;align-items:center;gap:12px;color:#fff;padding:11px 13px;border-radius:8px;font-size:13px;margin-bottom:4px}
.nav a i{font-size:17px;color:#fff}
.nav a:hover,.nav a.active{background:var(--sidebar-active);color:#fff}
.nav a.active{box-shadow:none;color:#fff;font-weight:600}
.side-footer{border-top:1px solid rgba(255,255,255,.12);padding:15px 22px;color:var(--sidebar-muted);font-size:9px}
.side-footer b{color:#fff}
.main{margin-left:260px;min-height:100vh;background:var(--bg)}
.topbar{height:72px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:50}
.topbar h1{font-size:18px;margin:0;font-weight:600}
.top-actions{display:flex;align-items:center;gap:10px}
.icon-btn.topbar-copy-link{width:auto;min-width:116px;padding:0 12px;grid-auto-flow:column;gap:8px;background:var(--accent);border-color:var(--accent);color:#fff;font:600 10px Poppins,sans-serif;white-space:nowrap}
.icon-btn.topbar-copy-link:hover{background:#075fe9;border-color:#075fe9;color:#fff}
.icon-btn.topbar-copy-link i{font-size:16px}
.icon-btn{width:40px;height:40px;border:1px solid var(--line);background:var(--surface);border-radius:10px;display:grid;place-items:center;color:var(--text);cursor:pointer}
.icon-btn:hover{border-color:var(--accent);color:var(--accent)}
.theme-label-btn{width:auto;min-width:126px;padding:0 12px;grid-auto-flow:column;gap:8px;font:500 10px Poppins,sans-serif;background:var(--surface-2)}
.theme-label-btn[data-current-theme="dark"]{background:var(--accent-soft);color:var(--accent);border-color:rgba(15,109,244,.25)}
.user-chip{display:flex;align-items:center;gap:10px;padding-left:8px}
.user-avatar{width:36px;height:36px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;color:var(--text);font-weight:600;border:1px solid var(--line)}
.content{padding:26px 28px}
.trial-status-banner{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(260px,.85fr) auto;align-items:center;gap:24px;margin:0 0 22px;padding:19px 22px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:14px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface) 58%);box-shadow:none}
.trial-status-banner:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}
.trial-status-main{display:flex;align-items:center;gap:14px;min-width:0}.trial-status-icon{width:48px;height:48px;flex:0 0 48px;border-radius:13px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:21px}.trial-status-copy{min-width:0}.trial-status-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:5px;color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.trial-status-copy h2{margin:0;color:var(--text);font-size:16px;line-height:1.25}.trial-status-copy p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.45}
.trial-status-dates{display:flex;align-items:center;justify-content:center;gap:16px;padding:0 18px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.trial-date-item{min-width:0}.trial-date-item span,.trial-date-item strong{display:block}.trial-date-item span{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.07em;font-weight:600}.trial-date-item strong{margin-top:4px;color:var(--text);font-size:10px;white-space:nowrap}.trial-date-divider{width:1px;height:32px;background:var(--line)}
.trial-countdown-wrap{text-align:right;min-width:290px}.trial-countdown-label{display:block;margin-bottom:8px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.trial-countdown{display:flex;align-items:center;justify-content:flex-end;gap:12px}.trial-countdown>span{min-width:54px;padding:9px 8px;border:1px solid var(--line);border-radius:11px;background:var(--surface);text-align:center}.trial-countdown b,.trial-countdown small{display:block}.trial-countdown b{font-size:16px;line-height:1.05;color:var(--accent);font-variant-numeric:tabular-nums}.trial-countdown small{margin-top:3px;color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.04em}.trial-countdown em{display:inline-flex;align-items:center;justify-content:center;min-width:10px;font-style:normal;color:var(--muted);font-weight:700;font-size:14px;opacity:.85}.trial-ended-message{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:9px 11px;border-radius:9px;background:rgba(220,76,100,.1);color:var(--red);font-size:10px;font-weight:600}.trial-status-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:10px}.trial-status-actions .btn{padding:8px 11px;font-size:9px}.trial-whatsapp-btn{color:#137333}.trial-whatsapp-btn i{color:#25D366}
@media(max-width:1180px){.trial-status-banner{grid-template-columns:1fr 1fr}.trial-countdown-wrap{grid-column:1/-1;text-align:left;min-width:0;padding-top:14px;border-top:1px solid var(--line)}.trial-countdown{justify-content:flex-start}.trial-status-dates{border-right:0}}
@media(max-width:760px){.trial-status-banner{grid-template-columns:1fr;gap:16px;padding:17px}.trial-status-dates{justify-content:flex-start;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.trial-countdown-wrap{grid-column:auto;border-top:0;padding-top:0}.trial-countdown{gap:8px;justify-content:space-between}.trial-countdown>span{min-width:48px;flex:1}.trial-countdown em{display:none}.trial-status-copy h2{font-size:14px}}
.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.welcome h2{font-size:22px;margin:0 0 4px}
.muted{color:var(--muted);font-size:12px;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;padding:11px 16px;font:500 12px Poppins,sans-serif;cursor:pointer}
.btn.primary{background:var(--accent);color:#fff}
.btn.secondary{background:var(--navy);color:#fff}
.btn.light{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}
.btn.danger{background:rgba(220,76,100,.1);color:var(--red)}
.full-btn{width:100%;margin-top:15px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}
.stat,.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.stat{padding:18px;display:flex;justify-content:space-between;align-items:flex-start}
.stat small{color:var(--muted);font-size:10px}
.stat strong{display:block;font-size:23px;margin:4px 0}
.stat em{font-style:normal;color:var(--green);font-size:10px}
.stat-icon{width:40px;height:40px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:18px}
.grid-2{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:18px;margin-bottom:18px}
.card-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.card-head h3{font-size:14px;margin:0}
.card-body{padding:20px}
.chart-wrap{height:270px}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;font-size:11px;color:var(--text)}
th{text-align:left;color:var(--muted);font-weight:500;padding:11px 12px;border-bottom:1px solid var(--line)}
td{padding:12px;border-bottom:1px solid var(--line)}
.badge{display:inline-flex;padding:4px 8px;border-radius:6px;background:rgba(37,166,106,.11);color:var(--green);font-size:9px}
.badge.off{background:var(--surface-2);color:var(--muted)}
.rank{display:flex;gap:11px;align-items:center;margin-bottom:15px}
.rank-icon{width:34px;height:34px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center;color:var(--text)}
.rank-copy{flex:1;min-width:0}.rank-copy strong,.rank-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-copy strong{font-size:11px}.rank-copy small{font-size:9px;color:var(--muted)}.rank>strong{font-size:11px}
.form-card{max-width:900px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form-grid .full{grid-column:1/-1}
label{display:block;font-size:11px;font-weight:500;color:var(--text)}
input,textarea,select{width:100%;margin-top:7px;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:11px 12px;font:400 12px Poppins,sans-serif;color:var(--text);outline:none}
input::placeholder,textarea::placeholder{color:var(--muted)}
input:focus,textarea:focus,select:focus{border-color:var(--accent)}
input[type=color]{height:44px;padding:4px}
input[type=color][data-palette-input],.palette-editor-top input[type="color"]{width:56px;height:56px;min-width:56px;padding:4px;border-radius:50%;border:1px solid var(--line);background:var(--surface);cursor:pointer;box-shadow:0 2px 10px rgba(15,23,42,.04)}
input[type=color][data-palette-input]{margin-top:10px}
input[type=color][data-palette-input]::-webkit-color-swatch-wrapper,.palette-editor-top input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
input[type=color][data-palette-input]::-webkit-color-swatch,.palette-editor-top input[type="color"]::-webkit-color-swatch{border:0;border-radius:50%}
input[type=color][data-palette-input]::-moz-color-swatch,.palette-editor-top input[type="color"]::-moz-color-swatch{border:0;border-radius:50%}
.alert{display:flex;gap:9px;align-items:center;border-radius:9px;padding:12px 15px;margin-bottom:18px;font-size:11px;background:rgba(37,166,106,.11);color:#168653;border:1px solid rgba(37,166,106,.12)}
.alert.danger{background:rgba(220,76,100,.1);color:var(--red);border-color:rgba(220,76,100,.12)}
.action-btns{display:flex;gap:5px}.mini{width:31px;height:31px;border:0;border-radius:7px;display:grid;place-items:center;cursor:pointer}.mini.edit{background:rgba(55,120,198,.1);color:var(--blue)}.mini.delete{background:rgba(220,76,100,.1);color:var(--red)}.mini.view{background:rgba(37,166,106,.1);color:var(--green)}
.auth-body{background:var(--bg);padding:30px;min-height:100vh}
.auth-theme{position:fixed;right:24px;top:24px;z-index:20;background:var(--surface);box-shadow:var(--shadow)}
.auth-box{width:min(420px,100%);margin:8vh auto;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:30px}
.auth-box .brand-mark{margin-bottom:18px}.auth-box h1{font-size:22px;margin:0 0 6px}.auth-box form{margin-top:22px}.auth-box label{margin-bottom:13px}
.installer{width:min(1100px,100%);margin:30px auto;background:var(--surface);min-height:calc(100vh - 60px);display:grid;grid-template-columns:340px 1fr;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}
.installer aside{background:var(--surface-2);color:var(--text);padding:46px 38px;border-right:1px solid var(--line)}
.installer aside h1{font-size:27px;margin:28px 0 12px}.installer aside p{color:var(--muted);font-size:12px;line-height:1.7}
.steps{display:flex;align-items:center;margin-top:40px}.steps span{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:10px}.steps span.active{background:var(--accent);border-color:var(--accent);color:#fff}.steps i{width:35px;height:1px;background:var(--line)}
.install-card{padding:38px 45px;overflow:auto;background:var(--surface)}.install-card h2{font-size:22px;margin:0 0 4px}.install-card h3{font-size:13px;margin:26px 0 12px}
.requirements{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.req{padding:9px 11px;background:var(--surface-2);border-radius:7px;font-size:10px}.req.ok i{color:var(--green)}.req.bad i{color:var(--red)}.req i{margin-right:7px}
.upgrade-drop{text-align:center;padding:24px;border:1px dashed var(--line);border-radius:12px;background:var(--surface-2)}.upgrade-drop>i{font-size:36px;color:var(--accent);display:block;margin-bottom:8px}.upgrade-drop>strong{font-size:13px}.upgrade-drop p{font-size:10px;color:var(--muted);margin:5px 0 15px}.upgrade-drop input[type=file]{text-align:left;background:var(--surface)}
.upgrade-feature{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}.upgrade-feature:last-child{border-bottom:0}.upgrade-feature>i{width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent)}.upgrade-feature strong,.upgrade-feature small{display:block}.upgrade-feature strong{font-size:11px}.upgrade-feature small{font-size:9px;color:var(--muted);margin-top:3px}
.theme-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px}.theme-panel-copy{display:flex;align-items:flex-start;gap:12px}.theme-panel-icon{width:42px;height:42px;border-radius:11px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:0 0 42px}.theme-panel-copy strong,.theme-panel-copy small{display:block}.theme-panel-copy strong{font-size:13px}.theme-panel-copy small{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.5}.theme-panel .theme-label-btn{min-width:142px}.mobile-toggle{display:none}.link-title{display:flex;align-items:center;gap:8px}.link-title i{font-size:17px;color:var(--accent)}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}
@media(max-width:760px){
  .sidebar{transform:translateX(-100%);transition:transform .25s ease}.sidebar.open{transform:none}.main{margin-left:0}.mobile-toggle{display:grid}.content{padding:20px 15px}.topbar{padding:0 15px}.topbar .user-chip span{display:none}.theme-label-btn [data-theme-label]{display:none}.theme-label-btn{width:40px;padding:0;display:grid}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px}.stat strong{font-size:19px}.welcome{align-items:flex-start;gap:12px}.installer{grid-template-columns:1fr;margin:0;min-height:100vh;border-radius:0;border:0}.installer aside{padding:30px;border-right:0;border-bottom:1px solid var(--line)}.install-card{padding:28px 20px}.auth-body{padding:20px}.auth-theme{right:18px;top:18px}
}
@media(max-width:600px){.theme-panel{align-items:stretch;flex-direction:column}.theme-panel .theme-label-btn{width:100%;height:42px}}
@media(max-width:480px){.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.welcome{flex-direction:column}.topbar h1{font-size:15px}.content{padding:16px 12px}.auth-box{padding:24px;margin-top:12vh}}

/* Analytics: ícones coloridos via CDN (Iconify) */
.analytics-label{display:inline-flex;align-items:center;gap:10px;min-width:0}
.analytics-brand-icon{width:26px;height:26px;display:inline-grid;place-items:center;flex:0 0 26px}
.analytics-brand-icon iconify-icon{font-size:22px;line-height:1;display:block}
.analytics-location-icon iconify-icon{font-size:23px}
@media(max-width:640px){.analytics-label{gap:8px}.analytics-brand-icon{width:24px;height:24px;flex-basis:24px}.analytics-brand-icon iconify-icon{font-size:20px}}

/* Layouts do bio */
.layout-manager{max-width:1180px}
.layout-current{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:600;white-space:nowrap}
.layout-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.layout-option{position:relative;display:block;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.layout-option:hover{transform:translateY(-2px);border-color:rgba(15,109,244,.45)}
.layout-option>input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.layout-option.selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(15,109,244,.12)}
.layout-preview{height:210px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);display:block;position:relative;overflow:hidden;padding:16px 12px}
.layout-preview .lp-share{position:absolute;right:10px;top:10px;width:16px;height:16px;border-radius:50%;border:1px solid var(--line);background:var(--surface)}
.layout-preview .lp-avatar{display:block;width:42px;height:42px;border-radius:50%;margin:4px auto 7px;background:var(--accent);box-shadow:0 0 0 3px var(--surface)}
.layout-preview .lp-title{display:block;width:58%;height:7px;border-radius:10px;margin:0 auto 5px;background:var(--text);opacity:.8}
.layout-preview .lp-handle{display:block;width:35%;height:5px;border-radius:10px;margin:0 auto 9px;background:var(--accent);opacity:.75}
.layout-preview .lp-socials{display:flex;justify-content:center;gap:5px;margin-bottom:10px}
.layout-preview .lp-socials i{display:block;width:15px;height:15px;border-radius:5px;background:var(--surface);border:1px solid var(--line)}
.layout-preview .lp-links{display:grid;gap:6px}
.layout-preview .lp-links b{display:block;height:25px;border-radius:7px;background:var(--surface);border:1px solid var(--line);position:relative}
.layout-preview .lp-links b:before{content:"";position:absolute;left:7px;top:7px;width:10px;height:10px;border-radius:3px;background:var(--accent-soft)}
.layout-preview .lp-links b:after{content:"";position:absolute;left:23px;right:14px;top:9px;height:5px;border-radius:5px;background:var(--muted);opacity:.4}
.layout-meta{display:block;padding:11px 2px 2px}
.layout-meta strong,.layout-meta small{display:block}
.layout-meta strong{font-size:11px;color:var(--text)}
.layout-meta small{font-size:9px;color:var(--muted);line-height:1.45;margin-top:3px;min-height:26px}
.layout-meta em{font-style:normal;font-size:9px;color:var(--accent);font-weight:600;display:none;align-items:center;gap:4px;margin-top:7px}
.layout-option.selected .layout-meta em{display:flex}
.layout-savebar{margin-top:18px;padding:14px 16px;border:1px solid var(--line);background:var(--surface-2);border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.layout-savebar strong,.layout-savebar small{display:block}.layout-savebar strong{font-size:11px}.layout-savebar small{font-size:9px;color:var(--muted);margin-top:3px}
/* Preview 2: minimal */
.preview-2{background:var(--surface);padding-top:20px}
.preview-2 .lp-avatar{width:36px;height:36px;box-shadow:none}
.preview-2 .lp-socials i{border-radius:50%;background:var(--surface-2)}
.preview-2 .lp-links{gap:0;margin-top:2px}
.preview-2 .lp-links b{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;height:31px}
.preview-2 .lp-links b:before{border-radius:50%;background:var(--surface-2)}
/* Preview 3: cards */
.preview-3{padding:9px;background:var(--surface-2)}
.preview-3 .lp-profile-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 8px;margin-bottom:7px}
.preview-3 .lp-profile-card .lp-avatar{width:35px;height:35px;margin:0 auto 6px}
.preview-3 .lp-profile-card .lp-title{width:50%}
.preview-3 .lp-links{grid-template-columns:1fr 1fr;gap:6px}
.preview-3 .lp-links b{height:42px}
.preview-3 .lp-links b:after{right:8px;top:25px;left:8px;height:4px}
/* Preview 4: profissional */
.preview-4{display:grid;grid-template-columns:42% 1fr;gap:7px;padding:9px;text-align:left}
.preview-4 .lp-left{display:block;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:12px 8px}
.preview-4 .lp-left .lp-avatar{margin:0 0 8px;width:34px;height:34px}
.preview-4 .lp-left .lp-title,.preview-4 .lp-left .lp-handle{margin-left:0;margin-right:0;width:75%}
.preview-4 .lp-left .lp-handle{width:55%}
.preview-4 .lp-left .lp-socials{justify-content:flex-start;margin-top:14px}
.preview-4 .lp-links{align-content:center;gap:8px}
.preview-4 .lp-links b{height:39px}
/* Preview 5: destaque */
.preview-5{padding:9px}
.preview-5 .lp-hero{display:block;background:var(--accent);border-radius:11px;padding:15px 8px 12px;margin-bottom:7px}
.preview-5 .lp-hero .lp-avatar{width:38px;height:38px;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.55)}
.preview-5 .lp-hero .lp-title{background:#fff;opacity:.95}
.preview-5 .lp-hero .lp-handle{background:#fff;opacity:.6}
.preview-5 .lp-links b{border-radius:20px;height:24px}
@media(max-width:1150px){.layout-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-current{display:none}}
@media(max-width:480px){.layout-grid{grid-template-columns:1fr}.layout-preview{height:225px}.layout-savebar{align-items:stretch;flex-direction:column}.layout-savebar .btn{width:100%}}

/* Layouts sociais 06–10 (v1.1.8) */
.layout-preview .lp-brand{height:24px;display:flex;align-items:center;gap:7px;margin-bottom:7px;position:relative;z-index:2}
.layout-preview .lp-brand iconify-icon{font-size:18px;line-height:1;flex:0 0 auto}
.layout-preview .lp-brand>b{display:block;width:48px;height:6px;border-radius:999px;background:var(--text);opacity:.62}
.layout-preview .lp-brand>i{display:block;width:16px;height:16px;border-radius:50%;margin-left:auto;background:var(--surface);border:1px solid var(--line)}
.layout-preview .lp-cover{display:block;height:53px;border-radius:7px;position:absolute;left:8px;right:8px;top:38px}

/* 06 - Facebook */
.preview-6{padding:8px;background:#f0f2f5}
html[data-theme="dark"] .preview-6{background:#18191a}
.preview-6 .lp-brand{padding:0 2px}
.preview-6 .lp-cover{background:#1877f2}
.preview-6 .lp-fb-profile{position:relative;display:flex;align-items:end;gap:8px;margin-top:44px;padding:0 5px 7px;border-bottom:1px solid rgba(0,0,0,.09)}
.preview-6 .lp-avatar{width:40px;height:40px;margin:0;border:3px solid #fff;background:#1877f2;box-shadow:none;flex:0 0 40px}
.preview-6 .lp-fb-copy{display:block;flex:1;padding-bottom:2px}
.preview-6 .lp-title,.preview-6 .lp-handle{margin-left:0;margin-right:0}
.preview-6 .lp-title{width:58%;background:#1c1e21}
.preview-6 .lp-handle{width:40%;background:#1877f2;margin-bottom:0}
.preview-6 .lp-links{gap:5px;margin-top:7px}
.preview-6 .lp-links b{height:27px;border:0;background:#fff;border-radius:6px}
.preview-6 .lp-links b:before{background:#e7f3ff}
html[data-theme="dark"] .preview-6 .lp-links b{background:#242526}
html[data-theme="dark"] .preview-6 .lp-title{background:#e4e6eb}

/* 07 - YouTube */
.preview-7{padding:8px;background:#fff}
html[data-theme="dark"] .preview-7{background:#0f0f0f}
.preview-7 .lp-brand>b{background:#0f0f0f}
html[data-theme="dark"] .preview-7 .lp-brand>b{background:#f1f1f1}
.preview-7 .lp-yt-channel{display:flex;align-items:center;gap:8px;padding:6px 2px 8px}
.preview-7 .lp-avatar{width:36px;height:36px;margin:0;background:#ff0000;box-shadow:none;flex:0 0 36px}
.preview-7 .lp-yt-channel>span:last-child{display:block;flex:1}
.preview-7 .lp-title,.preview-7 .lp-handle{margin-left:0;margin-right:0}
.preview-7 .lp-title{width:55%;background:#0f0f0f}
.preview-7 .lp-handle{width:40%;background:#606060;margin-bottom:0}
html[data-theme="dark"] .preview-7 .lp-title{background:#f1f1f1}
.preview-7 .lp-yt-tabs{display:flex;gap:13px;border-bottom:1px solid #e5e5e5;padding:0 2px 5px;margin-bottom:7px}
.preview-7 .lp-yt-tabs i{display:block;width:25px;height:4px;border-radius:4px;background:#909090}.preview-7 .lp-yt-tabs i:first-child{background:#ff0000}
.preview-7 .lp-links{grid-template-columns:1fr 1fr;gap:6px}
.preview-7 .lp-links b{height:40px;border:0;background:#f2f2f2;border-radius:6px}.preview-7 .lp-links b:before{width:100%;height:19px;left:0;top:0;border-radius:6px 6px 2px 2px;background:#ffdddd}.preview-7 .lp-links b:after{top:27px;left:6px;right:6px;background:#606060}
html[data-theme="dark"] .preview-7 .lp-links b{background:#272727}

/* 08 - LinkedIn */
.preview-8{padding:8px;background:#f4f2ee}
html[data-theme="dark"] .preview-8{background:#1b1f23}
.preview-8 .lp-cover{background:#0a66c2;height:46px}
.preview-8 .lp-in-profile{display:block;position:relative;margin-top:36px;background:#fff;border-radius:7px;padding:25px 7px 7px;border:1px solid rgba(0,0,0,.08)}
.preview-8 .lp-avatar{position:absolute;left:7px;top:-20px;width:38px;height:38px;margin:0;background:#0a66c2;border:3px solid #fff;box-shadow:none}
.preview-8 .lp-title,.preview-8 .lp-handle{margin-left:0;margin-right:0}.preview-8 .lp-title{width:55%;background:#191919}.preview-8 .lp-handle{width:72%;background:#5e6b75;margin-bottom:0}
.preview-8 .lp-links{gap:5px;margin-top:6px}.preview-8 .lp-links b{height:27px;border-radius:6px;background:#fff}.preview-8 .lp-links b:before{background:#e8f3ff}
html[data-theme="dark"] .preview-8 .lp-in-profile,html[data-theme="dark"] .preview-8 .lp-links b{background:#1d2226;border-color:#38434f}
html[data-theme="dark"] .preview-8 .lp-title{background:#f3f2ef}

/* 09 - Twitter/X */
.preview-9{padding:8px 10px;background:#fff}
html[data-theme="dark"] .preview-9{background:#000}
.preview-9 .lp-brand-x iconify-icon{color:#0f1419}.preview-9 .lp-brand-x>b{background:#0f1419}
html[data-theme="dark"] .preview-9 .lp-brand-x iconify-icon{color:#eff3f4}html[data-theme="dark"] .preview-9 .lp-brand-x>b{background:#eff3f4}
.preview-9 .lp-x-profile{display:block;text-align:left;padding:2px 2px 8px}.preview-9 .lp-avatar{width:38px;height:38px;margin:0 0 7px;background:#0f1419;box-shadow:none}.preview-9 .lp-title,.preview-9 .lp-handle{margin-left:0;margin-right:0}.preview-9 .lp-title{width:45%;background:#0f1419}.preview-9 .lp-handle{width:32%;background:#536471;margin-bottom:6px}.preview-9 .lp-x-bio{display:block;width:82%;height:4px;border-radius:4px;background:#536471;opacity:.5}
html[data-theme="dark"] .preview-9 .lp-avatar,html[data-theme="dark"] .preview-9 .lp-title{background:#eff3f4}
.preview-9 .lp-x-tabs{display:flex;justify-content:space-around;border-bottom:1px solid #eff3f4;padding:0 0 5px}.preview-9 .lp-x-tabs i{width:22px;height:4px;border-radius:4px;background:#8b98a5}.preview-9 .lp-x-tabs i:first-child{background:#1d9bf0}
.preview-9 .lp-links{gap:0}.preview-9 .lp-links b{height:29px;border:0;border-bottom:1px solid #eff3f4;border-radius:0;background:transparent}.preview-9 .lp-links b:before{border-radius:50%;background:#e8f5fd}
html[data-theme="dark"] .preview-9 .lp-x-tabs,html[data-theme="dark"] .preview-9 .lp-links b{border-color:#2f3336}

/* 10 - Instagram */
.preview-10{padding:8px;background:linear-gradient(145deg,#fff 55%,#fff5f8)}
html[data-theme="dark"] .preview-10{background:linear-gradient(145deg,#0f0f0f,#1a1017)}
.preview-10 .lp-brand>b{background:#262626}
html[data-theme="dark"] .preview-10 .lp-brand>b{background:#f5f5f5}
.preview-10 .lp-ig-profile{display:flex;align-items:center;gap:9px;padding:7px 4px 10px}.preview-10 .lp-avatar{width:43px;height:43px;margin:0;border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5) border-box;box-shadow:none;flex:0 0 43px}.preview-10 .lp-ig-copy{display:block;flex:1}.preview-10 .lp-title,.preview-10 .lp-handle{margin-left:0;margin-right:0}.preview-10 .lp-title{width:55%;background:#262626}.preview-10 .lp-handle{width:38%;background:#737373;margin-bottom:6px}
html[data-theme="dark"] .preview-10 .lp-title{background:#f5f5f5}
.preview-10 .lp-ig-stats{display:flex;gap:5px}.preview-10 .lp-ig-stats i{display:block;width:21px;height:4px;border-radius:4px;background:#c7c7c7}
.preview-10 .lp-links{grid-template-columns:repeat(3,1fr);gap:4px}.preview-10 .lp-links b{height:31px;border:0;border-radius:4px;background:linear-gradient(135deg,#feda75,#d62976,#4f5bd5)}.preview-10 .lp-links b:before,.preview-10 .lp-links b:after{display:none}

/* Paletas vinculadas aos layouts */
.layout-palette-box{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.layout-palette-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}
.layout-palette-head strong,.layout-palette-head small{display:block}.layout-palette-head strong{font-size:11px}.layout-palette-head small{font-size:9px;color:var(--muted);margin-top:3px;line-height:1.5}
.layout-palette-head>[data-layout-palette-name]{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:600;white-space:nowrap}
.palette-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.palette-swatch{appearance:none;-webkit-appearance:none;min-width:0;padding:10px 8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background-color .16s ease}
.palette-swatch:hover{border-color:var(--accent);transform:translateY(-1px);background:var(--surface-2)}
.palette-swatch:focus-visible{outline:3px solid rgba(15,109,244,.18);outline-offset:2px}
.palette-swatch>i{display:block;width:58px;height:58px;border-radius:50%;background:var(--swatch,#fff);border:3px solid rgba(15,23,42,.07);margin:0 auto 9px;box-shadow:0 2px 10px rgba(15,23,42,.06)}
html[data-theme="dark"] .palette-swatch>i{border-color:rgba(255,255,255,.16)}
.palette-swatch>b,.palette-swatch>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.palette-swatch>b{font-size:9px;color:var(--text);font-weight:600}.palette-swatch>small{font-size:8px;color:var(--muted);margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.appearance-palette{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:950px){.palette-swatches,.appearance-palette{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:540px){.palette-swatches,.appearance-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-palette-head{align-items:flex-start;flex-direction:column}}

/* Editor de cores dos layouts — v1.1.10 */
.layout-color-editor{padding:18px}
.layout-palette-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.layout-reset-colors{height:32px;padding:0 10px;font-size:9px}
.palette-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.palette-editor-item{display:block;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface);min-width:0}
.palette-editor-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.palette-editor-top b{font-size:9px;color:var(--text);font-weight:600;line-height:1.35}
.palette-editor-top input[type="color"]{flex:0 0 auto}



.palette-hex-input{width:100%;height:34px!important;padding:0 9px!important;border-radius:8px!important;font-size:9px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;text-transform:uppercase;letter-spacing:.02em}
.palette-editor-tip{display:flex;align-items:flex-start;gap:8px;margin-top:11px;padding:10px 11px;border-radius:9px;background:var(--accent-soft);color:var(--text);font-size:9px;line-height:1.55}
.palette-editor-tip i{color:var(--accent);font-size:13px;margin-top:1px}

/* Prévia responde em tempo real às cores escolhidas */
.layout-option.selected .layout-preview{background:var(--preview-light-bg,var(--surface-2));border-color:color-mix(in srgb,var(--preview-primary,var(--accent)) 28%,var(--line))}
.layout-option.selected .layout-preview .lp-avatar{background:var(--preview-primary,var(--accent))}
.layout-option.selected .layout-preview .lp-handle{background:var(--preview-secondary,var(--accent))}
.layout-option.selected .layout-preview .lp-links b{background:var(--preview-surface,var(--surface))}
.layout-option.selected .layout-preview .lp-links b:before{background:color-mix(in srgb,var(--preview-primary,var(--accent)) 16%,var(--preview-surface,var(--surface)))}
.layout-option.selected .preview-5 .lp-hero{background:var(--preview-primary,var(--accent))}
.layout-option.selected .preview-6 .lp-cover,.layout-option.selected .preview-6 .lp-avatar{background:var(--preview-primary,#1877f2)}
.layout-option.selected .preview-6 .lp-handle{background:var(--preview-primary,#1877f2)}
.layout-option.selected .preview-7 .lp-avatar,.layout-option.selected .preview-7 .lp-yt-tabs i:first-child{background:var(--preview-primary,#ff0000)}
.layout-option.selected .preview-7 .lp-links b:before{background:color-mix(in srgb,var(--preview-primary,#ff0000) 16%,#fff)}
.layout-option.selected .preview-8 .lp-cover,.layout-option.selected .preview-8 .lp-avatar{background:var(--preview-primary,#0a66c2)}
.layout-option.selected .preview-9 .lp-x-tabs i:first-child{background:var(--preview-secondary,#1d9bf0)}
.layout-option.selected .preview-9 .lp-avatar{background:var(--preview-primary,#0f1419)}
.layout-option.selected .preview-10{background:linear-gradient(145deg,var(--preview-light-bg,#fff) 55%,color-mix(in srgb,var(--preview-primary,#d62976) 8%,var(--preview-light-bg,#fff)))}
.layout-option.selected .preview-10 .lp-links b{background:linear-gradient(135deg,var(--preview-primary,#d62976),var(--preview-secondary,#4f5bd5))}

@media(max-width:900px){.palette-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.palette-editor-grid{grid-template-columns:1fr}.layout-palette-actions{justify-content:flex-start}.layout-reset-colors{width:auto}}

/* Conteúdos do bio: links, imagens, vídeos e carrosséis — v1.1.12 */
.content-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;scroll-margin-top:90px}
.content-type-card{display:flex;align-items:center;gap:12px;min-height:92px;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);transition:border-color .18s ease,transform .18s ease,background-color .18s ease}
.content-type-card:hover{border-color:var(--accent);transform:translateY(-2px);background:var(--accent-soft)}
.content-type-card>span{width:42px;height:42px;flex:0 0 42px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;color:var(--accent);font-size:18px}
.content-type-card>div{min-width:0;flex:1}.content-type-card strong,.content-type-card small{display:block}.content-type-card strong{font-size:11px}.content-type-card small{font-size:9px;color:var(--muted);line-height:1.45;margin-top:4px}.content-type-card>i{color:var(--muted);font-size:14px}
.card-head-sub{display:block;color:var(--muted);font-size:9px;margin-top:4px;font-weight:400}
.check-line{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:18px}.check-line input{width:auto;margin:0}
.content-form-card{max-width:980px}
.content-form-intro{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);margin-bottom:18px}
.content-form-intro .content-form-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:18px}.content-form-intro strong,.content-form-intro small{display:block}.content-form-intro strong{font-size:11px}.content-form-intro small{font-size:9px;color:var(--muted);line-height:1.5;margin-top:3px}
.field-optional{font-size:8px;color:var(--muted);font-weight:400}.field-help{display:block;font-size:8px;color:var(--muted);font-weight:400;margin-top:5px;line-height:1.5}
.current-media{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-size:9px;color:var(--muted)}.current-media img{width:82px;height:54px;object-fit:cover;border-radius:7px;border:1px solid var(--line)}.video-current i{font-size:24px;color:var(--accent)}
.products-builder{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.products-builder-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.products-builder-head strong,.products-builder-head small{display:block}.products-builder-head strong{font-size:11px}.products-builder-head small{font-size:9px;color:var(--muted);margin-top:3px;line-height:1.5}
#productRows{display:grid;gap:12px}.product-editor-row{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface-2)}.product-editor-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.product-editor-top strong{font-size:10px}.product-editor-grid{display:grid;grid-template-columns:1.3fr .7fr 1.4fr .45fr;gap:10px;align-items:start}.product-image-field{grid-column:1/-1}.product-current-image{display:flex;align-items:center;gap:8px;margin-top:8px}.product-current-image img{width:64px;height:48px;object-fit:cover;border-radius:7px;border:1px solid var(--line)}.product-current-image small{font-size:8px;color:var(--muted)}
.content-list-card{margin-top:4px}.empty-table{text-align:center;padding:30px;color:var(--muted)}.content-title small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.content-row-icon{width:34px;height:34px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center;flex:0 0 34px}.content-row-icon i{font-size:15px!important}.content-type-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;background:var(--surface-2);color:var(--text);font-size:9px;white-space:nowrap}.content-type-badge i{color:var(--accent)}
@media(max-width:1100px){.content-types{grid-template-columns:repeat(2,minmax(0,1fr))}.product-editor-grid{grid-template-columns:1fr 1fr}.product-url-field{grid-column:1/-1}}
@media(max-width:640px){.content-types{grid-template-columns:1fr}.content-type-card{min-height:82px}.products-builder-head{align-items:stretch;flex-direction:column}.products-builder-head .btn{width:100%}.product-editor-grid{grid-template-columns:1fr}.product-url-field,.product-image-field{grid-column:auto}.content-active{margin-top:5px}.content-list-card .card-body{padding:0}.content-list-card table{min-width:760px}}

/* Integrações e novos blocos — v1.1.18 */
.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.integration-card{min-width:0}.integration-heading{display:flex;align-items:center;gap:10px}.integration-logo{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);font-size:18px}.integration-logo.google{color:#4285f4}.integration-logo.instagram{color:#d62976}.integration-note{display:flex;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);margin-bottom:16px}.integration-note>i{color:var(--accent);font-size:16px;margin-top:2px}.integration-note strong,.integration-note small{display:block}.integration-note strong{font-size:10px}.integration-note small{font-size:8px;color:var(--muted);line-height:1.55;margin-top:3px}.integration-copy-label{display:block;font-size:9px;font-weight:600;margin-bottom:6px}.copy-field{display:flex;gap:8px;margin-bottom:16px}.copy-field input{flex:1;min-width:0}.integration-form{display:grid;gap:12px}.integration-form>.btn,.integration-form>a.btn{justify-self:start}.integration-divider{border-top:1px solid var(--line);margin:18px 0}.integration-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.integration-actions form{margin:0}.danger-soft{background:var(--danger-soft,#fff1f2);color:var(--danger,#b42318);border:1px solid color-mix(in srgb,var(--danger,#b42318) 25%,var(--line))}.location-select-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:16px}.location-select-form label{margin:0}.connected-business{display:flex;gap:11px;align-items:flex-start;margin-top:16px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.connected-business>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.connected-business strong,.connected-business small,.connected-business em{display:block}.connected-business strong{font-size:10px}.connected-business small{font-size:8px;color:var(--muted);margin-top:3px}.connected-business em{font-size:8px;color:var(--muted);font-style:normal;margin-top:5px}.instagram-mini-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:16px}.instagram-mini-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px;border:1px solid var(--line)}.integration-inline-status{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.integration-inline-status>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:16px}.integration-inline-status>div{flex:1;min-width:0}.integration-inline-status strong,.integration-inline-status small{display:block}.integration-inline-status strong{font-size:10px}.integration-inline-status small{font-size:8px;color:var(--muted);margin-top:3px;line-height:1.45}.integration-inline-status .btn{flex:0 0 auto}.content-types{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1050px){.integration-grid{grid-template-columns:1fr}.content-types{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.content-types{grid-template-columns:1fr}.location-select-form{grid-template-columns:1fr}.copy-field{flex-direction:column}.integration-inline-status{align-items:flex-start;flex-wrap:wrap}.integration-inline-status .btn{width:100%}.instagram-mini-grid{grid-template-columns:repeat(3,1fr)}}
.integration-warning{display:flex;gap:9px;align-items:flex-start;margin-top:14px;padding:11px;border:1px solid color-mix(in srgb,#d97706 30%,var(--line));border-radius:10px;background:color-mix(in srgb,#f59e0b 8%,var(--surface));color:var(--text)}.integration-warning>i{color:#d97706}.integration-warning strong,.integration-warning small{display:block}.integration-warning strong{font-size:9px}.integration-warning small{font-size:8px;color:var(--muted);margin-top:3px;line-height:1.45}

.google-oneclick{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);margin-bottom:14px}.google-oneclick-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:11px;background:#fff;border:1px solid var(--line);color:#4285f4;font-size:19px}.google-oneclick strong,.google-oneclick small{display:block}.google-oneclick strong{font-size:11px}.google-oneclick small{font-size:8px;line-height:1.6;color:var(--muted);margin-top:4px}.google-connect-button{min-height:42px}.google-business-main{margin-top:0}.google-business-main>span{background:#e8f0fe;color:#4285f4}

.instagram-stat-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.switch-line{display:flex!important;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);cursor:pointer}.switch-line>span{flex:1;min-width:0}.switch-line strong,.switch-line small{display:block}.switch-line strong{font-size:10px}.switch-line small{font-size:8px;color:var(--muted);line-height:1.4;margin-top:3px}.switch-line input{position:absolute;opacity:0;pointer-events:none}.switch-line>i{width:36px;height:20px;border-radius:999px;background:var(--line);position:relative;flex:0 0 auto;transition:.2s}.switch-line>i:after{content:'';position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch-line input:checked+i{background:var(--accent)}.switch-line input:checked+i:after{transform:translateX(16px)}.instagram-sync-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.instagram-sync-stats span{text-align:center;padding:10px 8px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.instagram-sync-stats strong,.instagram-sync-stats small{display:block}.instagram-sync-stats strong{font-size:12px}.instagram-sync-stats small{font-size:8px;color:var(--muted);margin-top:2px}@media(max-width:640px){.instagram-stat-options{grid-template-columns:1fr}}

.google-oauth-settings{scroll-margin-top:86px}.google-oauth-settings .card-head{align-items:center}.google-oauth-settings .integration-form{margin-top:14px}.integration-warning{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #f3c969;border-radius:10px;background:color-mix(in srgb,#f59e0b 9%,var(--surface));color:var(--text)}.integration-warning>i{color:#d97706;margin-top:2px}.integration-warning strong,.integration-warning small{display:block}.integration-warning strong{font-size:9px}.integration-warning small{font-size:8px;color:var(--muted);line-height:1.55;margin-top:3px}

/* Google OAuth editável diretamente em Integrações */
.google-oauth-inline{margin-top:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;scroll-margin-top:86px}
.google-oauth-inline>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;background:var(--surface-2);user-select:none}
.google-oauth-inline>summary::-webkit-details-marker{display:none}
.google-oauth-inline>summary>span:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;min-width:0}
.google-oauth-inline>summary>span:first-child>i{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e8f0fe;color:#4285f4;font-size:14px}
.google-oauth-inline>summary strong{font-size:9px;color:var(--text)}
.google-oauth-inline>summary small{font-size:7.5px;color:var(--muted);line-height:1.45;margin-top:2px}
.google-oauth-inline[open]>summary{border-bottom:1px solid var(--line)}
.google-oauth-inline-body{padding:15px}
.oauth-editor-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
@media(max-width:640px){.google-oauth-inline>summary{align-items:flex-start;flex-direction:column}.google-oauth-inline>summary>.badge{margin-left:39px}.copy-field{flex-direction:column}.copy-field .btn{width:100%}.oauth-editor-actions>.btn,.oauth-editor-actions>a.btn{width:100%;justify-content:center}}

/* Google Places API (New) */
.google-place-results{margin-top:18px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.google-place-results-head{padding:14px 16px;background:var(--surface-soft);border-bottom:1px solid var(--line)}.google-place-results-head strong,.google-place-results-head small{display:block}.google-place-results-head small{margin-top:3px;color:var(--muted);font-size:11px}.google-place-result{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line)}.google-place-result:last-child{border-bottom:0}.google-place-result>div{min-width:0}.google-place-result strong,.google-place-result small{display:block}.google-place-result strong{font-size:13px}.google-place-result small{font-size:11px;color:var(--muted);margin-top:4px}.google-place-result form{flex:0 0 auto}.google-place-search{margin-top:16px}.google-remove-key{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.google-business-main em .bi-star-fill{color:#f59e0b}@media(max-width:640px){.google-place-result{align-items:flex-start;flex-direction:column}.google-place-result form,.google-place-result .btn{width:100%}}

/* Google gratuito/manual — v1.1.27 */
.google-manual-form{margin-top:16px}.google-manual-form textarea{resize:vertical;min-height:86px}.google-manual-form .optional{font-weight:400;color:var(--muted);font-size:11px}.google-simple-card .connected-business{margin-top:16px}.google-simple-card .integration-actions>a.btn{display:inline-flex}

/* Google gratuito — editor de avaliações manuais v1.1.29 */
.manual-reviews-builder{margin-top:4px;padding-top:16px;border-top:1px solid var(--line)}
.manual-reviews-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.manual-reviews-head>div{min-width:0}.manual-reviews-head strong,.manual-reviews-head small{display:block}.manual-reviews-head strong{font-size:11px}.manual-reviews-head small{font-size:8px;color:var(--muted);line-height:1.5;margin-top:3px}
#googleReviewRows{display:grid;gap:12px}.google-review-editor-row{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface-2)}
.google-review-editor-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.google-review-editor-top strong{font-size:10px}
.google-review-editor-grid{display:grid;grid-template-columns:1.2fr .55fr .9fr;gap:10px}.google-review-editor-grid .full{grid-column:1/-1}
@media(max-width:720px){.manual-reviews-head{align-items:stretch;flex-direction:column}.manual-reviews-head .btn{width:100%}.google-review-editor-grid{grid-template-columns:1fr}.google-review-editor-grid .full{grid-column:auto}}


/* Login do cliente no mesmo estilo da home azul (v1.3.8) */
.auth-body.auth-split{padding:26px;min-height:100vh;background:linear-gradient(135deg,#0f67f2 0%,#0958d9 48%,#0d4ec5 100%)}
.auth-body.auth-split .auth-theme{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24);color:#fff;box-shadow:none;backdrop-filter:blur(8px)}
.auth-body.auth-split .auth-theme:hover{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.2)}
.auth-shell{width:min(1380px,100%);min-height:calc(100vh - 52px);margin:0 auto;display:grid;grid-template-columns:minmax(420px,.95fr) minmax(390px,.75fr);align-items:center;gap:40px}
.auth-hero-panel{padding:28px 24px 28px 6px;color:#fff}
.auth-brand-line{display:flex;align-items:center;gap:16px;margin-bottom:44px}
.auth-brand-icon{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.2);font-size:30px;box-shadow:0 12px 25px rgba(5,27,74,.18)}
.auth-brand-line strong,.auth-brand-line small{display:block;color:#fff}
.auth-brand-line strong{font-size:28px;line-height:1.1;letter-spacing:-.03em}
.auth-brand-line small{font-size:12px;opacity:.82;margin-top:4px}
.auth-copy{max-width:580px}
.auth-kicker{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}
.auth-copy h1{margin:0 0 16px;font-size:clamp(34px,3.5vw,56px);line-height:1.08;letter-spacing:-.045em;color:#fff;max-width:620px}
.auth-copy p{margin:0;color:rgba(255,255,255,.86);font-size:16px;line-height:1.72;max-width:560px}
.auth-highlights{display:grid;gap:16px;margin-top:28px;max-width:540px}
.auth-highlight{display:flex;align-items:flex-start;gap:15px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}
.auth-highlight span{width:50px;height:50px;flex:0 0 50px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.12);font-size:20px;color:#fff}
.auth-highlight strong,.auth-highlight small{display:block;color:#fff}
.auth-highlight strong{font-size:14px;line-height:1.3;margin-bottom:4px}
.auth-highlight small{font-size:11.5px;line-height:1.6;opacity:.84}
.auth-login-box{width:min(460px,100%);margin:0 0 0 auto;padding:34px 32px;border-radius:22px;border:1px solid rgba(230,236,244,.95);box-shadow:0 18px 46px rgba(10,39,89,.16)}
.auth-login-mark{width:58px;height:58px;border-radius:16px;margin-bottom:18px;background:linear-gradient(145deg,#1677fa,#0862ed);font-size:28px}
.auth-login-box h2{margin:0 0 8px;font-size:30px;line-height:1.08;letter-spacing:-.04em}
.auth-login-box .muted{font-size:13px;line-height:1.6;color:#6d80a0}
.auth-login-box form{margin-top:22px}
.auth-login-box label{font-size:12px;font-weight:600;margin-bottom:14px}
.auth-login-box input{height:50px;border-radius:12px;padding:0 14px;margin-top:8px}
.auth-login-box .full-btn{height:52px;margin-top:16px;border-radius:12px;font-size:13px;background:linear-gradient(145deg,#1677fa,#0862ed)}
.auth-alt-link{display:block;text-align:center;margin-top:18px;text-decoration:none;font-size:12px;font-weight:500;color:#5f7599}
.auth-alt-link:hover{color:var(--blue)}
html[data-theme="dark"] .auth-body.auth-split{background:linear-gradient(135deg,#0a3a85 0%,#0b2f6e 48%,#081f4b 100%)}
html[data-theme="dark"] .auth-login-box{background:rgba(17,29,43,.96);border-color:#243446;box-shadow:none}
html[data-theme="dark"] .auth-login-box .muted,html[data-theme="dark"] .auth-alt-link{color:#91a2b4}
html[data-theme="dark"] .auth-login-box input{background:#111d2b}
@media(max-width:1080px){
  .auth-shell{grid-template-columns:1fr;gap:24px;align-items:start}
  .auth-hero-panel{padding:14px 0 0}
  .auth-brand-line{margin-bottom:28px}
  .auth-login-box{margin:0;max-width:560px}
}
@media(max-width:760px){
  .auth-body.auth-split{padding:18px}
  .auth-shell{min-height:calc(100vh - 36px)}
  .auth-copy h1{font-size:32px}
  .auth-copy p{font-size:13px}
  .auth-highlights{gap:12px;margin-top:20px}
  .auth-highlight{padding:14px}
  .auth-login-box{padding:26px 20px;border-radius:18px}
  .auth-login-box h2{font-size:26px}
  .auth-brand-line strong{font-size:24px}
}

/* Login cliente: mantém o layout original e altera somente fundo/botões (v1.3.9) */
.auth-body.client-login{background:linear-gradient(135deg,#0f67f2 0%,#0958d9 52%,#0d4ec5 100%)}
.auth-body.client-login .auth-box{background:var(--surface);border-color:var(--line)}
.auth-body.client-login .btn.primary{background:#1670f8;color:#fff}
.auth-body.client-login .btn.primary:hover{background:#075fe9}
.auth-body.client-login .auth-theme{background:#fff;color:#1670f8;border-color:rgba(255,255,255,.7)}
.auth-body.client-login .auth-theme:hover{background:#f4f8ff;color:#075fe9;border-color:#fff}
html[data-theme="dark"] .auth-body.client-login{background:linear-gradient(135deg,#0a3a85 0%,#0b2f6e 52%,#081f4b 100%)}
html[data-theme="dark"] .auth-body.client-login .auth-theme{background:var(--surface);color:#9fc5ff;border-color:var(--line)}


/* Login do cliente com logo no topo e sem botão de tema (v1.3.15) */
.client-login{display:grid;place-items:center}
.client-login .auth-box{width:min(420px,100%);margin:0 auto;padding:18px 22px 16px;border-radius:14px}
.auth-login-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;text-align:center}
.auth-login-logo-icon{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#1677fa,#0862ed);color:#fff;font-size:27px;box-shadow:0 8px 18px rgba(10,58,145,.16)}
.auth-login-logo-image{display:block;max-width:210px;max-height:72px;width:auto;height:auto;object-fit:contain;margin:0 auto}
.auth-login-logo strong{font-size:25px;line-height:1.08;letter-spacing:-.03em;color:var(--text)}
.client-login .auth-box h1{text-align:center;margin:0 0 4px}
.client-login .auth-box .muted{text-align:center;font-size:12px;line-height:1.55}
.client-login .auth-box form{margin-top:16px}
.client-login .auth-box label{margin-bottom:10px}
.client-login .auth-box input{margin-top:6px}
.client-login .auth-box .full-btn{margin-top:12px}
.client-login .auth-box .brand-mark{display:none}
@media(max-width:480px){
  .client-login .auth-box{padding:16px 18px 14px}
  .auth-login-logo{margin-bottom:8px}
  .auth-login-logo-icon{width:50px;height:50px;font-size:23px}
  .auth-login-logo strong{font-size:21px}
  .client-login .auth-box form{margin-top:14px}
}


/* v1.3.13 - reduz somente a altura externa do card de login */
.client-login .auth-box{padding:8px 30px}
@media(max-width:480px){
  .client-login .auth-box{padding:8px 22px}
}

/* v1.3.14: card externo do login mais baixo, sem alterar os componentes internos */
.client-login .auth-box{height:auto!important;min-height:0!important;max-height:none!important}

@media(max-width:620px){.icon-btn.topbar-copy-link{width:40px;min-width:40px;padding:0;display:grid}.topbar-copy-link span{display:none}}

/* Branding da plataforma */
.branding-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.branding-upload-card{display:block;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.branding-upload-title{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.branding-preview{height:100px;border:1px dashed var(--line);border-radius:10px;background:var(--surface);display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;margin-bottom:12px;color:var(--muted);overflow:hidden}.branding-preview img{max-width:100%;max-height:72px;width:auto;height:auto;object-fit:contain}.branding-preview i{font-size:24px;color:var(--accent)}.branding-preview small{font-size:9px}.branding-upload-card>input[type=file]{margin-top:0}.branding-upload-card>small{display:block;color:var(--muted);font-size:9px;line-height:1.5;margin-top:7px}.branding-remove{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:9px;color:var(--muted)}.branding-remove input{width:auto;margin:0}.panel-preview{background:var(--sidebar)}
@media(max-width:700px){.branding-upload-grid{grid-template-columns:1fr}.side-brand-custom img{max-width:160px}}


/* Loja de extensões - v1.3.28 */
.extension-admin-grid,.client-extension-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.extension-admin-card,.client-extension-card{padding:18px;display:flex;flex-direction:column;min-height:220px}
.extension-card-top{display:flex;align-items:flex-start;gap:12px}.extension-icon{width:46px;height:46px;flex:0 0 46px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:20px}.extension-card-copy{flex:1;min-width:0}.extension-title-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.extension-title-line h3{margin:1px 0 2px;font-size:14px;line-height:1.35}.extension-card-copy>small{display:block;color:var(--muted);font-size:11px}.extension-admin-card>p,.client-extension-card>p{color:var(--muted);font-size:12px;line-height:1.6;margin:14px 0 16px;flex:1}.extension-meta{display:flex;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.extension-meta span{display:inline-flex;align-items:center;gap:5px}.extension-card-actions,.extension-client-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.extension-card-actions form,.extension-client-actions form{margin:0}.extension-card-actions .btn,.extension-client-actions .btn{min-height:36px;padding:8px 11px}.extension-installed-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;background:rgba(37,166,106,.1);color:var(--green);font-size:10px;font-weight:600;white-space:nowrap}.client-extension-card.installed{border-color:color-mix(in srgb,var(--green) 28%,var(--line))}.extension-empty{grid-column:1/-1;padding:38px;text-align:center;align-items:center}.extension-empty>i{font-size:32px;color:var(--accent);display:block;margin-bottom:10px}.extension-empty h3{font-size:15px;margin:0 0 5px}.extension-empty p{font-size:10px;color:var(--muted);margin:0 0 15px}.favicon-preview img{width:64px;height:64px;object-fit:contain}
@media(max-width:1100px){.extension-admin-grid,.client-extension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.branding-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.extension-admin-grid,.client-extension-grid,.branding-upload-grid{grid-template-columns:1fr}.extension-title-line{align-items:flex-start;flex-direction:column}}

/* Chat privado Master ↔ cliente */
.nav-chat-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:#16a34a;color:#fff;font-size:9px;font-weight:700}.topbar-chat-link{position:relative;text-decoration:none}.topbar-chat-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#ef4444;color:#fff;border:2px solid var(--surface,#fff);font-size:8px;font-weight:700}.client-support-card{overflow:hidden;padding:0;min-height:620px;display:grid;grid-template-rows:auto minmax(420px,1fr) auto}.client-support-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--surface)}.client-support-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e9f7ef;color:#169b62;font-size:19px}.client-support-head>div:nth-child(2){min-width:0;flex:1}.client-support-head strong,.client-support-head small{display:block}.client-support-head strong{font-size:13px}.client-support-head small{margin-top:3px;color:var(--muted);font-size:9px}.client-support-online{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#effaf4;color:#168653;font-size:9px;font-weight:600}.client-support-online i{width:7px;height:7px;border-radius:50%;background:#22c55e}.client-support-messages{min-height:420px;max-height:60vh;overflow:auto;padding:24px clamp(16px,4vw,48px);background-color:#efeae2;background-image:linear-gradient(45deg,rgba(255,255,255,.18) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.18) 25%,transparent 25%);background-size:40px 40px}.support-msg{display:flex;margin:5px 0}.support-msg.client{justify-content:flex-end}.support-bubble{max-width:min(680px,78%);padding:9px 11px 7px;border-radius:9px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.08);font-size:10px;line-height:1.55;word-break:break-word}.support-msg.client .support-bubble{background:#d9fdd3}.support-bubble time{float:right;margin-left:10px;color:#667781;font-size:8px;line-height:17px}.client-support-compose{display:flex;align-items:flex-end;gap:10px;padding:12px 14px;border-top:1px solid var(--line);background:var(--surface)}.client-support-compose textarea{flex:1;min-height:44px;max-height:120px;resize:none;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:12px 14px;outline:none;font-family:inherit;font-size:10px;line-height:1.5}.client-support-compose textarea:focus{border-color:#0f6df4}.client-support-compose .btn{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;gap:7px}.support-chat-empty,.support-chat-loading{height:100%;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#667781}.support-chat-empty i{font-size:42px;color:#00a884;margin-bottom:12px}.support-chat-empty strong{font-size:14px;color:#41525d}.support-chat-empty span{margin-top:6px;max-width:360px;font-size:9px;line-height:1.6}.support-chat-loading span{width:26px;height:26px;border:2px solid #d9dfe2;border-top-color:#00a884;border-radius:50%;animation:supportSpin .8s linear infinite}.support-chat-loading small{margin-top:9px;font-size:9px}@keyframes supportSpin{to{transform:rotate(360deg)}}
@media(max-width:700px){.client-support-card{min-height:calc(100vh - 210px)}.client-support-head{padding:13px}.client-support-online{display:none}.client-support-messages{max-height:none;padding:18px 12px}.support-bubble{max-width:88%}.client-support-compose{padding:9px}.client-support-compose .btn span{display:none}.client-support-compose .btn{width:44px;padding:0;justify-content:center}.topbar-chat-link{display:grid!important}}

/* Faturas / Mercado Pago */
.billing-welcome .badge{display:inline-flex;align-items:center;gap:7px}.billing-expired-banner{display:flex;gap:16px;align-items:flex-start;background:#fff8e8;border:1px solid #f5d48a;border-radius:16px;padding:18px 20px;margin-bottom:18px}.billing-expired-icon{width:46px;height:46px;border-radius:13px;background:#fff1c7;color:#9a6700;display:grid;place-items:center;font-size:20px;flex:none}.billing-expired-banner strong{font-size:15px}.billing-expired-banner p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.billing-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.billing-summary{padding:18px;display:flex;gap:13px;align-items:center}.billing-summary>span{width:42px;height:42px;border-radius:12px;background:var(--soft);display:grid;place-items:center;font-size:18px;color:var(--primary)}.billing-summary div{display:grid;gap:2px}.billing-summary small{color:var(--muted);font-size:10px}.billing-summary strong{font-size:18px}.billing-checkout-card{margin-bottom:18px}.billing-checkout-total{font-size:22px;color:var(--primary)}.billing-secure-note{display:flex;align-items:flex-start;gap:12px;background:var(--soft);border-radius:13px;padding:14px;margin-bottom:18px}.billing-secure-note>i{font-size:22px;color:var(--primary)}.billing-secure-note div{display:grid;gap:3px}.billing-secure-note strong{font-size:12px}.billing-secure-note small{font-size:10px;color:var(--muted);line-height:1.5}.billing-payment-result{margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:15px}.billing-payment-result.success{background:#effbf3;border-color:#b7e3c4}.billing-payment-result.pending{background:#fff9e9;border-color:#efd897}.billing-payment-result.danger{background:#fff1f1;border-color:#f1bcbc}.billing-result-head{display:flex;gap:11px;align-items:flex-start}.billing-result-head>i{font-size:21px}.billing-result-head div{display:grid;gap:3px}.billing-result-head strong{font-size:13px}.billing-result-head small{font-size:10px;color:var(--muted);line-height:1.5}.billing-pix-result{margin-top:16px;display:grid;justify-items:center;gap:12px}.billing-pix-result img{width:min(220px,100%);border:8px solid #fff;border-radius:12px}.billing-pix-result textarea{width:100%;min-height:76px;resize:none;border:1px solid var(--line);border-radius:10px;padding:10px;font:10px/1.45 Poppins,sans-serif;background:var(--surface);color:var(--text)}.billing-tabs{display:flex;gap:8px;margin:0 0 12px}.billing-tabs a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--muted);border:1px solid var(--line);background:var(--surface);padding:9px 13px;border-radius:10px;font-size:11px;font-weight:600}.billing-tabs a.active{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,var(--line));background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.billing-tabs a span{min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--soft);display:grid;place-items:center;font-size:9px}.billing-table td>small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.billing-status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;font-size:9px;font-weight:700}.billing-status.paid{background:#e9f8ee;color:#17783a}.billing-status.pending{background:#eef5ff;color:#215da8}.billing-status.overdue{background:#fff0e9;color:#a94312}.billing-empty{text-align:center!important;padding:38px!important;color:var(--muted)}.billing-empty i{display:block;font-size:27px;margin-bottom:8px}.billing-empty strong,.billing-empty small{display:block}.billing-pay-btn{white-space:nowrap}#paymentBrick_container{min-height:120px}.billing-checkout-card .mp-checkout-bricks__payment-form{font-family:Poppins,sans-serif!important}.billing-expired-copy{flex:1}.billing-expired-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.billing-plan-picker{margin-bottom:18px}.billing-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.billing-plan-option{display:flex;flex-direction:column;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--surface)}.billing-plan-kicker{font-size:8px;font-weight:700;letter-spacing:.1em;color:var(--primary)}.billing-plan-option h4{margin:4px 0 7px;font-size:15px}.billing-plan-option>div>strong{font-size:21px;color:var(--text)}.billing-plan-option>div>strong small{font-size:9px;color:var(--muted);font-weight:500}.billing-plan-option ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:7px}.billing-plan-option li{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.billing-plan-option li i{color:#17783a}
@media(max-width:800px){.billing-summary-grid{grid-template-columns:1fr}.billing-plan-grid{grid-template-columns:1fr}.billing-expired-banner{flex-direction:column}.billing-tabs{overflow:auto}.billing-checkout-total{font-size:18px}.billing-table .billing-pay-btn{padding:8px 10px;font-size:10px}}

/* v1.3.36 - Chat do cliente flutuante/minimizável em todo o painel */
.nav-chat-badge{background:#facc15!important;color:#513b00!important}
.topbar-chat-badge{background:#facc15!important;color:#513b00!important;border-color:var(--surface,#fff)!important}
.client-support-float{position:relative;z-index:9999;font-family:Poppins,Arial,sans-serif}
.client-support-dock{position:fixed;right:24px;bottom:18px;z-index:9999;width:270px;min-height:56px;border:1px solid var(--line,#dfe5ec);border-radius:14px;background:var(--surface,#fff);color:var(--text,#172033);display:flex;align-items:center;gap:10px;padding:8px 11px;cursor:pointer;text-align:left;box-shadow:0 12px 34px rgba(15,23,42,.16)}
.client-support-dock:hover{border-color:#bdd4f6}
.client-support-dock-avatar,.client-support-float-avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#0f6df4;color:#fff}
.client-support-dock-avatar{width:38px;height:38px;font-size:16px}
.client-support-dock-copy,.client-support-float-copy{min-width:0;flex:1}
.client-support-dock-copy strong,.client-support-dock-copy small,.client-support-float-copy strong,.client-support-float-copy small{display:block}
.client-support-dock-copy strong{font-size:11px;font-weight:600}
.client-support-dock-copy small{margin-top:2px;color:var(--muted,#667085);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-support-dock-badge{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#facc15;color:#513b00;display:grid;place-items:center;font-size:8px;font-weight:700}
.client-support-dock-arrow{font-size:12px;color:var(--muted,#667085)}
.client-support-window{position:fixed;right:24px;bottom:18px;z-index:10000;width:min(370px,calc(100vw - 32px));height:min(540px,calc(100vh - 100px));overflow:hidden;border:1px solid #dbe3ec;border-radius:16px;background:#fff;grid-template-rows:auto minmax(0,1fr) auto;box-shadow:0 18px 55px rgba(15,23,42,.2);color:#172033;transform-origin:bottom right;animation:clientSupportIn .16s ease}
.client-support-window:not([hidden]){display:grid}
.client-support-float-head{min-height:68px;padding:10px 12px;display:flex;align-items:center;gap:10px;background:#0f6df4;color:#fff}
.client-support-float-avatar{width:42px;height:42px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.28);font-size:18px}
.client-support-float-copy strong{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-support-float-copy small{margin-top:2px;color:rgba(255,255,255,.84);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-support-minimize{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#fff;cursor:pointer;font-size:18px}
.client-support-minimize:hover{background:rgba(255,255,255,.14)}
.client-support-float-messages{min-height:0;overflow:auto;padding:15px 12px 18px;background:#f0f2f5}
.client-support-float .support-msg{display:flex;margin:6px 0}
.client-support-float .support-msg.client{justify-content:flex-end}
.client-support-float .support-bubble{max-width:84%;padding:8px 10px 6px;border:1px solid #e1e7ed;border-radius:12px;background:#fff;box-shadow:none;color:#243246;font-size:9.5px;line-height:1.5;word-break:break-word;white-space:pre-wrap}
.client-support-float .support-msg.client .support-bubble{background:#e9f3ff;border-color:#d5e7ff}
.client-support-float .support-bubble time{float:right;margin-left:9px;padding-top:3px;color:#7d8a99;font-size:7px;line-height:15px}
.client-support-float-compose{display:flex;align-items:flex-end;gap:8px;padding:9px 10px 10px;border-top:1px solid #e7ebf0;background:#fff}
.client-support-float-compose textarea{flex:1;min-height:40px;max-height:100px;resize:none;border:1px solid #dce4ec;border-radius:12px;background:#fff;color:#172033;padding:10px 11px;outline:none;font-family:inherit;font-size:9.5px;line-height:1.45}
.client-support-float-compose textarea:focus{border-color:#8fbbfa;box-shadow:0 0 0 3px rgba(15,109,244,.08)}
.client-support-float-compose button{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:50%;display:grid;place-items:center;background:#0f6df4;color:#fff;cursor:pointer;font-size:15px}
.client-support-float-compose button:disabled{opacity:.55;cursor:wait}
.client-support-float .support-chat-empty,.client-support-float .support-chat-loading{height:100%;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#667781;padding:18px}
.client-support-float .support-chat-empty i{font-size:34px;color:#0f6df4;margin-bottom:10px}
.client-support-float .support-chat-empty strong{font-size:12px;color:#344054}
.client-support-float .support-chat-empty span{margin-top:5px;max-width:285px;font-size:8.5px;line-height:1.55}
.client-support-float .support-chat-loading span{width:24px;height:24px;border:2px solid #d9dfe2;border-top-color:#0f6df4;border-radius:50%;animation:supportSpin .8s linear infinite}
.client-support-float .support-chat-loading small{margin-top:8px;font-size:8px}
@keyframes clientSupportIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:700px){.client-support-dock{right:12px;bottom:12px;width:238px}.client-support-window{left:8px;right:8px;bottom:8px;width:auto;height:min(610px,calc(100vh - 82px));border-radius:15px}.client-support-float-head{min-height:64px}.client-support-float-messages{padding:13px 10px 16px}.client-support-float .support-bubble{max-width:88%}}


/* v1.3.37 - notificações em tempo real e chamada de atenção */
.client-support-live-notice{position:fixed;right:24px;bottom:84px;z-index:10002;width:min(330px,calc(100vw - 32px));border:1px solid #d9e4f2;border-radius:14px;background:#fff;color:#172033;display:flex;align-items:center;gap:10px;padding:11px 12px;text-align:left;box-shadow:0 16px 42px rgba(15,23,42,.2);cursor:pointer;animation:supportNoticeIn .18s ease}
.client-support-live-notice[hidden]{display:none}.client-support-live-icon{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:#0f6df4;font-size:15px}.client-support-live-copy{min-width:0;flex:1}.client-support-live-copy strong,.client-support-live-copy small{display:block}.client-support-live-copy strong{font-size:10.5px}.client-support-live-copy small{margin-top:3px;color:#667085;font-size:8.5px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-support-live-notice>i{font-size:12px;color:#98a2b3}.client-support-live-notice.attention{border-color:#f0c84b;background:#fff9df}.client-support-live-notice.attention .client-support-live-icon{background:#facc15;color:#513b00}.client-support-dock.message-ring{animation:supportDockPulse 1s ease 2}.client-support-dock.attention-ring{animation:supportAttentionShake .55s ease 3;border-color:#facc15;box-shadow:0 0 0 5px rgba(250,204,21,.18),0 12px 34px rgba(15,23,42,.16)}
@keyframes supportNoticeIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes supportDockPulse{50%{box-shadow:0 0 0 6px rgba(15,109,244,.16),0 12px 34px rgba(15,23,42,.16)}}@keyframes supportAttentionShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(max-width:700px){.client-support-live-notice{right:12px;bottom:78px;width:min(300px,calc(100vw - 24px))}}

.client-support-inline-notice{position:absolute;left:12px;right:12px;top:76px;z-index:4;min-height:48px;border:1px solid #cfe0f7;border-radius:11px;background:#f5f9ff;color:#243246;display:flex;align-items:center;gap:9px;padding:9px 10px;box-shadow:0 9px 24px rgba(15,23,42,.13);animation:supportNoticeIn .18s ease}.client-support-inline-notice[hidden]{display:none}.client-support-inline-notice>i{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;background:#0f6df4;color:#fff;font-size:12px}.client-support-inline-notice span{min-width:0}.client-support-inline-notice strong,.client-support-inline-notice small{display:block}.client-support-inline-notice strong{font-size:9.5px}.client-support-inline-notice small{margin-top:2px;font-size:8px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-support-inline-notice.attention{background:#fff9df;border-color:#f0c84b}.client-support-inline-notice.attention>i{background:#facc15;color:#513b00}

/* Faturas do cliente - organização visual v1.3.40 */
.billing-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.billing-page-title{display:flex;align-items:center;gap:14px;min-width:0}.billing-page-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;flex:none;background:var(--accent-soft);color:var(--accent);font-size:21px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line))}.billing-page-title h2{margin:2px 0 4px;font-size:22px}.billing-page-title p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.billing-eyebrow{display:block;color:var(--accent);font-size:8px;font-weight:700;letter-spacing:.11em}.billing-head-security{display:flex;align-items:center;gap:10px;flex:none;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.billing-head-security>i{font-size:20px;color:var(--green)}.billing-head-security div{display:grid;gap:1px}.billing-head-security strong{font-size:10px}.billing-head-security small{font-size:8px;color:var(--muted)}
.billing-subscription-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:none}.billing-subscription-main{display:flex;align-items:stretch;gap:22px;min-width:0}.billing-subscription-plan,.billing-subscription-detail{display:grid;align-content:center;gap:3px;min-width:150px}.billing-subscription-plan>span,.billing-subscription-detail>span{font-size:8px;font-weight:700;letter-spacing:.08em;color:var(--muted)}.billing-subscription-plan>strong{font-size:17px}.billing-subscription-detail>strong{font-size:13px}.billing-subscription-plan>small,.billing-subscription-detail>small{font-size:8px;color:var(--muted)}.billing-subscription-divider{width:1px;background:var(--line);min-height:48px}.billing-account-status{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:4px 8px;border-radius:99px}.billing-account-status.active{background:#eaf8ef;color:#17783a}.billing-account-status.trial{background:#fff7db;color:#8b6500}.billing-account-status.overdue{background:#fff0e9;color:#a94312}.billing-change-plan{white-space:nowrap;flex:none}
.billing-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.billing-overview-card{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:none}.billing-overview-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none;font-size:17px}.billing-overview-card>div{display:grid;min-width:0;gap:1px}.billing-overview-card small{font-size:8px;color:var(--muted)}.billing-overview-card strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.billing-overview-card em{font-style:normal;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.billing-overview-card.pending .billing-overview-icon{background:#fff7db;color:#8b6500}.billing-overview-card.amount .billing-overview-icon{background:var(--accent-soft);color:var(--accent)}.billing-overview-card.due .billing-overview-icon{background:#f2efff;color:#6842c2}.billing-overview-card.paid .billing-overview-icon{background:#eaf8ef;color:#17783a}
.billing-plan-picker,.billing-checkout-card{box-shadow:none}.billing-section-close{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:var(--surface-2)}.billing-section-close:hover{color:var(--accent);border-color:var(--accent)}
.billing-checkout-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line)}.billing-checkout-heading{display:flex;align-items:center;gap:12px;min-width:0}.billing-back-link{width:36px;height:36px;display:grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text)}.billing-checkout-heading h3{margin:3px 0 5px;font-size:14px}.billing-checkout-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.billing-checkout-meta span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}.billing-checkout-value{text-align:right;flex:none}.billing-checkout-value small,.billing-checkout-value strong{display:block}.billing-checkout-value small{font-size:8px;color:var(--muted)}.billing-checkout-value strong{font-size:22px;color:var(--accent)}.billing-secure-note{align-items:center}.billing-secure-note>div{flex:1}.billing-secure-provider{display:inline-flex;align-items:center;gap:5px;flex:none;padding:6px 8px;border:1px solid var(--line);border-radius:8px;color:var(--green);font-size:8px;font-weight:600;background:var(--surface)}
.billing-list-section{border:1px solid var(--line);border-radius:13px;background:var(--surface);overflow:hidden;margin-bottom:18px}.billing-list-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border-bottom:1px solid var(--line)}.billing-list-head h3{font-size:14px;margin:2px 0 3px}.billing-list-head p{font-size:9px;color:var(--muted);margin:0}.billing-list-head .billing-tabs{margin:0}.billing-invoice-list{display:grid}.billing-invoice-row{display:grid;grid-template-columns:minmax(280px,1.7fr) minmax(105px,.55fr) minmax(105px,.55fr) minmax(95px,.5fr) auto;gap:16px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line);transition:background-color .15s ease}.billing-invoice-row:last-child{border-bottom:0}.billing-invoice-row:hover{background:var(--surface-2)}.billing-invoice-row.is-overdue{border-left:3px solid #e2a000;padding-left:15px}.billing-invoice-ident{display:flex;align-items:center;gap:11px;min-width:0}.billing-invoice-symbol{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);color:var(--accent);font-size:16px}.billing-invoice-ident>div{display:grid;min-width:0;gap:2px}.billing-invoice-ref{font-size:7px;font-weight:700;letter-spacing:.05em;color:var(--muted);text-transform:uppercase}.billing-invoice-ident strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.billing-invoice-ident small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.billing-invoice-date,.billing-invoice-amount{display:grid;gap:2px}.billing-invoice-date small,.billing-invoice-amount small{font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.billing-invoice-date strong,.billing-invoice-amount strong{font-size:10px}.billing-invoice-amount strong{font-size:12px}.billing-invoice-state{display:flex}.billing-invoice-action{display:flex;justify-content:flex-end}.billing-paid-confirm{display:inline-flex;align-items:center;gap:5px;color:var(--green);font-size:8px;font-weight:600;white-space:nowrap}.billing-empty-state{display:grid;justify-items:center;text-align:center;padding:40px 20px}.billing-empty-state>span{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);font-size:21px;margin-bottom:10px}.billing-empty-state strong{font-size:12px}.billing-empty-state p{margin:4px 0 0;max-width:360px;color:var(--muted);font-size:9px;line-height:1.6}.billing-status.pending{background:#fff7db;color:#8b6500}.billing-status.overdue{background:#fff0e9;color:#a94312}.billing-pay-btn{padding:9px 12px;font-size:9px;border-radius:8px}
html[data-theme="dark"] .billing-account-status.active{background:rgba(37,166,106,.14);color:#67d996}html[data-theme="dark"] .billing-account-status.trial,html[data-theme="dark"] .billing-status.pending{background:rgba(226,160,0,.14);color:#f1c24f}html[data-theme="dark"] .billing-account-status.overdue,html[data-theme="dark"] .billing-status.overdue{background:rgba(220,76,100,.13);color:#ef8295}html[data-theme="dark"] .billing-overview-card.pending .billing-overview-icon{background:rgba(226,160,0,.12);color:#f1c24f}html[data-theme="dark"] .billing-overview-card.paid .billing-overview-icon{background:rgba(37,166,106,.12);color:#67d996}
@media(max-width:1120px){.billing-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-subscription-main{gap:15px}.billing-subscription-plan,.billing-subscription-detail{min-width:120px}.billing-invoice-row{grid-template-columns:minmax(230px,1.6fr) 90px 95px 85px auto;gap:10px}}
@media(max-width:860px){.billing-page-head{align-items:flex-start}.billing-head-security{display:none}.billing-subscription-card{align-items:flex-start}.billing-subscription-main{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:12px}.billing-subscription-divider{display:none}.billing-subscription-plan,.billing-subscription-detail{min-width:0}.billing-invoice-row{grid-template-columns:1fr auto;gap:10px 14px}.billing-invoice-ident{grid-column:1/-1}.billing-invoice-date,.billing-invoice-amount{padding-left:49px}.billing-invoice-state{justify-content:flex-start;padding-left:49px}.billing-invoice-action{grid-column:2;grid-row:2/4;align-self:center}.billing-list-head{align-items:flex-start;flex-direction:column}.billing-list-head .billing-tabs{width:100%}.billing-tabs a{flex:1;justify-content:center}}
@media(max-width:620px){.billing-page-title{align-items:flex-start}.billing-page-icon{width:42px;height:42px;font-size:18px}.billing-page-title h2{font-size:18px}.billing-subscription-card{flex-direction:column}.billing-subscription-main{grid-template-columns:1fr;gap:12px}.billing-subscription-plan,.billing-subscription-detail{padding-bottom:10px;border-bottom:1px solid var(--line)}.billing-subscription-detail:last-child{padding-bottom:0;border-bottom:0}.billing-change-plan{width:100%}.billing-overview-grid{grid-template-columns:1fr}.billing-checkout-head{align-items:flex-start}.billing-checkout-value strong{font-size:18px}.billing-checkout-meta{display:grid;gap:3px}.billing-secure-note{align-items:flex-start}.billing-secure-provider{display:none}.billing-invoice-row{display:grid;grid-template-columns:1fr;padding:14px}.billing-invoice-row.is-overdue{padding-left:11px}.billing-invoice-ident,.billing-invoice-date,.billing-invoice-amount,.billing-invoice-state,.billing-invoice-action{grid-column:1;padding-left:0}.billing-invoice-date,.billing-invoice-amount{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed var(--line);padding-top:8px}.billing-invoice-action{grid-row:auto}.billing-invoice-action .billing-pay-btn{width:100%}.billing-paid-confirm{justify-content:center;width:100%;padding:8px;border-radius:8px;background:var(--surface-2)}}


/* v1.3.41 - Faturas no padrão visual de referência, com tipografia em tamanho normal */
.billing-page-head{margin-bottom:20px}
.billing-page-icon{width:50px;height:50px;border-radius:14px;font-size:22px}
.billing-page-title{gap:15px}
.billing-page-title h2{font-size:24px;line-height:1.25;font-weight:600;margin:2px 0 4px}
.billing-page-title p{font-size:13px;line-height:1.55}
.billing-eyebrow{font-size:10px;letter-spacing:.08em}
.billing-head-security{padding:12px 14px;border-radius:12px;gap:11px}
.billing-head-security>i{font-size:22px}
.billing-head-security strong{font-size:12px;line-height:1.35}
.billing-head-security small{font-size:10px;line-height:1.4}

.billing-subscription-card{padding:20px 22px;border-radius:14px;margin-bottom:18px}
.billing-subscription-main{gap:24px}
.billing-subscription-plan,.billing-subscription-detail{gap:4px;min-width:170px}
.billing-subscription-plan>span,.billing-subscription-detail>span{font-size:10px;letter-spacing:.04em;text-transform:none;font-weight:500}
.billing-subscription-plan>strong{font-size:19px;line-height:1.35}
.billing-subscription-detail>strong{font-size:15px;line-height:1.35}
.billing-subscription-plan>small,.billing-subscription-detail>small{font-size:10px;line-height:1.45}
.billing-account-status{padding:5px 10px;font-size:12px;font-weight:600}
.billing-change-plan{font-size:12px;min-height:40px;padding:10px 14px}

.billing-expired-banner{padding:20px 22px;border-radius:14px;align-items:center}
.billing-expired-icon{width:50px;height:50px;font-size:22px}
.billing-expired-banner strong{font-size:17px;line-height:1.35}
.billing-expired-banner p{font-size:12px;line-height:1.55}
.billing-expired-actions .btn{font-size:12px;min-height:40px}

.billing-overview-grid{gap:14px;margin-bottom:20px}
.billing-overview-card{padding:18px;border-radius:13px;gap:13px;min-height:86px}
.billing-overview-icon{width:44px;height:44px;border-radius:12px;font-size:19px}
.billing-overview-card>div{gap:2px}
.billing-overview-card small{font-size:10px;line-height:1.35}
.billing-overview-card strong{font-size:20px;line-height:1.25}
.billing-overview-card em{font-size:10px;line-height:1.35}

.billing-checkout-head{padding:20px 22px}
.billing-back-link{width:40px;height:40px;border-radius:10px;font-size:17px}
.billing-checkout-heading{gap:13px}
.billing-checkout-heading h3{font-size:18px;line-height:1.35;margin:3px 0 6px}
.billing-checkout-meta{gap:14px}
.billing-checkout-meta span{font-size:10px;line-height:1.4}
.billing-checkout-value small{font-size:10px}
.billing-checkout-value strong{font-size:24px;line-height:1.2}
.billing-secure-note{padding:15px 16px;border-radius:12px}
.billing-secure-note strong{font-size:13px}
.billing-secure-note small{font-size:11px;line-height:1.5}
.billing-secure-provider{font-size:10px;padding:7px 10px}
.billing-payment-result{font-size:12px}
.billing-result-head strong{font-size:14px}
.billing-result-head small{font-size:11px}
.billing-pix-result textarea{font-size:12px}

.billing-plan-kicker{font-size:10px}
.billing-plan-option h4{font-size:17px}
.billing-plan-option>div>strong{font-size:23px}
.billing-plan-option>div>strong small{font-size:11px}
.billing-plan-option li{font-size:11px}

.billing-list-section{border-radius:14px;margin-bottom:20px}
.billing-list-head{padding:19px 20px}
.billing-list-head h3{font-size:17px;line-height:1.35;margin:2px 0 4px}
.billing-list-head p{font-size:11px;line-height:1.5}
.billing-tabs a{font-size:11px;padding:10px 14px;min-height:38px}
.billing-tabs a span{font-size:10px}
.billing-invoice-row{padding:17px 20px;gap:18px;grid-template-columns:minmax(300px,1.7fr) minmax(112px,.55fr) minmax(112px,.55fr) minmax(105px,.5fr) auto}
.billing-invoice-row.is-overdue{padding-left:17px}
.billing-invoice-ident{gap:12px}
.billing-invoice-symbol{width:42px;height:42px;border-radius:11px;font-size:18px}
.billing-invoice-ident>div{gap:3px}
.billing-invoice-ref{font-size:9px;letter-spacing:.04em}
.billing-invoice-ident strong{font-size:12px;line-height:1.4}
.billing-invoice-ident small{font-size:10px;line-height:1.4}
.billing-invoice-date,.billing-invoice-amount{gap:3px}
.billing-invoice-date small,.billing-invoice-amount small{font-size:9px;letter-spacing:.04em}
.billing-invoice-date strong{font-size:12px}
.billing-invoice-amount strong{font-size:14px}
.billing-status{font-size:10px;padding:6px 9px}
.billing-paid-confirm{font-size:10px}
.billing-pay-btn{font-size:11px;padding:10px 14px;min-height:38px}
.billing-empty-state strong{font-size:14px}
.billing-empty-state p{font-size:11px}

@media(max-width:1120px){
  .billing-subscription-plan,.billing-subscription-detail{min-width:140px}
  .billing-invoice-row{grid-template-columns:minmax(240px,1.5fr) 100px 100px 95px auto;gap:12px}
}
@media(max-width:860px){
  .billing-page-title h2{font-size:22px}
  .billing-subscription-main{grid-template-columns:repeat(3,minmax(0,1fr))}
  .billing-invoice-date,.billing-invoice-amount,.billing-invoice-state{padding-left:54px}
}
@media(max-width:620px){
  .billing-page-title h2{font-size:20px}
  .billing-page-title p{font-size:12px}
  .billing-subscription-plan>span,.billing-subscription-detail>span,.billing-overview-card small,.billing-overview-card em{font-size:10px}
  .billing-subscription-plan>small,.billing-subscription-detail>small{font-size:10px}
  .billing-overview-card strong{font-size:19px}
  .billing-checkout-heading h3{font-size:16px}
  .billing-checkout-value strong{font-size:21px}
  .billing-list-head h3{font-size:16px}
  .billing-invoice-row{padding:16px}
  .billing-invoice-row.is-overdue{padding-left:13px}
  .billing-invoice-ident strong{font-size:12px}
  .billing-invoice-ident small{font-size:10px}
  .billing-invoice-date strong,.billing-invoice-amount strong{font-size:12px}
  .billing-invoice-action .billing-pay-btn{font-size:12px}
}

/* Fatura automática exibida diretamente no painel após 2 dias completos de teste. */
.billing-panel-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;margin:0 0 22px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent) 5%,var(--surface));box-shadow:none}
.billing-panel-notice-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);font-size:20px}
.billing-panel-notice-copy{min-width:0}.billing-panel-notice-copy>span{display:block;margin-bottom:3px;color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.08em}.billing-panel-notice-copy strong{display:block;color:var(--text);font-size:14px}.billing-panel-notice-copy p{margin:3px 0 0;color:var(--muted);font-size:10px}
.billing-panel-notice-value{text-align:right}.billing-panel-notice-value small,.billing-panel-notice-value strong{display:block}.billing-panel-notice-value small{color:var(--muted);font-size:9px}.billing-panel-notice-value strong{margin-top:2px;color:var(--text);font-size:15px;white-space:nowrap}
@media(max-width:760px){.billing-panel-notice{grid-template-columns:auto 1fr}.billing-panel-notice-value{text-align:left;grid-column:2}.billing-panel-notice>.btn{grid-column:1/-1;width:100%;justify-content:center}}

/* Extensões instaláveis - v1.3.48 */
.extension-package-import{margin-bottom:18px}.extension-package-mark{width:44px;height:44px;border-radius:13px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:20px}.extension-package-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.extension-package-drop{flex:1;min-width:280px;border:1px dashed var(--line);background:var(--soft);border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px;cursor:pointer}.extension-package-drop>i{font-size:24px;color:var(--accent)}.extension-package-drop span{display:grid;gap:2px;flex:1}.extension-package-drop strong{font-size:12px}.extension-package-drop small{font-size:10px;color:var(--muted)}.extension-package-drop input{max-width:240px;font-size:10px}.extension-feature-chips{display:flex;gap:6px;flex-wrap:wrap;margin:-5px 0 12px}.extension-feature-chips span{display:inline-flex;align-items:center;gap:4px;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:10px;color:var(--text)}.extension-feature-chips i{color:var(--green)}
@media(max-width:700px){.extension-package-form{align-items:stretch}.extension-package-drop{min-width:0;width:100%;flex-direction:column;align-items:flex-start}.extension-package-drop input{max-width:100%;width:100%}}

/* Extensões instaláveis: cadastro pelo próprio pacote */
.extension-register-card{max-width:980px}.extension-register-drop{min-height:108px;padding:20px;border-width:1.5px;background:linear-gradient(180deg,var(--soft),transparent)}.extension-register-drop>i{width:52px;height:52px;border-radius:14px;background:var(--accent-soft);display:grid;place-items:center;font-size:24px;flex:0 0 52px}.extension-register-drop strong{font-size:14px}.extension-register-drop small{font-size:12px;line-height:1.55}.extension-register-drop input{font-size:12px;max-width:300px}.extension-register-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.extension-register-info>div{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:12px;display:flex;gap:10px;align-items:flex-start}.extension-register-info i{color:var(--accent);font-size:17px;margin-top:1px}.extension-register-info span{display:grid;gap:3px}.extension-register-info strong{font-size:12px}.extension-register-info small{font-size:11px;line-height:1.5;color:var(--muted)}.extension-publish-check{align-items:flex-start!important;padding:11px 12px!important;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.extension-publish-check>span{display:grid;gap:2px}.extension-publish-check strong{font-size:12px}.extension-publish-check small{font-size:10px;color:var(--muted);line-height:1.45}.extension-register-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.extension-store-admin-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin-bottom:16px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:12px;background:var(--accent-soft);font-size:11px;line-height:1.55}.extension-store-admin-note>i{color:var(--accent);font-size:16px;margin-top:1px}.extension-store-admin-note strong{font-size:11px}
@media(max-width:800px){.extension-register-info{grid-template-columns:1fr}.extension-register-drop{align-items:flex-start;flex-direction:column}.extension-register-drop input{max-width:100%;width:100%}.extension-register-actions{justify-content:stretch}.extension-register-actions .btn{flex:1}}


/* Blocos vindos da Loja de Extensões - v1.3.50 */
.extension-builder-card{position:relative;border-color:color-mix(in srgb,#eab308 26%,var(--line));background:color-mix(in srgb,#facc15 3%,var(--surface))}
.extension-builder-card:hover{border-color:#eab308;background:color-mix(in srgb,#facc15 7%,var(--surface))}
.extension-builder-card>span{background:color-mix(in srgb,#facc15 16%,var(--surface));color:#a16207}
.extension-builder-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:2px}
.extension-builder-title>strong{margin:0!important}
.extension-block-badge{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:3px 8px;border-radius:999px;background:#facc15;color:#3f2f00;font-size:9px;font-style:normal;font-weight:800;line-height:1;letter-spacing:.04em;text-transform:uppercase;border:1px solid #eab308;white-space:nowrap}
[data-theme=dark] .extension-block-badge{background:#facc15;color:#2b2100;border-color:#fde047}
@media(max-width:620px){.extension-builder-title{gap:6px}.extension-block-badge{font-size:8px;padding:3px 7px}}