@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap');

:root {
  --bz-primary: #008f5a;
  --bz-secondary: #0aa6a6;
  --bz-bg: #f5f8f7;
  --bz-border: #e0e8e5;
  --bz-text: #17231f;
}

* { letter-spacing: 0; }
body { font-family: Poppins, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--bz-text); background: var(--bz-bg); }
a { color: var(--bz-primary); }
.btn-success, .btn-primary { background: var(--bz-primary); border-color: var(--bz-primary); }
.btn-outline-success { color: var(--bz-primary); border-color: var(--bz-primary); }
.btn-outline-success:hover { background: var(--bz-primary); border-color: var(--bz-primary); }
.text-success { color: var(--bz-primary) !important; }
.bg-success { background: var(--bz-primary) !important; }
.card { border: 1px solid var(--bz-border); border-radius: 12px; box-shadow: none; }
.card-header { border-bottom-color: var(--bz-border); background: #fff; }
.form-control, .form-select { border-color: var(--bz-border); border-radius: 10px; padding: .72rem .85rem; }
.form-control:focus, .form-select:focus { border-color: var(--bz-primary); box-shadow: 0 0 0 .2rem rgba(0,143,90,.13); }
.table { vertical-align: middle; }
.badge-soft { background: #e9f8f2; color: var(--bz-primary); border: 1px solid #cbeee0; }

.app-body { min-height: 100vh; }
.app-sidebar {
  position: fixed; left: 0; top: 0; bottom: 0; width: 272px; background: #fff; border-right: 1px solid var(--bz-border);
  padding: 20px 16px; z-index: 20;
}
.app-brand { display: flex; align-items: center; gap: 10px; color: var(--bz-text); font-weight: 500; font-size: 20px; text-decoration: none; margin-bottom: 20px; }
.app-brand-mark, .auth-logo { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: var(--bz-primary); color: #fff; font-weight: 500; }
.app-brand-img { width: auto; max-width: 190px; max-height: 48px; height: auto; border-radius: 0; object-fit: contain; background: transparent; border: 0; display: block; }
.app-brand-logo-only { justify-content: flex-start; }
.auth-logo-img { width: 86px; max-height: 64px; object-fit: contain; margin: 0 auto 12px; display: block; }
.app-nav { display: grid; gap: 5px; }
.app-nav a { display: flex; align-items: center; gap: 11px; color: #55635e; text-decoration: none; padding: 11px 12px; border-radius: 10px; font-weight: 500; }
.app-nav a.active, .app-nav a:hover { background: #eff9f5; color: var(--bz-primary); }
.app-main { margin-left: 272px; min-height: 100vh; }
.app-topbar { position: sticky; top: 0; z-index: 10; min-height: 72px; background: rgba(255,255,255,.94); border-bottom: 1px solid var(--bz-border); backdrop-filter: blur(10px); display: flex; justify-content: space-between; align-items: center; padding: 14px 26px; }
.app-content { padding: 26px; max-width: 1440px; margin: 0 auto; }
.mobile-bottom { display: none; }
.metric { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.metric-icon { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; color: var(--bz-primary); background: #eff9f5; font-size: 20px; }
.page-title { display: flex; justify-content: space-between; gap: 14px; align-items: center; margin-bottom: 14px; }
.page-title h1 { margin: 0; font-size: 28px; font-weight: 500; }
.muted-title { color: #697872; font-size: 11px; margin: 4px 0 0; }
.chart-box { height: 300px; }

.auth-body { min-height: 100vh; padding: 28px; background: radial-gradient(circle at top, #ffffff 0%, #f3f6f5 58%, #eef4f1 100%); }
.auth-body-split { display: flex; align-items: center; justify-content: center; }
.auth-shell { width: min(1120px, 100%); min-height: 690px; background: #fff; border: 1px solid var(--bz-border); border-radius: 28px; overflow: hidden; box-shadow: none; display: grid; grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr); }
.auth-showcase { position: relative; padding: 48px 54px; background: linear-gradient(180deg, #fbfdfc 0%, #f2fbf6 100%); border-right: 1px solid #e5ece9; overflow: hidden; }
.auth-showcase-inner { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; height: 100%; }
.auth-brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: #081a16; font-size: 26px; font-weight: 500; margin-bottom: 44px; }
.auth-brand:hover { color: #081a16; }
.auth-brand-mark { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, #09ae6d, #008d59); color: #fff; font-size: 24px; box-shadow: none; }
.auth-brand-img { width: auto; max-width: 230px; max-height: 58px; height: auto; object-fit: contain; border-radius: 0; background: transparent; border: 0; display: block; }
.auth-brand-logo-only { gap: 0; }
.auth-copy h1 { margin: 0; color: #0a1b18; font-size: clamp(36px, 3.35vw, 54px); line-height: 1.08; letter-spacing: -.055em; font-weight: 500; }
.auth-copy h1 span { color: var(--bz-primary); }
.auth-copy p { max-width: 510px; margin: 28px 0 0; color: #55635f; font-size: 17px; line-height: 1.7; font-weight: 500; }
.auth-showcase::after { content: ""; position: absolute; inset: auto -12% -18% -8%; height: 44%; background: radial-gradient(circle at center, rgba(0,143,90,.12), transparent 62%); pointer-events: none; }
.auth-form-side { background: #fff; display: flex; align-items: center; justify-content: center; padding: 34px; }
.auth-form-wrap { width: min(500px, 100%); }
.auth-panel-card { background: #fff; border: 1px solid #e4ebe8; border-radius: 22px; padding: 38px 44px; box-shadow: none; }
.auth-panel-head { margin-bottom: 26px; }
.auth-panel-head h2 { margin: 0; color: #10211d; font-size: 30px; line-height: 1.08; letter-spacing: -.03em; font-weight: 500; }
.auth-panel-head p { margin: 10px 0 0; color: #5a6864; font-size: 15px; font-weight: 500; }
.auth-modern-form .form-label, .auth-register-form .form-label { margin-bottom: 10px; color: #152420; font-size: 11px; font-weight: 500; }
.auth-field-group { margin-bottom: 14px; }
.auth-input-wrap { position: relative; }
.auth-input-icon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #5d6865; font-size: 18px; pointer-events: none; }
.auth-input, .auth-select { min-height: 56px; border-radius: 12px; border: 1px solid #d8e0dc; padding: 0 16px 0 48px; font-size: 15px; font-weight: 500; color: #14211e; background: #fff; }
.auth-select { padding-left: 14px; }
.auth-input::placeholder { color: #9aa6a2; }
.auth-input:focus, .auth-select:focus { border-color: var(--bz-primary); box-shadow: none; outline: 3px solid rgba(0,143,90,.14); }
.auth-input-wrap-password .auth-input-password { padding-right: 50px; }
.auth-toggle-password { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); border: 0; background: transparent; color: #6a7672; font-size: 20px; line-height: 1; padding: 0; }
.auth-row-between { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 4px 0 22px; }
.auth-check-label { display: inline-flex; align-items: center; gap: 10px; color: #42524d; font-size: 15px; font-weight: 500; cursor: pointer; }
.auth-check-label input { position: absolute; opacity: 0; pointer-events: none; }
.auth-check-box { width: 24px; height: 24px; border-radius: 7px; border: 1px solid #b8d8ca; background: #e9f8f1; color: var(--bz-primary); display: inline-grid; place-items: center; font-size: 16px; }
.auth-link-muted { color: var(--bz-primary); text-decoration: none; font-size: 15px; font-weight: 500; }
.auth-link-muted:hover { color: var(--bz-primary); text-decoration: underline; }
.auth-submit-btn { width: 100%; min-height: 56px; border: 0; border-radius: 12px; background: linear-gradient(180deg, #08a869, #008d58); font-size: 17px; font-weight: 500; box-shadow: none; }
.auth-divider { display: flex; align-items: center; gap: 14px; margin: 28px 0; color: #7b8682; font-size: 11px; }
.auth-divider::before, .auth-divider::after { content: ''; flex: 1; height: 1px; background: #dfe6e3; }
.auth-divider span { white-space: nowrap; }
.auth-google-btn { width: 100%; min-height: 56px; border-radius: 12px; border: 1px solid #d7dfdb; background: #fff; color: #162420; display: inline-flex; align-items: center; justify-content: center; gap: 12px; font-size: 16px; font-weight: 500; text-decoration: none; box-shadow: none; }
.auth-google-btn:hover { color: #162420; border-color: #bfcac6; background: #fafafa; }
.auth-google-btn-disabled, .auth-google-btn:disabled { opacity: .72; cursor: not-allowed; }
.auth-google-icon { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; }
.auth-google-icon svg { display: block; }
.auth-google-note { margin: 10px 0 0; color: #78837f; font-size: 12px; text-align: center; }
.auth-bottom-text { margin-top: 12px; text-align: center; color: #65726e; font-size: 15px; font-weight: 500; }
.auth-bottom-text a { color: var(--bz-primary); text-decoration: none; font-weight: 500; }
.auth-bottom-text a:hover { text-decoration: underline; }
.auth-logo { margin: 0 auto 12px; }
.alert { border-radius: 14px; }
.auth-body *, .auth-body *::before, .auth-body *::after { box-shadow: none !important; }


/* Cadastro moderno: cartão limpo, sem sombras, seguindo o layout solicitado */
.auth-create-card { padding: 32px 44px 28px; border-radius: 22px; }
.auth-create-icon { width: 72px; height: 72px; margin: 0 auto 18px; display: grid; place-items: center; border-radius: 50%; background: #e7f8ef; color: var(--bz-primary); font-size: 34px; border: 1px solid #d8f0e4; box-shadow: none; }
.auth-create-head { text-align: center; margin-bottom: 26px; }
.auth-create-head h2 { font-size: 34px; letter-spacing: -.045em; }
.auth-create-head p { color: #67736f; font-size: 17px; font-weight: 500; margin-top: 8px; }
.auth-create-card .auth-field-group { margin-bottom: 14px; }
.auth-create-card .form-label { color: #101d19; font-size: 11px; font-weight: 500; margin-bottom: 9px; }
.auth-create-card .auth-input { min-height: 52px; border-radius: 13px; border-color: #d8e2de; padding-left: 52px; color: #11211d; font-size: 15px; }
.auth-create-card .auth-input-icon { left: 18px; color: var(--bz-primary); }
.auth-create-card .auth-toggle-password { right: 17px; color: #7b8783; }
.auth-terms-check { display: flex; align-items: center; gap: 12px; color: #2c3935; font-size: 15px; font-weight: 500; margin: 8px 0 20px; cursor: pointer; }
.auth-terms-check input { position: absolute; opacity: 0; pointer-events: none; }
.auth-check-square { width: 23px; height: 23px; flex: 0 0 23px; border-radius: 6px; border: 1px solid #b7c5c0; background: #fff; display: grid; place-items: center; color: #fff; }
.auth-check-square::after { content: "\F26E"; font-family: bootstrap-icons; font-size: 13px; opacity: 0; transform: scale(.8); transition: .15s ease; }
.auth-terms-check input:checked + .auth-check-square { border-color: var(--bz-primary); background: var(--bz-primary); }
.auth-terms-check input:checked + .auth-check-square::after { opacity: 1; transform: scale(1); }
.auth-terms-check a { color: var(--bz-primary); font-weight: 500; text-decoration: none; }
.auth-terms-check a:hover { text-decoration: underline; }
.auth-create-submit { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; margin-top: 0; font-size: 17px; border-radius: 12px; }
.auth-trial-note { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 12px; color: #60716b; font-size: 11px; font-weight: 500; }
.auth-trial-note i { color: var(--bz-primary); font-size: 18px; }
.auth-trial-dot { color: #9aa8a3; }
.auth-create-bottom { margin-top: 12px; }

@media (max-width: 1199.98px) {
  .auth-create-card { padding: 30px 32px 26px; }
  .auth-create-head h2 { font-size: 30px; }
}
@media (max-width: 575.98px) {
  .auth-create-card { padding: 24px 18px; }
  .auth-create-icon { width: 48px; height: 48px; font-size: 28px; margin-bottom: 14px; }
  .auth-create-head h2 { font-size: 26px; }
  .auth-create-head p { font-size: 11px; }
  .auth-trial-note { flex-wrap: wrap; font-size: 12px; }
}


@media (max-width: 1100px) {
  .auth-shell { grid-template-columns: 1fr; }
  .auth-showcase { padding: 36px 32px 24px; border-right: 0; border-bottom: 1px solid #e5ece9; }
  .auth-copy h1 { font-size: 42px; }
}
@media (max-width: 768px) {
  .auth-body { padding: 14px; }
  .auth-shell { min-height: auto; border-radius: 20px; }
  .auth-showcase { padding: 26px 20px 14px; }
  .auth-brand { margin-bottom: 16px; font-size: 17px; }
  .auth-copy h1 { font-size: 34px; }
  .auth-copy p { font-size: 15px; }
  .auth-form-side { padding: 18px; }
  .auth-panel-card { padding: 26px 20px; border-radius: 18px; }
  .auth-panel-head h2 { font-size: 24px; }
  .auth-row-between { flex-direction: column; align-items: flex-start; }
}

.landing-page { background: #fff; color: #091815; min-height: 100vh; overflow-x: hidden; padding-top: 74px; }
.bio-container { width: min(1320px, calc(100% - 44px)); margin: 0 auto; }
.bio-header { position: fixed; left: 0; right: 0; top: 0; z-index: 80; background: rgba(255,255,255,.96); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(219,232,226,.76); }
.bio-nav { height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.bio-brand { display: inline-flex; align-items: center; gap: 10px; color: #071915; text-decoration: none; font-weight: 500; font-size: 27px; letter-spacing: -.05em; }
.bio-brand:hover { color: #071915; }
.bio-brand-icon { width: 41px; height: 41px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, #00a86b, #008553); color: #fff; font-size: 24px; box-shadow: 0 10px 20px rgba(0,143,90,.16); }
.bio-brand-img { width: auto; max-width: 230px; max-height: 56px; height: auto; border-radius: 0; object-fit: contain; background: transparent; border: 0; display: block; }
.bio-brand-logo-only { gap: 0; }
.bio-menu { display: flex; align-items: center; gap: 50px; margin-left: auto; margin-right: 34px; }
.bio-menu a, .bio-login { color: #061a16; text-decoration: none; font-size: 14px; font-weight: 500; }
.bio-menu a:hover, .bio-login:hover { color: var(--bz-primary); }
.bio-actions { display: flex; align-items: center; gap: 24px; }
.bio-actions .bio-btn { font-size: 13px; }
.bio-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 0 24px; border-radius: 10px; text-decoration: none; border: 1px solid transparent; font-weight: 500; font-size: 11px; transition: .2s ease; white-space: nowrap; }
.bio-btn:hover { transform: translateY(-1px); }
.bio-btn-primary { background: linear-gradient(180deg, #08a869, #008c58); color: #fff; box-shadow: 0 14px 28px rgba(0,143,90,.22); }
.bio-btn-primary:hover { color: #fff; box-shadow: 0 16px 30px rgba(0,143,90,.28); }
.bio-btn-light { background: #fff; color: #10201c; border-color: #e2ebe7; box-shadow: 0 12px 26px rgba(13,32,28,.08); }
.bio-btn-light:hover { color: #008f5a; border-color: #cfe7dc; }
.bio-btn-outline { color: #008f5a; background: #fff; border-color: #008f5a; min-width: 250px; }
.bio-btn-outline:hover { background: #effaf5; color: #008f5a; }
.bio-btn-lg { min-height: 55px; min-width: 190px; border-radius: 10px; }

.bio-hero { position: relative; padding: 70px 0 38px; background: radial-gradient(circle at 78% 25%, rgba(63,209,149,.32), transparent 30%), linear-gradient(180deg, #ffffff 0%, #fafffd 100%); overflow: hidden; }
.bio-hero-bg { position: absolute; inset: 0 0 auto auto; width: 58vw; height: 560px; background: radial-gradient(circle at 50% 35%, rgba(0,143,90,.16), transparent 36%), radial-gradient(circle at 78% 20%, rgba(135,232,192,.35), transparent 32%); border-bottom-left-radius: 55% 42%; opacity: .92; pointer-events: none; }
.bio-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, .96fr) minmax(490px, 1fr); align-items: center; gap: 50px; }
.bio-hero-copy { padding-left: 14px; }
.bio-hero h1 { max-width: 620px; margin: 0; color: #091815; font-size: clamp(42px, 5vw, 64px); line-height: 1.08; letter-spacing: -.055em; font-weight: 500; }
.bio-hero h1 span, .bio-section-title span { color: #008f5a; }
.bio-hero-copy > p { max-width: 560px; margin: 32px 0 0; color: #34423e; font-size: 19px; line-height: 1.8; font-weight: 500; }
.bio-hero-buttons { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 18px; }
.bio-benefits { margin-top: 50px; display: flex; gap: 40px; flex-wrap: wrap; }
.bio-benefits div { display: grid; grid-template-columns: 30px auto; column-gap: 12px; align-items: start; }
.bio-benefits i { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: #e4f8ef; color: #008f5a; font-size: 11px; grid-row: span 2; }
.bio-benefits strong { color: #008f5a; font-size: 13px; font-weight: 500; line-height: 1.15; }
.bio-benefits span { color: #233631; font-size: 12px; font-weight: 500; }
.bio-hero-visual { position: relative; min-height: 560px; display: grid; place-items: center; }
.bio-hero-visual::before { content: ""; position: absolute; width: 520px; height: 520px; border-radius: 50%; border: 1px dashed rgba(0,143,90,.28); animation: bioSpin 36s linear infinite; }
@keyframes bioSpin { to { transform: rotate(360deg); } }
.bio-phone { position: relative; z-index: 3; width: 250px; height: 492px; border: 11px solid #171919; border-radius: 38px; background: #171919; box-shadow: 0 30px 60px rgba(5,24,18,.28), inset 0 0 0 1px rgba(255,255,255,.08); }
.bio-phone-notch { position: absolute; top: 0; left: 50%; width: 92px; height: 22px; transform: translateX(-50%); background: #171919; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; z-index: 4; }
.bio-phone-screen { height: 100%; border-radius: 28px; padding: 42px 18px 16px; background: linear-gradient(180deg, #fbfffd, #f7fbf9); text-align: center; overflow: hidden; }
.bio-phone-avatar { width: 74px; height: 74px; margin: 0 auto 12px; border-radius: 50%; display: grid; place-items: center; color: #fff; font-size: 31px; background: radial-gradient(circle at 30% 25%, #ffcf78, #1f211b 58%); border: 4px solid #fff; box-shadow: 0 12px 28px rgba(0,0,0,.12); overflow:hidden; }
.bio-phone-avatar.has-custom-logo { background:#fff; padding:0; }
.bio-phone-avatar.has-custom-logo img { width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; }
.bio-phone h2 { margin: 0; color: #18211f; font-size: 17px; line-height: 1.25; font-weight: 500; }
.bio-phone h2 i { color: #1d9bf0; font-size: 13px; }
.bio-phone p { margin: 10px 0 14px; color: #596662; font-size: 10px; line-height: 1.55; font-weight: 500; }
.bio-phone a { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 37px; margin: 8px 0; border-radius: 7px; background: #00a86b; color: #fff !important; text-decoration: none; font-size: 11px; font-weight: 500; border: 1px solid #008f5a; }
.bio-phone a.light { background: #fff; color: #17231f !important; border-color: #c7d8d1; }
.bio-phone-social { display: flex; justify-content: center; gap: 20px; margin-top: 16px; color: #101917; font-size: 16px; }
.bio-floating-card { position: absolute; z-index: 4; min-width: 134px; display: flex; align-items: center; gap: 10px; padding: 14px 17px; border-radius: 20px; background: rgba(255,255,255,.92); border: 1px solid rgba(219,233,227,.9); box-shadow: 0 20px 34px rgba(10,31,26,.12); color: #0f211d; font-size: 11px; font-weight: 500; line-height: 1.2; backdrop-filter: blur(12px); }
.bio-floating-card i { color: #008f5a; font-size: 25px; }
.fc-left { left: 64px; }
.fc-right { right: 54px; }
.fc-1 { top: 90px; }
.fc-2 { top: 208px; }
.fc-3 { top: 326px; }
.fc-4 { top: 116px; }
.fc-5 { top: 238px; }
.fc-6 { top: 360px; }

.bio-strip-wrap { margin-top: -2px; background: #fff; }
.bio-feature-strip { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0; padding: 24px 24px; background: rgba(255,255,255,.96); border: 1px solid #e2ebe7; border-radius: 22px; box-shadow: 0 16px 45px rgba(9,24,21,.1); }
.bio-feature-strip article { display: grid; grid-template-columns: 54px auto; gap: 12px; align-items: center; padding: 0 13px; }
.bio-feature-strip article + article { border-left: 1px solid #e9f0ed; }
.bio-feature-strip span, .bio-steps-grid span { width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center; background: #dcf6eb; color: #008f5a; font-size: 25px; }
.bio-feature-strip h3 { margin: 0 0 4px; font-size: 12px; font-weight: 500; color: #14231f; }
.bio-feature-strip p { margin: 0; color: #46534f; font-size: 10px; line-height: 1.35; font-weight: 500; }

.bio-section { padding: 50px 0; background: #fff; }
.bio-section-title h2 { margin: 0; color: #111d1a; font-size: clamp(28px, 3vw, 38px); line-height: 1.15; font-weight: 500; letter-spacing: -.04em; }
.bio-section-title p { margin: 12px 0 0; color: #53625d; font-size: 13px; font-weight: 500; }
.bio-template-grid { margin-top: 24px; display: grid; grid-template-columns: repeat(8, 1fr); gap: 30px; align-items: end; }
.bio-template-card { text-align: center; min-width: 0; }
.template-phone-mini { width: 106px; height: 178px; margin: 0 auto 13px; border-radius: 13px; padding: 17px 11px 12px; overflow: hidden; position: relative; box-shadow: 0 15px 24px rgba(14,27,24,.16); }
.template-phone-mini::before { content: ""; position: absolute; left: 50%; top: 7px; transform: translateX(-50%); width: 36px; height: 4px; background: rgba(255,255,255,.6); border-radius: 99px; }
.template-phone-mini .mini-avatar { width: 37px; height: 37px; margin: 0 auto 8px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.85); color: #008f5a; }
.template-phone-mini strong { display: block; font-size: 7px; color: currentColor; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.template-phone-mini span { display: block; height: 18px; margin: 7px 0; border-radius: 5px; border: 1px solid currentColor; opacity: .85; background: rgba(255,255,255,.28); }
.template-phone-mini small { display: flex; justify-content: center; gap: 8px; margin-top: 9px; }
.bio-template-card h3 { margin: 0; color: #26302d; font-size: 11px; font-weight: 500; }
.t-pink .template-phone-mini { color: #fff; background: linear-gradient(180deg, #f2a8b0, #ffd5d9); }
.t-dark .template-phone-mini, .t-black .template-phone-mini { color: #fff; background: linear-gradient(180deg, #050505, #202727); }
.t-red .template-phone-mini { color: #fff; background: linear-gradient(180deg, #0c0b0c, #811c1b); }
.t-blue .template-phone-mini { color: #fff; background: linear-gradient(180deg, #1b4251, #0d2730); }
.t-orange .template-phone-mini { color: #fff; background: linear-gradient(180deg, #fe7d19, #c2450a); }
.t-beige .template-phone-mini { color: #fff; background: linear-gradient(180deg, #a98762, #dcc3a7); }
.t-green .template-phone-mini { color: #fff; background: linear-gradient(180deg, #9adcad, #f2e6c9); }

.bio-steps { padding-top: 20px; }
.bio-steps-grid { position: relative; margin-top: 12px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 36px; text-align: center; }
.bio-steps-grid::before { content: ""; position: absolute; top: 39px; left: 13%; right: 13%; border-top: 1px dashed rgba(0,143,90,.28); }
.bio-steps-grid article { position: relative; padding-top: 6px; }
.bio-steps-grid span { margin: 0 auto 26px; width: 75px; height: 75px; font-size: 29px; box-shadow: 0 0 0 16px #f7fffb; }
.bio-steps-grid h3 { margin: 0 0 8px; color: #1c2b27; font-size: 11px; font-weight: 500; }
.bio-steps-grid h3::first-letter { color: #008f5a; }
.bio-steps-grid p { margin: 0 auto; max-width: 190px; color: #3d4d48; font-size: 12px; line-height: 1.45; font-weight: 500; }

.bio-pricing { padding-top: 34px; }
.bio-price-box { margin-top: 30px; padding: 18px; border-radius: 20px; border: 1px solid #e1ebe7; background: linear-gradient(180deg, #fbfefd, #f8fbfa); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) 1.14fr; gap: 18px; box-shadow: 0 20px 52px rgba(15,34,29,.08); }
.bio-plan-card, .bio-plan-includes { position: relative; background: #fff; border: 1px solid #e1ebe7; border-radius: 12px; padding: 26px; box-shadow: 0 12px 22px rgba(13,31,26,.06); }
.bio-plan-card.featured { border-color: #008f5a; }
.bio-plan-card em { position: absolute; left: 50%; top: -16px; transform: translateX(-50%); background: #008f5a; color: #fff; border-radius: 999px; padding: 7px 18px; font-size: 11px; font-style: normal; font-weight: 500; white-space: nowrap; }
.bio-plan-card h3 { margin: 0; font-size: 20px; font-weight: 500; color: #15231f; }
.bio-plan-card p { margin: 4px 0 18px; color: #5c6965; font-size: 12px; font-weight: 500; }
.bio-plan-price { color: #111c19; font-size: 30px; font-weight: 500; letter-spacing: -.04em; }
.bio-plan-price span { margin-left: 3px; font-size: 13px; color: #2f3d39; letter-spacing: 0; }
.bio-plan-card ul, .bio-plan-includes ul { margin: 24px 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.bio-plan-card li, .bio-plan-includes li { color: #14211e; font-size: 13px; font-weight: 500; display: flex; align-items: center; gap: 8px; }
.bio-plan-card li::before, .bio-plan-includes li::before { content: "\F26A"; font-family: bootstrap-icons; color: #008f5a; font-size: 11px; }
.bio-btn-plan { width: 100%; border-color: #d7e5df; background: #fff; color: #008f5a; min-height: 42px; box-shadow: none; }
.bio-btn-plan:hover { background: #effaf5; color: #008f5a; }
.bio-plan-includes { background: radial-gradient(circle at 82% 20%, rgba(0,143,90,.12), transparent 42%), #eefaf4; padding: 30px 32px; }
.bio-plan-includes h3 { font-size: 15px; color: #008f5a; font-weight: 500; margin: 0 0 24px; }
.bio-trial { margin-top: 12px; min-height: 63px; display: grid; grid-template-columns: 34px auto 20px; column-gap: 12px; align-items: center; padding: 12px 14px; border-radius: 12px; background: linear-gradient(180deg, #07a668, #008554); color: #fff; text-decoration: none; }
.bio-trial:hover { color: #fff; }
.bio-trial strong { display: block; font-size: 13px; line-height: 1; }
.bio-trial span { display: block; font-size: 10px; opacity: .9; }

.bio-testimonials { position: relative; padding: 42px 0 54px; overflow: hidden; background: #ffffff; }
.bio-testimonials::before, .bio-testimonials::after { display: none; }
.bio-testimonials::before { display: none; }
.bio-testimonials::after { display: none; }
.bio-testimonials .bio-container { position: relative; z-index: 1; }
.bio-testimonials .bio-section-title h2 { font-size: clamp(42px, 5vw, 74px); line-height: 1.02; letter-spacing: -.06em; }
.bio-testimonials .bio-section-title p { max-width: 860px; margin: 10px auto 0; color: #6d7383; font-size: clamp(15px, 1.6vw, 18px); line-height: 1.5; font-weight: 500; }
.bio-testimonial-row { display: grid; grid-template-columns: 52px minmax(0, 1fr) 52px; gap: 22px; align-items: center; margin-top: 32px; }
.bio-circle-btn { width: 48px; height: 48px; border-radius: 50%; border: 1px solid #dbe9e2; background: rgba(255,255,255,.96); color: #11a463; display: grid; place-items: center; box-shadow: 0 8px 20px rgba(15, 23, 42, .05); transition: .18s; }
.bio-circle-btn i { font-size: 18px; line-height: 1; }
.bio-circle-btn:hover { background: #0da260; color: #fff; border-color: #0da260; }
.bio-testimonial-viewport { overflow: hidden; min-width: 0; padding: 4px 2px; }
.bio-testimonial-track { display: flex; gap: 22px; transition: transform .42s ease; will-change: transform; }
.bio-testimonial-card { position: relative; flex: 0 0 calc((100% - 44px) / 3); min-height: 270px; background: rgba(255,255,255,.98); border: 1px solid #deebe5; border-radius: 22px; padding: 20px 22px 18px; box-shadow: 0 10px 24px rgba(15, 23, 42, .05); display: flex; flex-direction: column; justify-content: space-between; min-width: 0; }
.bio-testimonial-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.bio-testimonial-card header { display: flex; align-items: center; gap: 14px; min-height: 52px; }
.bio-testimonial-avatar { width: 64px; height: 64px; flex: 0 0 64px; display: grid; place-items: center; border-radius: 50%; background: #eaf7ef; color: #18ae62; font-weight: 700; font-size: 18px; overflow: hidden; }
.bio-testimonial-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bio-testimonial-card strong { display: block; color: #22273f; font-size: clamp(16px, 1.6vw, 18px); font-weight: 700; line-height: 1.15; letter-spacing: -.03em; }
.bio-testimonial-card small { display: block; color: #6d7383; font-size: 11px; margin-top: 4px; font-weight: 500; }
.bio-testimonial-quote { width: 56px; height: 56px; flex: 0 0 56px; display: grid; place-items: center; border-radius: 50%; background: #eaf7ef; color: #18ae62; font-size: 34px; }
.bio-testimonial-card p { margin: 0; color: #2b3447; font-size: 17px; font-size: 13px; line-height: 1.5; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: calc(1.5em * 3); }
.bio-testimonial-footer { margin-top: 12px; }
.bio-testimonial-divider { display: block; width: 100%; height: 1px; background: #e7ecec; margin-bottom: 14px; border-radius: 999px; }
.bio-testimonial-card em { color: #f7b718; font-style: normal; letter-spacing: 5px; font-size: 17px; line-height: 1; display: block; }

.bio-faq { padding-top: 22px; }
.bio-faq-grid { margin-top: 22px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px 24px; }
.bio-faq-grid .accordion-item { border: 1px solid #e0eae6; border-radius: 10px !important; overflow: hidden; background: #fff; }
.bio-faq-grid .accordion-button { min-height: 48px; border-radius: 10px !important; color: #182420; font-size: 13px; font-weight: 500; box-shadow: none; background: #fff; padding: 14px 22px; }
.bio-faq-grid .accordion-button:not(.collapsed) { color: #008f5a; background: #f4fcf8; }
.bio-faq-grid .accordion-body { color: #586761; font-size: 13px; font-weight: 500; line-height: 1.55; }

.bio-cta { margin-top: 12px; background: linear-gradient(90deg, #008654, #009d62 52%, #00784d); color: #fff; overflow: hidden; }
.bio-cta-box { min-height: 124px; display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; align-items: center; gap: 24px; padding: 26px 0; }
.bio-cta-box > .bio-cta-icon { width: 72px; height: 72px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.16); color: #fff; font-size: 36px; flex: 0 0 72px; }
.bio-cta-box > .bio-cta-copy { width: auto !important; height: auto !important; min-width: 0; max-width: 720px; display: block !important; place-items: initial !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; color: #fff; font-size: inherit !important; line-height: normal !important; overflow: visible !important; }
.bio-cta h2 { margin: 0; font-size: clamp(27px, 3.1vw, 42px); line-height: 1.06; letter-spacing: -.05em; font-weight: 700; max-width: 760px; }
.bio-cta p { margin: 8px 0 0; opacity: .88; font-size: 13px; font-weight: 500; }
.bio-cta .bio-btn-light { min-width: 0; width: 100%; max-width: 350px; }

.bio-footer { background: linear-gradient(180deg, #023b2f, #032820); color: rgba(255,255,255,.82); padding: 31px 0 18px; }
.bio-footer-grid { display: grid; grid-template-columns: 2.2fr 1fr 1fr 1.1fr 1.35fr; gap: 34px; padding-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,.14); }
.bio-footer .bio-brand, .bio-footer .bio-brand:hover { color: #fff; margin-bottom: 12px; }
.bio-footer p { color: rgba(255,255,255,.78); font-size: 13px; line-height: 1.55; margin: 0; max-width: 310px; }
.bio-footer h3 { color: #fff; font-size: 11px; font-weight: 500; margin: 0 0 14px; }
.bio-footer a:not(.bio-brand) { display: block; color: rgba(255,255,255,.77); text-decoration: none; font-size: 13px; margin: 8px 0; font-weight: 500; }
.bio-footer a:not(.bio-brand):hover { color: #fff; }
.bio-social { margin-top: 12px; display: flex; gap: 10px; }
.bio-social i { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; }
.bio-copy { text-align: center; padding-top: 18px; font-size: 12px; color: rgba(255,255,255,.74); }


/* Front-end fallback para quando o Bootstrap/CDN ou a rota de assets externa não carregar. */
.landing-page .text-center { text-align: center !important; }
.landing-page .mt-4 { margin-top: 1.5rem !important; }
.bio-menu.d-none.d-lg-flex { display: flex !important; }
.bio-faq-grid .accordion-collapse.collapse { display: none; }
.bio-faq-grid .accordion-collapse.show { display: block; }
.bio-faq-grid .accordion-button { width: 100%; display: flex; align-items: center; justify-content: space-between; border: 0; cursor: pointer; }
.bio-faq-grid .accordion-button::after { content: "⌄"; font-size: 18px; color: #008f5a; }
.bio-faq-grid .accordion-button:not(.collapsed)::after { transform: rotate(180deg); }
@media (max-width: 991.98px) {
  .bio-menu.d-none.d-lg-flex { display: none !important; }
}

@media (max-width: 1200px) {
  .bio-menu { gap: 25px; }
  .bio-hero-grid { grid-template-columns: 1fr; text-align: center; }
  .bio-hero-copy { padding-left: 0; }
  .bio-hero h1, .bio-hero-copy > p { margin-left: auto; margin-right: auto; }
  .bio-hero-buttons, .bio-benefits { justify-content: center; }
  .bio-feature-strip { grid-template-columns: repeat(3, 1fr); row-gap: 20px; }
  .bio-feature-strip article:nth-child(4) { border-left: 0; }
  .bio-template-grid { grid-template-columns: repeat(4, 1fr); }
  .bio-price-box { grid-template-columns: repeat(3, 1fr); }
  .bio-plan-includes { grid-column: 1 / -1; }
}
@media (max-width: 992px) {
  .bio-container { width: min(100% - 28px, 760px); }
  .bio-header .bio-login { display: none; }
  .bio-brand { font-size: 23px; }
  .bio-actions { gap: 10px; }
  .bio-btn { padding: 0 16px; }
  .bio-hero { padding: 50px 0 26px; }
  .bio-hero-copy > p { font-size: 16px; }
  .bio-floating-card { display: none; }
  .bio-phone { width: 230px; height: 460px; }
  .bio-feature-strip { grid-template-columns: repeat(2, 1fr); padding: 18px; }
  .bio-feature-strip article, .bio-feature-strip article + article { border-left: 0; }
  .bio-steps-grid, .bio-price-box, .bio-footer-grid { grid-template-columns: 1fr; }
  .bio-steps-grid::before { display: none; }
  .bio-testimonial-row { grid-template-columns: minmax(0,1fr); }
  .bio-testimonial-card { flex-basis: 100%; min-height: 230px; padding: 18px 16px 14px; }
  .bio-testimonial-head { margin-bottom: 16px; }
  .bio-testimonial-card header { gap: 12px; min-height: 52px; }
  .bio-testimonial-avatar { width: 58px; height: 58px; flex-basis: 58px; font-size: 16px; }
  .bio-testimonial-quote { width: 64px; height: 64px; flex-basis: 64px; font-size: 28px; }
  .bio-testimonial-card strong { font-size: 17px; }
  .bio-testimonial-card small { font-size: 11px; }
  .bio-testimonial-card em { font-size: 22px; letter-spacing: 5px; }
  .bio-testimonial-row .bio-circle-btn { display: none; }
  .bio-faq-grid { grid-template-columns: 1fr; }
  .bio-cta-box { grid-template-columns: 1fr; text-align: center; justify-items: center; padding: 24px 0; }
  .bio-cta .bio-btn-light { min-width: 0; width: 100%; max-width: 340px; }
}
@media (max-width: 640px) {
  .bio-nav { height: 66px; }
  .bio-brand-icon { width: 36px; height: 36px; }
  .bio-btn-primary { box-shadow: none; }
  .bio-actions .bio-btn { min-height: 38px; font-size: 12px; padding: 0 12px; }
  .bio-hero h1 { font-size: 39px; }
  .bio-hero-buttons { flex-direction: column; }
  .bio-btn-lg { width: 100%; }
  .bio-benefits { display: grid; gap: 18px; text-align: left; }
  .bio-hero-visual { min-height: 500px; }
  .bio-feature-strip, .bio-template-grid { grid-template-columns: 1fr 1fr; }
  .bio-feature-strip article { grid-template-columns: 46px auto; padding: 8px 4px; }
  .bio-feature-strip span { width: 44px; height: 44px; font-size: 21px; }
  .bio-section { padding: 38px 0; }
  .bio-price-box { padding: 12px; }
  .bio-plan-card, .bio-plan-includes { padding: 22px; }
  .bio-footer-grid { gap: 22px; }
}


/* Ajuste v1.0.4: alinhamento reforçado do front */
.landing-page .bio-container { width: min(1320px, calc(100% - 44px)) !important; margin-left: auto !important; margin-right: auto !important; }
.landing-page .bio-nav { display: flex !important; align-items: center !important; justify-content: space-between !important; }
.landing-page .bio-menu { display: flex !important; align-items: center !important; gap: 50px !important; }
.landing-page .bio-actions { display: flex !important; align-items: center !important; }
.landing-page .bio-hero-grid { display: grid !important; grid-template-columns: minmax(0,.96fr) minmax(490px,1fr) !important; align-items: center !important; }
.landing-page .bio-hero-buttons, .landing-page .bio-benefits { display: flex !important; }
@media (max-width: 1200px) { .landing-page .bio-hero-grid { grid-template-columns: 1fr !important; text-align: center !important; } }
@media (max-width: 992px) { .landing-page .bio-menu { display: none !important; } }

.editor-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 18px; align-items: start; }
.phone-preview { --preview-primary: var(--bz-primary); --preview-primary-rgb: 0,143,90; --preview-bg: #f7faf9; --preview-button: var(--bz-primary); --preview-text: #17231f; --preview-button-text: #fff; --preview-avatar-radius: 32px; position: sticky; top: 92px; border: 10px solid #17231f; border-radius: 34px; background: #fff; overflow: hidden; height: 780px; max-height: calc(100vh - 96px); }
.preview-screen { padding: 18px; background: var(--preview-bg); color: var(--preview-text); height: 100%; overflow-y: auto; overscroll-behavior: contain; }
.preview-avatar { width: 82px; height: 82px; object-fit: cover; border-radius: var(--preview-avatar-radius); background: #dfe8e4; display: block; margin: 16px auto 10px; }
.preview-link { display: flex; align-items:center; justify-content:center; gap:10px; text-align: center; background: var(--preview-button); color: var(--preview-button-text); border-radius: 18px; padding: 13px 14px; margin: 9px 0; text-decoration: none; font-weight: 600; border:1px solid transparent; }
.thumb { width: 52px; height: 52px; border-radius: 10px; object-fit: cover; background: #edf2f0; }
.qr-img { width: 112px; height: 112px; border: 1px solid var(--bz-border); border-radius: 10px; padding: 5px; background: #fff; }

@media (max-width: 992px) {
  .app-sidebar { display: none; }
  .app-main { margin-left: 0; }
  .app-content { padding: 18px 14px 86px; }
  .app-topbar { padding: 12px 16px; }
  .mobile-bottom { position: fixed; left: 0; right: 0; bottom: 0; height: 66px; background: #fff; border-top: 1px solid var(--bz-border); display: grid; grid-template-columns: repeat(5, 1fr); z-index: 30; }
  .mobile-bottom a { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #66756f; text-decoration: none; font-size: 10px; gap: 2px; }
  .mobile-bottom a i { font-size: 19px; }
  .mobile-bottom a.active { color: var(--bz-primary); }
  .page-title { align-items: flex-start; flex-direction: column; }
  .editor-grid { grid-template-columns: 1fr; }
  .phone-preview { position: static; max-width: 390px; margin: 0 auto; min-height: auto; height: 720px; max-height: 720px; }
  .hero-visual { min-height: 0; }
}

/* Meu Plano - Upgrade de Plano no painel do cliente */
.plan-upgrade-page {
  --plan-green: var(--bz-primary, #008f5a);
  --plan-text: #0d1830;
  --plan-muted: #66708a;
  --plan-border: #dfe8e5;
  color: var(--plan-text);
  padding-bottom: 18px;
}
.plan-breadcrumb-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: -4px 0 28px; }
.plan-breadcrumb { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 14px; color: #536079; font-size: 11px; font-weight: 500; }
.plan-breadcrumb strong { color: #0d1830; font-weight: 500; }
.plan-breadcrumb i { color: #9ba5b6; font-size: 12px; }
.plan-top-status { display: inline-flex; align-items: center; gap: 14px; }
.plan-status-pill { min-height: 44px; display: inline-flex; align-items: center; gap: 14px; padding: 0 18px; border: 1px solid #cdeee0; border-radius: 10px; background: #f0fbf6; color: var(--plan-green); font-size: 11px; white-space: nowrap; }
.plan-status-pill span { color: #137a52; }
.plan-round-icon { width: 42px; height: 42px; display: inline-grid; place-items: center; border-radius: 50%; color: #0d1830; background: #fff; border: 1px solid transparent; position: relative; font-size: 20px; }
.plan-bell em { position: absolute; right: 1px; top: 0; width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; background: #ef2828; color: #fff; font-size: 10px; font-style: normal; font-weight: 500; }
.plan-upgrade-heading { margin-bottom: 28px; }
.plan-upgrade-heading h1 { margin: 0; font-size: clamp(30px, 3.2vw, 42px); line-height: 1.1; letter-spacing: -.055em; font-weight: 500; color: #0d1830; }
.plan-upgrade-heading p { margin: 12px 0 0; color: #4f5c77; font-size: 16px; font-weight: 500; }
.plan-stepper { display: flex; align-items: center; gap: 18px; margin: 0 0 34px; max-width: 760px; }
.plan-step { display: inline-flex; align-items: center; gap: 12px; min-width: max-content; color: #57627b; font-size: 11px; font-weight: 500; }
.plan-step span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; border: 1px solid #d4dfdc; background: #fff; color: #546078; font-weight: 500; }
.plan-step.active { color: var(--plan-green); }
.plan-step.active span { background: linear-gradient(180deg, #11b978, #008f5a); border-color: var(--plan-green); color: #fff; }
.plan-step-line { height: 1px; min-width: 84px; flex: 1; background: #d8e1df; }
.plan-upgrade-grid { display: grid; grid-template-columns: minmax(0, 1fr) 390px; gap: 32px; align-items: start; }
.plan-left-area { min-width: 0; }
.plan-cards-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.plan-option-card { position: relative; min-height: 480px; display: flex; flex-direction: column; padding: 26px 24px 22px; border: 1px solid var(--plan-border); border-radius: 15px; background: #fff; box-shadow: none !important; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.plan-option-card:hover { transform: translateY(-2px); border-color: #b9d9cc; }
.plan-option-card.featured, .plan-option-card.selected { border-color: var(--plan-green); background: linear-gradient(180deg, #fbfffd 0%, #f7fffb 100%); }
.plan-badge { position: absolute; right: 18px; top: 18px; display: inline-flex; align-items: center; height: 28px; padding: 0 12px; border-radius: 8px; background: #dff6eb; color: var(--plan-green); font-size: 11px; font-weight: 500; }
.plan-option-card h2 { margin: 0; color: #0d1830; font-size: 24px; line-height: 1.1; letter-spacing: -.03em; font-weight: 500; }
.plan-option-card p { min-height: 30px; margin: 8px 0 0; color: #54617b; font-size: 11px; line-height: 1.35; font-weight: 500; }
.plan-price { margin-top: 16px; color: #071330; font-size: 27px; font-weight: 500; letter-spacing: -.04em; }
.plan-price small { margin-left: 3px; color: #071330; font-size: 11px; font-weight: 500; letter-spacing: 0; }
.plan-option-card hr { margin: 18px 0 18px; border-color: #dfe7e5; opacity: 1; }
.plan-option-card ul { display: grid; gap: 12px; padding: 0; margin: 0 0 22px; list-style: none; }
.plan-option-card li { display: flex; align-items: center; gap: 10px; color: #536079; font-size: 11px; font-weight: 500; }
.plan-option-card li i { width: 20px; height: 20px; display: grid; place-items: center; border: 2px solid var(--plan-green); border-radius: 50%; color: var(--plan-green); font-size: 13px; flex: 0 0 20px; }
.plan-select-btn { width: 100%; min-height: 48px; margin-top: auto; border-radius: 9px; border: 1.5px solid var(--plan-green); background: #fff; color: var(--plan-green); display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 11px; font-weight: 500; }
.plan-select-btn.selected { background: linear-gradient(180deg, #08ad6d, #008f5a); color: #fff; }
.plan-select-btn i { font-size: 18px; }
.plan-cancel-note { margin-top: 30px; min-height: 86px; display: flex; align-items: center; gap: 20px; padding: 20px 26px; border: 1px solid var(--plan-border); border-radius: 15px; background: #fff; }
.plan-cancel-note span { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 14px; color: var(--plan-green); font-size: 29px; }
.plan-cancel-note strong { display: block; color: #16233a; font-size: 16px; font-weight: 500; }
.plan-cancel-note p { margin: 6px 0 0; color: #5e6a84; font-size: 11px; }
.plan-summary-card { position: sticky; top: 96px; padding: 30px 28px; border: 1px solid var(--plan-border); border-radius: 18px; background: #fff; box-shadow: none !important; }
.plan-summary-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.plan-summary-head h2 { margin: 0; color: #121d34; font-size: 18px; letter-spacing: -.02em; font-weight: 500; }
.plan-summary-head i { color: #8b95a9; }
.plan-summary-divider { height: 1px; background: #dfe7e5; margin: 25px 0; }
.plan-summary-label { display: block; color: #52607b; font-size: 11px; font-weight: 500; margin-bottom: 12px; }
.plan-selected-box { min-height: 78px; display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 16px 12px 12px; border: 1px solid var(--plan-border); border-radius: 12px; background: #fff; margin-bottom: 26px; }
.plan-zap { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 50%; background: #e6f9f1; color: var(--plan-green); font-size: 26px; }
.plan-selected-box strong { color: #0d1830; font-size: 16px; font-weight: 500; }
.plan-selected-box b { color: #0d1830; font-size: 11px; font-weight: 500; white-space: nowrap; }
.plan-cycle-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 30px; }
.plan-cycle { position: relative; min-height: 78px; border: 1px solid var(--plan-border); border-radius: 10px; background: #fff; color: #0d1830; display: grid; align-content: center; justify-items: center; gap: 5px; font-size: 11px; }
.plan-cycle.active { border-color: var(--plan-green); background: #f2fbf6; }
.plan-cycle strong { font-size: 15px; font-weight: 500; }
.plan-cycle span { color: #53607a; font-size: 13px; font-weight: 500; }
.plan-cycle.active span { color: var(--plan-green); }
.plan-cycle em { position: absolute; right: 8px; top: 8px; padding: 3px 7px; border-radius: 999px; background: #dff6eb; color: var(--plan-green); font-size: 10px; font-style: normal; font-weight: 500; }
.plan-total-lines { display: grid; gap: 21px; }
.plan-total-lines div, .plan-grand-total { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: #53607a; font-size: 11px; }
.plan-total-lines strong { color: #2b354d; font-weight: 500; }
.plan-total-lines .discount { color: var(--plan-green); font-weight: 500; }
.plan-grand-total span { color: #0d1830; font-size: 16px; font-weight: 500; }
.plan-grand-total strong { color: var(--plan-green); font-size: 25px; letter-spacing: -.04em; font-weight: 500; }
.plan-continue-btn { width: 100%; min-height: 64px; margin-top: 32px; border: 0; border-radius: 10px; background: linear-gradient(180deg, #08ad6d, #008f5a); color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 14px; font-size: 17px; font-weight: 500; box-shadow: none !important; }
.plan-continue-btn.done { background: #0a8a58; }
.plan-continue-btn i { font-size: 17px; }
.plan-secure { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 24px 0 0; color: #66708a; font-size: 13px; font-weight: 500; }
.plan-secure i { color: var(--plan-green); font-size: 17px; }

@media (max-width: 1240px) {
  .plan-upgrade-grid { grid-template-columns: 1fr; }
  .plan-summary-card { position: relative; top: auto; }
}
@media (max-width: 991px) {
  .plan-breadcrumb-row { align-items: flex-start; flex-direction: column; }
  .plan-cards-grid { grid-template-columns: 1fr; }
  .plan-option-card { min-height: auto; }
  .plan-stepper { overflow-x: auto; padding-bottom: 4px; }
  .plan-step-line { min-width: 48px; }
}
@media (max-width: 576px) {
  .plan-status-pill { width: 100%; justify-content: center; }
  .plan-top-status { width: 100%; flex-wrap: wrap; }
  .plan-selected-box { grid-template-columns: 48px 1fr; }
  .plan-selected-box b { grid-column: 2; }
  .plan-cycle-grid { grid-template-columns: 1fr; }
}

/* Checkout transparente - Meu Plano */
.plan-step.done span { background: #e5f8ef; border-color: #abdfc6; color: var(--plan-green); }
.plan-step-panel { display: none; }
.plan-step-panel.active { display: block; }
.plan-summary-values { margin-top: 6px; padding: 4px 0 8px; }
.plan-summary-divider.compact { margin: 24px 0 18px; }
.plan-total-lines { gap: 24px; padding: 4px 0 2px; }
.plan-grand-total { padding-top: 2px; }
.plan-total-caption { display: block; margin-top: 7px; text-align: right; color: #71809a; font-size: 12px; font-weight: 500; }
.plan-continue-btn { margin-top: 44px; }
.plan-payment-card, .plan-confirmation-card { border: 1px solid var(--plan-border); border-radius: 18px; background: #fff; padding: 30px; box-shadow: none !important; }
.plan-payment-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 24px; }
.plan-payment-header span { display: inline-flex; margin-bottom: 8px; padding: 5px 10px; border-radius: 999px; background: #e7f8ef; color: var(--plan-green); font-size: 12px; font-weight: 500; }
.plan-payment-header h2, .plan-confirmation-card h2 { margin: 0; color: #0d1830; font-size: 26px; line-height: 1.1; letter-spacing: -.035em; font-weight: 500; }
.plan-payment-header p, .plan-confirmation-card p { margin: 10px 0 0; color: #5b6881; font-size: 11px; }
.plan-back-btn { min-height: 42px; display: inline-flex; align-items: center; gap: 8px; padding: 0 14px; border: 1px solid var(--plan-border); border-radius: 10px; background: #fff; color: #24324b; font-size: 13px; font-weight: 500; }
.plan-alert-box { display: flex; align-items: flex-start; gap: 14px; padding: 16px; border-radius: 14px; margin-bottom: 20px; border: 1px solid #f1d6a1; background: #fffbeb; color: #854d0e; }
.plan-alert-box i { font-size: 17px; flex: 0 0 auto; }
.plan-alert-box strong { display: block; color: #633b08; margin-bottom: 4px; }
.plan-alert-box p { margin: 0; font-size: 13px; color: #87550f; }
.payment-method-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
.payment-method-tabs button { min-height: 46px; display: inline-flex; align-items: center; gap: 8px; padding: 0 18px; border: 1px solid var(--plan-border); border-radius: 12px; background: #fff; color: #23314a; font-weight: 500; }
.payment-method-tabs button.active { border-color: var(--plan-green); background: #ecfaf3; color: var(--plan-green); }
.payment-method-panel { display: none; }
.payment-method-panel.active { display: block; }
.transparent-checkout-form { border: 1px solid #e4ece9; border-radius: 16px; padding: 22px; background: #fbfdfc; }
.checkout-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; }
.checkout-grid .col-12 { grid-column: span 12; }
.checkout-grid .col-6 { grid-column: span 6; }
.checkout-grid label { display: block; margin-bottom: 8px; color: #1c2940; font-size: 13px; font-weight: 500; }
.checkout-grid input, .checkout-grid select, .mp-field { width: 100%; min-height: 50px; border: 1px solid #dce6e2; border-radius: 12px; background: #fff; padding: 0 14px; color: #17233a; font-size: 11px; outline: none; }
.mp-field { display: flex; align-items: center; padding: 0 12px; }
.checkout-grid input:focus, .checkout-grid select:focus, .mp-field:focus-within { border-color: var(--plan-green); box-shadow: 0 0 0 3px rgba(0, 143, 90, .08); }
.plan-pay-btn { min-height: 52px; margin-top: 20px; padding: 0 22px; border: 0; border-radius: 12px; background: linear-gradient(180deg, #08ad6d, #008f5a); color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: 15px; font-weight: 500; text-decoration: none; box-shadow: none !important; }
.plan-pay-btn.secondary { background: #0d1830; }
.plan-pay-btn.light { border: 1px solid var(--plan-border); background: #fff; color: #152239; }
.plan-pay-btn:disabled { opacity: .72; cursor: not-allowed; }
.plan-secure.inline { justify-content: flex-start; margin: 14px 0 0; }
.payment-message { margin-bottom: 14px; padding: 13px 15px; border-radius: 12px; font-size: 11px; font-weight: 500; }
.payment-message.error { border: 1px solid #fecaca; background: #fff1f2; color: #b91c1c; }
.payment-message.warning { border: 1px solid #fde68a; background: #fffbeb; color: #92400e; }
.payment-message.info { border: 1px solid #bae6fd; background: #f0f9ff; color: #075985; }
.payment-result-box { margin-top: 12px; border: 1px solid #dcebe4; border-radius: 14px; padding: 18px; background: #fff; }
.plan-confirmation-card { min-height: 420px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.confirmation-icon { width: 76px; height: 76px; display: grid; place-items: center; border-radius: 24px; margin-bottom: 16px; background: #eaf3ff; color: #2563eb; font-size: 36px; }
.confirmation-icon.success { background: #e5f8ef; color: var(--plan-green); }
.confirmation-icon.pending { background: #fff7ed; color: #ea580c; }
.confirmation-extra { width: 100%; margin-top: 22px; }
.pix-result { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 22px; align-items: start; padding: 18px; border: 1px solid #dcebe4; border-radius: 16px; background: #fbfdfc; }
.pix-qr { width: 170px; height: 170px; object-fit: contain; border: 1px solid #e1ebe7; border-radius: 14px; background: #fff; padding: 8px; }
.pix-result textarea, .boleto-result textarea { width: 100%; min-height: 92px; resize: vertical; margin-top: 10px; padding: 12px; border: 1px solid #dce6e2; border-radius: 12px; background: #fff; font-size: 13px; color: #24324b; }
.copy-code-btn, .boleto-result a { min-height: 42px; margin-top: 12px; display: inline-flex; align-items: center; justify-content: center; padding: 0 15px; border: 1px solid var(--plan-green); border-radius: 10px; background: #fff; color: var(--plan-green); font-size: 13px; font-weight: 500; text-decoration: none; }
.boleto-result { padding: 18px; border: 1px solid #dcebe4; border-radius: 16px; background: #fbfdfc; }
.confirmation-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.spin { animation: planSpin .75s linear infinite; }
@keyframes planSpin { to { transform: rotate(360deg); } }
@media (max-width: 768px) {
  .plan-payment-header { flex-direction: column; }
  .checkout-grid .col-6 { grid-column: span 12; }
  .pix-result { grid-template-columns: 1fr; }
  .pix-qr { width: 100%; max-width: 220px; height: auto; }
}


/* Ajuste global de peso das fontes: remove negrito muito grosso e mantém leitura regular */
body { font-weight: 400; }
strong, b, .fw-bold { font-weight: 500 !important; }
h1, h2, h3, h4, h5, h6,
.page-title h1,
.auth-copy h1,
.auth-panel-head h2,
.auth-create-head h2,
.bio-hero h1,
.bio-section-title h2,
.plan-upgrade-heading h1,
.plan-option-card h2,
.plan-price,
.plan-grand-total strong {
  font-weight: 600 !important;
}
.btn,
.app-brand,
.auth-brand,
.auth-submit-btn,
.auth-google-btn,
.bio-btn,
.plan-select-btn,
.plan-continue-btn,
.plan-pay-btn,
.payment-method-tabs button {
  font-weight: 500 !important;
}

/* Pagamento aprovado - popup e página de confirmação */
.payment-success-modal { position: fixed; inset: 0; z-index: 2000; display: none; align-items: center; justify-content: center; padding: 24px; }
.payment-success-modal.open { display: flex; }
.payment-success-backdrop { position: absolute; inset: 0; background: rgba(7, 19, 48, .42); backdrop-filter: blur(6px); }
.payment-success-dialog { position: relative; z-index: 1; width: min(560px, 100%); border: 1px solid #dcebe4; border-radius: 22px; background: #fff; padding: 34px; box-shadow: none; }
.payment-success-close { position: absolute; right: 16px; top: 16px; width: 38px; height: 38px; border: 1px solid #dce6e2; border-radius: 12px; background: #fff; color: #17233a; display: grid; place-items: center; }
.payment-success-icon { width: 72px; height: 72px; display: grid; place-items: center; border-radius: 22px; background: #e5f8ef; color: var(--bz-primary, #008f5a); font-size: 38px; margin-bottom: 20px; }
.payment-success-dialog h2 { margin: 0; color: #0d1830; font-size: 27px; letter-spacing: -.035em; font-weight: 600; }
.payment-success-dialog p { margin: 10px 0 0; color: #5c6880; line-height: 1.6; }
.payment-success-summary { margin-top: 20px; }
.payment-success-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.plan-success-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 100%; }
.plan-success-details div { min-height: 70px; padding: 13px 14px; border: 1px solid #dfe8e5; border-radius: 14px; background: #fbfdfc; }
.plan-success-details span { display: block; color: #68758c; font-size: 12px; margin-bottom: 6px; }
.plan-success-details strong { display: block; color: #0d1830; font-size: 15px; font-weight: 500 !important; word-break: break-word; }
.plan-success-details.compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.plan-success-details.compact div { min-height: 62px; padding: 11px 12px; }
.payment-approved-page { width: 100%; padding: 20px; border: 1px solid #dcebe4; border-radius: 18px; background: linear-gradient(180deg, #fbfffd 0%, #f5fbf8 100%); }
.payment-approved-page > div:first-child strong { color: #0d1830; font-size: 17px; font-weight: 600 !important; }
.payment-approved-page > div:first-child p { margin: 6px 0 18px; color: #5c6880; }
.payment-approved-page .plan-pay-btn { margin-top: 12px; }
.payment-success-page { max-width: 980px; margin: 0 auto; }
.payment-success-hero { display: grid; grid-template-columns: 86px minmax(0, 1fr); gap: 22px; align-items: center; margin-bottom: 16px; padding: 28px; border: 1px solid #dcebe4; border-radius: 22px; background: linear-gradient(180deg, #fbfffd 0%, #f3fbf7 100%); }
.payment-success-hero .confirmation-icon { margin: 0; }
.payment-success-hero h1 { margin: 0; color: #0d1830; font-size: clamp(28px, 3vw, 40px); letter-spacing: -.045em; font-weight: 600 !important; }
.payment-success-hero p { margin: 8px 0 0; color: #5c6880; }
.payment-success-panel { border: 1px solid #dcebe4; border-radius: 20px; background: #fff; padding: 26px; }
.payment-success-panel h2 { margin: 0 0 18px; font-size: 20px; font-weight: 600 !important; color: #0d1830; }
.payment-success-page-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
@media (max-width: 680px) {
  .payment-success-dialog { padding: 28px 20px; }
  .plan-success-details, .plan-success-details.compact { grid-template-columns: 1fr; }
  .payment-success-hero { grid-template-columns: 1fr; }
}

/* Dados do Plano - tela pós-pagamento sem popup */
.plan-data-page {
  --plan-data-green: var(--bz-primary, #008f5a);
  --plan-data-text: #0d1830;
  --plan-data-muted: #66708a;
  --plan-data-border: #dfe8e5;
  color: var(--plan-data-text);
}
.plan-data-shell {
  max-width: 1180px;
  margin: 0 auto;
  border: 1px solid var(--plan-data-border);
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%);
  padding: clamp(22px, 3vw, 42px);
}
.plan-data-hero {
  position: relative;
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr) 210px;
  gap: 24px;
  align-items: center;
  min-height: 170px;
  overflow: hidden;
}
.plan-data-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 84% 28%, rgba(0,143,90,.13), transparent 34%);
  pointer-events: none;
}
.plan-data-check {
  position: relative;
  z-index: 1;
  width: 78px;
  height: 78px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(180deg, #11bb7a, #008f5a);
  color: #fff;
  font-size: 42px;
  box-shadow: 0 0 0 10px #ddf7eb;
  justify-self: center;
}
.plan-data-check.pending { background: linear-gradient(180deg, #ffb057, #ea580c); box-shadow: 0 0 0 12px #fff4e6; }
.plan-data-copy { position: relative; z-index: 1; }
.plan-data-title-row { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.plan-data-title-row h1 {
  margin: 0;
  max-width: 520px;
  color: #0d1830;
  font-size: clamp(26px, 2.8vw, 38px);
  line-height: 1.14;
  letter-spacing: -.035em;
  font-weight: 600 !important;
}
.plan-data-copy p { max-width: 560px; margin: 12px 0 0; color: #66708a; font-size: 15px; line-height: 1.55; }
.plan-data-status {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border-radius: 999px;
  background: #e0f6ea;
  color: var(--plan-data-green);
  font-size: 11px;
  font-weight: 500;
}
.plan-data-status.pending { background: #fff4e6; color: #ea580c; }

.plan-data-page.is-free-plan .plan-data-hero::after { background: radial-gradient(circle at 84% 28%, rgba(0,143,90,.10), transparent 34%); }
.plan-data-status.free { background: #eefbf5; color: var(--plan-data-green); }
.plan-data-page.is-free-plan .plan-data-card h2 i { color: var(--plan-data-green); }
.plan-data-illustration {
  position: relative;
  z-index: 1;
  height: 140px;
  display: grid;
  place-items: center;
}
.plan-data-illustration::before,
.plan-data-illustration::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 92px;
  border-radius: 28px;
  background: #cfeee1;
  opacity: .65;
  transform: rotate(5deg);
}
.plan-data-illustration::after { transform: translate(-24px, 20px) rotate(-8deg); opacity: .45; }
.plan-data-illustration span {
  position: relative;
  z-index: 2;
  width: 84px;
  height: 84px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: var(--plan-data-green);
  font-size: 44px;
  box-shadow: 0 18px 36px rgba(0,143,90,.13);
}
.plan-data-illustration > i { position: absolute; z-index: 3; right: 36px; top: 10px; color: #7eddb5; font-size: 28px; }
.plan-data-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(320px, .85fr); gap: 26px; margin-top: 28px; }
.plan-data-card { border: 1px solid var(--plan-data-border); border-radius: 18px; background: #fff; padding: 26px; box-shadow: none !important; }
.plan-data-card h2 { margin: 0 0 22px; display: flex; align-items: center; gap: 10px; color: #14213a; font-size: 18px; font-weight: 500 !important; }
.plan-data-card h2 i { color: #8190a8; }
.plan-data-items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
.plan-data-item { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 14px; align-items: center; min-height: 92px; border-bottom: 1px solid #e4ebe8; }
.plan-data-item span, .plan-data-next-list span {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: #edf8f2;
  color: var(--plan-data-green);
  font-size: 23px;
}
.plan-data-item small { display: block; margin-bottom: 4px; color: #758198; font-size: 13px; font-weight: 500; }
.plan-data-item strong { display: block; color: #111d35; font-size: 16px; line-height: 1.3; font-weight: 500 !important; word-break: break-word; }
.plan-data-approved-text { color: var(--plan-data-green) !important; }
.plan-data-next-list { display: grid; gap: 28px; }
.plan-data-next-list > div { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 16px; align-items: start; }
.plan-data-next-list strong { display: block; color: #14213a; font-size: 16px; font-weight: 500 !important; }
.plan-data-next-list p { margin: 7px 0 0; color: #6d7890; font-size: 11px; line-height: 1.55; }
.plan-data-secure { margin-top: 12px; padding: 14px 16px; border: 1px solid #dfe8e5; border-radius: 13px; background: #fbfdfc; color: #68758c; font-size: 13px; line-height: 1.5; }
.plan-data-secure i { color: var(--plan-data-green); margin-right: 8px; }
.plan-data-actions { display: flex; justify-content: center; gap: 18px; flex-wrap: wrap; margin-top: 28px; }
.plan-data-actions .plan-pay-btn { min-width: 260px; margin-top: 0; }
@media (max-width: 1100px) {
  .plan-data-hero { grid-template-columns: 120px minmax(0, 1fr); }
  .plan-data-illustration { display: none; }
  .plan-data-grid { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .plan-data-shell { padding: 18px; border-radius: 18px; }
  .plan-data-hero { grid-template-columns: 1fr; text-align: center; }
  .plan-data-title-row { justify-content: center; }
  .plan-data-copy p { margin-left: auto; margin-right: auto; }
  .plan-data-items { grid-template-columns: 1fr; }
  .plan-data-card { padding: 20px; }
  .plan-data-actions .plan-pay-btn { width: 100%; min-width: 0; }
}


/* Correções v1.0.31: alinhamento do CTA e ícones brancos/Meta limpo */
.bio-floating-card .meta-clean-icon, .bio-floating-card.brand-meta .meta-clean-icon { width: 34px; height: 24px; color: #0866ff; flex-shrink: 0; display: block; overflow:visible; }
.meta-clean-icon path { fill: none !important; stroke: currentColor !important; }
.bio-social i, .bio-social .social-meta-icon { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.32); border-radius: 50%; color: #fff !important; background: rgba(255,255,255,.08); }
.bio-social .social-meta-icon { font-size: 0; line-height: 1; }
.bio-social .landing-social-icon .meta-clean-icon, .bio-social .social-meta-icon .meta-clean-icon { width: 22px; height: 15px; color: #fff; display: block; overflow:visible; }
@media (max-width: 992px) {
  .bio-cta-box { grid-template-columns: 1fr; text-align: center; justify-items: center; padding: 28px 0; }
  .bio-cta-copy { text-align: center; }
  .bio-cta h2 { font-size: clamp(26px, 7vw, 36px); }
}

/* BioZap panel refinements - v1.0.37 */
.app-sidebar { display: flex; flex-direction: column; overflow-y: auto; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; }
.app-sidebar::-webkit-scrollbar { width: 0; height: 0; }
.app-nav { overflow: visible; padding-right: 0; scrollbar-width: none; }
.app-nav::-webkit-scrollbar { width: 0; height: 0; }
.app-greeting strong { display: block; color: #182230; font-weight: 700; line-height: 1.2; }
.app-greeting span { display: block; color: #667085; font-size: 13px; margin-top: 3px; }
.app-topbar-actions { display: flex; align-items: center; gap: 16px; }
.app-notification { position: relative; width: 40px; height: 40px; display: grid; place-items: center; border: 0; background: transparent; color: #344054; font-size: 21px; }
.app-notification span { position: absolute; right: 8px; top: 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--bz-primary); border: 2px solid #fff; }
.app-user-summary { display: flex; align-items: center; gap: 11px; color: #182230; }
.app-user-avatar { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; color: #fff; font-weight: 800; background: linear-gradient(145deg, var(--bz-primary), var(--bz-secondary)); box-shadow: 0 8px 18px rgba(0,143,90,.18); }
.app-user-summary strong { display: block; font-size: 11px; line-height: 1.1; }
.app-user-summary span { display: block; color: #667085; font-size: 12px; margin-top: 3px; }
@media (max-width: 991px) { .app-notification, .app-user-summary { display: none; } .app-topbar-actions { gap: 8px; } }
.app-sidebar .app-nav { flex: 0 0 auto; }

/* Minhas Bios - página do cliente v1.0.36 */
.my-bios-page { display: grid; gap: 22px; }
.my-bios-hero { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 22px; border: 1px solid #dfe9e5; border-radius: 20px; background: #fff; padding: 28px; box-shadow: none; }
.my-bios-hero::after { content: ""; position: absolute; right: -64px; top: -80px; width: 210px; height: 210px; border-radius: 50%; background: rgba(0,143,90,.08); pointer-events: none; }
.my-bios-kicker { display: inline-flex; align-items: center; gap: 8px; min-height: 28px; border-radius: 999px; padding: 0 12px; background: #ecf9f4; color: var(--bz-primary); font-size: 12px; font-weight: 700; margin-bottom: 12px; }
.my-bios-hero h1 { margin: 0; color: #152238; font-size: clamp(26px, 4vw, 38px); font-weight: 700; letter-spacing: -.03em; }
.my-bios-hero p { margin: 10px 0 0; color: #667085; max-width: 760px; line-height: 1.65; }
.my-bios-hero .btn { position: relative; z-index: 1; min-height: 44px; border-radius: 12px; font-weight: 700; white-space: nowrap; }
.my-bios-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.my-bios-metric { border: 1px solid #dfe9e5; border-radius: 18px; background: #fff; padding: 18px; min-height: 118px; }
.my-bios-metric span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; background: #eef9f4; color: var(--bz-primary); font-size: 20px; margin-bottom: 12px; }
.my-bios-metric small { display: block; color: #667085; font-size: 13px; margin-bottom: 5px; }
.my-bios-metric strong { color: #152238; font-size: 25px; font-weight: 700; line-height: 1; }
.my-bios-create, .my-bio-card, .my-bios-empty { border: 1px solid #dfe9e5; border-radius: 18px; box-shadow: none !important; overflow: hidden; }
.my-bios-card-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.my-bios-card-title h2, .my-bios-list-head h2, .my-bios-empty h2 { margin: 0; color: #152238; font-size: 20px; font-weight: 700; }
.my-bios-card-title p, .my-bios-list-head p, .my-bios-empty p { margin: 5px 0 0; color: #667085; line-height: 1.55; }
.my-bios-plan { display: inline-flex; align-items: center; min-height: 32px; border-radius: 999px; background: #f4faf7; color: #51615c; padding: 0 12px; font-size: 12px; white-space: nowrap; }
.my-bios-list-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.my-bio-card .card-body { position: relative; padding: 20px; }
.my-bio-topline { position: absolute; inset: 0 0 auto 0; height: 4px; background: var(--bio-card-color, var(--bz-primary)); }
.my-bio-head { display: flex; align-items: center; gap: 14px; padding-top: 4px; }
.my-bio-avatar { width: 62px; height: 62px; border-radius: 17px; object-fit: cover; background: #eef4f1; flex: 0 0 auto; }
.my-bio-avatar-empty { display: grid; place-items: center; color: var(--bio-card-color, var(--bz-primary)); font-size: 25px; }
.my-bio-head h3 { margin: 0 0 7px; color: #152238; font-size: 17px; font-weight: 700; line-height: 1.25; }
.my-bio-status { display: inline-flex; align-items: center; min-height: 24px; border-radius: 999px; padding: 0 10px; font-size: 12px; font-weight: 700; }
.my-bio-status.is-published { background: #e7f8ef; color: #078252; }
.my-bio-status.is-draft { background: #f2f4f7; color: #667085; }
.my-bio-description { min-height: 48px; margin: 16px 0; color: #667085; font-size: 13px; line-height: 1.55; }
.my-bio-link-box { display: grid; grid-template-columns: 28px minmax(0, 1fr) 34px; align-items: center; gap: 8px; border: 1px solid #e5ece9; border-radius: 13px; background: #fbfdfc; padding: 10px; color: #4c5b57; }
.my-bio-link-box span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.my-bio-link-box > i { color: var(--bio-card-color, var(--bz-primary)); }
.my-bio-link-box button { width: 34px; height: 34px; border: 0; border-radius: 10px; background: #eef9f4; color: var(--bio-card-color, var(--bz-primary)); }
.my-bio-details { display: flex; gap: 12px; flex-wrap: wrap; margin: 14px 0; color: #667085; font-size: 12px; }
.my-bio-details i { color: var(--bio-card-color, var(--bz-primary)); }
.my-bio-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.my-bio-actions .btn { border-radius: 10px; font-weight: 700; }
.my-bio-qr { margin-top: 16px; border: 1px dashed #cad8d3; border-radius: 16px; background: #fbfdfc; padding: 14px; text-align: center; }
.my-bio-qr img { width: 138px; height: 138px; border-radius: 12px; background: #fff; }
.my-bio-qr small { display: block; margin-top: 8px; color: #667085; }

.bio-lead-toggle-box { display: flex; align-items: center; justify-content: space-between; gap: 16px; border: 0; border-radius: 16px; background: #fbfdfc; padding: 14px 16px; }
.bio-lead-toggle-box.is-compact { align-items: flex-start; }
.bio-lead-toggle-box .form-check { min-height: auto; padding: 0 0 0 2.8rem; }
.bio-lead-toggle-box .form-check-input { margin-left: -2.8rem; width: 2.2rem; height: 1.15rem; }
.bio-lead-toggle-box span { color: #152238; font-weight: 700; }
.bio-lead-toggle-box small { display: block; color: #667085; line-height: 1.45; text-align: right; max-width: 360px; }
.my-bio-lead-toggle { display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid #e5ece9; border-radius: 14px; background: #fbfdfc; padding: 12px; margin: 0 0 14px; }
.my-bio-lead-toggle strong { display: flex; align-items: center; gap: 7px; color: #152238; font-size: 13px; }
.my-bio-lead-toggle strong i { color: var(--bio-card-color, var(--bz-primary)); }
.my-bio-lead-toggle small { display: block; color: #667085; font-size: 12px; margin-top: 3px; }
.my-bio-lead-toggle .btn { border-radius: 10px; font-weight: 700; white-space: nowrap; }
@media (max-width: 760px) { .bio-lead-toggle-box, .my-bio-lead-toggle { align-items: stretch; flex-direction: column; } .bio-lead-toggle-box small { text-align: left; max-width: none; } .my-bio-lead-toggle .btn { width: 100%; } }
body.client-panel-dark .bio-lead-toggle-box { background: #0f172a !important; border-color: transparent !important; }
body.client-panel-dark .my-bio-lead-toggle { background: #0f172a !important; border-color: #243044 !important; }
body.client-panel-dark .bio-lead-toggle-box span,
body.client-panel-dark .my-bio-lead-toggle strong { color: #f8fafc !important; }
body.client-panel-dark .bio-lead-toggle-box small,
body.client-panel-dark .my-bio-lead-toggle small { color: #94a3b8 !important; }
.my-bios-empty .card-body { min-height: 280px; display: grid; place-items: center; text-align: center; padding: 42px 20px; }
.my-bios-empty span { width: 72px; height: 72px; display: grid; place-items: center; border-radius: 22px; background: #eef9f4; color: var(--bz-primary); font-size: 32px; margin-bottom: 8px; }
.my-bios-empty p { max-width: 520px; }
@media (max-width: 1100px) { .my-bios-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .my-bios-hero, .my-bios-card-title, .my-bios-list-head { align-items: stretch; flex-direction: column; } .my-bios-hero { padding: 22px; } .my-bios-hero .btn { width: 100%; justify-content: center; } .my-bios-metrics { grid-template-columns: 1fr; } .my-bio-actions .btn { flex: 1 1 130px; } }


/* Topbar fixa em todas as páginas do painel + menu recolhível + notificações em tempo real v1.0.39 */
.app-topbar-left { display: flex; align-items: center; gap: 14px; min-width: 0; }
.app-sidebar-toggle { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border: 1px solid var(--bz-border); border-radius: 12px; background: #fff; color: #344054; font-size: 20px; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.app-sidebar-toggle:hover { background: #eff9f5; color: var(--bz-primary); border-color: #cbeee0; }
.app-topbar-shortcuts { display: flex; align-items: center; gap: 8px; }
.app-topbar-icon { min-width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--bz-border); border-radius: 12px; background: #fff; color: #344054; text-decoration: none; padding: 0 12px; font-size: 13px; font-weight: 600; white-space: nowrap; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.app-topbar-icon i { font-size: 18px; line-height: 1; }
.app-topbar-icon:hover { background: #eff9f5; color: var(--bz-primary); border-color: #cbeee0; }
.app-notification-wrap { position: relative; }
.app-notification { position: relative; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--bz-border); border-radius: 12px; background: #fff; color: #344054; font-size: 20px; }
.app-notification:hover, .app-notification.show { background: #eff9f5; color: var(--bz-primary); border-color: #cbeee0; }
.app-notification-count { position: absolute; right: -6px; top: -6px; min-width: 20px; height: 20px; display: grid; place-items: center; border-radius: 999px; background: #ef4444; color: #fff; border: 2px solid #fff; padding: 0 5px; font-size: 10px; line-height: 1; font-weight: 700; }
.app-notification-menu { width: min(390px, calc(100vw - 24px)); padding: 0; border: 1px solid var(--bz-border); border-radius: 16px; overflow: hidden; box-shadow: 0 18px 48px rgba(16,24,40,.12); }
.app-notification-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px; border-bottom: 1px solid var(--bz-border); background: #fff; }
.app-notification-head strong { display: block; color: #182230; font-size: 15px; font-weight: 700; }
.app-notification-head small { display: block; color: #667085; margin-top: 2px; font-size: 12px; }
.app-notification-head button { border: 0; background: transparent; color: var(--bz-primary); font-size: 12px; font-weight: 700; white-space: nowrap; }
.app-notification-list { max-height: 360px; overflow-y: auto; background: #fff; scrollbar-width: none; }
.app-notification-list::-webkit-scrollbar { width: 0; height: 0; }
.app-notification-item { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; padding: 14px 16px; border-bottom: 1px solid #edf2f0; text-decoration: none; color: #344054; }
.app-notification-item:hover { background: #f7fbf9; color: #344054; }
.app-notification-item:last-child { border-bottom: 0; }
.app-notification-item.is-unread { background: #f1fbf6; }
.app-notification-item-icon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: #eaf8f2; color: var(--bz-primary); font-size: 18px; }
.app-notification-item strong { display: block; color: #182230; font-size: 13px; line-height: 1.3; font-weight: 700; }
.app-notification-item p { margin: 4px 0 0; color: #667085; font-size: 12px; line-height: 1.45; }
.app-notification-item time { display: block; margin-top: 5px; color: #98a2b3; font-size: 11px; }
.app-notification-empty { padding: 28px 18px; text-align: center; color: #667085; font-size: 13px; }
.app-user-summary { min-width: 0; }
.app-user-summary > div:not(.app-user-avatar) { min-width: 0; }
.app-user-summary strong, .app-user-summary span { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.sidebar-collapsed .app-sidebar { width: 88px; padding: 20px 12px; align-items: center; }
body.sidebar-collapsed .app-main { margin-left: 88px; }
body.sidebar-collapsed .app-brand { width: 100%; justify-content: center; gap: 0; margin-bottom: 20px; }
body.sidebar-collapsed .app-brand span:not(.app-brand-mark) { display: none; }
body.sidebar-collapsed .app-brand-img { max-width: 48px; max-height: 48px; }
body.sidebar-collapsed .app-brand-mark { width: 44px; height: 44px; border-radius: 13px; }
body.sidebar-collapsed .app-nav { width: 100%; }
body.sidebar-collapsed .app-nav a { justify-content: center; padding: 12px 0; gap: 0; }
body.sidebar-collapsed .app-nav a span { display: none; }
body.sidebar-collapsed .app-nav a i { font-size: 20px; }
body.sidebar-collapsed .app-sidebar-toggle i::before { content: "\f65c"; }
@media (max-width: 1280px) {
  .app-topbar-icon span { display: none; }
  .app-topbar-icon { width: 42px; padding: 0; }
}
@media (max-width: 991px) {
  body.sidebar-collapsed .app-main { margin-left: 0; }
  .app-sidebar-toggle, .app-topbar-shortcuts { display: none; }
  .app-notification { display: grid; }
  .app-user-summary { display: none; }
  .app-topbar { gap: 12px; }
  .app-greeting span { display: none; }
}


/* Correções finais v1.0.39: contador do sino e menu recolhido */
.app-notification .app-notification-count {
  position: absolute;
  right: -6px;
  top: -6px;
  min-width: 20px;
  width: auto;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #ef4444;
  color: #fff;
  border: 2px solid #fff;
  padding: 0 5px;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
}
body.sidebar-collapsed .app-nav a { min-height: 46px; }
body.sidebar-collapsed .app-sidebar { overflow-y: auto; scrollbar-width: none; }
body.sidebar-collapsed .app-sidebar::-webkit-scrollbar { width: 0; height: 0; }


/* Refinamento v1.0.40: topbar global, menu recolhível mais firme e notificações com atualização visual */
.app-topbar {
  width: 100%;
}
.app-sidebar,
.app-main {
  transition: width .22s ease, margin-left .22s ease;
}
.app-sidebar-toggle i {
  pointer-events: none;
}
body.sidebar-collapsed .app-nav a {
  position: relative;
}
body.sidebar-collapsed .app-nav a:hover::after {
  content: attr(title);
  position: fixed;
  left: 78px;
  z-index: 999;
  min-width: max-content;
  max-width: 220px;
  padding: 7px 10px;
  border-radius: 9px;
  background: #111827;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .16);
}
body.sidebar-collapsed .app-brand-logo-only {
  justify-content: center;
}
.app-topbar-icon,
.app-notification,
.app-sidebar-toggle {
  box-shadow: none !important;
}
.app-notification.has-unread {
  color: var(--bz-primary);
  border-color: #bcebd8;
  background: #f2fbf7;
}
.app-notification.has-unread::after {
  content: '';
  position: absolute;
  inset: -5px;
  border: 1px solid rgba(0, 143, 90, .20);
  border-radius: 15px;
  animation: bzBellPulse 1.8s ease-out infinite;
  pointer-events: none;
}
.app-notification.is-refreshing i {
  animation: bzBellShake .8s ease-in-out 1;
}
.app-live-toast {
  position: fixed;
  right: 22px;
  top: 88px;
  z-index: 1060;
  width: min(360px, calc(100vw - 32px));
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px 15px;
  border: 1px solid var(--bz-border);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(16,24,40,.14);
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
}
.app-live-toast.show {
  opacity: 1;
  transform: translateY(0);
}
.app-live-toast-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: #ecf9f4;
  color: var(--bz-primary);
  font-size: 19px;
}
.app-live-toast strong {
  display: block;
  color: #182230;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}
.app-live-toast p {
  margin: 4px 0 0;
  color: #667085;
  font-size: 12px;
  line-height: 1.45;
}
@keyframes bzBellPulse {
  0% { opacity: .8; transform: scale(.94); }
  100% { opacity: 0; transform: scale(1.12); }
}
@keyframes bzBellShake {
  0%, 100% { transform: rotate(0); }
  20% { transform: rotate(-10deg); }
  40% { transform: rotate(8deg); }
  60% { transform: rotate(-6deg); }
  80% { transform: rotate(4deg); }
}
@media (max-width: 991px) {
  .app-live-toast {
    top: 76px;
    right: 14px;
  }
}

/* Galeria de Imagens + Ferramentas e SEO v1.0.41 */
.media-page-title, .tools-page-title { align-items: center; }
.media-hero, .tools-hero { border: 1px solid #dfe9e5; border-radius: 20px; background: #fff; padding: 26px; display: flex; align-items: center; justify-content: space-between; gap: 24px; overflow: hidden; }
.media-kicker, .tools-hero span { display: inline-flex; align-items: center; gap: 8px; min-height: 30px; border-radius: 999px; padding: 0 12px; background: #eef9f4; color: var(--bz-primary); font-size: 12px; font-weight: 700; margin-bottom: 12px; }
.media-hero h2, .tools-hero h2 { margin: 0; color: #152238; font-size: clamp(24px, 3.4vw, 34px); font-weight: 700; letter-spacing: -.03em; }
.media-hero p, .tools-hero p { max-width: 760px; margin: 10px 0 0; color: #667085; line-height: 1.65; }
.media-stats { display: grid; grid-template-columns: repeat(4, minmax(118px, 1fr)); gap: 12px; min-width: min(100%, 560px); }
.media-stats article { border: 1px solid #e5ece9; border-radius: 16px; background: #fbfdfc; padding: 15px; }
.media-stats i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: #eef9f4; color: var(--bz-primary); font-size: 18px; margin-bottom: 10px; }
.media-stats span { display: block; color: #152238; font-weight: 800; font-size: 20px; line-height: 1; }
.media-stats small { display: block; color: #667085; margin-top: 5px; font-size: 12px; }
.media-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.media-card-head h2, .media-section-head h2, .tool-card h3, .seo-card h3 { margin: 0; color: #152238; font-size: 20px; font-weight: 700; }
.media-card-head p, .media-section-head p, .tool-card p, .seo-card p { margin: 5px 0 0; color: #667085; line-height: 1.55; }
.media-card-head > span, .tool-icon, .seo-card-head > span { width: 46px; height: 46px; flex: 0 0 46px; display: grid; place-items: center; border-radius: 14px; background: #eef9f4; color: var(--bz-primary); font-size: 21px; }
.media-filter-row { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(200px, 300px) auto auto; align-items: end; gap: 12px; }
.media-folders { display: flex; align-items: stretch; gap: 12px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
.media-folders::-webkit-scrollbar { height: 0; }
.media-folder-pill-wrap { position: relative; flex: 0 0 auto; }
.media-folder-pill { min-width: 156px; min-height: 78px; display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: 10px; padding: 12px 38px 12px 12px; border: 1px solid #dfe9e5; border-radius: 16px; background: #fff; color: #152238; text-decoration: none; }
.media-folder-pill span { grid-row: span 2; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: var(--folder-color); background: color-mix(in srgb, var(--folder-color) 12%, white); }
.media-folder-pill strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 700; }
.media-folder-pill small { color: #667085; font-size: 12px; }
.media-folder-pill.active, .media-folder-pill:hover { border-color: color-mix(in srgb, var(--folder-color) 42%, #dfe9e5); background: color-mix(in srgb, var(--folder-color) 6%, white); color: #152238; }
.media-folder-edit { position: absolute; right: 10px; top: 10px; width: 28px; height: 28px; border: 0; border-radius: 9px; background: #f3f7f5; color: #344054; display: grid; place-items: center; }
.media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)); gap: 18px; }
.media-card { border: 1px solid #dfe9e5; border-radius: 18px; background: #fff; overflow: hidden; }
.media-thumb { position: relative; aspect-ratio: 1.18 / .86; background: #f4f8f6; display: grid; place-items: center; overflow: hidden; }
.media-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.media-type { position: absolute; top: 10px; right: 10px; min-height: 26px; display: inline-flex; align-items: center; border-radius: 999px; padding: 0 10px; background: rgba(255,255,255,.92); color: #152238; font-size: 11px; font-weight: 800; }
.media-info { padding: 15px; }
.media-info h3 { margin: 0; color: #152238; font-size: 15px; font-weight: 700; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.media-info p { margin: 8px 0 0; color: #667085; font-size: 12px; display: flex; align-items: center; gap: 6px; }
.media-info p i { color: var(--folder-color); }
.media-meta { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0; }
.media-meta span { min-height: 26px; display: inline-flex; align-items: center; border-radius: 999px; background: #f3f7f5; color: #667085; padding: 0 9px; font-size: 11px; font-weight: 600; }
.media-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.media-missing { color: #b54708; text-align: center; display: grid; gap: 8px; }
.media-empty .card-body { min-height: 250px; display: grid; place-items: center; text-align: center; padding: 40px; }
.media-empty span { width: 70px; height: 70px; display: grid; place-items: center; border-radius: 20px; background: #eef9f4; color: var(--bz-primary); font-size: 30px; margin-bottom: 10px; }
.media-detail-modal .modal-header small { display: block; color: #667085; font-size: 12px; margin-top: 3px; }
.media-detail-preview { min-height: 360px; border: 1px solid #e5ece9; border-radius: 18px; background: #f7faf8; display: grid; place-items: center; overflow: hidden; }
.media-detail-preview img { max-width: 100%; max-height: 520px; object-fit: contain; }
.media-detail-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.media-detail-list div { border: 1px solid #e5ece9; border-radius: 12px; background: #fbfdfc; padding: 11px; min-width: 0; }
.media-detail-list span { display: block; color: #667085; font-size: 11px; margin-bottom: 4px; }
.media-detail-list strong { display: block; color: #152238; font-size: 12px; overflow-wrap: anywhere; }
.tools-tabs-card { overflow: hidden; }
.tools-tabs { padding: 14px 14px 0; border-bottom: 1px solid #e5ece9; gap: 8px; }
.tools-tabs .nav-link { border: 1px solid #e5ece9; border-bottom: 0; border-radius: 12px 12px 0 0; color: #667085; font-weight: 700; padding: 12px 16px; }
.tools-tabs .nav-link.active { color: var(--bz-primary); background: #fff; border-color: #dfe9e5; }
.tools-tab-content { padding: 22px; }
.tools-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
.tool-card, .seo-card { border: 1px solid #dfe9e5; border-radius: 18px; background: #fff; padding: 20px; }
.tool-card { display: flex; flex-direction: column; align-items: flex-start; min-height: 260px; }
.tool-card p { flex: 1; }
.tool-card-primary { border-color: #c9eadf; background: #fbfffd; }
.seo-card-head { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 14px; }
.seo-switch { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 10px; border: 1px solid #e5ece9; border-radius: 13px; padding: 10px; cursor: pointer; }
.seo-switch input { display: none; }
.seo-switch span { width: 44px; height: 24px; border-radius: 999px; background: #d0d5dd; position: relative; transition: background .2s ease; }
.seo-switch span::after { content: ''; position: absolute; width: 18px; height: 18px; top: 3px; left: 3px; border-radius: 50%; background: #fff; transition: transform .2s ease; }
.seo-switch input:checked + span { background: var(--bz-primary); }
.seo-switch input:checked + span::after { transform: translateX(20px); }
.seo-switch strong { color: #344054; font-size: 13px; font-weight: 700; }
.code-area { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 12px; }
@media (max-width: 1280px) { .media-hero { flex-direction: column; align-items: stretch; } .tools-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 900px) { .media-stats { grid-template-columns: repeat(2, minmax(0,1fr)); min-width: 0; } .media-filter-row { grid-template-columns: 1fr; } .media-detail-list { grid-template-columns: 1fr; } .tools-grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .media-hero, .tools-hero { padding: 20px; } .media-grid { grid-template-columns: 1fr; } .media-page-title, .tools-page-title { align-items: stretch; flex-direction: column; } }


/* Refinamento v1.0.42: topbar limpo igual ao print, sem bordas nos ícones e sem sombra inferior */
.app-topbar {
  min-height: 92px;
  background: #fff !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 18px 26px;
}
.app-sidebar-toggle,
.app-topbar-icon,
.app-notification {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #344054;
}
.app-sidebar-toggle {
  width: 48px;
  height: 48px;
  flex-basis: 48px;
  border-radius: 14px;
  font-size: 26px;
}
.app-topbar-icon,
.app-notification {
  width: 46px;
  min-width: 46px;
  height: 46px;
  padding: 0;
  border-radius: 14px;
  font-size: 23px;
}
.app-topbar-icon span { display: none; }
.app-topbar-icon i { font-size: 23px; }
.app-sidebar-toggle:hover,
.app-topbar-icon:hover,
.app-notification:hover,
.app-notification.show {
  background: #f3f7f5 !important;
  color: var(--bz-primary);
}
.app-notification.has-unread {
  background: transparent !important;
  border-color: transparent !important;
  color: #344054;
}
.app-notification.has-unread:hover,
.app-notification.has-unread.show {
  background: #f3f7f5 !important;
  color: var(--bz-primary);
}
.app-notification.has-unread::after {
  display: none;
}
.app-topbar-actions {
  gap: 18px;
}
.app-topbar-shortcuts {
  gap: 10px;
}
.app-topbar .btn-outline-secondary {
  box-shadow: none !important;
}
body.sidebar-collapsed .app-sidebar-toggle i::before {
  content: "\f479";
}

/* Responsivo v1.0.42: no celular/tablet o menu lateral não aparece em modo desktop/recolhido */
@media (max-width: 991px) {
  .app-sidebar,
  body.sidebar-collapsed .app-sidebar {
    display: none !important;
    visibility: hidden !important;
    transform: none !important;
  }
  .app-main,
  body.sidebar-collapsed .app-main {
    margin-left: 0 !important;
    width: 100% !important;
  }
  .app-topbar {
    min-height: 72px;
    padding: 12px 16px;
  }
  .app-sidebar-toggle {
    display: none !important;
  }
  .app-topbar-shortcuts {
    display: none !important;
  }
  .app-notification {
    display: grid !important;
    width: 42px;
    min-width: 42px;
    height: 42px;
    font-size: 21px;
  }
  .mobile-bottom {
    display: grid !important;
  }
  .app-content {
    padding-bottom: 90px;
  }
}

/* Galeria profissional v1.0.43 */
.media-page-modern { display: grid; gap: 22px; }
.media-modern-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.media-modern-head h1 { margin: 4px 0 4px; color: #101828; font-size: 24px; line-height: 1.15; font-weight: 600; letter-spacing: -.02em; }
.media-modern-head p { margin: 0; color: #667085; font-size: 11px; }
.media-modern-kicker { display: inline-flex; align-items: center; gap: 8px; color: var(--bz-primary); font-size: 12px; font-weight: 600; }
.media-modern-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.media-library-tabs { gap: 28px; border-bottom: 1px solid #dfe7e4; margin-top: 2px; }
.media-library-tabs .nav-link { border: 0; border-radius: 0; color: #344054; background: transparent; padding: 14px 2px 15px; font-size: 11px; font-weight: 500; position: relative; }
.media-library-tabs .nav-link::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; border-radius: 999px 999px 0 0; background: transparent; }
.media-library-tabs .nav-link.active, .media-library-tabs .nav-link:hover { color: var(--bz-primary); background: transparent; }
.media-library-tabs .nav-link.active::after { background: var(--bz-primary); }
.media-library-tab-content { display: block; }
.media-library-tab-content > .tab-pane { padding-top: 22px; }
.media-overview-card { border: 1px solid #dfe7e4; border-radius: 16px; background: #fff; padding: 28px; display: grid; grid-template-columns: minmax(280px, 1fr) minmax(420px, .9fr); gap: 22px; align-items: center; }
.media-overview-copy { display: flex; align-items: center; gap: 22px; }
.media-overview-icon { width: 78px; height: 78px; flex: 0 0 78px; display: grid; place-items: center; border-radius: 18px; background: #eaf8f2; color: var(--bz-primary); font-size: 31px; }
.media-overview-copy span { color: #475467; font-size: 13px; font-weight: 500; }
.media-overview-copy h2 { margin: 6px 0; color: #101828; font-size: 24px; font-weight: 600; letter-spacing: -.02em; }
.media-overview-copy p { max-width: 360px; margin: 0; color: #667085; font-size: 13px; line-height: 1.7; }
.media-overview-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.media-overview-stats article { min-height: 116px; border: 1px solid #e4ebe8; border-radius: 16px; background: #fbfdfc; padding: 16px; display: flex; flex-direction: column; justify-content: center; }
.media-overview-stats i { width: 28px; height: 28px; display: grid; place-items: center; color: var(--bz-primary); font-size: 18px; margin-bottom: 14px; }
.media-overview-stats strong { display: block; color: #101828; font-size: 20px; font-weight: 700; line-height: 1.1; }
.media-overview-stats span { color: #667085; font-size: 12px; margin-top: 6px; }
.media-table-card, .media-folder-panel, .media-upload-panel, .media-trash-panel { border: 1px solid #dfe7e4; border-radius: 16px; background: #fff; overflow: hidden; }
.media-table-card { margin-top: 24px; }
.media-toolbar { display: grid; grid-template-columns: minmax(240px, 1fr) 48px 210px 200px auto; gap: 12px; align-items: center; padding: 22px 24px; border-bottom: 1px solid #e5ece9; }
.media-search-field { min-height: 48px; border: 1px solid #dfe7e4; border-radius: 10px; background: #fff; display: flex; align-items: center; gap: 10px; padding: 0 14px; }
.media-search-field i { color: #344054; font-size: 18px; }
.media-search-field input { width: 100%; border: 0; outline: 0; background: transparent; color: #101828; font-size: 11px; }
.media-search-field input::placeholder { color: #98a2b3; }
.media-toolbar .form-select { min-height: 48px; border-radius: 10px; font-size: 13px; }
.media-filter-btn { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid #dfe7e4; border-radius: 10px; background: #fff; color: #344054; font-size: 18px; }
.media-filter-btn:hover { color: var(--bz-primary); border-color: #ccebdd; background: #f6fffb; }
.media-send-btn { min-height: 48px; border-radius: 10px; padding-inline: 18px; white-space: nowrap; }
.media-table-responsive { width: 100%; overflow-x: auto; }
.media-library-table { width: 100%; border-collapse: separate; border-spacing: 0; min-width: 920px; }
.media-library-table th, .media-library-table td { padding: 16px 20px; border-bottom: 1px solid #e8efec; vertical-align: middle; color: #344054; font-size: 13px; }
.media-library-table thead th { background: #fbfcfc; color: #344054; font-size: 12px; font-weight: 600; }
.media-library-table tbody tr:hover { background: #fbfefd; }
.media-check { width: 52px; text-align: center; }
.media-file-thumb { width: 88px; height: 64px; display: grid; place-items: center; border-radius: 10px; background: #f4f7f6; overflow: hidden; border: 1px solid #eef2f0; }
.media-file-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.media-file-thumb span { color: #b54708; }
.media-file-name { display: grid; gap: 4px; min-width: 190px; }
.media-file-name strong { color: #101828; font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 260px; }
.media-file-name span { color: #667085; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 300px; }
.media-folder-label { display: inline-flex; align-items: center; gap: 8px; color: #475467; }
.media-folder-label i { color: var(--folder-color); }
.media-type-badge { display: inline-flex; min-height: 28px; align-items: center; justify-content: center; border-radius: 7px; padding: 0 10px; background: #e8f7ef; color: #008f5a; font-size: 11px; font-weight: 700; }
.media-type-webp { background: #eee8ff; color: #7047dc; }
.media-type-jpg, .media-type-jpeg { background: #fff1d9; color: #c96f00; }
.media-type-png { background: #dff7eb; color: #008f5a; }
.media-row-more { width: 36px; height: 36px; border: 0; border-radius: 9px; background: transparent; color: #344054; display: inline-grid; place-items: center; font-size: 19px; }
.media-row-more:hover, .media-row-more.show { background: #f3f7f5; color: var(--bz-primary); }
.media-table-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; color: #667085; font-size: 13px; }
.media-pagination { display: flex; align-items: center; gap: 8px; }
.media-pagination a, .media-page-dots { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid #e4ebe8; border-radius: 9px; color: #344054; text-decoration: none; background: #fff; font-weight: 600; font-size: 13px; }
.media-pagination a.active { background: var(--bz-primary); color: #fff; border-color: var(--bz-primary); }
.media-pagination a.disabled { opacity: .42; pointer-events: none; }
.media-page-dots { border: 0; background: transparent; width: auto; padding: 0 4px; }
.media-empty-state, .media-trash-panel { min-height: 310px; display: grid; place-items: center; text-align: center; padding: 42px; }
.media-empty-state span, .media-trash-panel span { width: 76px; height: 76px; display: grid; place-items: center; border-radius: 20px; background: #eaf8f2; color: var(--bz-primary); font-size: 32px; margin-bottom: 10px; }
.media-empty-state h2, .media-trash-panel h2 { margin: 0; color: #101828; font-size: 17px; font-weight: 600; }
.media-empty-state p, .media-trash-panel p { max-width: 520px; margin: 8px auto 16px; color: #667085; line-height: 1.65; }
.media-folder-panel, .media-upload-panel { padding: 24px; }
.media-folder-create { border: 1px solid #e4ebe8; border-radius: 16px; padding: 22px; display: grid; grid-template-columns: minmax(220px, .65fr) minmax(360px, 1fr); gap: 22px; align-items: end; margin-bottom: 14px; }
.media-folder-create > div > span, .media-upload-icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 15px; background: #eaf8f2; color: var(--bz-primary); font-size: 24px; margin-bottom: 14px; }
.media-folder-create h2, .media-upload-panel h2 { margin: 0; color: #101828; font-size: 20px; font-weight: 600; }
.media-folder-create p, .media-upload-panel p { margin: 6px 0 0; color: #667085; line-height: 1.6; }
.media-folder-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 14px; }
.media-folder-tile-wrap { position: relative; }
.media-folder-tile { min-height: 118px; display: grid; grid-template-columns: 52px minmax(0, 1fr); align-content: center; column-gap: 12px; border: 1px solid #e4ebe8; border-radius: 16px; background: #fff; color: #101828; padding: 16px 42px 16px 16px; text-decoration: none; }
.media-folder-tile:hover, .media-folder-tile.active { color: #101828; background: color-mix(in srgb, var(--folder-color) 6%, white); border-color: color-mix(in srgb, var(--folder-color) 34%, #e4ebe8); }
.media-folder-tile span { grid-row: span 2; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 15px; color: var(--folder-color); background: color-mix(in srgb, var(--folder-color) 12%, white); font-size: 24px; }
.media-folder-tile strong { align-self: end; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 600; }
.media-folder-tile small { color: #667085; font-size: 12px; }
.media-folder-tile-wrap .media-folder-edit { right: 12px; top: 12px; }
.media-upload-panel { display: grid; grid-template-columns: 70px minmax(230px, .45fr) minmax(360px, 1fr); gap: 20px; align-items: start; }
.media-upload-panel .row { grid-column: 3; }
.media-detail-modal .modal-header small { display: block; color: #667085; font-size: 12px; margin-top: 3px; }
.media-detail-preview { min-height: 360px; border: 1px solid #e5ece9; border-radius: 18px; background: #f7faf8; display: grid; place-items: center; overflow: hidden; }
.media-detail-preview img { max-width: 100%; max-height: 520px; object-fit: contain; }
.media-detail-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.media-detail-list div { border: 1px solid #e5ece9; border-radius: 12px; background: #fbfdfc; padding: 11px; min-width: 0; }
.media-detail-list span { display: block; color: #667085; font-size: 11px; margin-bottom: 4px; }
.media-detail-list strong { display: block; color: #152238; font-size: 12px; overflow-wrap: anywhere; }
.media-missing { color: #b54708; text-align: center; display: grid; gap: 8px; }
@media (max-width: 1320px) {
  .media-overview-card { grid-template-columns: 1fr; }
  .media-toolbar { grid-template-columns: minmax(240px, 1fr) 48px 190px 180px; }
  .media-send-btn { grid-column: 1 / -1; width: fit-content; justify-self: end; }
  .media-upload-panel { grid-template-columns: 64px 1fr; }
  .media-upload-panel .row { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
  .media-modern-head, .media-table-footer, .media-folder-create { align-items: stretch; flex-direction: column; display: flex; }
  .media-overview-copy { align-items: flex-start; }
  .media-overview-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .media-toolbar { grid-template-columns: 1fr; }
  .media-filter-btn, .media-send-btn { width: 100%; }
  .media-library-tabs { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; }
  .media-library-tabs::-webkit-scrollbar { height: 0; }
  .media-detail-list { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .media-overview-card, .media-folder-panel, .media-upload-panel { padding: 18px; }
  .media-overview-copy { flex-direction: column; }
  .media-overview-stats { grid-template-columns: 1fr; }
  .media-table-footer { padding: 16px; }
  .media-pagination { flex-wrap: wrap; }
}


/* Refinamento v1.0.44: topbar profissional com ações somente por ícones + Ferramentas/SEO em abas completas */
.app-topbar {
  min-height: 86px;
  padding: 16px 28px;
  border-bottom: 1px solid #edf2ef !important;
  background: #fff !important;
}
.app-topbar-left { gap: 16px; }
.app-greeting strong { color: #101828; font-weight: 600; letter-spacing: -.02em; }
.app-greeting span { color: #667085; font-size: 13px; }
.app-topbar-actions { gap: 14px; }
.app-topbar-shortcuts { gap: 4px; padding-right: 12px; border-right: 1px solid #e6ece9; }
.app-topbar-icon,
.app-notification,
.app-logout-icon {
  width: 44px;
  min-width: 44px;
  height: 44px;
  padding: 0;
  border: 0 !important;
  border-radius: 999px;
  background: transparent !important;
  color: #253449;
  display: inline-grid;
  place-items: center;
  text-decoration: none;
  box-shadow: none !important;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.app-topbar-icon span { display: none !important; }
.app-topbar-icon i,
.app-notification i,
.app-logout-icon i { font-size: 21px; line-height: 1; }
.app-topbar-icon:hover,
.app-notification:hover,
.app-notification.show,
.app-logout-icon:hover,
.app-sidebar-toggle:hover { background: #f3f8f6 !important; color: var(--bz-primary); transform: translateY(-1px); }
.app-logout-form { margin: 0; }
.app-user-summary { gap: 10px; padding-left: 2px; }
.app-user-avatar { box-shadow: 0 10px 24px rgba(0,143,90,.16); }
.app-notification-count { top: 2px; right: 0; }
.app-sidebar-toggle { border: 0 !important; background: transparent !important; color: #253449; }
.tools-page-title-modern { margin-bottom: 20px; }
.tools-head-action { min-height: 46px; display: inline-flex; align-items: center; gap: 8px; border-radius: 12px; font-weight: 600; }
.tools-modern-hero {
  min-height: 172px;
  border: 1px solid #dfe8e4;
  border-radius: 22px;
  background: linear-gradient(180deg, #fff 0%, #fbfefd 100%);
  padding: 28px 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  overflow: hidden;
}
.tools-modern-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: #eaf8f2;
  color: var(--bz-primary);
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 14px;
}
.tools-modern-copy h2 { max-width: 760px; margin: 0; color: #101828; font-size: clamp(24px, 2.2vw, 34px); line-height: 1.2; letter-spacing: -.035em; font-weight: 600; }
.tools-modern-copy p { max-width: 720px; margin: 12px 0 0; color: #667085; line-height: 1.7; font-size: 15px; }
.tools-modern-illustration { position: relative; width: 240px; min-width: 240px; height: 118px; }
.tools-illustration-card { position: absolute; right: 22px; top: 10px; width: 150px; height: 92px; border: 1px solid #bfe8d7; border-radius: 14px; background: #effaf5; color: var(--bz-primary); padding: 14px; display: grid; gap: 8px; }
.tools-illustration-card i { font-size: 24px; }
.tools-illustration-card span { display: block; height: 7px; border-radius: 999px; background: #bde8d5; }
.tools-illustration-card span:nth-child(3) { width: 70%; }
.tools-illustration-card span:nth-child(4) { width: 48%; }
.tools-illustration-check { position: absolute; right: 0; bottom: 6px; width: 34px; height: 34px; border-radius: 50%; background: var(--bz-primary); color: #fff; display: grid; place-items: center; border: 4px solid #fff; }
.tools-shell { border-radius: 20px; overflow: hidden; }
.tools-tabs-modern { padding: 0 24px; gap: 18px; border-bottom: 1px solid #e4ebe8; background: #fff; }
.tools-tabs-modern .nav-link { min-height: 70px; display: inline-flex; align-items: center; gap: 10px; border: 0; border-radius: 0; padding: 0 6px; color: #667085; background: transparent; font-size: 15px; font-weight: 600; position: relative; }
.tools-tabs-modern .nav-link::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; border-radius: 999px 999px 0 0; background: transparent; }
.tools-tabs-modern .nav-link.active,
.tools-tabs-modern .nav-link:hover { color: var(--bz-primary); background: transparent; }
.tools-tabs-modern .nav-link.active::after { background: var(--bz-primary); }
.tools-tab-content-modern { padding: 26px; }
.tools-grid-modern { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.tool-card-modern,
.seo-card-modern,
.tool-action-card,
.tools-table-wrap { border: 1px solid #e1e9e5; border-radius: 18px; background: #fff; box-shadow: none; }
.tool-card-modern { min-height: 280px; padding: 24px; }
.tool-card-modern .tool-icon { width: 48px; height: 48px; border-radius: 16px; font-size: 25px; margin-bottom: 14px; }
.tool-card-modern h3 { font-size: 20px; line-height: 1.22; letter-spacing: -.02em; }
.tool-card-modern p { color: #667085; font-size: 11px; line-height: 1.65; margin-bottom: 14px; }
.seo-card-modern { padding: 24px; }
.tools-action-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.tool-action-card { padding: 22px; display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; align-items: center; gap: 16px; }
.tool-action-card > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 16px; background: #eaf8f2; color: var(--bz-primary); font-size: 25px; }
.tool-action-card h3,
.tools-table-head h3 { margin: 0; color: #101828; font-size: 18px; font-weight: 600; letter-spacing: -.02em; }
.tool-action-card p,
.tools-table-head p { margin: 5px 0 0; color: #667085; font-size: 13px; line-height: 1.55; }
.tools-table-wrap { overflow: hidden; }
.tools-table-head { padding: 20px 22px; border-bottom: 1px solid #e4ebe8; }
.tools-clean-table { margin: 0; }
.tools-clean-table thead th { background: #fbfcfc; color: #344054; font-size: 12px; font-weight: 600; border-bottom: 1px solid #e4ebe8; }
.tools-clean-table td { color: #475467; font-size: 13px; border-color: #edf2ef; }
@media (max-width: 1280px) {
  .tools-grid-modern { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tool-action-card { grid-template-columns: 58px minmax(0, 1fr); }
  .tool-action-card form { grid-column: 1 / -1; }
}
@media (max-width: 991px) {
  .app-topbar-shortcuts { display: none !important; }
  .app-logout-icon { width: 42px; min-width: 42px; height: 42px; }
  .tools-modern-hero { align-items: flex-start; flex-direction: column; padding: 24px; }
  .tools-modern-illustration { display: none; }
  .tools-tabs-modern { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; }
  .tools-tabs-modern::-webkit-scrollbar { height: 0; }
}
@media (max-width: 720px) {
  .tools-grid-modern, .tools-action-grid { grid-template-columns: 1fr; }
  .tools-tab-content-modern { padding: 18px; }
  .tool-action-card { grid-template-columns: 1fr; }
  .tools-page-title-modern { align-items: stretch; flex-direction: column; }
}


/* Refinamento v1.0.46: ícone de saudação maior e ao lado do texto no painel do cliente */
.app-greeting .app-client-greeting {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #101828;
  font-weight: 600;
  line-height: 1.15;
}
.app-greeting .app-client-greeting .app-client-wave {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: inherit;
  font-size: 26px;
  line-height: 1;
  margin: 0;
  transform: translateY(1px);
  filter: drop-shadow(0 4px 8px rgba(15, 23, 42, .08));
}
.app-greeting .app-client-greeting .app-client-hi {
  display: inline !important;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
@media (max-width: 640px) {
  .app-greeting .app-client-greeting { gap: 7px; }
  .app-greeting .app-client-greeting .app-client-wave { font-size: 23px; }
}

/* Perfil do cliente - v1.0.47 */
.app-user-summary-link { text-decoration: none; border-radius: 14px; padding: 4px 6px; transition: background .2s ease; }
.app-user-summary-link:hover { background: #f5faf8; color: #182230; }
.app-user-avatar-photo { object-fit: cover; display: block; }
.my-bios-hero-actions { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.client-profile-page { display: grid; gap: 22px; }
.client-profile-hero { display: grid; grid-template-columns: minmax(0, 1fr) 310px; align-items: stretch; gap: 18px; }
.client-profile-main, .client-profile-card-preview, .client-profile-side, .client-profile-panel { border: 1px solid #dfe9e5; background: #fff; border-radius: 22px; box-shadow: none; }
.client-profile-main { position: relative; overflow: hidden; padding: 30px; min-height: 260px; }
.client-profile-main::after { content: ""; position: absolute; right: -70px; top: -88px; width: 250px; height: 250px; border-radius: 50%; background: rgba(0,143,90,.08); pointer-events: none; }
.client-profile-kicker { display: inline-flex; align-items: center; gap: 8px; min-height: 30px; padding: 0 13px; border-radius: 999px; background: #ecf9f4; color: var(--bz-primary); font-size: 12px; font-weight: 700; margin-bottom: 16px; }
.client-profile-main h1 { position: relative; z-index: 1; margin: 0; color: #152238; font-size: clamp(28px, 4vw, 42px); font-weight: 750; letter-spacing: -.035em; }
.client-profile-main p { position: relative; z-index: 1; max-width: 720px; color: #667085; line-height: 1.65; margin: 12px 0 0; }
.client-profile-actions { position: relative; z-index: 1; display: flex; gap: 10px; flex-wrap: wrap; margin-top: 24px; }
.client-profile-actions .btn, .client-profile-savebar .btn, .client-profile-delete-form .btn { border-radius: 12px; font-weight: 700; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.client-profile-card-preview { position: relative; overflow: hidden; padding: 22px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.client-profile-cover { position: absolute; inset: 0 0 auto 0; height: 88px; background: linear-gradient(135deg, rgba(0,143,90,.18), rgba(10,166,166,.12)); }
.client-profile-photo { position: relative; z-index: 1; width: 104px; height: 104px; border-radius: 28px; object-fit: cover; border: 5px solid #fff; margin-top: 36px; background: #eef9f4; box-shadow: 0 14px 32px rgba(16,24,40,.12); }
.client-profile-photo-empty { display: grid; place-items: center; background: linear-gradient(145deg, var(--bz-primary), var(--bz-secondary)); color: #fff; font-size: 38px; font-weight: 800; }
.client-profile-card-preview strong { margin-top: 14px; color: #152238; font-size: 19px; font-weight: 750; }
.client-profile-card-preview span { color: var(--bz-primary); font-size: 13px; font-weight: 700; margin-top: 4px; }
.client-profile-card-preview p { color: #667085; font-size: 13px; line-height: 1.55; margin: 13px 0 0; }
.client-profile-grid { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 18px; align-items: start; }
.client-profile-side { padding: 18px; display: grid; gap: 14px; position: sticky; top: 96px; }
.client-profile-mini-card { border: 1px solid #e6efeb; border-radius: 18px; background: #fbfdfc; padding: 18px; text-align: center; }
.client-profile-mini-card img, .client-profile-mini-card div { width: 76px; height: 76px; border-radius: 22px; margin: 0 auto 12px; object-fit: cover; display: grid; place-items: center; background: #eef9f4; color: var(--bz-primary); font-size: 28px; font-weight: 800; }
.client-profile-mini-card strong { display: block; color: #152238; font-weight: 750; }
.client-profile-mini-card span { display: block; color: #667085; font-size: 12px; margin-top: 4px; word-break: break-word; }
.client-profile-progress, .client-profile-bio-list { border: 1px solid #e6efeb; border-radius: 18px; background: #fff; padding: 16px; }
.client-profile-progress strong, .client-profile-bio-list > strong { color: #152238; font-size: 11px; }
.client-profile-progress span { color: var(--bz-primary); font-weight: 800; }
.client-profile-progress-bar { height: 8px; border-radius: 999px; background: #eef4f1; overflow: hidden; }
.client-profile-progress-bar i { display: block; height: 100%; border-radius: inherit; background: var(--bz-primary); }
.client-profile-progress small { display: block; color: #667085; font-size: 12px; line-height: 1.5; margin-top: 10px; }
.client-profile-bio-list { display: grid; gap: 10px; }
.client-profile-bio-list a { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 10px; border: 1px solid #edf2f0; border-radius: 13px; color: #344054; text-decoration: none; }
.client-profile-bio-list a:hover { background: #f6fbf8; border-color: #cfeee1; }
.client-profile-bio-list a i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: #eef9f4; color: var(--bz-primary); }
.client-profile-bio-list a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; font-size: 13px; }
.client-profile-bio-list a small { color: #667085; font-size: 11px; }
.client-profile-bio-list p { margin: 0; color: #667085; font-size: 13px; }
.client-profile-panel { overflow: hidden; }
.client-profile-tabs { display: flex; gap: 0; border-bottom: 1px solid #e6efeb; background: #fff; overflow-x: auto; scrollbar-width: none; }
.client-profile-tabs::-webkit-scrollbar { height: 0; }
.client-profile-tabs .nav-link { min-height: 64px; border: 0; border-right: 1px solid #edf2f0; border-radius: 0; color: #667085; font-weight: 750; padding: 0 24px; display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.client-profile-tabs .nav-link.active { color: var(--bz-primary); background: #f6fbf8; box-shadow: inset 0 -3px 0 var(--bz-primary); }
.client-profile-form { padding: 24px; }
.client-profile-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.client-profile-section-head h2 { margin: 0; color: #152238; font-size: 17px; font-weight: 750; letter-spacing: -.02em; }
.client-profile-section-head p { margin: 6px 0 0; color: #667085; line-height: 1.55; }
.client-profile-form .form-label { color: #344054; font-size: 13px; font-weight: 700; }
.client-profile-form .form-control { border-color: #dfe8e5; border-radius: 12px; min-height: 46px; }
.client-profile-form textarea.form-control { min-height: 132px; }
.client-profile-upload-box { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 20px; align-items: center; border: 1px dashed #cfe1db; border-radius: 18px; padding: 20px; background: #fbfdfc; }
.client-profile-upload-preview { width: 132px; height: 132px; border-radius: 28px; display: grid; place-items: center; background: #eef9f4; color: var(--bz-primary); font-size: 44px; overflow: hidden; }
.client-profile-upload-preview img { width: 100%; height: 100%; object-fit: cover; }
.client-profile-upload-box small { display: block; color: #667085; margin-top: 8px; }
.client-profile-danger { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 16px; border: 1px solid #fecaca; border-radius: 18px; background: #fff7f7; padding: 20px; color: #7f1d1d; }
.client-profile-danger > i { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 15px; background: #fee2e2; color: #dc2626; font-size: 24px; }
.client-profile-danger h2 { margin: 0; color: #991b1b; font-size: 20px; font-weight: 800; }
.client-profile-danger p { color: #7f1d1d; line-height: 1.55; }
.client-profile-savebar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding-top: 24px; margin-top: 24px; border-top: 1px solid #edf2f0; }
.client-profile-delete-form { margin: 18px 0 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 420px); gap: 16px; align-items: center; border: 1px solid #fecaca; border-radius: 18px; background: #fff; padding: 18px; }
.client-profile-delete-form strong { color: #991b1b; font-weight: 800; }
.client-profile-delete-form p { margin: 4px 0 0; color: #667085; font-size: 13px; }
.client-profile-delete-form .form-control { border-radius: 12px; min-height: 44px; border-color: #fecaca; }
.client-profile-delete-action { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; }
.client-profile-two-cols > .col-md-4 { flex: 0 0 auto; width: 50%; }
.client-profile-two-cols .form-control { width: 100%; }
@media (max-width: 1180px) {
  .client-profile-hero, .client-profile-grid { grid-template-columns: 1fr; }
  .client-profile-side { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .client-profile-side { grid-template-columns: 1fr; }
  .client-profile-main { padding: 24px; }
  .client-profile-upload-box, .client-profile-danger, .client-profile-delete-form, .client-profile-delete-action { grid-template-columns: 1fr; }
  .client-profile-delete-form { margin: 18px 0 0; }
  .client-profile-two-cols > .col-md-4 { width: 100%; }
  .client-profile-form { padding: 18px; }
  .my-bios-hero-actions { justify-content: stretch; }
  .my-bios-hero-actions .btn { flex: 1 1 170px; }
}

/* Configurações do cliente - v1.0.48 */
.client-settings-page { display: grid; gap: 20px; max-width: 1180px; margin: 0 auto; }
.client-settings-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.client-settings-head h1 { margin: 0; color: #101828; font-size: clamp(28px, 3vw, 38px); font-weight: 760; letter-spacing: -.035em; }
.client-settings-head p { margin: 8px 0 0; color: #667085; line-height: 1.55; }
.client-settings-kicker { display: inline-flex; align-items: center; gap: 8px; min-height: 30px; padding: 0 13px; border-radius: 999px; background: #ecf9f4; color: var(--bz-primary); font-size: 12px; font-weight: 750; margin-bottom: 12px; }
.client-settings-head .btn { border-radius: 12px; min-height: 42px; display: inline-flex; align-items: center; gap: 8px; font-weight: 700; }
.client-settings-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.client-settings-summary article { display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; gap: 12px; border: 1px solid #e0e9e5; border-radius: 18px; background: #fff; padding: 16px; }
.client-settings-summary article > span { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 15px; background: #ecf9f4; color: var(--bz-primary); font-size: 17px; }
.client-settings-summary small, .client-settings-summary em { display: block; color: #667085; font-size: 12px; font-style: normal; }
.client-settings-summary strong { display: block; color: #152238; font-size: 15px; font-weight: 780; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.client-settings-shell { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.client-settings-card { border: 1px solid #e0e9e5; border-radius: 20px; background: #fff; padding: 20px; box-shadow: none; }
.client-settings-card-head { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: 12px; margin-bottom: 14px; }
.client-settings-card-head > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; background: #ecf9f4; color: var(--bz-primary); font-size: 17px; }
.client-settings-card h2 { margin: 0; color: #152238; font-size: 18px; font-weight: 780; letter-spacing: -.015em; }
.client-settings-card p { margin: 4px 0 0; color: #667085; font-size: 13px; line-height: 1.45; }
.client-settings-card .form-label { color: #344054; font-size: 13px; font-weight: 700; }
.client-settings-card .form-select { min-height: 46px; border-color: #dfe8e5; border-radius: 12px; box-shadow: none; color: #253449; }
.client-settings-card .form-control { min-height: 46px; border-color: #dfe8e5; border-radius: 12px; box-shadow: none; color: #253449; }
.client-settings-color-field { display: flex; align-items: center; gap: 12px; border: 1px solid #e6efeb; border-radius: 15px; background: #fbfdfc; padding: 10px 12px; }
.client-settings-color-field .form-control-color { width: 52px; height: 52px; min-height: 52px; padding: 5px; border-radius: 16px; cursor: pointer; }
.client-settings-color-field .form-control-color:disabled { cursor: not-allowed; opacity: .55; }
.client-settings-color-field span { color: #344054; font-size: 13px; font-weight: 760; letter-spacing: .02em; }
.client-settings-lock-note { display: flex; gap: 9px; align-items: flex-start; margin-bottom: 14px; padding: 12px 14px; border-radius: 15px; background: #fff8e6; color: #8a5a00; font-size: 13px; font-weight: 650; }
.client-settings-preview { display: flex; align-items: center; gap: 12px; margin-top: 14px; border: 1px solid #e6efeb; border-radius: 16px; padding: 14px; background: linear-gradient(135deg, rgba(var(--bz-primary-rgb), .08), #fff); }
.client-settings-preview > span { width: 46px; height: 46px; flex: 0 0 46px; border-radius: 15px; background: linear-gradient(145deg, var(--preview-primary), var(--preview-secondary)); box-shadow: 0 8px 18px rgba(var(--bz-primary-rgb), .16); }
.client-settings-preview strong { display: block; color: #152238; font-size: 14px; font-weight: 780; }
.client-settings-preview small { display: block; margin-top: 2px; color: #667085; font-size: 12px; line-height: 1.35; }
.client-settings-switches { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.client-settings-switches.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.client-settings-switch { min-height: 76px; border: 1px solid #e6efeb; border-radius: 15px; background: #fbfdfc; padding: 14px; display: flex; flex-direction: column; gap: 10px; cursor: pointer; user-select: none; }
.client-settings-switch input { position: absolute; opacity: 0; pointer-events: none; }
.client-settings-switch span { width: 42px; height: 24px; border-radius: 999px; background: #d9e4df; position: relative; transition: background .2s ease; }
.client-settings-switch span::after { content: ''; position: absolute; width: 18px; height: 18px; top: 3px; left: 3px; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(16,24,40,.16); transition: transform .2s ease; }
.client-settings-switch input:checked + span { background: var(--bz-primary); }
.client-settings-switch input:checked + span::after { transform: translateX(18px); }
.client-settings-switch strong { color: #344054; font-size: 13px; font-weight: 760; }
.client-settings-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.client-settings-actions a { min-height: 82px; border: 1px solid #e6efeb; border-radius: 15px; background: #fbfdfc; color: #344054; text-decoration: none; display: grid; place-items: center; gap: 8px; padding: 12px; text-align: center; font-size: 13px; font-weight: 750; }
.client-settings-actions a i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: #ecf9f4; color: var(--bz-primary); font-size: 16px; }
.client-settings-actions a:hover { border-color: #cdeee1; background: #f6fbf8; color: var(--bz-primary); }
.client-settings-savebar { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid #e0e9e5; border-radius: 18px; background: #fff; padding: 14px; }
.client-settings-savebar .btn { min-height: 44px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 750; }
.client-density-compact .app-content { padding-top: 22px; }
.client-density-compact .card, .client-density-compact .client-settings-card, .client-density-compact .client-profile-panel, .client-density-compact .client-profile-side { border-radius: 16px; }
.client-density-compact .client-settings-card, .client-density-compact .client-profile-form { padding: 16px; }
.client-density-compact .client-settings-summary article { padding: 13px; }
.client-density-compact .app-nav a { min-height: 40px; }
@media (max-width: 1100px) {
  .client-settings-shell, .client-settings-summary { grid-template-columns: 1fr; }
  .client-settings-head { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 680px) {
  .client-settings-switches, .client-settings-switches.two, .client-settings-actions { grid-template-columns: 1fr; }
  .client-settings-summary article { grid-template-columns: 46px minmax(0, 1fr); }
  .client-settings-summary article > span { width: 46px; height: 46px; }
  .client-settings-savebar { align-items: stretch; flex-direction: column; }
  .client-settings-savebar .btn { width: 100%; }
}

/* BioZap v1.0.49 - Suporte interno profissional */
.support-page { display: grid; gap: 20px; }
.support-page-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 4px 0 2px; }
.support-page-head.compact { margin-bottom: 2px; }
.support-kicker { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: #eaf8f2; color: var(--bz-primary); font-size: 13px; font-weight: 600; margin-bottom: 10px; }
.support-page-head h1 { margin: 0; color: #0b1828; font-size: clamp(26px, 3vw, 36px); letter-spacing: -.04em; font-weight: 600; }
.support-page-head p { margin: 6px 0 0; color: #65726e; max-width: 720px; font-size: 15px; line-height: 1.65; }
.support-stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
.support-stats article { display: flex; align-items: center; gap: 13px; min-height: 92px; padding: 18px; border: 1px solid var(--bz-border); background: #fff; border-radius: 18px; }
.support-stats span, .support-help-card > span { width: 46px; height: 46px; border-radius: 15px; display: grid; place-items: center; background: #eefaf5; color: var(--bz-primary); font-size: 17px; flex: 0 0 auto; }
.support-stats small { display: block; color: #7a8984; font-size: 12px; font-weight: 500; }
.support-stats strong { display: block; color: #0b1828; font-size: 25px; font-weight: 700; margin-top: 2px; }
.support-shell { display: grid; grid-template-columns: 360px minmax(0, 1fr); min-height: 660px; background: #fff; border: 1px solid var(--bz-border); border-radius: 22px; overflow: hidden; }
.support-inbox { border-right: 1px solid var(--bz-border); background: #fbfdfc; padding: 16px; display: flex; flex-direction: column; gap: 14px; min-height: 0; }
.support-search { position: relative; }
.support-search i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #7d8c87; }
.support-search input { width: 100%; min-height: 44px; border: 1px solid var(--bz-border); border-radius: 13px; padding: 0 14px 0 42px; outline: none; background: #fff; color: #1d2925; font-size: 13px; }
.support-thread-list { display: grid; gap: 8px; overflow: auto; padding-right: 4px; }
.support-thread { display: grid; grid-template-columns: 44px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 12px; border: 1px solid transparent; border-radius: 16px; color: #26332f; text-decoration: none; background: transparent; transition: .18s ease; }
.support-thread:hover, .support-thread.active { background: #fff; border-color: #dce8e3; color: #17231f; }
.support-thread.active { box-shadow: 0 10px 24px rgba(15,31,26,.06); }
.support-thread-avatar { width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center; background: linear-gradient(180deg, #0aae73, #008f5a); color: #fff; font-weight: 700; font-style: normal; }
.support-thread-avatar.big { width: 52px; height: 52px; border-radius: 18px; font-size: 19px; }
.support-thread-main { min-width: 0; }
.support-thread-main strong { display: block; font-size: 13px; color: #10201c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.support-thread-main em { display: block; margin-top: 3px; font-style: normal; color: #7a8984; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.support-thread-meta { display: grid; justify-items: end; gap: 6px; }
.support-thread-meta b { min-width: 22px; height: 22px; display: grid; place-items: center; border-radius: 999px; background: #ef4444; color: #fff; font-size: 11px; }
.support-thread-meta small { color: #008f5a; background: #eaf8f2; border-radius: 999px; padding: 4px 8px; font-size: 10px; white-space: nowrap; }
.support-empty-small { display: grid; place-items: center; text-align: center; gap: 6px; color: #6f7c78; padding: 30px 10px; }
.support-empty-small i { color: var(--bz-primary); font-size: 28px; }
.support-empty-small strong { color: #17231f; }
.support-chat-panel { min-width: 0; background: linear-gradient(180deg, #ffffff 0%, #f9fcfb 100%); }
.support-empty-chat { min-height: 640px; display: grid; place-items: center; align-content: center; text-align: center; padding: 30px; }
.support-empty-chat span, .support-welcome-message span { width: 68px; height: 68px; border-radius: 22px; display: grid; place-items: center; background: #eaf8f2; color: var(--bz-primary); font-size: 32px; margin: 0 auto 14px; }
.support-empty-chat h2 { font-size: 24px; margin: 0 0 6px; font-weight: 600; color: #0c1826; }
.support-empty-chat p { max-width: 420px; color: #6a7773; margin: 0 auto 18px; line-height: 1.6; }
.support-chat { min-height: 660px; display: grid; grid-template-rows: auto minmax(0,1fr) auto; }
.support-chat-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 22px; border-bottom: 1px solid var(--bz-border); background: rgba(255,255,255,.82); }
.support-chat-client { display: flex; align-items: center; gap: 12px; min-width: 0; }
.support-chat-client strong { display: block; color: #0c1826; font-size: 16px; font-weight: 600; }
.support-chat-client small { display: block; color: #778681; font-size: 12px; margin-top: 2px; }
.support-status { display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: 7px 11px; background: #eaf8f2; color: var(--bz-primary); font-size: 12px; font-weight: 600; }
.support-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.support-status.closed { background: #f2f4f7; color: #667085; }
.support-status.answered { background: #eef8ff; color: #0875be; }
.support-messages { min-height: 0; overflow: auto; padding: 24px; display: flex; flex-direction: column; gap: 12px; }
.support-message { display: flex; align-items: flex-end; max-width: 78%; }
.support-message.is-me { margin-left: auto; justify-content: flex-end; }
.support-message.is-client { margin-right: auto; }
.support-bubble { border: 1px solid #e0e9e5; background: #fff; border-radius: 18px 18px 18px 6px; padding: 12px 14px; box-shadow: 0 10px 22px rgba(15,31,26,.04); }
.support-message.is-me .support-bubble { background: #008f5a; border-color: #008f5a; color: #fff; border-radius: 18px 18px 6px 18px; }
.support-bubble small { display: block; color: #62736d; font-size: 11px; font-weight: 600; margin-bottom: 5px; }
.support-message.is-me .support-bubble small { color: rgba(255,255,255,.82); }
.support-bubble p { margin: 0; white-space: pre-wrap; line-height: 1.55; font-size: 11px; }
.support-bubble time { display: block; margin-top: 7px; color: #87938f; font-size: 10px; text-align: right; }
.support-message.is-me .support-bubble time { color: rgba(255,255,255,.72); }
.support-no-messages, .support-welcome-message { align-self: center; text-align: center; color: #6a7773; background: #fff; border: 1px dashed #d7e4df; border-radius: 18px; padding: 18px 22px; margin: auto; }
.support-welcome-message { max-width: 380px; }
.support-welcome-message strong { display: block; color: #0c1826; font-size: 18px; margin-bottom: 4px; }
.support-welcome-message p { margin: 0; line-height: 1.55; }
.support-reply-form { display: grid; grid-template-columns: minmax(0,1fr) 54px; gap: 12px; padding: 16px 20px; border-top: 1px solid var(--bz-border); background: #fff; }
.support-reply-form textarea { resize: none; min-height: 54px; max-height: 150px; border: 1px solid var(--bz-border); border-radius: 16px; padding: 14px 16px; outline: none; color: #17231f; line-height: 1.45; }
.support-reply-form textarea:focus { border-color: var(--bz-primary); box-shadow: 0 0 0 .2rem rgba(0,143,90,.11); }
.support-reply-form button { border: 0; border-radius: 16px; background: var(--bz-primary); color: #fff; font-size: 21px; display: grid; place-items: center; }
.support-modal .modal-header { align-items: flex-start; }
.support-modal .modal-title { font-weight: 600; color: #0c1826; }
.support-modal small { color: #6a7773; }
.support-client-grid { display: grid; grid-template-columns: 310px minmax(0, 1fr); gap: 18px; }
.support-help-card { background: #fff; border: 1px solid var(--bz-border); border-radius: 22px; padding: 22px; min-height: 360px; align-self: start; }
.support-help-card h2 { margin: 16px 0 8px; font-size: 20px; font-weight: 600; color: #0c1826; }
.support-help-card p { color: #66736f; line-height: 1.6; margin-bottom: 14px; }
.support-help-card ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.support-help-card li { display: flex; gap: 9px; color: #33423d; font-size: 13px; }
.support-help-card li i { color: var(--bz-primary); }
.client-chat-panel { border: 1px solid var(--bz-border); border-radius: 22px; overflow: hidden; }
.client-chat-panel .support-chat { min-height: 650px; }
@media (max-width: 1199.98px) {
  .support-stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .support-shell { grid-template-columns: 310px minmax(0,1fr); }
  .support-client-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
  .support-page-head { flex-direction: column; }
  .support-stats { grid-template-columns: 1fr; }
  .support-shell { grid-template-columns: 1fr; min-height: auto; }
  .support-inbox { border-right: 0; border-bottom: 1px solid var(--bz-border); max-height: 360px; }
  .support-chat, .client-chat-panel .support-chat { min-height: 560px; }
  .support-message { max-width: 92%; }
  .support-messages { padding: 16px; }
}

/* Chat interno master profissional - v1.0.50 */
.support-admin { display: grid; gap: 18px; }
.support-admin-titlebar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 2px 0 4px; }
.support-admin-titlebar h1 { margin: 0; color: #0b1828; font-size: 30px; line-height: 1.1; font-weight: 600; letter-spacing: -.04em; }
.support-admin-titlebar p { margin: 7px 0 0; color: #65726e; font-size: 11px; }
.support-new-btn { min-height: 46px; padding: 0 18px; border-radius: 14px; border: 1px solid #bfe5d5; background: #fff; color: var(--bz-primary); font-weight: 600; display: inline-flex; align-items: center; justify-content: center; gap: 9px; }
.support-new-btn:hover { background: #eefaf5; }
.support-admin-stats { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
.support-admin-stats article { min-height: 104px; padding: 20px 22px; border: 1px solid #dfe8e4; border-radius: 20px; background: #fff; display: flex; align-items: center; gap: 16px; }
.support-admin-stats .stat-icon { width: 48px; height: 48px; border-radius: 18px; display: grid; place-items: center; font-size: 28px; flex: 0 0 auto; }
.support-admin-stats .stat-icon.green, .support-admin-stats .stat-icon.success { background: #eaf8f2; color: #00965d; }
.support-admin-stats .stat-icon.orange { background: #fff3e3; color: #f08a00; }
.support-admin-stats .stat-icon.blue { background: #eef4ff; color: #1f6dff; }
.support-admin-stats small { display: block; color: #243348; font-size: 13px; font-weight: 500; }
.support-admin-stats strong { display: block; color: #07172c; font-size: 27px; font-weight: 700; line-height: 1.08; margin: 5px 0 2px; }
.support-admin-stats em { display: block; font-style: normal; color: #00965d; font-size: 12px; font-weight: 600; }
.support-admin-stats article:nth-child(2) em { color: #f08a00; }
.support-admin-stats article:nth-child(3) em { color: #1f6dff; }
.support-admin-grid { display: grid; grid-template-columns: 360px minmax(420px,1fr) 350px; gap: 14px; min-height: 720px; }
.support-admin-inbox, .support-admin-chat-wrap, .support-admin-details .detail-card { border: 1px solid #dfe8e4; border-radius: 20px; background: #fff; overflow: hidden; }
.support-admin-inbox { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.support-box-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px 20px 12px; }
.support-box-head h2, .support-admin-details h2 { margin: 0; color: #0c182b; font-size: 16px; font-weight: 600; }
.support-box-head p { margin: 4px 0 0; color: #73807c; font-size: 12px; }
.support-icon-button { width: 44px; height: 44px; border: 1px solid #dce8e3; border-radius: 13px; background: #fff; color: #1b2d3e; display: grid; place-items: center; font-size: 18px; }
.support-icon-button:hover { border-color: #bfe5d5; color: var(--bz-primary); background: #f4fbf8; }
.support-icon-button.plain { border: 0; background: transparent; color: #0f2032; }
.support-admin-search { display: grid; grid-template-columns: 1fr 44px; gap: 12px; padding: 0 20px 14px; position: relative; }
.support-admin-search i.bi-search { position: absolute; left: 36px; top: 13px; color: #82908b; }
.support-admin-search input { min-height: 46px; border: 1px solid #dce8e3; border-radius: 12px; background: #fff; padding: 0 14px 0 42px; color: #17231f; outline: none; font-size: 13px; }
.support-admin-search input:focus { border-color: #9edcc4; box-shadow: 0 0 0 .18rem rgba(0,143,90,.09); }
.support-admin-search button { border: 1px solid #dce8e3; border-radius: 12px; background: #fff; color: #243348; }
.support-admin-tabs { display: grid; grid-template-columns: repeat(3,1fr); padding: 0 20px; border-bottom: 1px solid #e4ede9; }
.support-admin-tabs a { text-align: center; padding: 12px 4px 13px; color: #314050; font-size: 13px; font-weight: 500; text-decoration: none; border-bottom: 3px solid transparent; }
.support-admin-tabs a.active { color: var(--bz-primary); border-bottom-color: var(--bz-primary); }
.support-admin-thread-list { overflow: auto; display: flex; flex-direction: column; min-height: 0; }
.support-admin-thread { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 12px; padding: 15px 20px; border-bottom: 1px solid #eef3f1; text-decoration: none; color: #152335; transition: .18s ease; position: relative; }
.support-admin-thread:hover, .support-admin-thread.active { background: #f0fbf6; color: #152335; }
.support-thread-avatar.soft { background: #dff7ec; color: #008f5a; border-radius: 50%; font-size: 13px; width: 44px; height: 44px; box-shadow: none; }
.support-thread-avatar.soft.big { width: 54px; height: 54px; font-size: 16px; }
.support-admin-thread .thread-content { min-width: 0; }
.support-admin-thread .thread-content > span { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.support-admin-thread strong { color: #0d1c2f; font-size: 13px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.support-admin-thread time { color: #677588; font-size: 12px; flex: 0 0 auto; }
.support-admin-thread em { display: block; margin-top: 4px; color: #5e6a79; font-style: normal; font-size: 12px; line-height: 1.45; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.support-admin-thread .thread-badges { display: flex; align-items: center; gap: 7px; margin-top: 8px; }
.support-admin-thread .thread-badges b { min-width: 21px; height: 21px; display: grid; place-items: center; border-radius: 999px; background: #ef4444; color: #fff; font-size: 10px; }
.support-admin-thread .thread-badges small, .support-mini-pill { display: inline-flex; align-items: center; justify-content: center; min-height: 22px; padding: 3px 9px; border-radius: 7px; background: #e9f9f1; color: #008f5a; font-size: 11px; font-weight: 600; }
.support-admin-thread .thread-badges small.open, .support-mini-pill.open { background: #edf3ff; color: #2563eb; }
.support-admin-thread .thread-badges small.closed, .support-mini-pill.closed { background: #f1f4f3; color: #697670; }
.support-admin-chat-wrap { min-width: 0; background: #fff; }
.support-admin-chat { min-height: 720px; height: 100%; display: grid; grid-template-rows: auto minmax(0,1fr) auto; background: #fff; }
.support-admin-chat-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 76px; padding: 16px 20px; border-bottom: 1px solid #e2ebe7; }
.chat-user-head { display: flex; align-items: center; gap: 13px; min-width: 0; }
.chat-user-head strong { display: block; color: #111d2f; font-size: 16px; font-weight: 600; }
.chat-user-head small, .profile-row small { display: inline-flex; align-items: center; gap: 7px; color: #667085; font-size: 12px; margin-top: 3px; }
.chat-user-head small i, .profile-row small i { width: 7px; height: 7px; border-radius: 50%; background: #13b76b; display: inline-block; }
.support-admin-messages { padding: 22px 22px 18px; background: linear-gradient(180deg, #fff 0%, #fbfdfc 100%); display: flex; flex-direction: column; gap: 12px; overflow: auto; }
.support-date-divider { align-self: center; color: #6c7886; font-size: 12px; padding: 6px 13px; border-radius: 999px; background: #f2f5f4; }
.support-admin .support-message { max-width: 86%; display: flex; align-items: flex-end; gap: 9px; }
.support-admin .support-message.is-me { margin-left: auto; justify-content: flex-end; }
.support-admin .support-message.is-client { margin-right: auto; }
.support-msg-avatar { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: #dff7ec; color: #008f5a; font-size: 10px; font-weight: 700; flex: 0 0 auto; }
.support-msg-avatar.admin { background: #00965d; color: #fff; }
.support-admin .support-bubble { border: 0; box-shadow: none; border-radius: 14px 14px 14px 5px; background: #f1f4f7; color: #223248; padding: 12px 14px 8px; }
.support-admin .support-message.is-me .support-bubble { background: #e6f8f0; color: #173526; border-radius: 14px 14px 5px 14px; }
.support-admin .support-bubble small { display: none; }
.support-admin .support-bubble p { margin: 0; color: inherit; font-size: 13px; line-height: 1.55; white-space: pre-wrap; }
.support-admin .support-bubble time { display: block; margin-top: 6px; text-align: right; color: #637185; font-size: 10px; }
.support-admin .support-bubble time i { color: #008f5a; margin-left: 4px; }
.support-admin-reply { display: grid; grid-template-columns: 1fr auto auto; align-items: end; gap: 10px; padding: 15px 18px; border-top: 1px solid #e2ebe7; background: #fff; }
.support-admin-reply textarea { resize: none; min-height: 68px; max-height: 160px; border: 1px solid #dce8e3; border-radius: 15px; padding: 15px; outline: none; color: #152335; font-size: 13px; }
.support-admin-reply textarea:focus { border-color: #9edcc4; box-shadow: 0 0 0 .18rem rgba(0,143,90,.09); }
.support-admin-reply .reply-actions { display: flex; align-items: center; gap: 8px; }
.support-admin-reply .reply-actions button { width: 42px; height: 42px; border: 1px solid #dce8e3; border-radius: 12px; background: #fff; color: #203045; }
.support-admin-reply .send-btn { min-height: 45px; border: 0; border-radius: 13px; background: #bdebd9; color: #008f5a; font-size: 13px; font-weight: 600; padding: 0 18px; display: inline-flex; align-items: center; gap: 8px; }
.support-admin-reply .send-btn:not(:disabled):hover { background: #008f5a; color: #fff; }
.support-admin-reply button:disabled, .support-admin-reply textarea:disabled { opacity: .65; cursor: not-allowed; }
.support-admin-details { display: grid; gap: 14px; align-content: start; min-width: 0; }
.support-admin-details .detail-card { padding: 0; }
.support-admin-details .detail-card h2 { padding: 18px 20px; border-bottom: 1px solid #e8efec; }
.support-admin-details .detail-card > p { color: #66736f; line-height: 1.55; margin: 0; padding: 18px 20px; }
.profile-row { display: flex; align-items: center; gap: 14px; padding: 20px; }
.profile-row strong { display: block; color: #112033; font-size: 11px; font-weight: 600; }
.profile-row em { display: block; color: #7b8794; font-size: 12px; font-style: normal; margin-top: 3px; }
.support-detail-list { display: grid; gap: 0; padding: 0 20px 18px; margin: 0; }
.support-detail-list div { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 10px; padding: 11px 0; align-items: center; }
.support-detail-list dt { color: #697386; font-size: 12px; font-weight: 500; }
.support-detail-list dd { margin: 0; color: #18283b; font-size: 12px; font-weight: 500; min-width: 0; overflow-wrap: anywhere; }
.agent-dot { width: 24px; height: 24px; display: inline-grid; place-items: center; border-radius: 50%; background: #00965d; color: #fff; font-size: 11px; font-weight: 700; margin-right: 7px; }
.support-danger-btn, .support-outline-btn { width: calc(100% - 40px); min-height: 46px; margin: 0 20px 18px; border-radius: 12px; font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; gap: 9px; }
.support-danger-btn { background: #fff; border: 1px solid #ff6b6b; color: #ef3d3d; }
.support-danger-btn:hover { background: #fff5f5; }
.support-outline-btn { background: #fff; border: 1px solid #dce5e1; color: #223248; }
.support-outline-btn:hover { border-color: #bfe5d5; color: #008f5a; background: #f4fbf8; }
.support-extra-list { list-style: none; margin: 0; padding: 14px 20px 20px; display: grid; gap: 13px; }
.support-extra-list li { display: grid; grid-template-columns: 20px minmax(92px, .8fr) minmax(0,1fr); align-items: center; gap: 10px; color: #25364a; font-size: 12px; }
.support-extra-list i { color: #1c3045; font-size: 15px; }
.support-extra-list span { color: #687487; }
.support-extra-list strong { text-align: right; font-weight: 500; color: #223248; overflow-wrap: anywhere; }
.support-extra-list a { color: #006ddf; text-decoration: none; }
.note-card h2 { display: flex; align-items: center; justify-content: space-between; }
.note-card h2 i { color: #1c3045; font-size: 15px; }
.note-card > div { margin: 0 20px 20px; padding: 14px; min-height: 78px; border-radius: 13px; background: #f8faf9; color: #53615d; font-size: 13px; line-height: 1.55; }
.muted-card { min-height: 180px; }
.support-admin-empty { min-height: 720px; }

@media (max-width: 1500px) {
  .support-admin-grid { grid-template-columns: 330px minmax(380px,1fr) 320px; }
  .support-admin-stats article { padding: 18px; }
}
@media (max-width: 1280px) {
  .support-admin-grid { grid-template-columns: 320px minmax(0,1fr); }
  .support-admin-details { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0,1fr)); }
  .support-admin-details .profile-card { grid-column: span 1; }
}
@media (max-width: 991.98px) {
  .support-admin-titlebar { flex-direction: column; align-items: flex-start; }
  .support-admin-stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .support-admin-grid { grid-template-columns: 1fr; }
  .support-admin-inbox, .support-admin-chat-wrap { min-height: auto; }
  .support-admin-chat { min-height: 620px; }
  .support-admin-details { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
  .support-admin-stats { grid-template-columns: 1fr; }
  .support-admin-stats article { min-height: 92px; }
  .support-admin-reply { grid-template-columns: 1fr; }
  .support-admin-reply .reply-actions { order: 2; }
  .support-admin-reply .send-btn { order: 3; justify-content: center; }
  .support-extra-list li { grid-template-columns: 20px 1fr; }
  .support-extra-list strong { grid-column: 2; text-align: left; }
}

/* Refinamento v1.0.51: Chat Interno admin em modo compacto, com altura controlada */
.support-master-page.support-admin {
  gap: 14px;
}
.support-master-page .support-admin-titlebar {
  padding: 0;
}
.support-master-page .support-admin-titlebar h1 {
  font-size: 26px;
}
.support-master-page .support-admin-titlebar p {
  margin-top: 4px;
  font-size: 13px;
}
.support-master-page .support-new-btn {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 12px;
  font-size: 13px;
}
.support-master-page .support-admin-stats {
  gap: 12px;
}
.support-master-page .support-admin-stats article {
  min-height: 78px;
  padding: 14px 16px;
  border-radius: 16px;
  gap: 12px;
}
.support-master-page .support-admin-stats .stat-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  font-size: 17px;
}
.support-master-page .support-admin-stats small {
  font-size: 12px;
}
.support-master-page .support-admin-stats strong {
  font-size: 17px;
  margin: 2px 0 0;
}
.support-master-page .support-admin-stats em {
  font-size: 11px;
}
.support-master-page .support-admin-grid {
  min-height: 520px;
  height: clamp(520px, calc(100vh - 265px), 660px);
  gap: 12px;
}
.support-master-page .support-admin-inbox,
.support-master-page .support-admin-chat-wrap {
  height: 100%;
}
.support-master-page .support-admin-details {
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  padding-right: 2px;
  scrollbar-width: thin;
}
.support-master-page .support-admin-chat,
.support-master-page .support-admin-empty {
  min-height: 0;
  height: 100%;
}
.support-master-page .support-box-head {
  padding: 15px 16px 10px;
}
.support-master-page .support-admin-search {
  padding: 0 16px 10px;
  grid-template-columns: 1fr 40px;
  gap: 8px;
}
.support-master-page .support-admin-search i.bi-search {
  left: 30px;
  top: 10px;
}
.support-master-page .support-admin-search input {
  min-height: 40px;
  border-radius: 11px;
  font-size: 12px;
}
.support-master-page .support-admin-search button,
.support-master-page .support-icon-button {
  width: 40px;
  height: 40px;
  border-radius: 11px;
}
.support-master-page .support-admin-tabs {
  padding: 0 16px;
}
.support-master-page .support-admin-tabs a {
  padding: 9px 4px 10px;
  font-size: 12px;
}
.support-master-page .support-admin-thread {
  grid-template-columns: 38px minmax(0,1fr);
  gap: 10px;
  padding: 11px 16px;
}
.support-master-page .support-thread-avatar.soft {
  width: 38px;
  height: 38px;
  font-size: 12px;
}
.support-master-page .support-thread-avatar.soft.big {
  width: 46px;
  height: 46px;
  font-size: 11px;
}
.support-master-page .support-admin-thread em {
  -webkit-line-clamp: 1;
  line-height: 1.35;
}
.support-master-page .support-admin-thread .thread-badges {
  margin-top: 5px;
}
.support-master-page .support-admin-chat-head {
  min-height: 62px;
  padding: 12px 16px;
}
.support-master-page .chat-user-head strong {
  font-size: 11px;
}
.support-master-page .support-admin-messages {
  padding: 16px;
  gap: 9px;
}
.support-master-page .support-date-divider {
  padding: 4px 11px;
  font-size: 11px;
}
.support-master-page .support-admin .support-bubble {
  padding: 10px 12px 7px;
}
.support-master-page .support-admin .support-bubble p {
  font-size: 12px;
  line-height: 1.45;
}
.support-master-page .support-msg-avatar {
  width: 26px;
  height: 26px;
}
.support-master-page .support-admin-reply {
  padding: 12px 14px;
  gap: 8px;
}
.support-master-page .support-admin-reply textarea {
  min-height: 50px;
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 12px;
}
.support-master-page .support-admin-reply .reply-actions button {
  width: 38px;
  height: 38px;
  border-radius: 10px;
}
.support-master-page .support-admin-reply .send-btn {
  min-height: 40px;
  border-radius: 11px;
  padding: 0 14px;
}
.support-master-page .support-admin-details .detail-card {
  border-radius: 16px;
}
.support-master-page .support-admin-details .detail-card h2 {
  padding: 13px 16px;
  font-size: 11px;
}
.support-master-page .profile-row {
  padding: 14px 16px;
}
.support-master-page .support-detail-list {
  padding: 0 16px 13px;
}
.support-master-page .support-detail-list div {
  padding: 8px 0;
}
.support-master-page .support-danger-btn,
.support-master-page .support-outline-btn {
  width: calc(100% - 32px);
  min-height: 40px;
  margin: 0 16px 14px;
}
.support-master-page .support-extra-list {
  padding: 12px 16px 16px;
  gap: 9px;
}
.support-master-page .note-card > div {
  margin: 0 16px 16px;
  min-height: 52px;
  font-size: 12px;
}
@media (max-width: 1280px) {
  .support-master-page .support-admin-grid {
    height: auto;
    min-height: 0;
  }
  .support-master-page .support-admin-chat,
  .support-master-page .support-admin-empty {
    min-height: 560px;
  }
  .support-master-page .support-admin-details {
    height: auto;
    max-height: none;
    overflow: visible;
  }
}
@media (max-width: 575.98px) {
  .support-master-page .support-admin-stats article {
    min-height: 72px;
  }
  .support-master-page .support-admin-chat,
  .support-master-page .support-admin-empty {
    min-height: 520px;
  }
}


/* Refinamento v1.0.52: rolagem suave individual nos cards laterais do Chat Interno */
@media (min-width: 1281px) {
  .support-master-page .support-admin-details {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 0;
    overflow: hidden;
    padding-right: 0;
  }
  .support-master-page .support-admin-details .support-scroll-card {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 143, 90, .36) transparent;
  }
  .support-master-page .support-admin-details .support-scroll-card::-webkit-scrollbar {
    width: 6px;
  }
  .support-master-page .support-admin-details .support-scroll-card::-webkit-scrollbar-track {
    background: transparent;
  }
  .support-master-page .support-admin-details .support-scroll-card::-webkit-scrollbar-thumb {
    background: rgba(0, 143, 90, .30);
    border-radius: 999px;
  }
  .support-master-page .support-admin-details .support-scroll-card::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 143, 90, .48);
  }
  .support-master-page .support-admin-details .support-scroll-card > h2 {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
  }
  .support-master-page .support-admin-details .profile-card.support-scroll-card {
    flex: 1 1 218px;
    max-height: 242px;
  }
  .support-master-page .support-admin-details .info-card.support-scroll-card {
    flex: 1 1 198px;
    max-height: 218px;
  }
  .support-master-page .support-admin-details .note-card.support-scroll-card {
    flex: 1 1 150px;
    max-height: 188px;
  }
  .support-master-page .support-admin-details .support-detail-list,
  .support-master-page .support-admin-details .support-extra-list {
    padding-bottom: 12px;
  }
}

/* Refinamento v1.0.53: envio do chat em tempo real sem recarregar a página */
.support-reply-form,
.support-admin-reply {
  position: relative;
}
.support-reply-form.is-sending,
.support-admin-reply.is-sending {
  opacity: .92;
}
.support-inline-error {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: calc(100% + 8px);
  z-index: 5;
  display: none;
  padding: 10px 12px;
  border: 1px solid #fecaca;
  border-radius: 12px;
  background: #fff7f7;
  color: #b42318;
  font-size: 12px;
  font-weight: 500;
  box-shadow: 0 12px 28px rgba(180, 35, 24, .08);
}
.support-inline-error.show {
  display: block;
}
.support-spin {
  animation: biozapSupportSpin .7s linear infinite;
}
@keyframes biozapSupportSpin {
  to { transform: rotate(360deg); }
}

/* Refinamento v1.0.54: scrollbar do Chat Interno mais suave e discreto */
.support-master-page .support-admin-messages,
.support-master-page .support-admin-thread-list,
.support-master-page .support-admin-details .support-scroll-card {
  scroll-behavior: smooth;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(15, 35, 52, .18) transparent;
}
.support-master-page .support-admin-messages::-webkit-scrollbar,
.support-master-page .support-admin-thread-list::-webkit-scrollbar,
.support-master-page .support-admin-details .support-scroll-card::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.support-master-page .support-admin-messages::-webkit-scrollbar-track,
.support-master-page .support-admin-thread-list::-webkit-scrollbar-track,
.support-master-page .support-admin-details .support-scroll-card::-webkit-scrollbar-track {
  background: transparent;
}
.support-master-page .support-admin-messages::-webkit-scrollbar-thumb,
.support-master-page .support-admin-thread-list::-webkit-scrollbar-thumb,
.support-master-page .support-admin-details .support-scroll-card::-webkit-scrollbar-thumb {
  background: rgba(15, 35, 52, .14);
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.72);
  background-clip: padding-box;
}
.support-master-page .support-admin-messages::-webkit-scrollbar-thumb:hover,
.support-master-page .support-admin-thread-list::-webkit-scrollbar-thumb:hover,
.support-master-page .support-admin-details .support-scroll-card::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 143, 90, .26);
}
.support-master-page .support-admin-messages::-webkit-scrollbar-corner,
.support-master-page .support-admin-thread-list::-webkit-scrollbar-corner,
.support-master-page .support-admin-details .support-scroll-card::-webkit-scrollbar-corner {
  background: transparent;
}

/* BioZap v1.0.55: botões funcionais no chat interno */
.support-admin-reply,
.support-reply-form {
  overflow: visible;
}
.support-admin-reply .reply-actions button.is-active,
.support-reply-form [data-support-action].is-active {
  border-color: rgba(0, 143, 90, .38);
  background: #eaf8f2;
  color: var(--bz-primary);
}
.support-file-chip {
  position: absolute;
  left: 14px;
  bottom: calc(100% + 10px);
  z-index: 6;
  max-width: min(420px, calc(100% - 28px));
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 7px 9px 7px 11px;
  border: 1px solid #cfeee1;
  border-radius: 999px;
  background: #f2fbf7;
  color: #0f5136;
  box-shadow: 0 14px 34px rgba(15, 31, 26, .08);
  font-size: 12px;
  font-weight: 650;
}
.support-file-chip[hidden],
.support-popover[hidden] {
  display: none !important;
}
.support-file-chip span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.support-file-chip button {
  width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(0, 143, 90, .12) !important;
  color: #006b45 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  font-size: 11px !important;
}
.support-popover {
  position: absolute;
  right: 84px;
  bottom: calc(100% + 10px);
  z-index: 7;
  width: min(280px, calc(100vw - 34px));
  padding: 10px;
  border: 1px solid #dce8e3;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 22px 54px rgba(15, 31, 26, .14);
}
.support-emoji-panel {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
}
.support-emoji-panel button,
.support-quick-panel button {
  min-height: 36px;
  border: 1px solid #edf2f0 !important;
  border-radius: 11px !important;
  background: #fbfdfc !important;
  color: #24364a !important;
  cursor: pointer;
}
.support-emoji-panel button {
  font-size: 18px !important;
}
.support-quick-panel {
  right: 34px;
  width: min(320px, calc(100vw - 34px));
  display: grid;
  gap: 7px;
}
.support-quick-panel button {
  min-height: 40px;
  justify-content: flex-start;
  text-align: left;
  padding: 0 12px !important;
  font-size: 12px !important;
  font-weight: 650;
}
.support-emoji-panel button:hover,
.support-quick-panel button:hover {
  border-color: #bfe5d5 !important;
  background: #f2fbf7 !important;
  color: var(--bz-primary) !important;
}
.support-attachment-card {
  margin-top: 8px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 9px;
  min-width: min(270px, 100%);
  padding: 9px;
  border: 1px solid rgba(0, 143, 90, .14);
  border-radius: 13px;
  background: rgba(255,255,255,.82);
  color: #172b3f;
  text-decoration: none;
}
.support-attachment-card > i:first-child {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #eaf8f2;
  color: var(--bz-primary);
  font-size: 16px;
}
.support-attachment-card span {
  min-width: 0;
}
.support-attachment-card strong,
.support-attachment-card small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.support-attachment-card strong {
  color: inherit;
  font-size: 12px;
  font-weight: 750;
}
.support-attachment-card small {
  margin-top: 2px;
  color: #6b7884;
  font-size: 10px;
}
.support-attachment-card > i:last-child {
  color: #7d8b86;
  font-size: 11px;
}
.support-message.is-me .support-attachment-card {
  background: rgba(255,255,255,.16);
  border-color: rgba(255,255,255,.24);
  color: inherit;
}
.support-message.is-me .support-attachment-card > i:first-child {
  background: rgba(255,255,255,.22);
  color: inherit;
}
.support-message.is-me .support-attachment-card small,
.support-message.is-me .support-attachment-card > i:last-child {
  color: rgba(255,255,255,.72);
}
.support-reply-form {
  grid-template-columns: minmax(0, 1fr) 48px 48px 54px;
}
.support-reply-form [data-support-action] {
  border: 1px solid #dce8e3;
  background: #fff;
  color: #203045;
  font-size: 18px;
}
.support-reply-form button[type="submit"] {
  background: var(--bz-primary);
  color: #fff;
  border: 0;
}
.support-reply-form .support-file-chip {
  bottom: calc(100% + 8px);
}
.support-reply-form .support-popover {
  right: 74px;
}
@media (max-width: 575.98px) {
  .support-reply-form {
    grid-template-columns: 1fr 42px 42px 50px;
    gap: 8px;
    padding: 12px;
  }
  .support-admin-reply .support-popover,
  .support-reply-form .support-popover {
    left: 12px;
    right: 12px;
    width: auto;
  }
}

/* BioZap v1.0.56 - Chat do cliente profissional e mais limpo */
.support-client-clean { gap: 22px; }
.support-client-titlebar { padding: 2px 0 6px; }
.support-client-titlebar h1 { margin: 0; color: #0b1828; font-size: clamp(28px, 3.1vw, 42px); line-height: 1.08; letter-spacing: -.045em; font-weight: 650; }
.support-client-titlebar p { margin: 12px 0 0; color: #607084; font-size: 16px; line-height: 1.55; }
.support-client-layout { display: grid; grid-template-columns: 310px minmax(0, 1fr); gap: 22px; align-items: stretch; }
.client-support-aside { display: grid; gap: 22px; align-content: start; }
.client-support-info-card { border: 1px solid #dfe9e5; background: #fff; border-radius: 20px; box-shadow: 0 18px 45px rgba(15, 31, 26, .035); }
.client-support-info-card.is-main { min-height: 430px; padding: 28px 28px 30px; }
.client-support-info-card.is-alert { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 18px; padding: 26px; background: linear-gradient(135deg, #ffffff 0%, #f2fbf7 100%); }
.client-support-icon { width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; background: #eaf8f2; color: #008f5a; font-size: 30px; }
.client-support-info-card.is-main h2 { margin: 34px 0 18px; color: #07172c; font-size: 25px; letter-spacing: -.03em; font-weight: 650; }
.client-support-info-card.is-main p { color: #657285; font-size: 15px; line-height: 1.85; margin: 0 0 28px; }
.client-support-info-card ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 20px; }
.client-support-info-card li { display: flex; align-items: center; gap: 14px; color: #1d2d42; font-size: 15px; }
.client-support-info-card li i { color: #008f5a; font-size: 18px; }
.client-support-info-card.is-alert .client-support-icon { width: 56px; height: 56px; border-radius: 18px; font-size: 26px; }
.client-support-info-card h3 { margin: 0 0 8px; color: #101e34; font-size: 17px; font-weight: 650; }
.client-support-info-card.is-alert p { margin: 0; color: #657285; font-size: 11px; line-height: 1.65; }
.client-support-chat-shell { min-width: 0; border: 1px solid #dfe9e5; border-radius: 22px; overflow: hidden; background: #fff; box-shadow: 0 18px 45px rgba(15, 31, 26, .035); }
.client-support-chat { min-height: 680px; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; background: #fff; }
.client-support-chat-head { min-height: 112px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 26px 32px; border-bottom: 1px solid #e2ece8; background: rgba(255,255,255,.94); }
.client-support-chat-brand { display: flex; align-items: center; gap: 18px; min-width: 0; }
.client-support-headset { width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; background: linear-gradient(180deg, #0cad70 0%, #008f5a 100%); color: #fff; font-size: 30px; box-shadow: 0 14px 28px rgba(0, 143, 90, .18); }
.client-support-chat-brand strong { display: block; color: #07172c; font-size: 17px; line-height: 1.15; font-weight: 650; letter-spacing: -.02em; }
.client-support-chat-brand small { display: block; color: #647186; margin-top: 8px; font-size: 15px; }
.client-support-online { display: inline-flex; align-items: center; gap: 9px; min-height: 42px; padding: 0 18px; border-radius: 999px; background: #eaf8f2; color: #008f5a; font-size: 15px; font-weight: 650; white-space: nowrap; }
.client-support-online i { width: 10px; height: 10px; border-radius: 50%; background: currentColor; }
.client-support-messages { padding: 30px 32px; gap: 22px; background: #fff; scroll-behavior: smooth; }
.support-client-page .support-message { max-width: 58%; }
.support-client-page .support-message.is-me { margin-left: auto; }
.support-client-page .support-message.is-client { margin-right: auto; }
.support-client-page .support-bubble { min-width: 190px; border: 1px solid #dfe9e5; background: #fff; border-radius: 16px; padding: 17px 20px; box-shadow: 0 16px 35px rgba(15,31,26,.06); }
.support-client-page .support-message.is-me .support-bubble { min-width: 190px; background: linear-gradient(180deg, #009f64 0%, #008f5a 100%); border-color: #008f5a; color: #fff; border-radius: 16px; box-shadow: 0 18px 35px rgba(0,143,90,.18); }
.support-client-page .support-bubble small { color: #008f5a; font-size: 13px; font-weight: 700; margin-bottom: 9px; }
.support-client-page .support-message.is-me .support-bubble small { color: rgba(255,255,255,.9); }
.support-client-page .support-bubble p { font-size: 15px; line-height: 1.5; }
.support-client-page .support-bubble time { margin-top: 11px; font-size: 13px; text-align: left; color: #748197; }
.support-client-page .support-message.is-me .support-bubble time { color: rgba(255,255,255,.82); }
.support-client-page .support-message.is-me .support-bubble time i { margin-left: 10px; }
.client-support-empty { margin: auto; border-style: solid; box-shadow: none; }
.client-support-composer { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr) 142px; align-items: center; gap: 18px; padding: 28px 32px; border-top: 1px solid #e2ece8; background: #fff; }
.client-support-composer textarea { min-height: 56px; max-height: 130px; border-radius: 16px; padding: 17px 20px; font-size: 15px; background: #fff; }
.client-support-composer .client-attach-button { width: 56px; height: 56px; border: 1px solid #dfe9e5; border-radius: 16px; background: #fff; color: #415067; font-size: 23px; }
.client-support-composer .client-attach-button:hover,
.client-support-composer .client-attach-button.is-active { background: #f3fbf7; border-color: #aee0ca; color: #008f5a; }
.client-support-composer .client-send-button { height: 56px; border-radius: 16px; border: 0; background: linear-gradient(180deg, #0cad70 0%, #008f5a 100%); color: #fff; font-size: 16px; font-weight: 650; display: flex; align-items: center; justify-content: center; gap: 10px; box-shadow: 0 14px 26px rgba(0,143,90,.18); }
.client-support-composer .client-send-button i { font-size: 20px; }
.client-support-composer .support-file-chip { grid-column: 2 / 4; justify-self: start; margin-top: -8px; display: inline-flex; align-items: center; gap: 8px; max-width: 100%; padding: 8px 10px; border-radius: 999px; background: #eefaf5; color: #0f7f55; font-size: 12px; }
.client-support-composer .support-file-chip[hidden] { display: none !important; }
.client-support-composer .support-file-chip button { width: 22px; height: 22px; min-height: 0; border: 0; border-radius: 50%; background: rgba(0,143,90,.1); color: #0f7f55; font-size: 11px; display: grid; place-items: center; }
.support-client-page .support-attachment-card { margin-top: 12px; }
@media (max-width: 1199.98px) {
  .support-client-layout { grid-template-columns: 1fr; }
  .client-support-aside { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .client-support-info-card.is-main { min-height: 0; }
}
@media (max-width: 767.98px) {
  .support-client-titlebar h1 { font-size: 30px; }
  .support-client-titlebar p { font-size: 11px; }
  .client-support-aside { grid-template-columns: 1fr; }
  .client-support-info-card.is-main { padding: 22px; }
  .client-support-chat { min-height: 600px; }
  .client-support-chat-head { min-height: auto; padding: 18px; align-items: flex-start; flex-direction: column; }
  .client-support-headset { width: 52px; height: 52px; border-radius: 16px; font-size: 24px; }
  .client-support-chat-brand strong { font-size: 18px; }
  .client-support-chat-brand small { font-size: 13px; }
  .client-support-messages { padding: 18px; gap: 16px; }
  .support-client-page .support-message { max-width: 86%; }
  .client-support-composer { grid-template-columns: 52px minmax(0, 1fr); gap: 12px; padding: 16px; }
  .client-support-composer .client-send-button { grid-column: 1 / 3; width: 100%; }
  .client-support-composer .support-file-chip { grid-column: 1 / 3; }
}

/* Ajuste v1.0.67: menu com fonte maior e fixo */
.app-sidebar { position: fixed !important; left: 0; top: 0; bottom: 0; }
.app-nav a { font-size: 14px; line-height: 1.35; min-height: 44px; }
.app-nav a i { font-size: 18px; line-height: 1; }
body.sidebar-collapsed .app-nav a span { display: none; }
.landing-page { padding-top: 74px; }
.bio-header { position: fixed !important; left: 0; right: 0; top: 0; z-index: 80; }
.bio-menu a, .bio-login { font-size: 14px !important; }
.bio-actions .bio-btn { font-size: 13px !important; }

/* Ajuste v1.0.68: página de suporte do cliente mais compacta com rolagem suave somente na conversa */
.support-client-clean {
  gap: 16px;
}
.support-client-titlebar {
  padding: 0 0 2px;
}
.support-client-titlebar h1 {
  font-size: clamp(26px, 2.45vw, 36px);
  line-height: 1.08;
}
.support-client-titlebar p {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.45;
}
.support-client-layout {
  align-items: start;
  gap: 18px;
}
.client-support-aside {
  gap: 16px;
}
.client-support-info-card.is-main {
  min-height: 0;
  padding: 24px;
}
.client-support-info-card.is-main h2 {
  margin: 24px 0 14px;
  font-size: 22px;
}
.client-support-info-card.is-main p {
  margin-bottom: 22px;
  line-height: 1.65;
}
.client-support-info-card ul {
  gap: 14px;
}
.client-support-info-card.is-alert {
  padding: 18px;
}
.client-support-chat-shell {
  height: clamp(520px, calc(100vh - 228px), 640px);
  min-height: 0;
}
.client-support-chat {
  height: 100%;
  min-height: 0;
  grid-template-rows: auto minmax(0, 1fr) auto;
}
.client-support-chat-head {
  min-height: 88px;
  padding: 18px 26px;
}
.client-support-headset {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  font-size: 26px;
}
.client-support-chat-brand {
  gap: 14px;
}
.client-support-chat-brand small {
  margin-top: 5px;
  font-size: 13px;
}
.client-support-messages {
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 24px 26px;
  gap: 16px;
  scroll-behavior: smooth;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(15, 35, 52, .18) transparent;
}
.client-support-messages::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.client-support-messages::-webkit-scrollbar-track {
  background: transparent;
}
.client-support-messages::-webkit-scrollbar-thumb {
  background: rgba(15, 35, 52, .14);
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.72);
  background-clip: padding-box;
}
.client-support-messages::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 143, 90, .28);
}
.client-support-composer {
  grid-template-columns: 50px minmax(0, 1fr) 118px;
  gap: 14px;
  padding: 18px 24px;
}
.client-support-composer textarea {
  min-height: 50px;
  max-height: 104px;
  padding: 14px 18px;
}
.client-support-composer .client-attach-button,
.client-support-composer .client-send-button {
  height: 50px;
}
.client-support-composer .client-attach-button {
  width: 50px;
}
.support-client-page .support-message {
  max-width: min(58%, 520px);
}
.support-client-page .support-bubble,
.support-client-page .support-message.is-me .support-bubble {
  padding: 14px 18px;
  min-width: 168px;
}
.support-client-page .support-bubble p {
  font-size: 14px;
}
.support-client-page .support-bubble time {
  font-size: 12px;
}
@media (max-width: 1199.98px) {
  .client-support-chat-shell {
    height: 610px;
  }
}
@media (max-width: 767.98px) {
  .support-client-clean {
    gap: 14px;
  }
  .client-support-chat-shell {
    height: calc(100vh - 196px);
    min-height: 500px;
    max-height: 620px;
  }
  .client-support-chat-head {
    padding: 16px;
  }
  .client-support-messages {
    padding: 16px;
    gap: 14px;
  }
  .support-client-page .support-message {
    max-width: 88%;
  }
}


/* v1.0.70 - Botões da bio organizados em blocos e colunas */
.bio-button-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 18px;
}
.bio-button-head h2 {
  color: #0d1830;
}
.bio-button-top-action { min-height: 48px; padding-inline: 22px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; font-weight: 600; white-space: nowrap; }
.bio-button-tabs { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.bio-button-tabs .nav-link { border: 1px solid #dbe9e3; background: #f8fcfa; color: #294038; border-radius: 14px; padding: 12px 16px; display: inline-flex; align-items: center; gap: 10px; font-weight: 650; }
.bio-button-tabs .nav-link.active { background: #ecf9f2; color: #008f5a; border-color: #9fd8bd; box-shadow: inset 0 0 0 1px rgba(0,143,90,.06); }
.bio-button-tab-badge { min-width: 24px; height: 24px; padding: 0 7px; border-radius: 999px; background: rgba(0,143,90,.12); color: inherit; display: inline-flex; align-items: center; justify-content: center; font-size: .78rem; font-weight: 700; }
.bio-button-tab-content { display: grid; }
.bio-button-list-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 14px; }
.bio-button-list-head h3 { margin: 0; color: #17231f; font-size: 1rem; font-weight: 650; }
.bio-button-list-head span { display: inline-flex; align-items: center; border-radius: 999px; background: #f0faf5; color: #08764c; padding: 7px 11px; font-size: .82rem; font-weight: 650; }
.bio-button-form,
.bio-button-edit-form {
  padding: 18px;
  border: 1px solid var(--bz-border);
  border-radius: 22px;
  background: #fbfdfc;
}
.bio-button-form-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding-bottom: 14px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e5eee9;
}
.bio-button-form-title strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #0d1830;
}
.bio-button-form-title span {
  display: block;
  margin-top: 3px;
  color: #66756f;
  font-size: 13px;
}
.bio-button-section {
  height: 100%;
  padding: 16px;
  border: 1px solid #e1ece7;
  border-radius: 18px;
  background: #fff;
}
.bio-section-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  font-weight: 600;
  color: #0d1830;
}
.bio-section-title i {
  color: var(--bz-primary);
}
.bio-button-form .form-label,
.bio-button-edit-form .form-label {
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 500;
  color: #3d4b45;
}
.bio-button-form .form-control,
.bio-button-form .form-select,
.bio-button-edit-form .form-control,
.bio-button-edit-form .form-select {
  min-height: 48px;
  border-radius: 13px;
  border-color: #dbe8e2;
  box-shadow: none;
}
.bio-button-form .form-control:focus,
.bio-button-form .form-select:focus,
.bio-button-edit-form .form-control:focus,
.bio-button-edit-form .form-select:focus {
  border-color: rgba(0, 143, 90, .45);
  box-shadow: 0 0 0 3px rgba(0, 143, 90, .08);
}
.bio-file-control {
  padding-top: 11px;
}
.bio-icon-stack > [class*="col-"] {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}
.bio-icon-stack .bio-file-control,
.bio-icon-stack .form-control,
.bio-icon-stack .form-select {
  width: 100%;
}

/* Campos do ícone em coluna única no formulário de botão */
.bio-icon-fields-vertical{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;max-width:100%!important}.bio-icon-fields-vertical .bio-icon-field{display:block!important;width:100%!important;max-width:100%!important;flex:none!important}.bio-icon-fields-vertical .form-control,.bio-icon-fields-vertical .form-select,.bio-icon-fields-vertical .bio-file-control{display:block!important;width:100%!important;max-width:100%!important}

.bio-button-help {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding: 10px 12px;
  border-radius: 14px;
  background: #f1faf6;
  color: #50645b;
  font-size: 12.5px;
  line-height: 1.45;
}
.bio-button-help i {
  color: var(--bz-primary);
  margin-top: 1px;
}
.bio-button-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding-top: 14px;
  margin-top: 2px;
  border-top: 1px solid #e5eee9;
}
.bio-button-submit {
  min-width: 180px;
  min-height: 48px;
  border-radius: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.bio-button-list {
  display: grid;
  gap: 12px;
}
.bio-button-empty { border: 1px dashed #d9e8e0; border-radius: 18px; padding: 24px; display: grid; place-items: center; gap: 5px; color: #718078; text-align: center; background: #fff; }
.bio-button-empty i { font-size: 1.8rem; color: var(--bz-primary); }
.bio-button-empty strong { color: #17231f; }
.bio-button-item {
  border: 1px solid var(--bz-border);
  border-radius: 18px;
  background: #fff;
  overflow: hidden;
}
.bio-button-summary {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 13px 15px;
}
.bio-button-icon {
  width: 44px;
  height: 44px;
  border-radius: 15px;
  display: inline-grid;
  place-items: center;
  background: rgba(0,143,90,.09);
  color: var(--bz-primary);
  flex: 0 0 44px;
  overflow: hidden;
}
.bio-button-icon i {
  font-size: 21px;
}
.bio-button-icon-img {
  width: 23px;
  height: 23px;
  object-fit: contain;
  display: inline-block;
}
.bio-button-info {
  flex: 1;
  min-width: 0;
  display: grid;
  gap: 2px;
}
.bio-button-info strong {
  font-weight: 600;
  color: #0d1830;
}
.bio-button-info span {
  color: #66756f;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bio-button-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.bio-button-actions form {
  margin: 0;
}
.bio-button-actions .btn {
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border-radius: 12px;
}
.bio-button-edit {
  border-top: 1px solid var(--bz-border);
  padding: 16px;
  background: #f8fcfa;
}
.bio-current-icon-box {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  margin-bottom: 14px;
  border: 1px dashed #cfdfd7;
  border-radius: 16px;
  background: #f7fbf9;
}
.bio-current-icon-preview {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  background: #eaf8f1;
  color: var(--bz-primary);
  overflow: hidden;
}
.bio-current-icon-preview i {
  font-size: 21px;
}
.bio-current-icon-img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  display: inline-block;
}
.bio-current-icon-box strong,
.bio-current-icon-box span {
  display: block;
}
.bio-current-icon-box strong {
  font-size: 13.5px;
  font-weight: 600;
  color: #0d1830;
}
.bio-current-icon-box span {
  margin-top: 2px;
  font-size: 12.5px;
  color: #66756f;
  line-height: 1.35;
}
.bio-remove-image {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  margin: 0;
  border: 1px solid #f1d1d1;
  border-radius: 14px;
  background: #fffafa;
  color: #9b2424;
  font-size: 13px;
}
.preview-link .preview-link-icon {
  width: 18px;
  height: 18px;
  object-fit: contain;
  display: inline-block;
  vertical-align: -3px;
}
.preview-link i.preview-link-icon {
  font-size: 17px;
}
@media (max-width: 1199.98px) {
  .bio-button-section { height: auto; }
}
@media (max-width: 767.98px) {
  .bio-button-head {
    flex-direction: column;
  }
  .bio-button-top-action {
    width: 100%;
  }
  .bio-button-form,
  .bio-button-edit-form {
    padding: 14px;
    border-radius: 18px;
  }
  .bio-button-form-title {
    align-items: flex-start;
  }
  .bio-button-section {
    padding: 14px;
  }
  .bio-button-footer {
    align-items: stretch;
    flex-direction: column;
  }
  .bio-button-submit {
    width: 100%;
    min-width: 0;
  }
  .bio-button-tabs {
    display: grid;
  }
  .bio-button-tabs .nav-link {
    width: 100%;
    justify-content: center;
  }
  .bio-button-summary {
    align-items: flex-start;
  }
  .bio-button-actions {
    flex-direction: column;
    align-items: stretch;
  }
}
@media (max-width: 520px) {
  .bio-button-summary {
    flex-wrap: wrap;
  }
  .bio-button-actions {
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
  }
  .bio-button-info {
    flex-basis: calc(100% - 60px);
  }
}


/* v1.0.73 - Paleta de cores redonda no editor da bio sem alterar o PHP da tela */
#tab-profile input.form-control-color[type="color"] {
  width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  padding: 6px !important;
  border-radius: 50% !important;
  border: 1px solid #dbe8e2 !important;
  background: #fff !important;
  box-shadow: none !important;
  cursor: pointer;
}
#tab-profile input.form-control-color[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
  border-radius: 50%;
}
#tab-profile input.form-control-color[type="color"]::-webkit-color-swatch {
  border: 0;
  border-radius: 50%;
}
#tab-profile input.form-control-color[type="color"]::-moz-color-swatch {
  border: 0;
  border-radius: 50%;
}
#tab-profile input.form-control-color[type="color"]:focus {
  border-color: rgba(0,143,90,.42) !important;
  box-shadow: 0 0 0 3px rgba(0,143,90,.08) !important;
}
#tab-profile input.form-control-color[type="color"] + * {
  margin-left: 8px;
}
#tab-profile .form-label {
  color: #2c3b35;
  font-size: 13px;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  #tab-profile input.form-control-color[type="color"] {
    width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
  }
}


/* v1.0.78 - Modo escuro funcional no painel do cliente e prévia da bio */
body.client-panel-dark {
  --bz-bg: #0b1117;
  --bz-border: #243044;
  --bz-text: #e5edf4;
  background: #0b1117 !important;
  color: #e5edf4 !important;
  color-scheme: dark;
}
body.client-panel-dark .app-main,
body.client-panel-dark .app-content { background: #0b1117 !important; color: #e5edf4 !important; }
body.client-panel-dark .app-sidebar,
body.client-panel-dark .app-topbar,
body.client-panel-dark .card,
body.client-panel-dark .card-header,
body.client-panel-dark .dropdown-menu,
body.client-panel-dark .modal-content,
body.client-panel-dark .client-settings-summary article,
body.client-panel-dark .client-settings-card,
body.client-panel-dark .client-settings-savebar,
body.client-panel-dark .client-profile-main,
body.client-panel-dark .client-profile-card-preview,
body.client-panel-dark .client-profile-side,
body.client-panel-dark .client-profile-panel,
body.client-panel-dark .my-bios-hero,
body.client-panel-dark .my-bios-metric,
body.client-panel-dark .my-bio-card,
body.client-panel-dark .my-bios-create,
body.client-panel-dark .my-bios-empty,
body.client-panel-dark .support-panel,
body.client-panel-dark .support-card,
body.client-panel-dark .support-thread,
body.client-panel-dark .support-admin-list,
body.client-panel-dark .support-admin-chat,
body.client-panel-dark .payment-success-card,
body.client-panel-dark .plan-card {
  background: #111827 !important;
  border-color: #243044 !important;
  color: #e5edf4 !important;
  box-shadow: none !important;
}
body.client-panel-dark .app-topbar { background: rgba(17,24,39,.94) !important; }
body.client-panel-dark .app-brand,
body.client-panel-dark .page-title h1,
body.client-panel-dark h1,
body.client-panel-dark h2,
body.client-panel-dark h3,
body.client-panel-dark h4,
body.client-panel-dark .client-settings-head h1,
body.client-panel-dark .client-settings-card h2,
body.client-panel-dark .client-settings-summary strong,
body.client-panel-dark .client-profile-card-preview strong,
body.client-panel-dark .my-bios-hero h1,
body.client-panel-dark .my-bios-card-title h2,
body.client-panel-dark .my-bios-list-head h2,
body.client-panel-dark .my-bios-empty h2,
body.client-panel-dark .my-bio-head h3,
body.client-panel-dark .app-user-summary strong,
body.client-panel-dark .app-greeting strong,
body.client-panel-dark .table,
body.client-panel-dark .table th,
body.client-panel-dark .table td {
  color: #f8fafc !important;
}
body.client-panel-dark .muted-title,
body.client-panel-dark .text-muted,
body.client-panel-dark p,
body.client-panel-dark small,
body.client-panel-dark em,
body.client-panel-dark .client-settings-head p,
body.client-panel-dark .client-settings-card p,
body.client-panel-dark .client-settings-summary small,
body.client-panel-dark .client-settings-summary em,
body.client-panel-dark .client-profile-card-preview p,
body.client-panel-dark .my-bios-hero p,
body.client-panel-dark .my-bios-card-title p,
body.client-panel-dark .my-bios-list-head p,
body.client-panel-dark .my-bio-description,
body.client-panel-dark .my-bio-details,
body.client-panel-dark .app-user-summary span,
body.client-panel-dark .app-greeting span {
  color: #94a3b8 !important;
}
body.client-panel-dark .app-nav a,
body.client-panel-dark .client-settings-switch strong,
body.client-panel-dark .client-settings-actions a,
body.client-panel-dark .my-bio-link-box,
body.client-panel-dark .form-label {
  color: #cbd5e1 !important;
}
body.client-panel-dark .app-nav a.active,
body.client-panel-dark .app-nav a:hover,
body.client-panel-dark .app-topbar-icon:hover,
body.client-panel-dark .app-sidebar-toggle:hover,
body.client-panel-dark .app-notification:hover,
body.client-panel-dark .app-notification.show,
body.client-panel-dark .client-settings-actions a:hover {
  background: rgba(var(--bz-primary-rgb),.15) !important;
  color: var(--bz-primary) !important;
  border-color: rgba(var(--bz-primary-rgb),.35) !important;
}
body.client-panel-dark .app-topbar-icon,
body.client-panel-dark .app-sidebar-toggle,
body.client-panel-dark .app-notification,
body.client-panel-dark .app-logout-icon,
body.client-panel-dark .client-settings-switch,
body.client-panel-dark .client-settings-actions a,
body.client-panel-dark .my-bio-link-box,
body.client-panel-dark .my-bio-qr,
body.client-panel-dark .metric-icon,
body.client-panel-dark .client-settings-kicker,
body.client-panel-dark .client-settings-card-head > span,
body.client-panel-dark .client-settings-summary article > span,
body.client-panel-dark .client-settings-actions a i,
body.client-panel-dark .my-bios-kicker,
body.client-panel-dark .my-bios-metric span,
body.client-panel-dark .my-bios-empty span,
body.client-panel-dark .badge-soft {
  background: #0f172a !important;
  border-color: #243044 !important;
  color: #cbd5e1 !important;
}
body.client-panel-dark .form-control,
body.client-panel-dark .form-select,
body.client-panel-dark textarea,
body.client-panel-dark input,
body.client-panel-dark select {
  background-color: #0f172a !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}
body.client-panel-dark .form-control::placeholder,
body.client-panel-dark textarea::placeholder,
body.client-panel-dark input::placeholder { color: #64748b !important; }
body.client-panel-dark .client-settings-color-field,
body.client-panel-dark .client-settings-preview { background: #0f172a !important; border-color: #243044 !important; color: #cbd5e1 !important; }
body.client-panel-dark .client-settings-color-field span,
body.client-panel-dark .client-settings-preview strong { color: #f8fafc !important; }
body.client-panel-dark .client-settings-preview small { color: #94a3b8 !important; }
body.client-panel-dark .client-settings-lock-note { background: rgba(245,158,11,.14) !important; color: #fde68a !important; }
body.client-panel-dark .table > :not(caption) > * > * {
  background-color: transparent !important;
  border-color: #243044 !important;
  color: #e5edf4 !important;
}
body.client-panel-dark .alert-success { background: rgba(22,163,74,.15); border-color: rgba(22,163,74,.32); color: #bbf7d0; }
body.client-panel-dark .alert-danger { background: rgba(220,38,38,.15); border-color: rgba(220,38,38,.32); color: #fecaca; }
body.client-panel-dark .alert-warning { background: rgba(245,158,11,.15); border-color: rgba(245,158,11,.32); color: #fde68a; }
body.client-panel-dark .mobile-bottom { background: #111827 !important; border-color: #243044 !important; }
body.client-panel-dark .mobile-bottom a { color: #cbd5e1 !important; }
body.client-panel-dark .mobile-bottom a.active { color: var(--bz-primary) !important; }
body.client-panel-dark .app-notification-menu,
body.client-panel-dark .app-notification-head,
body.client-panel-dark .app-notification-list { background: #111827 !important; border-color: #243044 !important; }
body.client-panel-dark .app-notification-item { background: #111827 !important; border-color: #243044 !important; color: #cbd5e1 !important; }
body.client-panel-dark .app-notification-item:hover,
body.client-panel-dark .app-notification-item.is-unread { background: #0f172a !important; }
body.client-panel-dark .app-notification-item strong { color: #f8fafc !important; }
body.client-panel-dark .app-notification-item p,
body.client-panel-dark .app-notification-item time,
body.client-panel-dark .app-notification-empty { color: #94a3b8 !important; }
body.client-panel-dark .btn-outline-secondary { border-color: #334155; color: #cbd5e1; }
body.client-panel-dark .btn-outline-secondary:hover { background: #1f2937; color: #f8fafc; }
body.client-panel-dark .bg-white { background-color: #111827 !important; }
body.client-panel-dark .text-dark { color: #f8fafc !important; }
body.client-panel-dark .border { border-color: #243044 !important; }
.phone-preview-dark { border-color: #050807 !important; background: #050807 !important; }
.phone-preview-dark .preview-screen { background: radial-gradient(circle at top, rgba(var(--preview-primary-rgb),.18), transparent 36%), var(--preview-bg) !important; color: var(--preview-text) !important; }
.phone-preview-dark .preview-screen h3 { color: var(--preview-text) !important; }
.phone-preview-dark .preview-screen .text-muted { color: rgba(226,232,240,.72) !important; }
.phone-preview-dark .preview-avatar { background: rgba(var(--preview-primary-rgb), .16) !important; }
.preview-secondary-link { background: #fff; color: #17231f; border: 1px solid #dfe8e4; }
.phone-preview-dark .preview-secondary-link { background: rgba(255,255,255,.06) !important; color: var(--preview-text) !important; border-color: rgba(148,163,184,.24) !important; }


/* v1.0.79 - Perfil do cliente organizado em abas e no máximo duas colunas */
.client-profile-panel .tab-pane { animation: clientProfileFade .16s ease-in-out; }
@keyframes clientProfileFade { from { opacity: .65; transform: translateY(3px); } to { opacity: 1; transform: none; } }
.client-profile-tabs .nav-link i { font-size: 16px; }
.client-profile-two-cols { align-items: flex-start; }
.client-profile-delete-action .btn { min-height: 44px; border-radius: 12px; font-weight: 700; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
body.client-panel-dark .client-profile-tabs { background: #111827 !important; border-color: #243044 !important; }
body.client-panel-dark .client-profile-tabs .nav-link { color: #cbd5e1 !important; border-color: #243044 !important; }
body.client-panel-dark .client-profile-tabs .nav-link.active { background: #0f172a !important; color: var(--bz-primary) !important; box-shadow: inset 0 -3px 0 var(--bz-primary); }
body.client-panel-dark .client-profile-mini-card,
body.client-panel-dark .client-profile-progress,
body.client-panel-dark .client-profile-bio-list,
body.client-panel-dark .client-profile-upload-box,
body.client-panel-dark .client-profile-delete-form { background: #0f172a !important; border-color: #243044 !important; color: #e5edf4 !important; }
body.client-panel-dark .client-profile-danger { background: rgba(127,29,29,.16) !important; border-color: rgba(248,113,113,.38) !important; }
body.client-panel-dark .client-profile-danger h2,
body.client-panel-dark .client-profile-delete-form strong { color: #fecaca !important; }
body.client-panel-dark .client-profile-danger p { color: #fca5a5 !important; }
body.client-panel-dark .client-profile-savebar { border-color: #243044 !important; }
@media (max-width: 767px) {
  .client-profile-two-cols > [class*="col-"] { width: 100%; }
  .client-profile-delete-action .btn { width: 100%; }
}

/* v1.0.80 - Editor de Bio: aba Perfil em abas internas e no máximo duas colunas */
.bio-editor-profile-card .card-body { padding: 22px; }
.bio-editor-profile-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.bio-editor-profile-tabs { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px; margin-bottom: 18px; border: 1px solid var(--bz-border); border-radius: 18px; background: #f8fbfa; }
.bio-editor-profile-tabs .nav-item { flex: 0 0 auto; }
.bio-editor-profile-tabs .nav-link { min-height: 38px; display: inline-flex; align-items: center; gap: 7px; border-radius: 12px; padding: 7px 12px; color: #586660; font-size: 14px; line-height: 1.1; letter-spacing: -0.01em; font-weight: 500; border: 1px solid transparent; }
.bio-editor-profile-tabs .nav-link i { font-size: 15px; line-height: 1; font-weight: 400; }
.bio-editor-profile-tabs .nav-link:hover { background: #fff; border-color: #dce8e3; color: #17231f; }
.bio-editor-profile-tabs .nav-link.active { background: var(--bz-primary); color: #fff; border-color: var(--bz-primary); font-weight: 600; box-shadow: 0 6px 14px rgba(0, 143, 90, .14); }
.bio-editor-profile-content { padding: 18px; border: 1px solid var(--bz-border); border-radius: 18px; background: #fff; }
.bio-editor-profile-content .tab-pane { animation: bioEditorTabFade .16s ease-in-out; }
@keyframes bioEditorTabFade { from { opacity: .65; transform: translateY(3px); } to { opacity: 1; transform: none; } }
.bio-profile-section-title { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.bio-profile-section-title span { width: 40px; height: 40px; display: inline-grid; place-items: center; border-radius: 14px; background: #effaf5; color: var(--bz-primary); font-size: 17px; flex: 0 0 auto; }
.bio-profile-section-title strong { display: block; color: #17231f; font-size: 15px; font-weight: 600; }
.bio-profile-section-title small { display: block; color: #6f7c76; font-size: 13px; margin-top: 2px; font-weight: 400; }
.bio-editor-two-cols > [class*="col-"] { min-width: 0; }
.bio-editor-profile-card .form-label { font-weight: 500; color: #17231f; margin-bottom: 8px; }
.bio-editor-profile-card .form-control,
.bio-editor-profile-card .form-select { min-height: 50px; border-radius: 14px; }
.bio-editor-profile-card textarea.form-control { min-height: 170px; }
.bio-color-grid .form-control-color { width: 100%; height: 52px; padding: 7px; border-radius: 16px; }
.bio-profile-check { min-height: 50px; display: flex; align-items: center; gap: 10px; padding: 0 14px; border: 1px solid var(--bz-border); border-radius: 14px; background: #fbfdfc; font-weight: 500; color: #17231f; }
.bio-profile-check .form-check-input { margin: 0; }
.bio-editor-profile-actions { display: flex; justify-content: flex-end; gap: 10px; padding-top: 18px; }
.bio-editor-profile-actions .btn { min-height: 46px; border-radius: 14px; font-weight: 600; padding-left: 18px; padding-right: 18px; }

/* v1.0.81 - Tipografia mais fina nas abas internas do Editor de Bio */
.bio-editor-profile-tabs .nav-link,
.bio-editor-profile-tabs .nav-link span { text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; }

body.client-panel-dark .bio-editor-profile-tabs,
body.client-panel-dark .bio-editor-profile-content,
body.client-panel-dark .bio-profile-check { background: #0f172a !important; border-color: #243044 !important; }
body.client-panel-dark .bio-editor-profile-tabs .nav-link { color: #cbd5e1 !important; }
body.client-panel-dark .bio-editor-profile-tabs .nav-link:hover { background: #111827 !important; border-color: #334155 !important; color: #f8fafc !important; }
body.client-panel-dark .bio-editor-profile-tabs .nav-link.active { background: var(--bz-primary) !important; color: #fff !important; border-color: var(--bz-primary) !important; }
body.client-panel-dark .bio-profile-section-title span { background: rgba(var(--bz-primary-rgb),.15) !important; color: var(--bz-primary) !important; }
body.client-panel-dark .bio-profile-section-title strong,
body.client-panel-dark .bio-editor-profile-card .form-label,
body.client-panel-dark .bio-profile-check { color: #f8fafc !important; }
body.client-panel-dark .bio-profile-section-title small { color: #94a3b8 !important; }

@media (max-width: 768px) {
  .bio-editor-profile-card .card-body { padding: 16px; }
  .bio-editor-profile-tabs { overflow-x: auto; flex-wrap: nowrap; padding: 8px; border-radius: 16px; }
  .bio-editor-profile-tabs .nav-link { white-space: nowrap; min-height: 38px; font-size: 13.5px; }
  .bio-editor-profile-content { padding: 14px; border-radius: 16px; }
  .bio-editor-profile-actions { justify-content: stretch; }
  .bio-editor-profile-actions .btn { width: 100%; }
}


/* Master - usuários e permissões */
.master-users-card .form-label,
.master-user-details .form-label{font-weight:500;color:#182B2B;}
.permission-master-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(15,23,42,.10);background:#f8fbfa;border-radius:18px;padding:14px 16px;}
.permission-master-switch small{color:#64748b;}
.master-permissions-grid .permission-card{display:flex;align-items:flex-start;gap:12px;width:100%;height:100%;border:1px solid rgba(15,23,42,.10);border-radius:18px;padding:14px 16px;background:#fff;cursor:pointer;transition:.18s ease;}
.master-permissions-grid .permission-card:hover{border-color:rgba(0,143,90,.28);box-shadow:0 12px 26px rgba(15,23,42,.06);transform:translateY(-1px);}
.permission-card-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:12px;background:rgba(0,143,90,.10);color:var(--bz-primary);font-size:17px;}
.permission-card-text{display:grid;gap:3px;line-height:1.35;}
.permission-card-text strong{font-size:14px;font-weight:600;color:#0f172a;}
.permission-card-text small{font-size:12px;color:#64748b;}
.permission-badges{display:flex;flex-wrap:wrap;gap:6px;max-width:420px;}
.permission-badges span{display:inline-flex;border:1px solid rgba(0,143,90,.18);background:rgba(0,143,90,.08);color:#06764d;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:500;}
.master-user-details summary{cursor:pointer;color:#0f172a;}
.client-panel-dark .permission-master-switch,
.client-panel-dark .master-permissions-grid .permission-card{background:#111827;border-color:rgba(255,255,255,.10);}
.client-panel-dark .permission-card-text strong,
.client-panel-dark .master-user-details summary,
.client-panel-dark .master-users-card .form-label,
.client-panel-dark .master-user-details .form-label{color:#f8fafc;}
.client-panel-dark .permission-card-text small,
.client-panel-dark .permission-master-switch small{color:#94a3b8;}
@media (max-width: 767.98px){.permission-master-switch{align-items:flex-start;flex-direction:column}.permission-badges{max-width:100%;}}



/* Monitoramento de clientes online */
.presence-dashboard .stat-card strong { font-size: 1.65rem; }
.presence-table th { font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; color: #6b7280; white-space: nowrap; }
.presence-table td { font-size: .9rem; vertical-align: middle; }
.presence-table code { display: inline-block; max-width: 260px; padding: .35rem .55rem; border-radius: 999px; background: #f3f4f6; color: #334155; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.presence-duration { display: inline-flex; align-items: center; justify-content: center; min-width: 86px; padding: .4rem .65rem; border-radius: 999px; background: rgba(0, 143, 90, .12); color: #007a4d; font-weight: 600; }
.presence-duration.muted { background: #f1f5f9; color: #475569; }
.client-panel-dark .presence-table code { background: rgba(255,255,255,.08); color: #e5e7eb; }
.client-panel-dark .presence-duration.muted { background: rgba(255,255,255,.08); color: #d1d5db; }
@media (max-width: 768px) { .presence-table { min-width: 880px; } }

/* v1.0.84 - Monitoramento online melhorado */
.presence-page-head h1 { letter-spacing: -.04em; }
.presence-dashboard-v84 { display: grid; gap: 1rem; }
.presence-hero-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; align-items: center; padding: 1.25rem; border: 1px solid rgba(15, 23, 42, .08); border-radius: 24px; background: linear-gradient(135deg, rgba(0,143,90,.10), rgba(10,166,166,.08) 45%, #fff); box-shadow: 0 16px 45px rgba(15,23,42,.06); }
.presence-hero-card h2 { margin: .6rem 0 .25rem; font-size: clamp(1.2rem, 2.2vw, 1.75rem); font-weight: 600; letter-spacing: -.03em; }
.presence-hero-card p { margin: 0; color: #64748b; max-width: 760px; }
.presence-live-pill { display: inline-flex; align-items: center; gap: .45rem; width: fit-content; padding: .4rem .7rem; border-radius: 999px; background: rgba(0,143,90,.12); color: #007a4d; font-weight: 500; font-size: .82rem; }
.presence-live-pill i, .presence-live-card-top em i { width: .55rem; height: .55rem; border-radius: 50%; background: #00a66a; box-shadow: 0 0 0 5px rgba(0,166,106,.12); display: inline-block; }
.presence-hero-total { min-width: 220px; padding: 1rem; border-radius: 22px; background: rgba(255,255,255,.84); border: 1px solid rgba(15,23,42,.08); text-align: center; }
.presence-hero-total strong { display: block; color: var(--bz-primary); font-size: 2.4rem; line-height: 1; letter-spacing: -.05em; }
.presence-hero-total span { display: block; margin-top: .35rem; font-weight: 500; color: #0f172a; }
.presence-hero-total small { display: block; margin-top: .5rem; color: #64748b; font-size: .72rem; }
.presence-metrics-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.presence-metric-card { padding: 1rem; border-radius: 22px; border: 1px solid rgba(15,23,42,.08); background: #fff; box-shadow: 0 10px 30px rgba(15,23,42,.045); }
.presence-metric-card span { display: flex; align-items: center; gap: .45rem; color: #64748b; font-size: .84rem; font-weight: 500; }
.presence-metric-card strong { display: block; margin: .35rem 0; font-size: 1.85rem; line-height: 1; letter-spacing: -.04em; color: #0f172a; }
.presence-metric-card small { color: #64748b; }
.presence-metric-card.is-online { background: #052e23; color: #fff; }
.presence-metric-card.is-online span, .presence-metric-card.is-online small { color: rgba(255,255,255,.76); }
.presence-metric-card.is-online strong { color: #fff; }
.presence-tabs { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; padding: .45rem; border: 1px solid rgba(15,23,42,.08); border-radius: 22px; background: #fff; box-shadow: 0 8px 28px rgba(15,23,42,.04); }
.presence-tabs button { display: inline-flex; align-items: center; gap: .5rem; border: 0; background: transparent; color: #475569; font-weight: 500; padding: .7rem .95rem; border-radius: 16px; transition: .2s ease; }
.presence-tabs button:hover { background: rgba(15,23,42,.04); color: #0f172a; }
.presence-tabs button.active { background: var(--bz-primary); color: #fff; box-shadow: 0 12px 24px rgba(0,143,90,.20); }
.presence-tabs button span { min-width: 1.45rem; height: 1.45rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: rgba(15,23,42,.08); font-size: .76rem; }
.presence-tabs button.active span { background: rgba(255,255,255,.18); }
.presence-panel { display: none; }
.presence-panel.active { display: block; }
.presence-section-card { border-radius: 24px; overflow: hidden; }
.presence-section-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.presence-section-head h2 { margin: 0; display: flex; align-items: center; gap: .5rem; font-size: 1.1rem; font-weight: 600; }
.presence-section-head p { margin: .25rem 0 0; color: #64748b; }
.presence-live-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.presence-live-card { border: 1px solid rgba(15,23,42,.08); border-radius: 22px; padding: 1rem; background: #fff; box-shadow: 0 10px 28px rgba(15,23,42,.045); min-width: 0; }
.presence-live-card-top { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .75rem; align-items: center; }
.presence-avatar { width: 46px; height: 46px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; background: rgba(0,143,90,.12); color: var(--bz-primary); font-weight: 600; }
.presence-avatar.user-avatar { background: rgba(37,99,235,.10); color: #2563eb; }
.presence-live-card-top strong { display: block; color: #0f172a; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.presence-live-card-top span { display: block; color: #64748b; font-size: .82rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.presence-live-card-top em { display: inline-flex; align-items: center; gap: .45rem; padding: .35rem .6rem; border-radius: 999px; background: rgba(0,143,90,.10); color: #007a4d; font-style: normal; font-size: .78rem; font-weight: 600; }
.presence-live-info { margin-top: .9rem; padding: .85rem; border-radius: 18px; background: #f8fafc; }
.presence-live-info span { display: block; color: #64748b; font-size: .74rem; text-transform: uppercase; letter-spacing: .04em; }
.presence-live-info b { display: block; margin-top: .15rem; color: #0f172a; font-weight: 600; }
.presence-live-info small { display: block; margin-top: .05rem; color: #64748b; }
.presence-live-path { display: flex; align-items: center; gap: .5rem; margin-top: .75rem; padding: .7rem .8rem; border-radius: 18px; background: rgba(15,23,42,.035); min-width: 0; }
.presence-live-path i { color: #64748b; }
.presence-live-path code { display: block; background: transparent; color: #334155; padding: 0; border-radius: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.presence-live-meta { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .75rem; }
.presence-live-meta span { display: inline-flex; align-items: center; gap: .35rem; padding: .45rem .6rem; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: .78rem; }
.presence-last-seen { display: block; margin-top: .75rem; color: #64748b; }
.presence-empty { grid-column: 1 / -1; min-height: 190px; border: 1px dashed rgba(15,23,42,.15); border-radius: 24px; background: #f8fafc; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 1.5rem; color: #64748b; }
.presence-empty i { font-size: 2rem; color: var(--bz-primary); margin-bottom: .5rem; }
.presence-empty strong { color: #0f172a; font-weight: 600; }
.presence-empty span { max-width: 420px; }
.presence-history-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.2rem; }
.presence-history-grid h3 { margin: .25rem 0 .75rem; font-size: 1rem; font-weight: 600; color: #0f172a; }
.presence-table { --bs-table-bg: transparent; }
.presence-table th { font-weight: 600; }
.app-role-client .presence-hero-card, .client-panel-dark .presence-hero-card { background: linear-gradient(135deg, rgba(var(--bz-primary-rgb),.12), rgba(15,23,42,.72)); border-color: rgba(255,255,255,.10); }
.client-panel-dark .presence-metric-card, .client-panel-dark .presence-tabs, .client-panel-dark .presence-live-card, .client-panel-dark .presence-hero-total { background: rgba(15,23,42,.86); border-color: rgba(255,255,255,.09); }
.client-panel-dark .presence-live-info, .client-panel-dark .presence-live-path, .client-panel-dark .presence-live-meta span, .client-panel-dark .presence-empty { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); }
.client-panel-dark .presence-hero-card h2, .client-panel-dark .presence-hero-total span, .client-panel-dark .presence-metric-card strong, .client-panel-dark .presence-live-card-top strong, .client-panel-dark .presence-live-info b, .client-panel-dark .presence-empty strong, .client-panel-dark .presence-history-grid h3 { color: #fff; }
.client-panel-dark .presence-hero-card p, .client-panel-dark .presence-hero-total small, .client-panel-dark .presence-metric-card span, .client-panel-dark .presence-metric-card small, .client-panel-dark .presence-live-card-top span, .client-panel-dark .presence-section-head p, .client-panel-dark .presence-live-info small, .client-panel-dark .presence-last-seen { color: rgba(255,255,255,.72); }
@media (max-width: 1100px) { .presence-metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .presence-live-grid { grid-template-columns: 1fr; } }
@media (max-width: 768px) { .presence-hero-card { grid-template-columns: 1fr; } .presence-hero-total { width: 100%; } .presence-metrics-grid { grid-template-columns: 1fr; } .presence-tabs { align-items: stretch; } .presence-tabs button { flex: 1 1 100%; justify-content: center; } .presence-live-card-top { grid-template-columns: auto minmax(0, 1fr); } .presence-live-card-top em { grid-column: 1 / -1; justify-content: center; } .presence-table { min-width: 920px; } }

/* v1.0.85 - Painel master de usuários no estilo dashboard + presença em tempo real */
.master-users-shell { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 1.5rem; align-items: start; }
.master-users-main { min-width: 0; }
.master-users-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1.35rem; }
.master-users-header h1 { margin: 0; font-size: clamp(1.45rem, 2vw, 2rem); line-height: 1.15; letter-spacing: -.04em; color: #0f172a; font-weight: 600; }
.master-users-header p { margin: .35rem 0 0; color: #64748b; font-size: .92rem; }
.btn-invite-user { min-width: 170px; border-radius: 12px; box-shadow: 0 12px 28px rgba(0,143,90,.18); font-weight: 500; }
.master-users-stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .85rem; margin-bottom: 1rem; }
.master-user-stat-card { display: flex; align-items: center; gap: 1rem; padding: 1rem; border-radius: 18px; background: #fff; border: 1px solid rgba(15,23,42,.08); box-shadow: 0 10px 26px rgba(15,23,42,.045); min-width: 0; }
.master-user-stat-card .stat-icon { width: 44px; height: 44px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; font-size: 1.15rem; }
.master-user-stat-card .stat-green { background: rgba(0,143,90,.10); color: var(--bz-primary); }
.master-user-stat-card .stat-blue { background: rgba(37,99,235,.10); color: #2563eb; }
.master-user-stat-card .stat-purple { background: rgba(124,58,237,.10); color: #7c3aed; }
.master-user-stat-card .stat-orange { background: rgba(249,115,22,.10); color: #f97316; }
.master-user-stat-card small { display: block; color: #64748b; font-size: .74rem; }
.master-user-stat-card strong { display: block; color: #0f172a; font-size: 1.45rem; line-height: 1.1; letter-spacing: -.03em; margin: .15rem 0; }
.master-user-stat-card em { display: block; color: #64748b; font-style: normal; font-size: .72rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.master-users-card, .side-online-card, .side-summary-card { background: #fff; border: 1px solid rgba(15,23,42,.08); border-radius: 22px; box-shadow: 0 14px 34px rgba(15,23,42,.055); }
.master-users-card { padding: 1.1rem; }
.master-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.master-card-head h2, .side-online-card h2, .side-summary-card h2 { margin: 0; font-size: 1rem; font-weight: 600; letter-spacing: -.02em; color: #0f172a; }
.master-card-head p { margin: .25rem 0 0; color: #64748b; font-size: .86rem; }
.soft-badge { display: inline-flex; align-items: center; gap: .35rem; padding: .4rem .65rem; border-radius: 999px; background: rgba(0,143,90,.10); color: #007a4d; font-size: .78rem; font-weight: 500; }
.compact-permission-switch { border-radius: 16px; padding: .85rem 1rem; }
.permission-card-clean { border-radius: 16px; box-shadow: none; }
.master-users-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .8rem; align-items: center; margin-bottom: 1rem; }
.master-users-filter-form { display: grid; grid-template-columns: minmax(220px, 1fr) 190px 160px auto; gap: .75rem; align-items: center; }
.filter-search { position: relative; }
.filter-search i { position: absolute; left: .9rem; top: 50%; transform: translateY(-50%); color: #64748b; pointer-events: none; }
.filter-search .form-control { padding-left: 2.35rem; }
.master-users-filter-form .form-control, .master-users-filter-form .form-select, .btn-export-users { border-radius: 12px; }
.btn-export-users { font-weight: 500; }
.users-table-wrap { border-radius: 16px; border: 1px solid rgba(15,23,42,.06); overflow: auto; }
.master-users-table { margin: 0; --bs-table-bg: transparent; }
.master-users-table thead th { background: #f8fafc; color: #475569; font-size: .78rem; font-weight: 600; border-bottom: 1px solid rgba(15,23,42,.07); white-space: nowrap; }
.master-users-table td { font-size: .88rem; color: #334155; border-color: rgba(15,23,42,.06); white-space: nowrap; }
.user-cell { display: flex; align-items: center; gap: .75rem; min-width: 190px; }
.user-cell strong { color: #0f172a; font-weight: 600; }
.user-avatar-small { width: 32px; height: 32px; border-radius: 999px; background: var(--bz-primary); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: .76rem; font-weight: 600; flex: 0 0 auto; }
.you-badge { margin-left: .35rem; display: inline-flex; align-items: center; border-radius: 999px; padding: .15rem .45rem; background: rgba(0,143,90,.10); color: #007a4d; border: 1px solid rgba(0,143,90,.25); font-size: .7rem; font-weight: 600; }
.role-badge, .status-pill { display: inline-flex; align-items: center; gap: .35rem; padding: .36rem .62rem; border-radius: 8px; font-size: .76rem; font-weight: 500; border: 1px solid transparent; }
.badge-role-admin { background: rgba(0,143,90,.10); color: #007a4d; border-color: rgba(0,143,90,.20); }
.badge-role-editor { background: rgba(37,99,235,.10); color: #2563eb; border-color: rgba(37,99,235,.18); }
.badge-role-viewer { background: rgba(124,58,237,.10); color: #7c3aed; border-color: rgba(124,58,237,.18); }
.status-pill i { width: .55rem; height: .55rem; border-radius: 999px; display: inline-block; background: currentColor; box-shadow: 0 0 0 4px rgba(0,0,0,.035); }
.status-pill.is-online { background: rgba(0,143,90,.10); color: #008f5a; border-color: rgba(0,143,90,.20); }
.status-pill.is-active { background: rgba(15,23,42,.05); color: #64748b; border-color: rgba(15,23,42,.10); }
.status-pill.is-offline { background: rgba(100,116,139,.10); color: #64748b; border-color: rgba(100,116,139,.15); }
.action-dots { width: 34px; height: 34px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; color: #0f172a; }
.edit-user-panel { margin: .2rem .75rem 1rem; padding: 1rem; border-radius: 18px; background: #f8fafc; border: 1px solid rgba(15,23,42,.07); }
.users-table-footer { padding: .9rem .25rem 0; color: #64748b; font-size: .84rem; }
.master-users-aside { display: grid; gap: 1rem; position: sticky; top: 1rem; }
.side-online-card, .side-summary-card { padding: 1.15rem; }
.side-card-head { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-bottom: .9rem; }
.side-card-head span { display: inline-flex; align-items: center; gap: .45rem; color: #008f5a; font-size: .8rem; font-weight: 500; }
.side-card-head span i, .online-dot { width: .55rem; height: .55rem; border-radius: 999px; background: #10b981; display: inline-block; box-shadow: 0 0 0 4px rgba(16,185,129,.12); }
.side-online-list { display: grid; gap: .75rem; }
.side-online-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: .75rem; min-width: 0; }
.side-avatar { width: 42px; height: 42px; border-radius: 999px; background: linear-gradient(135deg, #ef4444, #b91c1c); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: .72rem; font-weight: 700; flex: 0 0 auto; }
.user-side-avatar { background: linear-gradient(135deg, #008f5a, #0aa6a6); }
.side-online-item strong { display: block; color: #0f172a; font-size: .88rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.side-online-item small { display: block; color: #64748b; font-size: .74rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 180px; }
.side-online-item em { color: #64748b; font-size: .76rem; font-style: normal; }
.side-empty { padding: 1rem; border-radius: 16px; background: #f8fafc; color: #64748b; text-align: center; font-size: .86rem; }
.summary-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; margin-top: 1.1rem; }
.summary-stats > div { text-align: center; padding: .25rem; border-right: 1px solid rgba(15,23,42,.08); }
.summary-stats > div:last-child { border-right: 0; }
.summary-icon { width: 44px; height: 44px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: .6rem; }
.summary-icon.green { background: rgba(0,143,90,.10); color: #008f5a; }
.summary-icon.purple { background: rgba(124,58,237,.10); color: #7c3aed; }
.summary-icon.orange { background: rgba(249,115,22,.12); color: #f97316; }
.summary-stats strong { display: block; color: #0f172a; font-size: 1.35rem; line-height: 1.1; }
.summary-stats small { display: block; color: #64748b; font-size: .76rem; margin-top: .25rem; }
.client-panel-dark .master-users-header h1, .client-panel-dark .master-user-stat-card strong, .client-panel-dark .master-card-head h2, .client-panel-dark .side-online-card h2, .client-panel-dark .side-summary-card h2, .client-panel-dark .master-users-table td, .client-panel-dark .user-cell strong, .client-panel-dark .side-online-item strong, .client-panel-dark .summary-stats strong { color: #f8fafc; }
.client-panel-dark .master-user-stat-card, .client-panel-dark .master-users-card, .client-panel-dark .side-online-card, .client-panel-dark .side-summary-card { background: rgba(15,23,42,.86); border-color: rgba(255,255,255,.10); }
.client-panel-dark .master-users-table thead th, .client-panel-dark .edit-user-panel, .client-panel-dark .side-empty { background: rgba(255,255,255,.06); color: #cbd5e1; border-color: rgba(255,255,255,.10); }
.client-panel-dark .master-users-header p, .client-panel-dark .master-user-stat-card small, .client-panel-dark .master-user-stat-card em, .client-panel-dark .master-card-head p, .client-panel-dark .side-online-item small, .client-panel-dark .side-online-item em, .client-panel-dark .summary-stats small, .client-panel-dark .users-table-footer { color: #94a3b8; }
@media (max-width: 1400px) { .master-users-shell { grid-template-columns: 1fr; } .master-users-aside { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); } .side-summary-card { grid-column: 1 / -1; } }
@media (max-width: 1100px) { .master-users-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .master-users-filter-form { grid-template-columns: 1fr 1fr; } .master-users-toolbar { grid-template-columns: 1fr; } .btn-export-users { justify-self: start; } }
@media (max-width: 768px) { .master-users-header { flex-direction: column; } .btn-invite-user { width: 100%; } .master-users-stats-grid, .master-users-aside, .summary-stats { grid-template-columns: 1fr; } .summary-stats > div { border-right: 0; border-bottom: 1px solid rgba(15,23,42,.08); padding-bottom: .8rem; } .summary-stats > div:last-child { border-bottom: 0; } .master-users-filter-form { grid-template-columns: 1fr; } .master-users-table { min-width: 880px; } }

/* v1.0.86 - Painel master de usuários no estilo do print */
.master-users-v86 { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:1.5rem; align-items:start; }
.master-users-v86__main { min-width:0; }
.master-users-v86__heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1.35rem; }
.master-users-v86__heading h1 { margin:0; color:#0f172a; font-size:clamp(1.8rem,2.25vw,2.6rem); line-height:1.05; font-weight:700; letter-spacing:-.045em; }
.master-users-v86__heading p { margin:.45rem 0 0; color:#667085; font-size:.98rem; }
.master-users-v86__invite { min-height:52px; min-width:200px; display:inline-flex; align-items:center; justify-content:center; gap:.55rem; border-radius:14px; box-shadow:0 14px 30px rgba(0,143,90,.18); font-weight:600; }
.master-users-v86__stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin-bottom:1rem; }
.master-users-v86__stat-card,
.master-users-v86__card,
.master-users-v86__side-card { background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:24px; box-shadow:0 12px 28px rgba(15,23,42,.05); }
.master-users-v86__stat-card { display:flex; align-items:center; gap:1rem; padding:1.05rem 1.1rem; min-width:0; }
.master-users-v86__stat-icon { width:46px; height:46px; flex:0 0 auto; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; font-size:1.15rem; }
.master-users-v86__stat-icon.is-green { background:rgba(34,197,94,.12); color:#16a34a; }
.master-users-v86__stat-icon.is-blue { background:rgba(59,130,246,.12); color:#2563eb; }
.master-users-v86__stat-icon.is-purple { background:rgba(168,85,247,.12); color:#9333ea; }
.master-users-v86__stat-icon.is-orange { background:rgba(249,115,22,.12); color:#f97316; }
.master-users-v86__stat-card small { display:block; color:#667085; font-size:.8rem; }
.master-users-v86__stat-card strong { display:block; margin:.15rem 0; font-size:1.75rem; color:#1f2937; line-height:1; letter-spacing:-.04em; }
.master-users-v86__stat-card em { display:block; color:#667085; font-style:normal; font-size:.77rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.master-users-v86__card { padding:1.15rem; }
.master-users-v86__section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.master-users-v86__section-head h2,
.master-users-v86__side-head h2,
.master-users-v86__summary-card h2 { margin:0; font-size:1.1rem; line-height:1.1; font-weight:700; letter-spacing:-.03em; color:#101828; }
.master-users-v86__section-head p { margin:.3rem 0 0; color:#667085; font-size:.9rem; }
.master-users-v86__badge { display:inline-flex; align-items:center; gap:.45rem; border-radius:999px; padding:.48rem .8rem; background:rgba(0,143,90,.1); color:#008f5a; font-size:.8rem; font-weight:600; }
.master-users-v86__switch-card { display:flex; align-items:flex-start; gap:.85rem; padding:1rem; border:1px solid rgba(15,23,42,.08); border-radius:18px; background:#f8fafc; cursor:pointer; }
.master-users-v86__switch-card input { margin-top:.3rem; }
.master-users-v86__switch-card strong { display:block; color:#111827; font-size:.96rem; }
.master-users-v86__switch-card small { display:block; color:#667085; font-size:.82rem; margin-top:.15rem; }
.master-users-v86__permission-card { display:flex; align-items:flex-start; gap:.8rem; padding:1rem; border:1px solid rgba(15,23,42,.08); border-radius:18px; background:#fff; min-height:100%; cursor:pointer; }
.master-users-v86__permission-card input { margin-top:.3rem; }
.master-users-v86__permission-icon { width:38px; height:38px; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; border-radius:12px; background:#f2f4f7; color:#475467; }
.master-users-v86__permission-text strong { display:block; color:#111827; font-size:.95rem; font-weight:600; }
.master-users-v86__permission-text small { display:block; color:#667085; font-size:.8rem; margin-top:.15rem; line-height:1.4; }
.master-users-v86__toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.master-users-v86__filters { display:grid; grid-template-columns:minmax(240px,1fr) 190px 150px auto; gap:.75rem; align-items:center; flex:1 1 auto; }
.master-users-v86__search { position:relative; }
.master-users-v86__search i { position:absolute; left:.9rem; top:50%; transform:translateY(-50%); color:#667085; }
.master-users-v86__search input { padding-left:2.5rem; }
.master-users-v86__filters .form-control,
.master-users-v86__filters .form-select,
.master-users-v86__filters .btn,
.master-users-v86__export,
.master-users-v86__action { min-height:48px; border-radius:14px; }
.master-users-v86__export { display:inline-flex; align-items:center; gap:.5rem; font-weight:600; white-space:nowrap; }
.master-users-v86__table-wrap { border:1px solid rgba(15,23,42,.06); border-radius:20px; overflow:auto; }
.master-users-v86__table thead th { background:#f8fafc; color:#667085; font-size:.82rem; font-weight:600; border-bottom:1px solid rgba(15,23,42,.08); white-space:nowrap; }
.master-users-v86__table td { color:#344054; font-size:.92rem; white-space:nowrap; border-color:rgba(15,23,42,.06); padding-top:1rem; padding-bottom:1rem; }
.master-users-v86__user { display:flex; align-items:center; gap:.8rem; min-width:210px; }
.master-users-v86__user strong { color:#101828; font-weight:600; }
.master-users-v86__avatar { width:34px; height:34px; border-radius:999px; background:linear-gradient(135deg,#22c55e,#10b981); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:.78rem; font-weight:700; flex:0 0 auto; }
.master-users-v86__you { display:inline-flex; align-items:center; margin-left:.45rem; padding:.15rem .5rem; border-radius:999px; background:rgba(34,197,94,.1); color:#16a34a; font-size:.72rem; font-weight:600; border:1px solid rgba(34,197,94,.18); }
.master-users-v86__action { width:42px; padding:0; }
.master-users-v86__edit-panel { margin:.35rem .75rem 1rem; padding:1rem; border-radius:20px; background:#f8fafc; border:1px solid rgba(15,23,42,.06); }
.master-users-v86__table-footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; color:#667085; font-size:.86rem; padding:.95rem .25rem 0; }
.master-users-v86__pager { display:flex; align-items:center; gap:.5rem; }
.master-users-v86__pager .btn { width:38px; height:38px; padding:0; border-radius:12px; }
.master-users-v86__pager span { min-width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px; background:#12b76a; color:#fff; font-weight:700; }
.master-users-v86__aside { display:grid; gap:1rem; position:sticky; top:1rem; }
.master-users-v86__side-card { padding:1.2rem; }
.master-users-v86__side-head { display:flex; align-items:center; justify-content:space-between; gap:.8rem; margin-bottom:1rem; }
.master-users-v86__side-head span { display:inline-flex; align-items:center; gap:.45rem; font-size:.82rem; color:#12b76a; font-weight:600; }
.master-users-v86__side-head span i,
.master-users-v86__dot { width:.58rem; height:.58rem; display:inline-block; border-radius:999px; background:#12b76a; box-shadow:0 0 0 4px rgba(18,183,106,.12); }
.master-users-v86__switcher { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; padding:.35rem; border-radius:14px; background:#f4f6f8; margin-bottom:1rem; }
.master-users-v86__switcher button { border:0; border-radius:12px; background:transparent; color:#667085; font-size:.86rem; font-weight:600; min-height:40px; }
.master-users-v86__switcher button.active { background:#fff; color:#101828; box-shadow:0 4px 12px rgba(15,23,42,.06); }
.master-users-v86__side-panel { display:none; }
.master-users-v86__side-panel.active { display:block; }
.master-users-v86__online-list { display:grid; gap:.95rem; }
.master-users-v86__online-item { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; gap:.7rem; align-items:center; }
.master-users-v86__online-avatar { width:46px; height:46px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#ef4444,#dc2626); color:#fff; font-size:.74rem; font-weight:700; }
.master-users-v86__online-avatar.is-user { background:linear-gradient(135deg,#2563eb,#1d4ed8); }
.master-users-v86__online-item strong { display:block; color:#101828; font-size:.95rem; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.master-users-v86__online-item small { display:block; color:#667085; font-size:.8rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.master-users-v86__online-item em { color:#667085; font-size:.82rem; font-style:normal; white-space:nowrap; }
.master-users-v86__empty { border-radius:18px; background:#f8fafc; color:#667085; text-align:center; padding:1rem; font-size:.9rem; }
.master-users-v86__summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem; margin-top:1rem; }
.master-users-v86__summary-grid article { text-align:center; padding:.4rem .25rem; }
.master-users-v86__summary-grid article + article { border-left:1px solid rgba(15,23,42,.08); }
.master-users-v86__summary-grid span { width:46px; height:46px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; margin-bottom:.65rem; }
.master-users-v86__summary-grid span.is-green { background:rgba(34,197,94,.12); color:#16a34a; }
.master-users-v86__summary-grid span.is-purple { background:rgba(168,85,247,.12); color:#9333ea; }
.master-users-v86__summary-grid span.is-orange { background:rgba(249,115,22,.12); color:#f97316; }
.master-users-v86__summary-grid strong { display:block; color:#101828; font-size:2rem; line-height:1; letter-spacing:-.04em; }
.master-users-v86__summary-grid small { display:block; color:#667085; font-size:.84rem; margin-top:.35rem; }
.client-panel-dark .master-users-v86__heading h1,
.client-panel-dark .master-users-v86__stat-card strong,
.client-panel-dark .master-users-v86__section-head h2,
.client-panel-dark .master-users-v86__side-head h2,
.client-panel-dark .master-users-v86__summary-card h2,
.client-panel-dark .master-users-v86__table td,
.client-panel-dark .master-users-v86__user strong,
.client-panel-dark .master-users-v86__online-item strong,
.client-panel-dark .master-users-v86__summary-grid strong { color:#f8fafc; }
.client-panel-dark .master-users-v86__stat-card,
.client-panel-dark .master-users-v86__card,
.client-panel-dark .master-users-v86__side-card { background:rgba(15,23,42,.88); border-color:rgba(255,255,255,.1); }
.client-panel-dark .master-users-v86__heading p,
.client-panel-dark .master-users-v86__stat-card small,
.client-panel-dark .master-users-v86__stat-card em,
.client-panel-dark .master-users-v86__section-head p,
.client-panel-dark .master-users-v86__switch-card small,
.client-panel-dark .master-users-v86__permission-text small,
.client-panel-dark .master-users-v86__table-footer,
.client-panel-dark .master-users-v86__online-item small,
.client-panel-dark .master-users-v86__online-item em,
.client-panel-dark .master-users-v86__summary-grid small { color:#94a3b8; }
.client-panel-dark .master-users-v86__switch-card,
.client-panel-dark .master-users-v86__permission-card,
.client-panel-dark .master-users-v86__edit-panel,
.client-panel-dark .master-users-v86__empty,
.client-panel-dark .master-users-v86__switcher,
.client-panel-dark .master-users-v86__table thead th { background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.08); }
.client-panel-dark .master-users-v86__permission-icon,
.client-panel-dark .master-users-v86__switcher button.active { background:rgba(255,255,255,.08); color:#f8fafc; }
.client-panel-dark .master-users-v86__switcher button { color:#cbd5e1; }
.client-panel-dark .master-users-v86__summary-grid article + article { border-left-color:rgba(255,255,255,.1); }
@media (max-width: 1400px) { .master-users-v86 { grid-template-columns:1fr; } .master-users-v86__aside { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); } .master-users-v86__summary-card { grid-column:1 / -1; } }
@media (max-width: 1100px) { .master-users-v86__stats { grid-template-columns:repeat(2,minmax(0,1fr)); } .master-users-v86__filters { grid-template-columns:1fr 1fr; } .master-users-v86__toolbar { flex-direction:column; align-items:stretch; } .master-users-v86__export { justify-content:center; } }
@media (max-width: 768px) { .master-users-v86__heading { flex-direction:column; } .master-users-v86__invite { width:100%; } .master-users-v86__stats, .master-users-v86__aside, .master-users-v86__summary-grid { grid-template-columns:1fr; } .master-users-v86__filters { grid-template-columns:1fr; } .master-users-v86__table { min-width:860px; } .master-users-v86__table-footer { flex-direction:column; align-items:flex-start; } .master-users-v86__summary-grid article + article { border-left:0; border-top:1px solid rgba(15,23,42,.08); padding-top:.9rem; } }


/* v1.0.87 - Corrige menu de ações da tabela de usuários */
.master-users-v86,
.master-users-v86__main,
.master-users-v86__card,
.master-users-v86__table-card {
  overflow: visible;
}

.master-users-v86__table-wrap {
  overflow-x: auto;
  overflow-y: hidden;
}

.master-users-v86__table-wrap.dropdown-is-open {
  overflow: visible;
}

.master-users-v86__table td:last-child,
.master-users-v86__table th:last-child {
  position: sticky;
  right: 0;
  background: #fff;
  z-index: 3;
}

.master-users-v86__table thead th:last-child {
  background: #f8fafc;
  z-index: 4;
}

.master-users-v86__table .dropdown {
  position: static;
}

.master-users-v86__table .dropdown-menu {
  z-index: 1080;
  min-width: 220px;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 16px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .18);
  padding: .45rem;
}

.master-users-v86__table .dropdown-item {
  border-radius: 12px;
  padding: .65rem .75rem;
  font-size: .92rem;
}

.master-users-v86__table .dropdown-divider {
  margin: .35rem 0;
}

.client-panel-dark .master-users-v86__table td:last-child {
  background: rgba(15, 23, 42, .95);
}

.client-panel-dark .master-users-v86__table thead th:last-child {
  background: rgba(255, 255, 255, .06);
}

.client-panel-dark .master-users-v86__table .dropdown-menu {
  background: #0f172a;
  border-color: rgba(255, 255, 255, .12);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .35);
}

.client-panel-dark .master-users-v86__table .dropdown-item {
  color: #e2e8f0;
}

.client-panel-dark .master-users-v86__table .dropdown-item:hover,
.client-panel-dark .master-users-v86__table .dropdown-item:focus {
  background: rgba(255, 255, 255, .08);
}

@media (max-width: 768px) {
  .master-users-v86__table-wrap.dropdown-is-open {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .master-users-v86__table .dropdown {
    position: relative;
  }
}


/* v1.0.88 - Ajuste visual do painel master: menos bordas arredondadas e melhor encaixe */
.master-users-v86__stat-card,
.master-users-v86__card,
.master-users-v86__side-card {
  border-radius: 18px;
}
.master-users-v86__table-wrap,
.master-users-v86__edit-panel,
.master-users-v86__switch-card,
.master-users-v86__permission-card,
.master-users-v86__empty {
  border-radius: 14px;
}
.master-users-v86__invite,
.master-users-v86__filters .form-control,
.master-users-v86__filters .form-select,
.master-users-v86__filters .btn,
.master-users-v86__export,
.master-users-v86__action,
.master-users-v86__pager .btn,
.master-users-v86__pager span,
.role-badge,
.status-pill {
  border-radius: 12px;
}
.master-users-v86__you,
.master-users-v86__badge {
  border-radius: 999px;
}
.master-users-v86__stats {
  gap: .85rem;
}
.master-users-v86__stat-card {
  padding: .95rem 1rem;
}
.master-users-v86__stat-card small {
  font-size: .78rem;
}
.master-users-v86__stat-card strong {
  font-size: 1.55rem;
}
.master-users-v86__stat-card em {
  white-space: normal;
  overflow: visible;
  text-overflow: initial;
  line-height: 1.28;
  font-size: .76rem;
}
.master-users-v86__toolbar {
  gap: .75rem;
}
.master-users-v86__filters {
  grid-template-columns: minmax(210px, 1fr) 180px 140px auto;
  gap: .65rem;
}
.master-users-v86__filters .form-control,
.master-users-v86__filters .form-select,
.master-users-v86__filters .btn,
.master-users-v86__export {
  min-height: 44px;
}
.master-users-v86__export {
  padding-left: .95rem;
  padding-right: .95rem;
}
.master-users-v86__card {
  padding: 1rem;
}
.master-users-v86__table td,
.master-users-v86__table th {
  vertical-align: middle;
}
@media (max-width: 1200px) {
  .master-users-v86__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .master-users-v86__filters {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .master-users-v86__stat-card,
  .master-users-v86__card,
  .master-users-v86__side-card {
    border-radius: 16px;
  }
  .master-users-v86__table-wrap,
  .master-users-v86__edit-panel,
  .master-users-v86__switch-card,
  .master-users-v86__permission-card {
    border-radius: 12px;
  }
}


/* v1.0.91 - Ajuste aplicado somente no menu Online Agora */
/* Garante que os cards de Usuários e Permissões fiquem como antes */
.master-users-v86__stat-card em {
  display: block !important;
}

/* Remove textos auxiliares apenas da tela /master/clientes-online */
.online-agora-v91 .presence-metric small:not(.keep-label),
.online-agora-v91 .presence-metric em,
.online-agora-v91 .presence-stat-card em,
.online-agora-v91 .presence-card-subtitle,
.online-agora-v91 .presence-metric-note,
.online-agora-v91 .metric-helper,
.online-agora-v91 .card-helper {
  display: none !important;
}

/* Ajusta o espaçamento dos cards da tela Online Agora após remover os subtítulos */
.online-agora-v91 .presence-metric,
.online-agora-v91 .presence-stat-card {
  border-radius: 14px !important;
}

.online-agora-v91 .presence-metric strong,
.online-agora-v91 .presence-stat-card strong {
  margin-bottom: 0 !important;
}


/* v1.0.92 - Usuários e Permissões no estilo do print */
.master-users-v92 { display:grid; gap:1.25rem; }
.master-users-v92__head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.master-users-v92__head h1 { margin:0; color:#101828; font-size:2.35rem; line-height:1.04; letter-spacing:-.045em; font-weight:700; }
.master-users-v92__head p { margin:.4rem 0 0; color:#667085; font-size:.96rem; }
.master-users-v92__head-actions { display:flex; align-items:center; gap:.75rem; }
.master-users-v92__head-actions .btn { min-height:46px; border-radius:12px; padding-inline:1rem; font-weight:600; }

.master-users-v92__stats { display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:1rem; }
.master-users-v92__stat-card,
.master-users-v92__panel,
.master-users-v92__table-card,
.master-users-v92__side-card { background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:18px; box-shadow:0 10px 24px rgba(15,23,42,.045); }
.master-users-v92__stat-card { display:flex; align-items:center; gap:1rem; padding:1rem 1.05rem; min-width:0; }
.master-users-v92__stat-icon { width:52px; height:52px; flex:0 0 auto; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; font-size:1.25rem; }
.master-users-v92__stat-icon.is-green { background:rgba(34,197,94,.12); color:#16a34a; }
.master-users-v92__stat-icon.is-green-soft { background:rgba(16,185,129,.10); color:#10b981; }
.master-users-v92__stat-icon.is-blue { background:rgba(37,99,235,.12); color:#2563eb; }
.master-users-v92__stat-icon.is-purple { background:rgba(147,51,234,.12); color:#9333ea; }
.master-users-v92__stat-icon.is-orange { background:rgba(249,115,22,.12); color:#f97316; }
.master-users-v92__stat-card small { display:block; color:#667085; font-size:.82rem; }
.master-users-v92__stat-card strong { display:block; color:#101828; font-size:1.9rem; line-height:1; letter-spacing:-.045em; margin:.18rem 0; }
.master-users-v92__stat-card em { display:block; color:#667085; font-style:normal; font-size:.8rem; }

.master-users-v92__panel,
.master-users-v92__table-card,
.master-users-v92__side-card { padding:1rem; }
.master-users-v92__panel-head,
.master-users-v92__side-title { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.master-users-v92__panel-head h2,
.master-users-v92__side-card h2 { margin:0; color:#101828; font-size:1.12rem; font-weight:700; letter-spacing:-.02em; }
.master-users-v92__panel-head p { margin:.3rem 0 0; color:#667085; font-size:.9rem; }
.master-users-v92__hint { display:inline-flex; align-items:center; gap:.45rem; border-radius:999px; padding:.42rem .8rem; background:rgba(16,185,129,.10); color:#059669; font-size:.8rem; font-weight:600; }

.master-users-v92__preset-grid { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:.85rem; }
.master-users-v92__preset-card { border:1px solid rgba(15,23,42,.08); border-radius:16px; padding:1rem; display:grid; gap:.85rem; background:#fbfcfd; }
.master-users-v92__preset-icon { width:42px; height:42px; border-radius:14px; display:inline-flex; align-items:center; justify-content:center; font-size:1.05rem; }
.master-users-v92__preset-icon.is-green { background:rgba(34,197,94,.12); color:#16a34a; }
.master-users-v92__preset-icon.is-blue { background:rgba(37,99,235,.12); color:#2563eb; }
.master-users-v92__preset-icon.is-purple { background:rgba(147,51,234,.12); color:#9333ea; }
.master-users-v92__preset-icon.is-orange { background:rgba(249,115,22,.12); color:#f97316; }
.master-users-v92__preset-card strong { display:block; color:#101828; font-size:.97rem; }
.master-users-v92__preset-card p { margin:.2rem 0 0; color:#667085; font-size:.82rem; line-height:1.4; }

.master-users-v92__access-card { display:flex; align-items:flex-start; gap:.8rem; padding:1rem; border-radius:14px; border:1px solid rgba(15,23,42,.08); background:#f8fafc; cursor:pointer; }
.master-users-v92__access-card strong { display:block; color:#101828; font-size:.95rem; }
.master-users-v92__access-card small { display:block; color:#667085; font-size:.82rem; margin-top:.15rem; }
.master-users-v92__permission-card { display:flex; align-items:flex-start; gap:.75rem; padding:1rem; border-radius:14px; border:1px solid rgba(15,23,42,.08); min-height:100%; background:#fff; cursor:pointer; }
.master-users-v92__permission-icon { width:38px; height:38px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:#f4f6f8; color:#475467; flex:0 0 auto; }
.master-users-v92__permission-text strong { display:block; color:#101828; font-size:.92rem; font-weight:600; }
.master-users-v92__permission-text small { display:block; color:#667085; font-size:.78rem; margin-top:.18rem; line-height:1.38; }

.master-users-v92__grid { display:grid; grid-template-columns:minmax(0,1fr) 430px; gap:1rem; align-items:start; }
.master-users-v92__main-panel { min-width:0; }
.master-users-v92__toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.master-users-v92__filters { display:grid; grid-template-columns:minmax(240px,1fr) 170px 160px; gap:.75rem; flex:1 1 auto; }
.master-users-v92__search { position:relative; }
.master-users-v92__search i { position:absolute; left:.95rem; top:50%; transform:translateY(-50%); color:#667085; }
.master-users-v92__search .form-control { padding-left:2.45rem; }
.master-users-v92__filters .form-control,
.master-users-v92__filters .form-select,
.master-users-v92__export,
.master-users-v92__action,
.master-users-v92__pagination .btn,
.master-users-v92__pagination span { min-height:44px; border-radius:12px; }
.master-users-v92__export { display:inline-flex; align-items:center; gap:.45rem; white-space:nowrap; font-weight:600; }
.master-users-v92__table-wrap { overflow-x:auto; overflow-y:hidden; border:1px solid rgba(15,23,42,.06); border-radius:16px; }
.master-users-v92__table thead th { background:#f8fafc; color:#667085; font-size:.8rem; font-weight:600; white-space:nowrap; border-bottom:1px solid rgba(15,23,42,.08); }
.master-users-v92__table td { color:#344054; font-size:.9rem; white-space:nowrap; border-color:rgba(15,23,42,.06); vertical-align:middle; padding-top:1rem; padding-bottom:1rem; }
.master-users-v92__user { display:flex; align-items:center; gap:.75rem; min-width:210px; }
.master-users-v92__avatar { width:34px; height:34px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#22c55e,#10b981); color:#fff; font-size:.76rem; font-weight:700; }
.master-users-v92__user strong { color:#101828; font-weight:600; }
.master-users-v92__you { display:inline-flex; align-items:center; margin-left:.45rem; padding:.14rem .48rem; border-radius:8px; background:rgba(34,197,94,.10); color:#16a34a; border:1px solid rgba(34,197,94,.16); font-size:.72rem; font-weight:600; }
.master-users-v92__profile-badge,
.master-users-v92__permission-count { display:inline-flex; align-items:center; justify-content:center; min-width:40px; padding:.28rem .55rem; border-radius:8px; font-size:.8rem; font-weight:600; border:1px solid transparent; }
.master-users-v92__profile-badge.is-master { background:rgba(16,185,129,.12); border-color:rgba(16,185,129,.2); color:#059669; }
.master-users-v92__profile-badge.is-admin { background:rgba(59,130,246,.12); border-color:rgba(59,130,246,.2); color:#2563eb; }
.master-users-v92__profile-badge.is-editor { background:rgba(147,51,234,.12); border-color:rgba(147,51,234,.2); color:#9333ea; }
.master-users-v92__profile-badge.is-client { background:rgba(249,115,22,.12); border-color:rgba(249,115,22,.2); color:#f97316; }
.master-users-v92__permission-count { background:rgba(16,185,129,.10); border-color:rgba(16,185,129,.18); color:#10b981; }
.master-users-v92__action { width:42px; padding:0; }
.master-users-v92__edit-panel { margin:.4rem .75rem 1rem; padding:1rem; border-radius:16px; border:1px solid rgba(15,23,42,.06); background:#f8fafc; }
.master-users-v92__footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.95rem .15rem 0; color:#667085; font-size:.85rem; }
.master-users-v92__pagination { display:flex; align-items:center; gap:.45rem; }
.master-users-v92__pagination .btn,
.master-users-v92__pagination span { min-width:38px; padding:0 .55rem; display:inline-flex; align-items:center; justify-content:center; }
.master-users-v92__pagination span.is-active { background:#12b76a; color:#fff; font-weight:700; border:1px solid rgba(18,183,106,.2); }

.master-users-v92__sidebar { display:grid; gap:1rem; }
.master-users-v92__matrix-wrap { overflow:auto; }
.master-users-v92__matrix { width:100%; border-collapse:collapse; }
.master-users-v92__matrix th,
.master-users-v92__matrix td { padding:.44rem .4rem; border-bottom:1px solid rgba(15,23,42,.06); font-size:.84rem; text-align:center; color:#344054; }
.master-users-v92__matrix th:first-child,
.master-users-v92__matrix td:first-child { text-align:left; font-weight:500; color:#475467; }
.master-users-v92__matrix thead th { color:#101828; font-size:.8rem; font-weight:700; background:#fafafa; position:sticky; top:0; }
.master-users-v92__matrix td.is-full { color:#16a34a; }
.master-users-v92__matrix td.is-none { color:#98a2b3; }
.master-users-v92__legend { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; margin-top:.85rem; color:#667085; font-size:.79rem; }
.master-users-v92__legend i.is-full { color:#16a34a; }
.master-users-v92__legend i.is-none { color:#98a2b3; }

.master-users-v92__quick-grid { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:.65rem; }
.master-users-v92__quick-item { display:grid; justify-items:center; gap:.55rem; text-align:center; padding:1rem .55rem; border-radius:14px; border:1px solid rgba(15,23,42,.08); background:#fff; color:#475467; text-decoration:none; }
.master-users-v92__quick-item i { font-size:1.35rem; color:#10b981; }
.master-users-v92__quick-item span { font-size:.78rem; line-height:1.25; }
.master-users-v92__quick-item:nth-child(2) i { color:#9333ea; }
.master-users-v92__quick-item:nth-child(3) i { color:#10b981; }
.master-users-v92__quick-item:nth-child(4) i { color:#f97316; }

.master-users-v92__side-title { margin-bottom:.75rem; }
.master-users-v92__side-title a { color:#16a34a; text-decoration:none; font-size:.82rem; font-weight:600; }
.master-users-v92__logs { display:grid; gap:.8rem; }
.master-users-v92__log-item { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:.75rem; align-items:flex-start; padding:.1rem 0; }
.master-users-v92__log-icon { width:36px; height:36px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:rgba(16,185,129,.10); color:#10b981; font-size:.92rem; }
.master-users-v92__log-item:nth-child(2) .master-users-v92__log-icon { background:rgba(59,130,246,.10); color:#2563eb; }
.master-users-v92__log-item:nth-child(3) .master-users-v92__log-icon { background:rgba(147,51,234,.12); color:#9333ea; }
.master-users-v92__log-item strong { display:block; color:#101828; font-size:.86rem; }
.master-users-v92__log-item p { margin:.12rem 0 0; color:#667085; font-size:.78rem; line-height:1.38; }
.master-users-v92__log-item time { color:#667085; font-size:.76rem; white-space:nowrap; }

.master-users-v92 .dropdown-menu { border-radius:14px; padding:.4rem; border:1px solid rgba(15,23,42,.1); box-shadow:0 16px 36px rgba(15,23,42,.18); }
.master-users-v92 .dropdown-item { border-radius:10px; padding:.62rem .75rem; font-size:.9rem; }

.client-panel-dark .master-users-v92__head h1,
.client-panel-dark .master-users-v92__panel-head h2,
.client-panel-dark .master-users-v92__side-card h2,
.client-panel-dark .master-users-v92__stat-card strong,
.client-panel-dark .master-users-v92__table td,
.client-panel-dark .master-users-v92__user strong,
.client-panel-dark .master-users-v92__matrix th,
.client-panel-dark .master-users-v92__matrix td,
.client-panel-dark .master-users-v92__log-item strong { color:#f8fafc; }
.client-panel-dark .master-users-v92__stat-card,
.client-panel-dark .master-users-v92__panel,
.client-panel-dark .master-users-v92__table-card,
.client-panel-dark .master-users-v92__side-card { background:rgba(15,23,42,.88); border-color:rgba(255,255,255,.1); }
.client-panel-dark .master-users-v92__head p,
.client-panel-dark .master-users-v92__stat-card small,
.client-panel-dark .master-users-v92__stat-card em,
.client-panel-dark .master-users-v92__panel-head p,
.client-panel-dark .master-users-v92__access-card small,
.client-panel-dark .master-users-v92__permission-text small,
.client-panel-dark .master-users-v92__footer,
.client-panel-dark .master-users-v92__legend,
.client-panel-dark .master-users-v92__quick-item,
.client-panel-dark .master-users-v92__log-item p,
.client-panel-dark .master-users-v92__log-item time { color:#94a3b8; }
.client-panel-dark .master-users-v92__preset-card,
.client-panel-dark .master-users-v92__access-card,
.client-panel-dark .master-users-v92__permission-card,
.client-panel-dark .master-users-v92__edit-panel,
.client-panel-dark .master-users-v92__quick-item,
.client-panel-dark .master-users-v92__matrix thead th,
.client-panel-dark .master-users-v92__table-wrap { background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.08); }
.client-panel-dark .master-users-v92__permission-icon { background:rgba(255,255,255,.08); color:#e2e8f0; }
.client-panel-dark .master-users-v92__matrix td:first-child { color:#cbd5e1; }
.client-panel-dark .master-users-v92 .dropdown-menu { background:#0f172a; border-color:rgba(255,255,255,.1); }
.client-panel-dark .master-users-v92 .dropdown-item { color:#f8fafc; }
.client-panel-dark .master-users-v92 .dropdown-item:hover,
.client-panel-dark .master-users-v92 .dropdown-item:focus { background:rgba(255,255,255,.08); }

@media (max-width: 1400px) {
  .master-users-v92__stats { grid-template-columns:repeat(3, minmax(0,1fr)); }
  .master-users-v92__grid { grid-template-columns:1fr; }
}
@media (max-width: 1100px) {
  .master-users-v92__preset-grid { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .master-users-v92__quick-grid { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .master-users-v92__filters { grid-template-columns:1fr 1fr; }
  .master-users-v92__toolbar { flex-direction:column; align-items:stretch; }
}
@media (max-width: 768px) {
  .master-users-v92__head { flex-direction:column; }
  .master-users-v92__head-actions { width:100%; }
  .master-users-v92__head-actions .btn { flex:1 1 0; justify-content:center; }
  .master-users-v92__stats,
  .master-users-v92__preset-grid,
  .master-users-v92__quick-grid { grid-template-columns:1fr; }
  .master-users-v92__filters { grid-template-columns:1fr; }
  .master-users-v92__table { min-width:980px; }
  .master-users-v92__footer { flex-direction:column; align-items:flex-start; }
}


/* v1.0.92b - Corrige dropdown na tabela do novo layout */
.master-users-v92__table-card,
.master-users-v92__main-panel,
.master-users-v92__grid { overflow: visible; }
.master-users-v92__table-wrap.dropdown-is-open { overflow: visible; }
.master-users-v92__table .dropdown { position: static; }
.master-users-v92__table .dropdown-menu { z-index: 1080; min-width: 220px; }


/* v1.0.93 - Usuários e permissões em abas */
.master-users-v93 { display:grid; gap:1.2rem; }
.master-users-v93__head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.master-users-v93__head h1 { margin:0; color:#101828; font-size:2.2rem; line-height:1.04; letter-spacing:-.045em; font-weight:700; }
.master-users-v93__head p { margin:.38rem 0 0; color:#667085; font-size:.95rem; }
.master-users-v93__head-actions { display:flex; gap:.75rem; align-items:center; }
.master-users-v93__head-actions .btn { min-height:46px; border-radius:12px; font-weight:600; }
.master-users-v93__stats { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1rem; }
.master-users-v93__stat-card,.master-users-v93__panel,.master-users-v93__table-card,.master-users-v93__side-card { background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:18px; box-shadow:0 10px 24px rgba(15,23,42,.045); }
.master-users-v93__stat-card { display:flex; align-items:center; gap:1rem; padding:1rem 1.05rem; min-width:0; }
.master-users-v93__stat-icon { width:52px; height:52px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; font-size:1.25rem; flex:0 0 auto; }
.master-users-v93__stat-icon.is-green { background:rgba(34,197,94,.12); color:#16a34a; }
.master-users-v93__stat-icon.is-soft-green { background:rgba(16,185,129,.10); color:#10b981; }
.master-users-v93__stat-icon.is-blue { background:rgba(37,99,235,.12); color:#2563eb; }
.master-users-v93__stat-icon.is-purple { background:rgba(147,51,234,.12); color:#9333ea; }
.master-users-v93__stat-icon.is-orange { background:rgba(249,115,22,.12); color:#f97316; }
.master-users-v93__stat-card small { display:block; color:#667085; font-size:.82rem; }
.master-users-v93__stat-card strong { display:block; color:#101828; font-size:1.9rem; line-height:1; letter-spacing:-.045em; margin:.18rem 0; }
.master-users-v93__stat-card em { display:block; color:#667085; font-style:normal; font-size:.8rem; }
.master-users-v93__tabs { display:flex; gap:.75rem; flex-wrap:wrap; padding:.55rem; border:1px solid rgba(15,23,42,.08); border-radius:16px; background:#fff; box-shadow:0 8px 18px rgba(15,23,42,.04); }
.master-users-v93__tabs button { border:0; background:transparent; border-radius:12px; min-height:44px; padding:.7rem 1rem; color:#475467; font-weight:600; display:inline-flex; align-items:center; gap:.5rem; }
.master-users-v93__tabs button.active { background:rgba(16,185,129,.12); color:#059669; }
.master-users-v93__tab-panel { display:none; }
.master-users-v93__tab-panel.active { display:block; }
.master-users-v93__panel,.master-users-v93__table-card,.master-users-v93__side-card { padding:1rem; }
.master-users-v93__section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.master-users-v93__section-head h2,.master-users-v93__side-card h2 { margin:0; color:#101828; font-size:1.12rem; font-weight:700; letter-spacing:-.02em; }
.master-users-v93__section-head p { margin:.28rem 0 0; color:#667085; font-size:.9rem; }
.master-users-v93__hint { display:inline-flex; align-items:center; gap:.45rem; border-radius:999px; padding:.42rem .8rem; background:rgba(16,185,129,.1); color:#059669; font-size:.8rem; font-weight:600; }
.master-users-v93__access-card { display:flex; align-items:flex-start; gap:.8rem; padding:1rem; border-radius:14px; border:1px solid rgba(15,23,42,.08); background:#f8fafc; cursor:pointer; }
.master-users-v93__access-card strong { display:block; color:#101828; font-size:.95rem; }
.master-users-v93__access-card small { display:block; color:#667085; font-size:.82rem; margin-top:.15rem; }
.master-users-v93__permission-card { display:flex; align-items:flex-start; gap:.75rem; padding:1rem; border-radius:14px; border:1px solid rgba(15,23,42,.08); min-height:100%; background:#fff; cursor:pointer; }
.master-users-v93__permission-icon { width:38px; height:38px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:#f4f6f8; color:#475467; flex:0 0 auto; }
.master-users-v93__permission-text strong { display:block; color:#101828; font-size:.92rem; font-weight:600; }
.master-users-v93__permission-text small { display:block; color:#667085; font-size:.78rem; margin-top:.18rem; line-height:1.38; }
.master-users-v93__users-grid { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:1rem; align-items:start; }
.master-users-v93__toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.master-users-v93__filters { display:grid; grid-template-columns:minmax(240px,1fr) 170px 160px; gap:.75rem; flex:1 1 auto; }
.master-users-v93__search { position:relative; }
.master-users-v93__search i { position:absolute; left:.95rem; top:50%; transform:translateY(-50%); color:#667085; }
.master-users-v93__search .form-control { padding-left:2.45rem; }
.master-users-v93__filters .form-control,.master-users-v93__filters .form-select,.master-users-v93__export,.master-users-v93__action,.master-users-v93__pagination .btn,.master-users-v93__pagination span { min-height:44px; border-radius:12px; }
.master-users-v93__export { display:inline-flex; align-items:center; gap:.45rem; font-weight:600; white-space:nowrap; }
.master-users-v93__table-card,.master-users-v93__users-grid,.master-users-v93__table-wrap { overflow:visible; }
.master-users-v93__table-wrap { overflow-x:auto; overflow-y:hidden; border:1px solid rgba(15,23,42,.06); border-radius:16px; }
.master-users-v93__table-wrap.dropdown-is-open { overflow:visible; }
.master-users-v93__table thead th { background:#f8fafc; color:#667085; font-size:.8rem; font-weight:600; white-space:nowrap; border-bottom:1px solid rgba(15,23,42,.08); }
.master-users-v93__table td { color:#344054; font-size:.9rem; white-space:nowrap; border-color:rgba(15,23,42,.06); vertical-align:middle; padding-top:1rem; padding-bottom:1rem; }
.master-users-v93__user { display:flex; align-items:center; gap:.75rem; min-width:210px; }
.master-users-v93__avatar { width:34px; height:34px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#22c55e,#10b981); color:#fff; font-size:.76rem; font-weight:700; }
.master-users-v93__user strong { color:#101828; font-weight:600; }
.master-users-v93__you { display:inline-flex; align-items:center; margin-left:.45rem; padding:.14rem .48rem; border-radius:8px; background:rgba(34,197,94,.10); color:#16a34a; border:1px solid rgba(34,197,94,.16); font-size:.72rem; font-weight:600; }
.master-users-v93__profile-badge,.master-users-v93__permission-count { display:inline-flex; align-items:center; justify-content:center; min-width:40px; padding:.28rem .55rem; border-radius:8px; font-size:.8rem; font-weight:600; border:1px solid transparent; }
.master-users-v93__profile-badge.is-master { background:rgba(16,185,129,.12); border-color:rgba(16,185,129,.2); color:#059669; }
.master-users-v93__profile-badge.is-admin { background:rgba(59,130,246,.12); border-color:rgba(59,130,246,.2); color:#2563eb; }
.master-users-v93__profile-badge.is-editor { background:rgba(147,51,234,.12); border-color:rgba(147,51,234,.2); color:#9333ea; }
.master-users-v93__profile-badge.is-client { background:rgba(249,115,22,.12); border-color:rgba(249,115,22,.2); color:#f97316; }
.master-users-v93__permission-count { background:rgba(16,185,129,.10); border-color:rgba(16,185,129,.18); color:#10b981; }
.master-users-v93__action { width:42px; padding:0; }
.master-users-v93__table .dropdown { position:static; }
.master-users-v93__table .dropdown-menu { z-index:1080; min-width:220px; border-radius:14px; padding:.4rem; border:1px solid rgba(15,23,42,.1); box-shadow:0 16px 36px rgba(15,23,42,.18); }
.master-users-v93__table .dropdown-item { border-radius:10px; padding:.62rem .75rem; font-size:.9rem; }
.master-users-v93__edit-panel { margin:.4rem .75rem 1rem; padding:1rem; border-radius:16px; border:1px solid rgba(15,23,42,.06); background:#f8fafc; }
.master-users-v93__footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.95rem .15rem 0; color:#667085; font-size:.85rem; }
.master-users-v93__pagination { display:flex; align-items:center; gap:.45rem; }
.master-users-v93__pagination .btn,.master-users-v93__pagination span { min-width:38px; padding:0 .55rem; display:inline-flex; align-items:center; justify-content:center; }
.master-users-v93__pagination span.is-active { background:#12b76a; color:#fff; font-weight:700; border:1px solid rgba(18,183,106,.2); }
.master-users-v93__side-column { display:grid; gap:1rem; }
.master-users-v93__summary-grid { display:grid; grid-template-columns:1fr; gap:.75rem; }
.master-users-v93__summary-grid article { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:.8rem; padding:.75rem .25rem; }
.master-users-v93__summary-grid span { width:42px; height:42px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; }
.master-users-v93__summary-grid span.is-green { background:rgba(34,197,94,.12); color:#16a34a; }
.master-users-v93__summary-grid span.is-purple { background:rgba(147,51,234,.12); color:#9333ea; }
.master-users-v93__summary-grid span.is-orange { background:rgba(249,115,22,.12); color:#f97316; }
.master-users-v93__summary-grid strong { display:block; color:#101828; font-size:1.4rem; line-height:1; }
.master-users-v93__summary-grid small { display:block; color:#667085; font-size:.84rem; }
.master-users-v93__mini-stats { display:grid; gap:.75rem; }
.master-users-v93__mini-stats article { border:1px solid rgba(15,23,42,.06); border-radius:14px; padding:.9rem; background:#fafafa; }
.master-users-v93__mini-stats strong { display:block; color:#101828; font-size:1.5rem; line-height:1; }
.master-users-v93__mini-stats small { display:block; color:#667085; font-size:.84rem; margin-top:.25rem; }
.master-users-v93__profiles-grid { display:grid; grid-template-columns:minmax(0,1fr) 420px; gap:1rem; align-items:start; }
.master-users-v93__preset-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }
.master-users-v93__preset-card { border:1px solid rgba(15,23,42,.08); border-radius:16px; padding:1rem; display:grid; gap:.85rem; background:#fbfcfd; }
.master-users-v93__preset-icon { width:42px; height:42px; border-radius:14px; display:inline-flex; align-items:center; justify-content:center; font-size:1.05rem; }
.master-users-v93__preset-icon.is-green { background:rgba(34,197,94,.12); color:#16a34a; }
.master-users-v93__preset-icon.is-blue { background:rgba(37,99,235,.12); color:#2563eb; }
.master-users-v93__preset-icon.is-purple { background:rgba(147,51,234,.12); color:#9333ea; }
.master-users-v93__preset-icon.is-orange { background:rgba(249,115,22,.12); color:#f97316; }
.master-users-v93__preset-card strong { display:block; color:#101828; font-size:.97rem; }
.master-users-v93__preset-card p { margin:.2rem 0 0; color:#667085; font-size:.82rem; line-height:1.4; }
.master-users-v93__matrix-wrap { overflow:auto; }
.master-users-v93__matrix { width:100%; border-collapse:collapse; }
.master-users-v93__matrix th,.master-users-v93__matrix td { padding:.44rem .4rem; border-bottom:1px solid rgba(15,23,42,.06); font-size:.84rem; text-align:center; color:#344054; }
.master-users-v93__matrix th:first-child,.master-users-v93__matrix td:first-child { text-align:left; font-weight:500; color:#475467; }
.master-users-v93__matrix thead th { color:#101828; font-size:.8rem; font-weight:700; background:#fafafa; position:sticky; top:0; }
.master-users-v93__matrix td.is-full { color:#16a34a; }
.master-users-v93__matrix td.is-none { color:#98a2b3; }
.master-users-v93__legend { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; margin-top:.85rem; color:#667085; font-size:.79rem; }
.master-users-v93__legend i.is-full { color:#16a34a; }
.master-users-v93__legend i.is-none { color:#98a2b3; }
.master-users-v93__actions-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.master-users-v93__quick-item { display:grid; justify-items:center; gap:.65rem; text-align:center; padding:1.15rem .65rem; border-radius:16px; border:1px solid rgba(15,23,42,.08); background:#fff; color:#475467; text-decoration:none; }
.master-users-v93__quick-item i { font-size:1.35rem; color:#10b981; }
.master-users-v93__quick-item:nth-child(2) i { color:#9333ea; }
.master-users-v93__quick-item:nth-child(4) i { color:#f97316; }
.master-users-v93__quick-item span { font-size:.82rem; line-height:1.25; }
.master-users-v93__logs { display:grid; gap:.8rem; }
.master-users-v93__log-item { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:.75rem; align-items:flex-start; }
.master-users-v93__log-icon { width:38px; height:38px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:rgba(16,185,129,.10); color:#10b981; font-size:.92rem; }
.master-users-v93__log-item:nth-child(2) .master-users-v93__log-icon { background:rgba(59,130,246,.10); color:#2563eb; }
.master-users-v93__log-item:nth-child(3) .master-users-v93__log-icon { background:rgba(147,51,234,.12); color:#9333ea; }
.master-users-v93__log-item strong { display:block; color:#101828; font-size:.88rem; }
.master-users-v93__log-item p { margin:.12rem 0 0; color:#667085; font-size:.8rem; line-height:1.38; }
.master-users-v93__log-item time { color:#667085; font-size:.76rem; white-space:nowrap; }
.client-panel-dark .master-users-v93__head h1,.client-panel-dark .master-users-v93__section-head h2,.client-panel-dark .master-users-v93__side-card h2,.client-panel-dark .master-users-v93__stat-card strong,.client-panel-dark .master-users-v93__table td,.client-panel-dark .master-users-v93__user strong,.client-panel-dark .master-users-v93__summary-grid strong,.client-panel-dark .master-users-v93__mini-stats strong,.client-panel-dark .master-users-v93__preset-card strong,.client-panel-dark .master-users-v93__matrix th,.client-panel-dark .master-users-v93__matrix td,.client-panel-dark .master-users-v93__log-item strong { color:#f8fafc; }
.client-panel-dark .master-users-v93__stat-card,.client-panel-dark .master-users-v93__panel,.client-panel-dark .master-users-v93__table-card,.client-panel-dark .master-users-v93__side-card,.client-panel-dark .master-users-v93__tabs { background:rgba(15,23,42,.88); border-color:rgba(255,255,255,.1); }
.client-panel-dark .master-users-v93__head p,.client-panel-dark .master-users-v93__stat-card small,.client-panel-dark .master-users-v93__stat-card em,.client-panel-dark .master-users-v93__section-head p,.client-panel-dark .master-users-v93__access-card small,.client-panel-dark .master-users-v93__permission-text small,.client-panel-dark .master-users-v93__footer,.client-panel-dark .master-users-v93__summary-grid small,.client-panel-dark .master-users-v93__mini-stats small,.client-panel-dark .master-users-v93__legend,.client-panel-dark .master-users-v93__preset-card p,.client-panel-dark .master-users-v93__quick-item span,.client-panel-dark .master-users-v93__log-item p,.client-panel-dark .master-users-v93__log-item time { color:#94a3b8; }
.client-panel-dark .master-users-v93__tabs button { color:#cbd5e1; }
.client-panel-dark .master-users-v93__tabs button.active { background:rgba(16,185,129,.18); color:#34d399; }
.client-panel-dark .master-users-v93__access-card,.client-panel-dark .master-users-v93__permission-card,.client-panel-dark .master-users-v93__edit-panel,.client-panel-dark .master-users-v93__table-wrap,.client-panel-dark .master-users-v93__mini-stats article,.client-panel-dark .master-users-v93__preset-card,.client-panel-dark .master-users-v93__quick-item,.client-panel-dark .master-users-v93__matrix thead th { background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.08); }
.client-panel-dark .master-users-v93__permission-icon { background:rgba(255,255,255,.08); color:#e2e8f0; }
.client-panel-dark .master-users-v93__matrix td:first-child { color:#cbd5e1; }
.client-panel-dark .master-users-v93__table .dropdown-menu { background:#0f172a; border-color:rgba(255,255,255,.1); }
.client-panel-dark .master-users-v93__table .dropdown-item { color:#f8fafc; }
.client-panel-dark .master-users-v93__table .dropdown-item:hover,.client-panel-dark .master-users-v93__table .dropdown-item:focus { background:rgba(255,255,255,.08); }
@media (max-width: 1400px) { .master-users-v93__stats { grid-template-columns:repeat(3,minmax(0,1fr)); } .master-users-v93__users-grid,.master-users-v93__profiles-grid { grid-template-columns:1fr; } }
@media (max-width: 1100px) { .master-users-v93__filters { grid-template-columns:1fr 1fr; } .master-users-v93__toolbar { flex-direction:column; align-items:stretch; } .master-users-v93__actions-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .master-users-v93__preset-grid { grid-template-columns:1fr; } }
@media (max-width: 768px) { .master-users-v93__head { flex-direction:column; } .master-users-v93__head-actions { width:100%; } .master-users-v93__head-actions .btn { flex:1 1 0; justify-content:center; } .master-users-v93__stats,.master-users-v93__actions-grid { grid-template-columns:1fr; } .master-users-v93__filters { grid-template-columns:1fr; } .master-users-v93__table { min-width:980px; } .master-users-v93__footer { flex-direction:column; align-items:flex-start; } }


/* v1.0.94 - Online Agora no estilo da tela solicitada */
.online-agora-v94 { display:grid; gap:1.2rem; }
.online-agora-v94__head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.online-agora-v94__head h1 { margin:0; color:#101828; font-size:2.15rem; line-height:1.04; letter-spacing:-.045em; font-weight:700; }
.online-agora-v94__head p { margin:.38rem 0 0; color:#667085; font-size:.95rem; }
.online-agora-v94__head-actions { display:flex; gap:.75rem; align-items:center; }
.online-agora-v94__head-actions .btn { min-height:46px; border-radius:12px; font-weight:600; }
.online-agora-v94__stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.online-agora-v94__stat-card,.online-agora-v94__main-card,.online-agora-v94__side-card,.online-agora-v94__history-card { background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:18px; box-shadow:0 10px 24px rgba(15,23,42,.045); }
.online-agora-v94__stat-card { display:flex; align-items:center; gap:1rem; padding:1rem 1.05rem; min-width:0; }
.online-agora-v94__stat-icon { width:52px; height:52px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; font-size:1.25rem; flex:0 0 auto; }
.online-agora-v94__stat-icon.is-green { background:rgba(34,197,94,.12); color:#16a34a; }
.online-agora-v94__stat-icon.is-blue { background:rgba(59,130,246,.12); color:#2563eb; }
.online-agora-v94__stat-icon.is-purple { background:rgba(147,51,234,.12); color:#9333ea; }
.online-agora-v94__stat-icon.is-orange { background:rgba(249,115,22,.12); color:#f97316; }
.online-agora-v94__stat-card small { display:block; color:#667085; font-size:.82rem; }
.online-agora-v94__stat-card strong { display:block; color:#101828; font-size:1.9rem; line-height:1; letter-spacing:-.045em; margin:.18rem 0; }
.online-agora-v94__stat-card em { display:block; color:#667085; font-style:normal; font-size:.8rem; }
.online-agora-v94__grid { display:grid; grid-template-columns:minmax(0,1fr) 370px; gap:1rem; align-items:start; }
.online-agora-v94__main-card,.online-agora-v94__side-card,.online-agora-v94__history-card { padding:1rem; }
.online-agora-v94__toolbar,.online-agora-v94__history-head,.online-agora-v94__side-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.online-agora-v94__toolbar h2,.online-agora-v94__side-card h2,.online-agora-v94__history-head h2 { margin:0; color:#101828; font-size:1.12rem; font-weight:700; letter-spacing:-.02em; }
.online-agora-v94__toolbar p,.online-agora-v94__history-head p { margin:.28rem 0 0; color:#667085; font-size:.9rem; }
.online-agora-v94__live-pill { display:inline-flex; align-items:center; gap:.5rem; border-radius:999px; padding:.42rem .8rem; background:rgba(16,185,129,.10); color:#059669; font-size:.8rem; font-weight:600; white-space:nowrap; }
.online-agora-v94__live-pill i,.online-agora-v94__dot { width:.58rem; height:.58rem; display:inline-block; border-radius:999px; background:#12b76a; box-shadow:0 0 0 4px rgba(18,183,106,.12); }
.online-agora-v94__table-wrap { overflow-x:auto; overflow-y:hidden; border:1px solid rgba(15,23,42,.06); border-radius:16px; }
.online-agora-v94__table-wrap.dropdown-is-open { overflow:visible; }
.online-agora-v94__table thead th { background:#f8fafc; color:#667085; font-size:.8rem; font-weight:600; white-space:nowrap; border-bottom:1px solid rgba(15,23,42,.08); }
.online-agora-v94__table td { color:#344054; font-size:.9rem; white-space:nowrap; border-color:rgba(15,23,42,.06); vertical-align:middle; padding-top:1rem; padding-bottom:1rem; }
.online-agora-v94__table .dropdown { position:static; }
.online-agora-v94__table .dropdown-menu { z-index:1080; min-width:210px; border-radius:14px; padding:.4rem; border:1px solid rgba(15,23,42,.1); box-shadow:0 16px 36px rgba(15,23,42,.18); }
.online-agora-v94__table .dropdown-item { border-radius:10px; padding:.62rem .75rem; font-size:.9rem; }
.online-agora-v94__user { display:flex; align-items:center; gap:.75rem; min-width:230px; }
.online-agora-v94__avatar { width:36px; height:36px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#22c55e,#10b981); color:#fff; font-size:.78rem; font-weight:700; }
.online-agora-v94__user strong { display:block; color:#101828; font-weight:600; }
.online-agora-v94__user small { display:block; color:#667085; font-size:.78rem; }
.online-agora-v94__role-badge { display:inline-flex; align-items:center; justify-content:center; padding:.28rem .55rem; border-radius:8px; font-size:.8rem; font-weight:600; color:#2563eb; background:rgba(59,130,246,.12); border:1px solid rgba(59,130,246,.2); }
.online-agora-v94__action { width:42px; padding:0; border-radius:12px; }
.online-agora-v94__client-list { display:grid; gap:.95rem; }
.online-agora-v94__client-item { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; gap:.7rem; align-items:center; }
.online-agora-v94__client-avatar { width:46px; height:46px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#ef4444,#dc2626); color:#fff; font-size:.74rem; font-weight:700; }
.online-agora-v94__client-item strong { display:block; color:#101828; font-size:.95rem; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.online-agora-v94__client-item small { display:block; color:#667085; font-size:.8rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.online-agora-v94__client-item em { color:#667085; font-size:.82rem; font-style:normal; white-space:nowrap; }
.online-agora-v94__empty { border-radius:16px; background:#f8fafc; color:#667085; text-align:center; padding:1rem; font-size:.9rem; }
.online-agora-v94__summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem; margin-top:1rem; }
.online-agora-v94__summary-grid article { text-align:center; padding:.4rem .25rem; }
.online-agora-v94__summary-grid article + article { border-left:1px solid rgba(15,23,42,.08); }
.online-agora-v94__summary-grid span { width:46px; height:46px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; margin-bottom:.65rem; }
.online-agora-v94__summary-grid span.is-green { background:rgba(34,197,94,.12); color:#16a34a; }
.online-agora-v94__summary-grid span.is-purple { background:rgba(147,51,234,.12); color:#9333ea; }
.online-agora-v94__summary-grid span.is-orange { background:rgba(249,115,22,.12); color:#f97316; }
.online-agora-v94__summary-grid strong { display:block; color:#101828; font-size:2rem; line-height:1; letter-spacing:-.04em; }
.online-agora-v94__summary-grid small { display:block; color:#667085; font-size:.84rem; margin-top:.35rem; }
.online-agora-v94__history-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.online-agora-v94__history-card h3 { margin:0 0 .75rem; color:#101828; font-size:1rem; }
.online-agora-v94__history-table thead th { font-size:.8rem; color:#667085; background:#f8fafc; white-space:nowrap; }
.online-agora-v94__history-table td { font-size:.88rem; color:#344054; }
.client-panel-dark .online-agora-v94__head h1,.client-panel-dark .online-agora-v94__toolbar h2,.client-panel-dark .online-agora-v94__side-card h2,.client-panel-dark .online-agora-v94__history-head h2,.client-panel-dark .online-agora-v94__stat-card strong,.client-panel-dark .online-agora-v94__table td,.client-panel-dark .online-agora-v94__user strong,.client-panel-dark .online-agora-v94__client-item strong,.client-panel-dark .online-agora-v94__summary-grid strong,.client-panel-dark .online-agora-v94__history-card h3,.client-panel-dark .online-agora-v94__history-table td { color:#f8fafc; }
.client-panel-dark .online-agora-v94__stat-card,.client-panel-dark .online-agora-v94__main-card,.client-panel-dark .online-agora-v94__side-card,.client-panel-dark .online-agora-v94__history-card { background:rgba(15,23,42,.88); border-color:rgba(255,255,255,.1); }
.client-panel-dark .online-agora-v94__head p,.client-panel-dark .online-agora-v94__stat-card small,.client-panel-dark .online-agora-v94__stat-card em,.client-panel-dark .online-agora-v94__toolbar p,.client-panel-dark .online-agora-v94__history-head p,.client-panel-dark .online-agora-v94__user small,.client-panel-dark .online-agora-v94__client-item small,.client-panel-dark .online-agora-v94__client-item em,.client-panel-dark .online-agora-v94__summary-grid small,.client-panel-dark .online-agora-v94__history-table thead th { color:#94a3b8; }
.client-panel-dark .online-agora-v94__table-wrap,.client-panel-dark .online-agora-v94__empty,.client-panel-dark .online-agora-v94__history-table thead th { background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.08); }
.client-panel-dark .online-agora-v94__summary-grid article + article { border-left-color:rgba(255,255,255,.1); }
.client-panel-dark .online-agora-v94__table .dropdown-menu { background:#0f172a; border-color:rgba(255,255,255,.1); }
.client-panel-dark .online-agora-v94__table .dropdown-item { color:#f8fafc; }
.client-panel-dark .online-agora-v94__table .dropdown-item:hover,.client-panel-dark .online-agora-v94__table .dropdown-item:focus { background:rgba(255,255,255,.08); }
@media (max-width: 1400px) { .online-agora-v94__grid,.online-agora-v94__history-grid { grid-template-columns:1fr; } }
@media (max-width: 1100px) { .online-agora-v94__stats { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 768px) { .online-agora-v94__head { flex-direction:column; } .online-agora-v94__head-actions { width:100%; flex-direction:column; } .online-agora-v94__head-actions .btn { width:100%; } .online-agora-v94__stats,.online-agora-v94__summary-grid { grid-template-columns:1fr; } .online-agora-v94__table { min-width:920px; } .online-agora-v94__summary-grid article + article { border-left:0; border-top:1px solid rgba(15,23,42,.08); padding-top:.9rem; } }


/* v1.0.95 - Afinar fontes das abas em Usuários e Permissões */
.master-users-v93__tabs button {
  font-weight: 500;
  font-size: .93rem;
  letter-spacing: -.01em;
}
.master-users-v93__tabs button.active {
  font-weight: 600;
}
.master-users-v93__tabs button i {
  font-size: .92rem;
}


/* v1.0.96 - Histórico recente em abas */
.online-agora-v94__history-tabs { display:flex; align-items:center; gap:.55rem; flex-wrap:wrap; padding:.35rem; border:1px solid rgba(15,23,42,.08); border-radius:14px; background:#f8fafc; }
.online-agora-v94__history-tabs button { border:0; background:transparent; border-radius:10px; min-height:40px; padding:.6rem .95rem; color:#475467; font-weight:500; font-size:.92rem; display:inline-flex; align-items:center; }
.online-agora-v94__history-tabs button.active { background:#fff; color:#059669; box-shadow:0 6px 16px rgba(15,23,42,.05); font-weight:600; }
.online-agora-v94__history-panel { display:none; }
.online-agora-v94__history-panel.active { display:block; }
.client-panel-dark .online-agora-v94__history-tabs { background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.08); }
.client-panel-dark .online-agora-v94__history-tabs button { color:#cbd5e1; }
.client-panel-dark .online-agora-v94__history-tabs button.active { background:rgba(255,255,255,.08); color:#34d399; box-shadow:none; }
@media (max-width: 768px) { .online-agora-v94__history-head { flex-direction:column; } }


/* v1.0.97 - Planos com funções e recursos configuráveis */
.plans-manager-v97 { display: grid; gap: 1.25rem; }
.plans-manager-v97__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.plans-manager-v97__head h1 { margin: 0; color: #101828; font-size: 2.1rem; line-height: 1.05; letter-spacing: -.04em; font-weight: 700; }
.plans-manager-v97__head p { margin: .35rem 0 0; color: #667085; font-size: .95rem; }
.plans-manager-v97__head .btn { min-height: 46px; border-radius: 12px; font-weight: 600; }

.plans-manager-v97__card,
.plans-manager-v97__plan-card {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .045);
  padding: 1rem;
}

.plans-manager-v97__section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.plans-manager-v97__section-head h2 {
  margin: 0;
  color: #101828;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -.02em;
}

.plans-manager-v97__section-head p {
  margin: .3rem 0 0;
  color: #667085;
  font-size: .9rem;
}

.plans-manager-v97__section-head > span {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: #059669;
  background: rgba(16, 185, 129, .10);
  border-radius: 999px;
  padding: .45rem .75rem;
  font-size: .8rem;
  font-weight: 600;
  white-space: nowrap;
}

.plans-manager-v97__form { display: grid; gap: 1rem; }
.plans-manager-v97__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .85rem;
}

.plans-manager-v97__grid > div { grid-column: span 2; }
.plans-manager-v97__grid.compact { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.plans-manager-v97__grid.compact > div { grid-column: span 1; }
.plans-manager-v97__full { grid-column: 1 / -1 !important; }

.plans-manager-v97 .form-control,
.plans-manager-v97 .form-select {
  border-radius: 12px;
  min-height: 44px;
}

.plans-manager-v97 textarea.form-control {
  min-height: auto;
  line-height: 1.5;
}

.plans-manager-v97__columns {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 1rem;
  align-items: stretch;
}

.plans-manager-v97__box {
  border: 1px solid rgba(15, 23, 42, .08);
  background: #f8fafc;
  border-radius: 16px;
  padding: 1rem;
}

.plans-manager-v97__box h3 {
  margin: 0;
  display: flex;
  align-items: center;
  gap: .5rem;
  color: #101828;
  font-size: 1rem;
  font-weight: 700;
}

.plans-manager-v97__box p {
  margin: .35rem 0 .85rem;
  color: #667085;
  font-size: .85rem;
}

.plans-manager-v97__modules {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
}

.plans-manager-v97__modules label {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin: 0;
  padding: .75rem;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
}

.plans-manager-v97__modules span {
  display: flex;
  align-items: center;
  gap: .45rem;
  color: #344054;
  font-size: .87rem;
  font-weight: 500;
}

.plans-manager-v97__modules i { color: #059669; }

.plans-manager-v97__limits {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .85rem;
}

.plans-manager-v97__limits > div { grid-column: span 2; }

.plans-manager-v97__legacy {
  border: 1px dashed rgba(16, 185, 129, .28);
  background: rgba(16, 185, 129, .06);
  border-radius: 16px;
  padding: .9rem 1rem;
}

.plans-manager-v97__legacy strong {
  display: block;
  margin-bottom: .55rem;
  color: #064e3b;
  font-size: .9rem;
}

.plans-manager-v97__legacy > div {
  display: flex;
  align-items: center;
  gap: .85rem;
  flex-wrap: wrap;
}

.plans-manager-v97__legacy .form-check {
  margin: 0;
  color: #344054;
  font-size: .86rem;
}

.plans-manager-v97__actions {
  display: flex;
  justify-content: flex-end;
}

.plans-manager-v97__actions .btn {
  min-height: 46px;
  border-radius: 12px;
  font-weight: 600;
}

.plans-manager-v97__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.plans-manager-v97__plan-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 160px;
  gap: .85rem;
  margin-bottom: .85rem;
}

.plans-manager-v97__edit-tabs {
  margin-top: 1rem;
}

.plans-manager-v97__tab-buttons {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  padding: .35rem;
  border-radius: 14px;
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, .07);
  margin-bottom: .85rem;
}

.plans-manager-v97__tab-buttons button {
  border: 0;
  background: transparent;
  border-radius: 10px;
  padding: .58rem .8rem;
  color: #475467;
  font-weight: 500;
  font-size: .88rem;
}

.plans-manager-v97__tab-buttons button.active {
  color: #059669;
  background: #fff;
  box-shadow: 0 6px 16px rgba(15, 23, 42, .05);
  font-weight: 600;
}

.plans-manager-v97__tab-panel { display: none; }
.plans-manager-v97__tab-panel.active { display: block; }

.client-panel-dark .plans-manager-v97__head h1,
.client-panel-dark .plans-manager-v97__section-head h2,
.client-panel-dark .plans-manager-v97__box h3 {
  color: #f8fafc;
}

.client-panel-dark .plans-manager-v97__card,
.client-panel-dark .plans-manager-v97__plan-card {
  background: rgba(15, 23, 42, .88);
  border-color: rgba(255, 255, 255, .1);
}

.client-panel-dark .plans-manager-v97__box,
.client-panel-dark .plans-manager-v97__tab-buttons {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .08);
}

.client-panel-dark .plans-manager-v97__head p,
.client-panel-dark .plans-manager-v97__section-head p,
.client-panel-dark .plans-manager-v97__box p,
.client-panel-dark .plans-manager-v97__modules span,
.client-panel-dark .plans-manager-v97__legacy .form-check {
  color: #94a3b8;
}

.client-panel-dark .plans-manager-v97__modules label {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .08);
}

.client-panel-dark .plans-manager-v97__legacy {
  background: rgba(16, 185, 129, .09);
  border-color: rgba(16, 185, 129, .25);
}

.client-panel-dark .plans-manager-v97__legacy strong { color: #34d399; }

.client-panel-dark .plans-manager-v97__tab-buttons button { color: #cbd5e1; }
.client-panel-dark .plans-manager-v97__tab-buttons button.active {
  background: rgba(255, 255, 255, .08);
  color: #34d399;
  box-shadow: none;
}

@media (max-width: 1200px) {
  .plans-manager-v97__list,
  .plans-manager-v97__columns { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .plans-manager-v97__grid,
  .plans-manager-v97__grid.compact,
  .plans-manager-v97__limits,
  .plans-manager-v97__modules {
    grid-template-columns: 1fr;
  }
  .plans-manager-v97__grid > div,
  .plans-manager-v97__grid.compact > div,
  .plans-manager-v97__limits > div {
    grid-column: auto;
  }
  .plans-manager-v97__head,
  .plans-manager-v97__section-head {
    flex-direction: column;
  }
  .plans-manager-v97__plan-top {
    grid-template-columns: 1fr;
  }
}


/* v1.0.98 - Planos em abas completas */
.plans-manager-v98 .plans-manager-v97__tab-buttons {
  gap: .45rem;
  overflow-x: auto;
}

.plans-manager-v98__tab-buttons button {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  white-space: nowrap;
  font-weight: 500;
}

.plans-manager-v98__tab-buttons button.active {
  font-weight: 600;
}

.plans-manager-v98__tab-buttons button i {
  font-size: .9rem;
}

.plans-manager-v98 .plans-manager-v97__tab-panel {
  padding-top: .15rem;
}

.plans-manager-v98 .plans-manager-v97__edit-tabs {
  margin-top: 0;
}

.plans-manager-v98 .plans-manager-v97__card .plans-manager-v97__tab-panel {
  border: 1px solid rgba(15, 23, 42, .06);
  border-radius: 16px;
  padding: 1rem;
  background: #fff;
}

.client-panel-dark .plans-manager-v98 .plans-manager-v97__card .plans-manager-v97__tab-panel {
  background: rgba(255, 255, 255, .03);
  border-color: rgba(255, 255, 255, .08);
}


/* v1.0.99 - Planos reorganizados com abas principais e edição limpa */
.plans-manager-v99 { display: grid; gap: 1.25rem; }
.plans-manager-v99__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.plans-manager-v99__head h1 { margin: 0; color: #101828; font-size: 2.15rem; line-height: 1.05; letter-spacing: -.04em; font-weight: 700; }
.plans-manager-v99__head p { margin: .35rem 0 0; color: #667085; font-size: .95rem; }
.plans-manager-v99__head-actions { display: flex; gap: .75rem; align-items: center; }
.plans-manager-v99__head-actions .btn { min-height: 46px; border-radius: 12px; font-weight: 600; }

.plans-manager-v99__main-tabs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .6rem;
  padding: .55rem;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  box-shadow: 0 8px 20px rgba(15, 23, 42, .04);
}

.plans-manager-v99__main-tabs button {
  border: 0;
  background: transparent;
  color: #475467;
  min-height: 44px;
  border-radius: 12px;
  padding: .7rem 1rem;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-weight: 500;
}

.plans-manager-v99__main-tabs button.active {
  background: rgba(16, 185, 129, .12);
  color: #059669;
  font-weight: 600;
}

.plans-manager-v99__main-panel { display: none; }
.plans-manager-v99__main-panel.active { display: block; }

.plans-manager-v99__section-title {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.plans-manager-v99__section-title h2 {
  margin: 0;
  color: #101828;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -.02em;
}

.plans-manager-v99__section-title p {
  margin: .28rem 0 0;
  color: #667085;
  font-size: .92rem;
}

.plans-manager-v99__plans-list { display: grid; gap: 1rem; }

.plans-manager-v99__plan-row,
.plans-manager-v99__card {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .045);
  padding: 1rem;
}

.plans-manager-v99__plan-summary {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 140px minmax(260px, 1fr) auto;
  gap: 1rem;
  align-items: center;
}

.plans-manager-v99__plan-name {
  display: flex;
  align-items: center;
  gap: .85rem;
  min-width: 0;
}

.plans-manager-v99__plan-icon {
  width: 46px;
  height: 46px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, .12);
  color: #059669;
  flex: 0 0 auto;
}

.plans-manager-v99__plan-name strong {
  display: block;
  color: #101828;
  font-size: 1rem;
}

.plans-manager-v99__plan-name small {
  display: block;
  color: #667085;
  font-size: .82rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.plans-manager-v99__plan-price strong {
  display: inline-block;
  color: #101828;
  font-size: 1.25rem;
  letter-spacing: -.03em;
}

.plans-manager-v99__plan-price small { color: #667085; }

.plans-manager-v99__plan-meta {
  display: flex;
  align-items: center;
  gap: .55rem;
  flex-wrap: wrap;
}

.plans-manager-v99__plan-meta span {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .32rem .58rem;
  border-radius: 999px;
  background: #f8fafc;
  color: #475467;
  font-size: .8rem;
  border: 1px solid rgba(15, 23, 42, .06);
}

.plans-manager-v99__plan-meta span.is-active {
  background: rgba(16, 185, 129, .1);
  color: #059669;
  border-color: rgba(16, 185, 129, .18);
}

.plans-manager-v99__plan-meta span.is-inactive {
  background: rgba(148, 163, 184, .12);
  color: #64748b;
  border-color: rgba(148, 163, 184, .2);
}

.plans-manager-v99__plan-meta span i:not(.bi) {
  width: .5rem;
  height: .5rem;
  display: inline-block;
  border-radius: 999px;
  background: currentColor;
}

.plans-manager-v99__plan-actions .btn { border-radius: 12px; font-weight: 600; }

.plans-manager-v99__plan-preview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(15, 23, 42, .07);
}

.plans-manager-v99__plan-preview > div {
  border-radius: 14px;
  background: #f8fafc;
  padding: .85rem;
}

.plans-manager-v99__plan-preview small {
  display: block;
  color: #667085;
  font-size: .78rem;
}

.plans-manager-v99__plan-preview strong {
  display: block;
  color: #101828;
  margin-top: .25rem;
  font-size: 1.05rem;
}

.plans-manager-v99__edit-form {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(15, 23, 42, .07);
}

.plans-manager-v99__wizard-tabs {
  display: flex;
  gap: .55rem;
  flex-wrap: wrap;
  padding: .45rem;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, .07);
  margin-bottom: 1rem;
}

.plans-manager-v99__wizard-tabs button {
  border: 0;
  background: transparent;
  color: #475467;
  min-height: 42px;
  border-radius: 12px;
  padding: .62rem .85rem;
  display: inline-flex;
  align-items: center;
  gap: .48rem;
  font-weight: 500;
}

.plans-manager-v99__wizard-tabs button span {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, .08);
  color: #475467;
  font-size: .78rem;
  font-weight: 700;
}

.plans-manager-v99__wizard-tabs button.active {
  background: #fff;
  color: #059669;
  font-weight: 600;
  box-shadow: 0 6px 16px rgba(15, 23, 42, .05);
}

.plans-manager-v99__wizard-tabs button.active span {
  background: #059669;
  color: #fff;
}

.plans-manager-v99__wizard-panel { display: none; }
.plans-manager-v99__wizard-panel.active { display: block; }

.plans-manager-v99__step-head {
  margin-bottom: .95rem;
}

.plans-manager-v99__step-head h3 {
  margin: 0;
  color: #101828;
  font-size: 1.05rem;
  font-weight: 700;
}

.plans-manager-v99__step-head p {
  margin: .25rem 0 0;
  color: #667085;
  font-size: .88rem;
}

.plans-manager-v99__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .85rem;
}

.plans-manager-v99__grid > div { grid-column: span 2; }
.plans-manager-v99__full { grid-column: 1 / -1 !important; }

.plans-manager-v99 .form-control,
.plans-manager-v99 .form-select {
  border-radius: 12px;
  min-height: 44px;
}

.plans-manager-v99 textarea.form-control {
  min-height: auto;
  line-height: 1.5;
}

.plans-manager-v99__modules {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
}

.plans-manager-v99__modules label {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin: 0;
  padding: .75rem;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
}

.plans-manager-v99__modules span {
  display: flex;
  align-items: center;
  gap: .45rem;
  color: #344054;
  font-size: .86rem;
  font-weight: 500;
}

.plans-manager-v99__modules i { color: #059669; }

.plans-manager-v99__legacy {
  display: flex;
  align-items: center;
  gap: .85rem;
  flex-wrap: wrap;
  border: 1px dashed rgba(16, 185, 129, .28);
  background: rgba(16, 185, 129, .06);
  border-radius: 16px;
  padding: .9rem 1rem;
}

.plans-manager-v99__legacy .form-check {
  margin: 0;
  color: #344054;
  font-size: .86rem;
}

.plans-manager-v99__resources-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
}

.plans-manager-v99__resources-grid article {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  padding: 1rem;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .04);
}

.plans-manager-v99__resources-grid span {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, .1);
  color: #059669;
  margin-bottom: .75rem;
}

.plans-manager-v99__resources-grid strong {
  display: block;
  color: #101828;
  font-size: .94rem;
}

.plans-manager-v99__resources-grid small {
  display: block;
  color: #667085;
  font-size: .78rem;
  margin-top: .2rem;
}

.client-panel-dark .plans-manager-v99__head h1,
.client-panel-dark .plans-manager-v99__section-title h2,
.client-panel-dark .plans-manager-v99__plan-name strong,
.client-panel-dark .plans-manager-v99__plan-price strong,
.client-panel-dark .plans-manager-v99__plan-preview strong,
.client-panel-dark .plans-manager-v99__step-head h3,
.client-panel-dark .plans-manager-v99__resources-grid strong {
  color: #f8fafc;
}

.client-panel-dark .plans-manager-v99__main-tabs,
.client-panel-dark .plans-manager-v99__plan-row,
.client-panel-dark .plans-manager-v99__card,
.client-panel-dark .plans-manager-v99__resources-grid article {
  background: rgba(15, 23, 42, .88);
  border-color: rgba(255, 255, 255, .1);
}

.client-panel-dark .plans-manager-v99__head p,
.client-panel-dark .plans-manager-v99__section-title p,
.client-panel-dark .plans-manager-v99__plan-name small,
.client-panel-dark .plans-manager-v99__plan-price small,
.client-panel-dark .plans-manager-v99__plan-preview small,
.client-panel-dark .plans-manager-v99__step-head p,
.client-panel-dark .plans-manager-v99__resources-grid small {
  color: #94a3b8;
}

.client-panel-dark .plans-manager-v99__main-tabs button,
.client-panel-dark .plans-manager-v99__wizard-tabs button,
.client-panel-dark .plans-manager-v99__modules span,
.client-panel-dark .plans-manager-v99__legacy .form-check {
  color: #cbd5e1;
}

.client-panel-dark .plans-manager-v99__main-tabs button.active,
.client-panel-dark .plans-manager-v99__wizard-tabs button.active {
  background: rgba(255, 255, 255, .08);
  color: #34d399;
  box-shadow: none;
}

.client-panel-dark .plans-manager-v99__wizard-tabs,
.client-panel-dark .plans-manager-v99__plan-preview > div,
.client-panel-dark .plans-manager-v99__modules label {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .08);
}

.client-panel-dark .plans-manager-v99__legacy {
  background: rgba(16, 185, 129, .09);
  border-color: rgba(16, 185, 129, .25);
}

@media (max-width: 1350px) {
  .plans-manager-v99__plan-summary {
    grid-template-columns: minmax(240px, 1fr) 130px;
  }
  .plans-manager-v99__plan-actions {
    grid-column: 1 / -1;
  }
  .plans-manager-v99__modules,
  .plans-manager-v99__resources-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .plans-manager-v99__head,
  .plans-manager-v99__head-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .plans-manager-v99__head-actions .btn {
    width: 100%;
    justify-content: center;
  }
  .plans-manager-v99__plan-summary,
  .plans-manager-v99__plan-preview,
  .plans-manager-v99__grid,
  .plans-manager-v99__modules,
  .plans-manager-v99__resources-grid {
    grid-template-columns: 1fr;
  }
  .plans-manager-v99__grid > div {
    grid-column: auto;
  }
}


/* v1.1.00 - selo mais escolhido e cadeado no editor */
.plan-mini-badge{display:inline-flex;align-items:center;gap:.35rem;margin-left:.55rem;padding:.22rem .55rem;border-radius:999px;background:#dcfce7;color:#059669;font-size:.73rem;font-weight:700;vertical-align:middle}
.plan-mini-badge-soft{background:#eef2ff;color:#4f46e5}
.bio-tab-lock{font-size:.8rem;color:#f59e0b;vertical-align:middle}
.bio-inline-lock{font-size:.9rem;color:#f59e0b;vertical-align:middle}
.bio-plan-locked-card{border:1px dashed rgba(245,158,11,.45);background:#fff7ed;border-radius:18px;padding:34px 24px;text-align:center}
.bio-plan-locked-icon{width:70px;height:70px;border-radius:999px;display:grid;place-items:center;margin:0 auto 14px;background:rgba(245,158,11,.12);color:#f59e0b;font-size:28px}
.bio-plan-locked-card h2{margin:0 0 8px;color:#111827;font-size:1.35rem;font-weight:700}
.bio-plan-locked-card p{margin:0;color:#6b7280;max-width:560px;margin-inline:auto}
.bio-plan-locked-inline{display:flex;align-items:center;gap:.6rem;padding:.9rem 1rem;border:1px dashed rgba(245,158,11,.45);background:#fff7ed;border-radius:14px;color:#92400e;font-weight:500}
.bio-plan-locked-inline i{font-size:1rem;color:#f59e0b}
.client-panel-dark .bio-plan-locked-card{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.35)}
.client-panel-dark .bio-plan-locked-card h2{color:#f8fafc}
.client-panel-dark .bio-plan-locked-card p{color:#cbd5e1}
.client-panel-dark .bio-plan-locked-inline{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.35);color:#fde68a}


/* v1.1.01 - Cadeado nas ações/botões quando o plano não liberar */
.bio-plan-locked-card strong {
  color: inherit;
  font-weight: 700;
}


/* v1.1.03 - Recursos liberados com cadeado no Meu Plano do cliente */
.client-plan-resources {
  margin: .9rem 0;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  background: #f8fafc;
  padding: .7rem;
}

.client-plan-resources__title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .6rem;
  margin-bottom: .55rem;
}

.client-plan-resources__title strong {
  color: #101828;
  font-size: .88rem;
  font-weight: 700;
}

.client-plan-resources__title small {
  color: #667085;
  font-size: .76rem;
  text-align: right;
}

.client-plan-resources__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: .4rem;
  max-height: 230px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.client-plan-resources__grid::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.client-plan-resources__grid span {
  display: flex;
  align-items: center;
  gap: .45rem;
  min-height: 30px;
  padding: .38rem .5rem;
  border-radius: 12px;
  border: 1px solid rgba(15, 23, 42, .06);
  background: #fff;
}

.client-plan-resources__grid span > i {
  flex: 0 0 auto;
  font-size: .88rem;
}

.client-plan-resources__grid span b {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-width: 0;
  color: #344054;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.25;
}

.client-plan-resources__grid span b i {
  color: #059669;
  font-size: .84rem;
}

.client-plan-resources__grid span.is-enabled {
  color: #059669;
  background: rgba(16, 185, 129, .08);
  border-color: rgba(16, 185, 129, .18);
}

.client-plan-resources__grid span.is-locked {
  color: #f59e0b;
  background: rgba(245, 158, 11, .08);
  border-color: rgba(245, 158, 11, .20);
}

.client-plan-resources__grid span.is-locked b,
.client-plan-resources__grid span.is-locked b i {
  color: #92400e;
}

.client-panel-dark .client-plan-resources {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .08);
}

.client-panel-dark .client-plan-resources__title strong {
  color: #f8fafc;
}

.client-panel-dark .client-plan-resources__title small {
  color: #94a3b8;
}

.client-panel-dark .client-plan-resources__grid span {
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .08);
}

.client-panel-dark .client-plan-resources__grid span b {
  color: #e2e8f0;
}

.client-panel-dark .client-plan-resources__grid span.is-locked b,
.client-panel-dark .client-plan-resources__grid span.is-locked b i {
  color: #fde68a;
}

/* v1.1.04 - Bloqueio real dos recursos do plano no painel do cliente */
.app-nav a.is-plan-locked {
  color: #9a6700;
  background: rgba(245, 158, 11, .09);
  border-color: rgba(245, 158, 11, .18);
}
.app-nav a.is-plan-locked span { color: inherit; }
.app-nav-lock {
  margin-left: auto;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  background: rgba(245, 158, 11, .13);
  color: #f59e0b;
  font-size: .72rem;
  font-style: normal;
}
.client-plan-locked-page {
  min-height: calc(100vh - 150px);
  display: grid;
  place-items: center;
  padding: 24px;
}
.client-plan-locked-card {
  width: min(720px, 100%);
  border: 1px solid rgba(245, 158, 11, .28);
  border-radius: 28px;
  background: linear-gradient(180deg, #fffaf0 0%, #ffffff 72%);
  box-shadow: 0 24px 70px rgba(15, 23, 42, .08);
  padding: clamp(28px, 5vw, 48px);
  text-align: center;
}
.client-plan-locked-icon {
  width: 82px;
  height: 82px;
  border-radius: 28px;
  display: inline-grid;
  place-items: center;
  background: rgba(245, 158, 11, .12);
  color: #f59e0b;
  font-size: 2rem;
  margin-bottom: 16px;
}
.client-plan-locked-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .32rem .75rem;
  border-radius: 999px;
  background: rgba(245, 158, 11, .12);
  color: #92400e;
  font-size: .78rem;
  font-weight: 700;
  margin-bottom: 12px;
}
.client-plan-locked-card h1 {
  color: #101828;
  font-size: clamp(1.5rem, 3vw, 2.15rem);
  line-height: 1.15;
  font-weight: 700;
  margin: 0 0 12px;
}
.client-plan-locked-card p {
  color: #667085;
  font-size: .98rem;
  line-height: 1.65;
  max-width: 620px;
  margin: 0 auto 22px;
}
.client-plan-locked-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}
.client-plan-locked-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  padding: .9rem 1rem;
  border-radius: 16px;
  background: rgba(15, 23, 42, .04);
  color: #475467;
  font-size: .9rem;
}
.client-plan-locked-note i { color: #f59e0b; }
.client-panel-dark .app-nav a.is-plan-locked {
  color: #fde68a;
  background: rgba(245, 158, 11, .1);
  border-color: rgba(245, 158, 11, .22);
}
.client-panel-dark .client-plan-locked-card {
  background: linear-gradient(180deg, rgba(245, 158, 11, .10), rgba(15, 23, 42, .88));
  border-color: rgba(245, 158, 11, .24);
}
.client-panel-dark .client-plan-locked-card h1 { color: #f8fafc; }
.client-panel-dark .client-plan-locked-card p { color: #cbd5e1; }
.client-panel-dark .client-plan-locked-note { background: rgba(255,255,255,.06); color: #e2e8f0; }
@media (max-width: 640px) {
  .client-plan-locked-page { padding: 12px; }
  .client-plan-locked-actions { flex-direction: column; }
  .client-plan-locked-actions .btn { width: 100%; }
  .client-plan-locked-note { align-items: flex-start; text-align: left; }
}
.mobile-bottom a.is-plan-locked {
  color: #9a6700;
  background: rgba(245, 158, 11, .08);
  position: relative;
}
.mobile-bottom a.is-plan-locked .app-nav-lock {
  position: absolute;
  top: 4px;
  right: 12px;
  width: 17px;
  height: 17px;
  font-size: .55rem;
  margin-left: 0;
}
.client-panel-dark .mobile-bottom a.is-plan-locked {
  color: #fde68a !important;
  background: rgba(245, 158, 11, .1);
}
.my-bios-plan-resources {
  border: 1px solid rgba(245, 158, 11, .22);
  border-radius: 18px;
  background: #fffaf0;
  padding: 16px;
}
.my-bios-plan-resources__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.my-bios-plan-resources__head strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #7c2d12;
  font-size: .96rem;
}
.my-bios-plan-resources__head small {
  color: #92400e;
  text-align: right;
  max-width: 460px;
}
.my-bios-plan-resources__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 9px;
}
.my-bios-plan-resources__grid span {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 13px;
  background: #fff;
  padding: 8px 10px;
  color: #475467;
}
.my-bios-plan-resources__grid span > i { color: var(--bz-primary); }
.my-bios-plan-resources__grid span b { flex: 1; font-size: .84rem; font-weight: 600; }
.my-bios-plan-resources__grid span em {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-style: normal;
  font-size: .72rem;
  color: #667085;
}
.my-bios-plan-resources__grid span.is-enabled em { color: #047857; }
.my-bios-plan-resources__grid span.is-locked {
  border-color: rgba(245, 158, 11, .26);
  background: rgba(245, 158, 11, .07);
}
.my-bios-plan-resources__grid span.is-locked em,
.my-bios-plan-resources__grid span.is-locked > i { color: #d97706; }
.client-panel-dark .my-bios-plan-resources {
  background: rgba(245, 158, 11, .08);
  border-color: rgba(245, 158, 11, .25);
}
.client-panel-dark .my-bios-plan-resources__head strong { color: #fde68a; }
.client-panel-dark .my-bios-plan-resources__head small { color: #fcd34d; }
.client-panel-dark .my-bios-plan-resources__grid span {
  background: rgba(15, 23, 42, .78);
  border-color: rgba(255,255,255,.08);
  color: #cbd5e1;
}
@media (max-width: 760px) {
  .my-bios-plan-resources__head { flex-direction: column; }
  .my-bios-plan-resources__head small { text-align: left; }
}


/* v1.1.07 - Alinhamento dos recursos nos cards de planos do cliente */
.plan-option-card .client-plan-resources {
  width: 100%;
  box-sizing: border-box;
  margin: 1rem 0 1.15rem;
  padding: .95rem;
  border-radius: 18px;
  overflow: hidden;
}

.plan-option-card .client-plan-resources__title {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  justify-content: start;
  gap: .25rem;
  margin-bottom: .75rem;
  text-align: left;
}

.plan-option-card .client-plan-resources__title strong {
  display: block;
  width: 100%;
  color: #101828;
  font-size: .92rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -.01em;
}

.plan-option-card .client-plan-resources__title small {
  display: block;
  width: 100%;
  color: #667085;
  font-size: .72rem;
  line-height: 1.35;
  text-align: left;
}

.plan-option-card .client-plan-resources__grid {
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .42rem;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  scrollbar-width: none !important;
  -ms-overflow-style: none;
  scrollbar-color: transparent transparent;
}

.plan-option-card .client-plan-resources__grid::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.plan-option-card .client-plan-resources__grid::-webkit-scrollbar-track {
  background: transparent;
}

.plan-option-card .client-plan-resources__grid::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 999px;
}

.plan-option-card .client-plan-resources__grid span {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  column-gap: .42rem;
  min-height: 34px;
  padding: .42rem .52rem;
  border-radius: 12px;
}

.plan-option-card .client-plan-resources__grid span > i {
  width: 18px;
  min-width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  font-size: .84rem;
  line-height: 1;
}

.plan-option-card .client-plan-resources__grid span b {
  min-width: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr);
  align-items: center;
  column-gap: .34rem;
  color: #26344d;
  font-size: .81rem;
  line-height: 1.16;
  font-weight: 600;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

.plan-option-card .client-plan-resources__grid span b i {
  width: 15px;
  min-width: 15px;
  display: inline-grid;
  place-items: center;
  font-size: .82rem;
  line-height: 1;
}

.plan-option-card .client-plan-resources__grid span.is-enabled {
  background: rgba(0, 143, 90, .10);
  border-color: rgba(0, 143, 90, .18);
}

.plan-option-card .client-plan-resources__grid span.is-locked {
  background: #fff8ed;
  border-color: #fed7aa;
}

@media (min-width: 1241px) {
  .plan-cards-grid {
    gap: 26px;
  }
}

@media (max-width: 1320px) and (min-width: 992px) {
  .plan-option-card {
    padding-left: 18px;
    padding-right: 18px;
  }
  .plan-option-card .client-plan-resources {
    padding: .85rem;
  }
  .plan-option-card .client-plan-resources__grid span {
    padding-left: .58rem;
    padding-right: .58rem;
  }
  .plan-option-card .client-plan-resources__grid span b {
    font-size: .82rem;
  }
}

@media (max-width: 576px) {
  .plan-option-card .client-plan-resources__grid {
    max-height: 220px;
  }
}


/* v1.1.11 - Fluxo em etapas: planos > resumo > pagamento > confirmação */
.plan-upgrade-grid--flow {
  display: block;
}

.plan-upgrade-grid--flow .plan-left-area {
  width: 100%;
}

.plan-review-card,
.plan-payment-card,
.plan-confirmation-card {
  width: 100%;
}

.plan-review-grid {
  display: flex;
  justify-content: flex-start;
}

.plan-summary-card--step {
  position: relative;
  top: auto;
  max-width: 420px;
  width: 100%;
}

.plan-summary-card--step .plan-continue-btn {
  margin-top: 24px;
}

.plan-summary-card--step .plan-secure {
  margin-top: 18px;
}

@media (max-width: 991px) {
  .plan-summary-card--step {
    max-width: 100%;
  }
}


/* v1.1.12 - Preferências do painel funcionando visualmente */
body.client-density-compact .app-content {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
body.client-density-compact .client-settings-page,
body.client-density-compact .dashboard-grid,
body.client-density-compact .analytics-page,
body.client-density-compact .my-bios-page {
  gap: 14px !important;
}
body.client-density-compact .client-settings-card,
body.client-density-compact .client-settings-summary article,
body.client-density-compact .card,
body.client-density-compact .my-bio-card,
body.client-density-compact .plan-option-card {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
body.client-density-compact .app-topbar {
  min-height: 62px !important;
}
body.client-density-compact .app-nav a {
  min-height: 38px !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
body.client-density-compact .form-select,
body.client-density-compact .form-control {
  min-height: 42px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
body.client-density-comfortable .client-settings-card,
body.client-density-comfortable .client-settings-summary article {
  transition: padding .18s ease, min-height .18s ease;
}
body.client-panel-dark .form-select,
body.client-panel-dark .form-control {
  background-color: rgba(15, 23, 42, .92) !important;
  color: #f8fafc !important;
  border-color: rgba(148, 163, 184, .28) !important;
}
body.client-panel-dark .form-select option {
  color: #111827;
  background: #ffffff;
}


/* v1.1.14 - menu lateral responsivo com drawer */
html, body {
  overflow-x: hidden;
}

.app-sidebar {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.app-sidebar-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.app-sidebar .app-brand {
  margin-bottom: 0;
}

.app-sidebar .app-nav {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding-right: 4px;
  scrollbar-width: none;
}

.app-sidebar .app-nav::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.app-sidebar-mobile-close,
.app-sidebar-backdrop {
  display: none;
}

.app-sidebar-mobile-close {
  width: 40px;
  height: 40px;
  border: 1px solid var(--bz-border);
  border-radius: 12px;
  background: #fff;
  color: #344054;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
}

.app-sidebar-mobile-close i {
  pointer-events: none;
}

@media (max-width: 991px) {
  .app-sidebar-toggle {
    display: grid !important;
  }

  .app-sidebar,
  body.sidebar-collapsed .app-sidebar {
    display: flex !important;
    visibility: visible !important;
    width: min(86vw, 320px) !important;
    max-width: 320px;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1060;
    transform: translateX(-108%);
    transition: transform .24s ease;
    box-shadow: 0 20px 45px rgba(15, 23, 42, .18);
    padding: 18px 14px 16px;
  }

  body.sidebar-mobile-open .app-sidebar {
    transform: translateX(0);
  }

  .app-sidebar-mobile-close {
    display: inline-flex;
  }

  .app-sidebar-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1055;
    background: rgba(15, 23, 42, .45);
    opacity: 0;
    pointer-events: none;
    transition: opacity .22s ease;
  }

  body.sidebar-mobile-open .app-sidebar-backdrop {
    display: block;
    opacity: 1;
    pointer-events: auto;
  }

  body.sidebar-mobile-open {
    overflow: hidden;
    touch-action: none;
  }

  .mobile-bottom {
    display: none !important;
  }

  .app-content {
    padding-bottom: 26px !important;
  }

  .app-topbar {
    min-height: 72px;
    padding: 12px 16px;
  }
}


/* v1.1.15 - responsivo mantém o visual antigo e o drawer só abre ao clicar */
@media (max-width: 991px) {
  body:not(.sidebar-mobile-open) .app-sidebar,
  body.sidebar-collapsed:not(.sidebar-mobile-open) .app-sidebar {
    transform: translateX(-112%) !important;
    pointer-events: none !important;
  }

  body.sidebar-mobile-open .app-sidebar,
  body.sidebar-collapsed.sidebar-mobile-open .app-sidebar {
    transform: translateX(0) !important;
    pointer-events: auto !important;
  }

  .app-sidebar-toggle {
    display: grid !important;
  }

  .mobile-bottom {
    display: grid !important;
  }

  .app-content {
    padding-bottom: 90px !important;
  }

  .app-sidebar-backdrop {
    display: block;
    opacity: 0;
    pointer-events: none;
  }

  body.sidebar-mobile-open .app-sidebar-backdrop {
    opacity: 1;
    pointer-events: auto;
  }
}


/* v1.1.17 - alinhamento do menu inferior mobile para admin e cliente */
@media (max-width: 991px) {
  .mobile-bottom {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 68px !important;
    min-height: 68px !important;
    padding: 6px 12px calc(6px + env(safe-area-inset-bottom)) !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 0 !important;
    border-top: 1px solid #e6ece9 !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 -8px 26px rgba(15, 23, 42, .06) !important;
    overflow: hidden !important;
  }

  .mobile-bottom a {
    width: 100% !important;
    min-width: 0 !important;
    height: 56px !important;
    padding: 5px 2px 4px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    text-align: center !important;
    border-radius: 12px !important;
    line-height: 1.05 !important;
    white-space: normal !important;
    overflow: hidden !important;
  }

  .mobile-bottom a i {
    width: 22px !important;
    height: 22px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 18px !important;
    line-height: 1 !important;
    margin: 0 auto !important;
  }

  .mobile-bottom a span {
    width: 100% !important;
    max-width: 74px !important;
    display: block !important;
    margin: 0 auto !important;
    color: inherit !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    letter-spacing: -.01em !important;
    text-align: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .mobile-bottom a.active {
    background: transparent !important;
    color: var(--bz-primary) !important;
  }

  .mobile-bottom a.is-plan-locked .app-nav-lock {
    right: 50% !important;
    top: 3px !important;
    transform: translateX(30px) !important;
  }

  .app-content {
    padding-bottom: 92px !important;
  }
}


/* v1.1.18 - melhora do item Online Agora no menu mobile */
@media (max-width: 991px) {
  .mobile-bottom a span.mobile-label-online {
    max-width: 58px !important;
    line-height: 1.05 !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow: visible !important;
  }

  .mobile-bottom a:has(.mobile-label-online) {
    gap: 2px !important;
  }

  .mobile-bottom a:has(.mobile-label-online) i {
    margin-bottom: 1px !important;
  }
}

/* v1.1.19 - Online Agora responsivo mais compacto */
@media (max-width: 991px) {
  .mobile-bottom {
    height: 60px !important;
    min-height: 60px !important;
    padding: 4px 10px calc(4px + env(safe-area-inset-bottom)) !important;
  }

  .mobile-bottom a {
    height: 50px !important;
    padding: 4px 2px 3px !important;
    gap: 2px !important;
    border-radius: 10px !important;
  }

  .mobile-bottom a i {
    width: 19px !important;
    height: 19px !important;
    font-size: 16px !important;
  }

  .mobile-bottom a span,
  .mobile-bottom a span.mobile-label-online {
    max-width: 62px !important;
    font-size: 9px !important;
    line-height: 1.05 !important;
    font-weight: 500 !important;
  }

  .app-content {
    padding-bottom: 78px !important;
  }
}

@media (max-width: 768px) {
  .online-agora-v94 {
    gap: .75rem !important;
  }

  .app-content:has(.online-agora-v94) {
    padding: 14px 10px 78px !important;
  }

  .online-agora-v94__head {
    gap: .65rem !important;
  }

  .online-agora-v94__head h1 {
    font-size: 1.38rem !important;
    letter-spacing: -.035em !important;
  }

  .online-agora-v94__head p {
    margin-top: .22rem !important;
    font-size: .76rem !important;
    line-height: 1.35 !important;
  }

  .online-agora-v94__head-actions {
    flex-direction: row !important;
    gap: .45rem !important;
  }

  .online-agora-v94__head-actions .btn {
    min-height: 36px !important;
    padding: .42rem .55rem !important;
    border-radius: 10px !important;
    font-size: .72rem !important;
    line-height: 1.1 !important;
  }

  .online-agora-v94__head-actions .btn i {
    font-size: .78rem !important;
  }

  .online-agora-v94__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .55rem !important;
  }

  .online-agora-v94__stat-card,
  .online-agora-v94__main-card,
  .online-agora-v94__side-card,
  .online-agora-v94__history-card {
    border-radius: 14px !important;
  }

  .online-agora-v94__stat-card {
    min-height: 68px !important;
    align-items: center !important;
    gap: .5rem !important;
    padding: .62rem .65rem !important;
  }

  .online-agora-v94__stat-icon {
    width: 34px !important;
    height: 34px !important;
    font-size: .88rem !important;
  }

  .online-agora-v94__stat-card small {
    font-size: .66rem !important;
    line-height: 1.08 !important;
  }

  .online-agora-v94__stat-card strong {
    font-size: 1.25rem !important;
    margin: .06rem 0 0 !important;
  }

  .online-agora-v94__stat-card em {
    display: none !important;
  }

  .online-agora-v94__grid {
    gap: .75rem !important;
  }

  .online-agora-v94__main-card,
  .online-agora-v94__side-card,
  .online-agora-v94__history-card {
    padding: .72rem !important;
  }

  .online-agora-v94__toolbar,
  .online-agora-v94__history-head,
  .online-agora-v94__side-head {
    gap: .55rem !important;
    margin-bottom: .65rem !important;
  }

  .online-agora-v94__toolbar h2,
  .online-agora-v94__side-card h2,
  .online-agora-v94__history-head h2 {
    font-size: .94rem !important;
    line-height: 1.2 !important;
  }

  .online-agora-v94__toolbar p,
  .online-agora-v94__history-head p {
    font-size: .72rem !important;
    line-height: 1.32 !important;
  }

  .online-agora-v94__live-pill {
    padding: .28rem .5rem !important;
    font-size: .66rem !important;
    gap: .35rem !important;
  }

  .online-agora-v94__live-pill i,
  .online-agora-v94__dot {
    width: .42rem !important;
    height: .42rem !important;
    box-shadow: 0 0 0 3px rgba(18,183,106,.10) !important;
  }

  .online-agora-v94__table {
    min-width: 720px !important;
  }

  .online-agora-v94__table thead th,
  .online-agora-v94__history-table thead th {
    font-size: .68rem !important;
    padding: .5rem .55rem !important;
  }

  .online-agora-v94__table td,
  .online-agora-v94__history-table td {
    font-size: .74rem !important;
    padding: .55rem !important;
  }

  .online-agora-v94__user {
    min-width: 165px !important;
    gap: .5rem !important;
  }

  .online-agora-v94__avatar,
  .online-agora-v94__client-avatar {
    width: 31px !important;
    height: 31px !important;
    font-size: .62rem !important;
  }

  .online-agora-v94__user strong,
  .online-agora-v94__client-item strong {
    font-size: .78rem !important;
  }

  .online-agora-v94__user small,
  .online-agora-v94__client-item small,
  .online-agora-v94__client-item em {
    font-size: .65rem !important;
  }

  .online-agora-v94__role-badge,
  .status-pill {
    padding: .2rem .42rem !important;
    border-radius: 8px !important;
    font-size: .68rem !important;
  }

  .online-agora-v94__action {
    width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 9px !important;
  }

  .online-agora-v94__client-list {
    gap: .55rem !important;
  }

  .online-agora-v94__client-item {
    gap: .48rem !important;
    grid-template-columns: auto minmax(0, 1fr) auto auto !important;
  }

  .online-agora-v94__empty {
    padding: .75rem !important;
    font-size: .76rem !important;
    border-radius: 12px !important;
  }

  .online-agora-v94__side-card .btn {
    min-height: 36px !important;
    padding: .42rem .55rem !important;
    font-size: .74rem !important;
    border-radius: 10px !important;
  }

  .online-agora-v94__summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .25rem !important;
    margin-top: .6rem !important;
  }

  .online-agora-v94__summary-grid article {
    padding: .2rem .12rem !important;
  }

  .online-agora-v94__summary-grid article + article {
    border-top: 0 !important;
    border-left: 1px solid rgba(15,23,42,.08) !important;
    padding-top: .2rem !important;
  }

  .online-agora-v94__summary-grid span {
    width: 31px !important;
    height: 31px !important;
    margin-bottom: .35rem !important;
    font-size: .82rem !important;
  }

  .online-agora-v94__summary-grid strong {
    font-size: 1.2rem !important;
  }

  .online-agora-v94__summary-grid small {
    margin-top: .16rem !important;
    font-size: .64rem !important;
  }

  .online-agora-v94__history-tabs {
    width: 100% !important;
    gap: .25rem !important;
    padding: .22rem !important;
    border-radius: 12px !important;
  }

  .online-agora-v94__history-tabs button {
    flex: 1 1 0 !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: .4rem .45rem !important;
    border-radius: 9px !important;
    font-size: .7rem !important;
    text-align: center !important;
  }
}

@media (max-width: 420px) {
  .online-agora-v94__head-actions .btn {
    font-size: .68rem !important;
    padding-left: .42rem !important;
    padding-right: .42rem !important;
  }

  .online-agora-v94__stats {
    gap: .45rem !important;
  }

  .online-agora-v94__stat-card {
    gap: .42rem !important;
    padding: .55rem !important;
  }

  .online-agora-v94__stat-icon {
    width: 30px !important;
    height: 30px !important;
    font-size: .78rem !important;
  }

  .online-agora-v94__stat-card strong {
    font-size: 1.12rem !important;
  }

  .online-agora-v94__stat-card small {
    font-size: .62rem !important;
  }
}

/* v1.1.20 - Online Agora com responsivo mais leve e elementos menores */
.app-content:has(.online-agora-v94) {
  max-width: 1380px;
  padding-top: 18px;
  padding-left: 20px;
  padding-right: 20px;
}

.online-agora-v94 {
  gap: .9rem;
}

.online-agora-v94__head {
  gap: .85rem;
}

.online-agora-v94__head h1 {
  font-size: 1.95rem;
}

.online-agora-v94__head p {
  margin-top: .25rem;
  font-size: .88rem;
  line-height: 1.35;
}

.online-agora-v94__head-actions {
  gap: .55rem;
}

.online-agora-v94__head-actions .btn {
  min-height: 40px;
  padding: .5rem .82rem;
  border-radius: 11px;
  font-size: .88rem;
  line-height: 1.1;
}

.online-agora-v94__stats {
  gap: .75rem;
}

.online-agora-v94__stat-card,
.online-agora-v94__main-card,
.online-agora-v94__side-card,
.online-agora-v94__history-card {
  border-radius: 16px;
}

.online-agora-v94__stat-card {
  min-height: 96px;
  padding: .78rem .88rem;
  gap: .72rem;
}

.online-agora-v94__stat-icon {
  width: 42px;
  height: 42px;
  font-size: 1.02rem;
}

.online-agora-v94__stat-card small {
  font-size: .74rem;
  line-height: 1.15;
}

.online-agora-v94__stat-card strong {
  font-size: 1.55rem;
  margin: .08rem 0;
}

.online-agora-v94__stat-card em {
  font-size: .72rem;
  line-height: 1.25;
}

.online-agora-v94__grid {
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: .85rem;
}

.online-agora-v94__main-card,
.online-agora-v94__side-card,
.online-agora-v94__history-card {
  padding: .85rem;
}

.online-agora-v94__toolbar,
.online-agora-v94__history-head,
.online-agora-v94__side-head {
  gap: .7rem;
  margin-bottom: .75rem;
}

.online-agora-v94__toolbar h2,
.online-agora-v94__side-card h2,
.online-agora-v94__history-head h2 {
  font-size: 1rem;
}

.online-agora-v94__toolbar p,
.online-agora-v94__history-head p {
  margin-top: .18rem;
  font-size: .8rem;
  line-height: 1.3;
}

.online-agora-v94__live-pill {
  padding: .32rem .6rem;
  font-size: .72rem;
}

.online-agora-v94__table-wrap {
  border-radius: 14px;
}

.online-agora-v94__table thead th,
.online-agora-v94__history-table thead th {
  font-size: .72rem;
  padding: .55rem .6rem;
}

.online-agora-v94__table td,
.online-agora-v94__history-table td {
  font-size: .78rem;
  padding: .62rem .6rem;
}

.online-agora-v94__user {
  min-width: 185px;
  gap: .58rem;
}

.online-agora-v94__avatar {
  width: 32px;
  height: 32px;
  font-size: .68rem;
}

.online-agora-v94__user strong,
.online-agora-v94__client-item strong {
  font-size: .86rem;
}

.online-agora-v94__user small,
.online-agora-v94__client-item small,
.online-agora-v94__client-item em {
  font-size: .7rem;
}

.online-agora-v94__role-badge,
.status-pill {
  padding: .23rem .48rem;
  font-size: .72rem;
  border-radius: 8px;
}

.online-agora-v94__action {
  width: 34px;
  height: 34px;
  min-height: 34px;
  border-radius: 10px;
}

.online-agora-v94__client-list {
  gap: .68rem;
}

.online-agora-v94__client-item {
  gap: .55rem;
}

.online-agora-v94__client-avatar {
  width: 38px;
  height: 38px;
  font-size: .66rem;
}

.online-agora-v94__side-card .btn {
  min-height: 38px;
  padding: .45rem .6rem;
  border-radius: 10px;
  font-size: .78rem;
}

.online-agora-v94__summary-grid {
  margin-top: .75rem;
}

.online-agora-v94__summary-grid span {
  width: 38px;
  height: 38px;
  margin-bottom: .45rem;
  font-size: .9rem;
}

.online-agora-v94__summary-grid strong {
  font-size: 1.5rem;
}

.online-agora-v94__summary-grid small {
  margin-top: .18rem;
  font-size: .72rem;
}

.online-agora-v94__history-card h3 {
  font-size: .9rem;
  margin-bottom: .55rem;
}

.online-agora-v94__history-tabs {
  gap: .35rem;
  padding: .25rem;
  border-radius: 12px;
}

.online-agora-v94__history-tabs button {
  min-height: 34px;
  padding: .45rem .72rem;
  border-radius: 9px;
  font-size: .78rem;
}

@media (max-width: 1500px) {
  .app-content:has(.online-agora-v94) {
    padding-top: 14px;
  }

  .online-agora-v94__stats {
    gap: .62rem;
  }

  .online-agora-v94__stat-card {
    padding: .7rem .72rem;
    gap: .62rem;
  }

  .online-agora-v94__stat-icon {
    width: 38px;
    height: 38px;
    font-size: .92rem;
  }

  .online-agora-v94__stat-card strong {
    font-size: 1.38rem;
  }

  .online-agora-v94__stat-card em {
    font-size: .68rem;
  }
}

@media (max-width: 1400px) {
  .online-agora-v94__sidebar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
  }
}

@media (max-width: 1180px) {
  .online-agora-v94__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .online-agora-v94__head {
    flex-direction: column;
    align-items: stretch;
  }

  .online-agora-v94__head-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 991px) {
  .app-content:has(.online-agora-v94) {
    max-width: none;
    padding: 12px 10px 76px !important;
  }

  .online-agora-v94__sidebar {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .online-agora-v94 {
    gap: .58rem !important;
  }

  .online-agora-v94__head h1 {
    font-size: 1.14rem !important;
    line-height: 1.08 !important;
  }

  .online-agora-v94__head p {
    font-size: .66rem !important;
    line-height: 1.25 !important;
  }

  .online-agora-v94__head-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .35rem !important;
    width: 100%;
  }

  .online-agora-v94__head-actions .btn {
    width: 100% !important;
    min-height: 30px !important;
    padding: .34rem .38rem !important;
    border-radius: 8px !important;
    font-size: .6rem !important;
    white-space: nowrap;
  }

  .online-agora-v94__head-actions .btn i {
    font-size: .66rem !important;
  }

  .online-agora-v94__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .38rem !important;
  }

  .online-agora-v94__stat-card {
    min-height: 50px !important;
    padding: .42rem !important;
    gap: .35rem !important;
    border-radius: 11px !important;
  }

  .online-agora-v94__stat-icon {
    width: 25px !important;
    height: 25px !important;
    font-size: .64rem !important;
  }

  .online-agora-v94__stat-card small {
    font-size: .55rem !important;
    line-height: 1.05 !important;
  }

  .online-agora-v94__stat-card strong {
    font-size: .92rem !important;
    margin: 0 !important;
  }

  .online-agora-v94__stat-card em {
    display: none !important;
  }

  .online-agora-v94__main-card,
  .online-agora-v94__side-card,
  .online-agora-v94__history-card {
    padding: .55rem !important;
    border-radius: 12px !important;
  }

  .online-agora-v94__toolbar,
  .online-agora-v94__history-head,
  .online-agora-v94__side-head {
    margin-bottom: .45rem !important;
    gap: .4rem !important;
  }

  .online-agora-v94__toolbar h2,
  .online-agora-v94__side-card h2,
  .online-agora-v94__history-head h2 {
    font-size: .78rem !important;
    line-height: 1.15 !important;
  }

  .online-agora-v94__toolbar p,
  .online-agora-v94__history-head p {
    font-size: .6rem !important;
    line-height: 1.2 !important;
  }

  .online-agora-v94__live-pill {
    padding: .2rem .34rem !important;
    font-size: .55rem !important;
    gap: .24rem !important;
  }

  .online-agora-v94__live-pill i,
  .online-agora-v94__dot {
    width: .34rem !important;
    height: .34rem !important;
    box-shadow: 0 0 0 2px rgba(18,183,106,.10) !important;
  }

  .online-agora-v94__table {
    min-width: 620px !important;
  }

  .online-agora-v94__table thead th,
  .online-agora-v94__history-table thead th {
    font-size: .58rem !important;
    padding: .38rem .4rem !important;
  }

  .online-agora-v94__table td,
  .online-agora-v94__history-table td {
    font-size: .64rem !important;
    padding: .42rem .4rem !important;
  }

  .online-agora-v94__user {
    min-width: 138px !important;
    gap: .38rem !important;
  }

  .online-agora-v94__avatar,
  .online-agora-v94__client-avatar {
    width: 25px !important;
    height: 25px !important;
    font-size: .52rem !important;
  }

  .online-agora-v94__user strong,
  .online-agora-v94__client-item strong {
    font-size: .66rem !important;
  }

  .online-agora-v94__user small,
  .online-agora-v94__client-item small,
  .online-agora-v94__client-item em {
    font-size: .55rem !important;
  }

  .online-agora-v94__role-badge,
  .status-pill {
    padding: .16rem .32rem !important;
    font-size: .56rem !important;
    border-radius: 7px !important;
  }

  .online-agora-v94__action {
    width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    border-radius: 7px !important;
  }

  .online-agora-v94__client-list {
    gap: .4rem !important;
  }

  .online-agora-v94__client-item {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: .38rem !important;
  }

  .online-agora-v94__client-item em {
    display: none !important;
  }

  .online-agora-v94__empty {
    padding: .55rem !important;
    font-size: .62rem !important;
    border-radius: 10px !important;
  }

  .online-agora-v94__side-card .btn {
    min-height: 30px !important;
    margin-top: .45rem !important;
    padding: .32rem .45rem !important;
    font-size: .6rem !important;
    border-radius: 8px !important;
  }

  .online-agora-v94__summary-grid {
    gap: .12rem !important;
    margin-top: .42rem !important;
  }

  .online-agora-v94__summary-grid article {
    padding: .05rem .08rem !important;
  }

  .online-agora-v94__summary-grid span {
    width: 25px !important;
    height: 25px !important;
    margin-bottom: .25rem !important;
    font-size: .62rem !important;
  }

  .online-agora-v94__summary-grid strong {
    font-size: .95rem !important;
  }

  .online-agora-v94__summary-grid small {
    margin-top: .08rem !important;
    font-size: .52rem !important;
  }

  .online-agora-v94__history-tabs button {
    min-height: 28px !important;
    padding: .28rem .35rem !important;
    font-size: .56rem !important;
  }
}

@media (max-width: 640px) {
  .online-agora-v94__table {
    min-width: 0 !important;
    width: 100% !important;
  }

  .online-agora-v94__table thead {
    display: none !important;
  }

  .online-agora-v94__table tbody,
  .online-agora-v94__table tr,
  .online-agora-v94__table td {
    display: block !important;
    width: 100% !important;
  }

  .online-agora-v94__table tr {
    padding: .42rem !important;
    border-bottom: 1px solid rgba(15, 23, 42, .06) !important;
  }

  .online-agora-v94__table tr:last-child {
    border-bottom: 0 !important;
  }

  .online-agora-v94__table td {
    border: 0 !important;
    padding: .12rem 0 !important;
    white-space: normal !important;
  }

  .online-agora-v94__table td:nth-child(2),
  .online-agora-v94__table td:nth-child(5),
  .online-agora-v94__table td:nth-child(6) {
    display: none !important;
  }

  .online-agora-v94__table td:nth-child(3),
  .online-agora-v94__table td:nth-child(4),
  .online-agora-v94__table td:nth-child(7) {
    display: inline-flex !important;
    width: auto !important;
    margin-top: .28rem !important;
    margin-right: .28rem !important;
    vertical-align: middle !important;
  }

  .online-agora-v94__table td.text-end {
    text-align: left !important;
  }

  .online-agora-v94__table .dropdown {
    position: relative !important;
  }
}

@media (max-width: 420px) {
  .app-content:has(.online-agora-v94) {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .online-agora-v94__head-actions .btn {
    font-size: .54rem !important;
    padding-left: .24rem !important;
    padding-right: .24rem !important;
  }

  .online-agora-v94__stats {
    gap: .32rem !important;
  }

  .online-agora-v94__stat-card {
    padding: .36rem !important;
  }

  .online-agora-v94__stat-icon {
    width: 23px !important;
    height: 23px !important;
  }

  .online-agora-v94__stat-card strong {
    font-size: .84rem !important;
  }

  .online-agora-v94__stat-card small {
    font-size: .5rem !important;
  }
}

/* v1.1.21 - Responsivo completo da página Online Agora */
.online-agora-v94,
.online-agora-v94 * {
  box-sizing: border-box;
}

.online-agora-v94__head > div,
.online-agora-v94__stat-card > div,
.online-agora-v94__toolbar > div,
.online-agora-v94__history-head > div,
.online-agora-v94__client-item > div {
  min-width: 0;
}

.online-agora-v94__table td code,
.online-agora-v94__history-table td code {
  display: inline-block;
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

@media (max-width: 1280px) {
  .online-agora-v94__grid,
  .online-agora-v94__history-grid {
    grid-template-columns: 1fr !important;
  }

  .online-agora-v94__sidebar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .7rem !important;
  }
}

@media (max-width: 991px) {
  .app-content:has(.online-agora-v94) {
    padding: 10px 9px 78px !important;
  }

  .online-agora-v94 {
    width: 100% !important;
    gap: .55rem !important;
    overflow-x: hidden !important;
  }

  .online-agora-v94__head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .5rem !important;
    margin-bottom: 0 !important;
  }

  .online-agora-v94__head h1 {
    font-size: clamp(1.05rem, 5vw, 1.32rem) !important;
    line-height: 1.06 !important;
    letter-spacing: -.04em !important;
  }

  .online-agora-v94__head p {
    max-width: 100% !important;
    margin-top: .16rem !important;
    font-size: clamp(.6rem, 2.7vw, .72rem) !important;
    line-height: 1.25 !important;
  }

  .online-agora-v94__head-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    gap: .32rem !important;
  }

  .online-agora-v94__head-actions .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 31px !important;
    padding: .34rem .36rem !important;
    border-radius: 8px !important;
    font-size: clamp(.56rem, 2.45vw, .68rem) !important;
    line-height: 1.05 !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .online-agora-v94__head-actions .btn i {
    flex: 0 0 auto !important;
    margin-right: .22rem !important;
    font-size: .7rem !important;
  }

  .online-agora-v94__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .36rem !important;
  }

  .online-agora-v94__stat-card {
    min-height: 48px !important;
    padding: .38rem .4rem !important;
    gap: .34rem !important;
    border-radius: 11px !important;
    box-shadow: 0 5px 14px rgba(15, 23, 42, .035) !important;
  }

  .online-agora-v94__stat-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    font-size: .62rem !important;
  }

  .online-agora-v94__stat-card small {
    font-size: .52rem !important;
    line-height: 1.05 !important;
  }

  .online-agora-v94__stat-card strong {
    font-size: .86rem !important;
    line-height: 1 !important;
    margin: .01rem 0 0 !important;
  }

  .online-agora-v94__stat-card em {
    display: none !important;
  }

  .online-agora-v94__grid,
  .online-agora-v94__sidebar {
    grid-template-columns: 1fr !important;
    gap: .55rem !important;
  }

  .online-agora-v94__main-card,
  .online-agora-v94__side-card,
  .online-agora-v94__history-card {
    padding: .48rem !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 14px rgba(15, 23, 42, .035) !important;
  }

  .online-agora-v94__toolbar,
  .online-agora-v94__history-head,
  .online-agora-v94__side-head {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: .35rem !important;
    margin-bottom: .42rem !important;
  }

  .online-agora-v94__toolbar h2,
  .online-agora-v94__side-card h2,
  .online-agora-v94__history-head h2 {
    font-size: .76rem !important;
    line-height: 1.1 !important;
  }

  .online-agora-v94__toolbar p,
  .online-agora-v94__history-head p {
    display: none !important;
  }

  .online-agora-v94__live-pill,
  .online-agora-v94__side-head span {
    padding: .18rem .32rem !important;
    border-radius: 999px !important;
    font-size: .52rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .online-agora-v94__live-pill i,
  .online-agora-v94__dot {
    width: .32rem !important;
    height: .32rem !important;
    min-width: .32rem !important;
    box-shadow: 0 0 0 2px rgba(18,183,106,.10) !important;
  }

  .online-agora-v94__table-wrap {
    border-radius: 10px !important;
    overflow-x: visible !important;
  }

  .online-agora-v94__user {
    min-width: 0 !important;
    gap: .32rem !important;
  }

  .online-agora-v94__avatar,
  .online-agora-v94__client-avatar {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    font-size: .5rem !important;
  }

  .online-agora-v94__user strong,
  .online-agora-v94__client-item strong {
    font-size: .63rem !important;
    line-height: 1.12 !important;
  }

  .online-agora-v94__user small,
  .online-agora-v94__client-item small,
  .online-agora-v94__client-item em {
    font-size: .52rem !important;
    line-height: 1.15 !important;
  }

  .online-agora-v94__role-badge,
  .status-pill {
    min-height: 22px !important;
    padding: .14rem .28rem !important;
    border-radius: 7px !important;
    font-size: .52rem !important;
    line-height: 1 !important;
  }

  .online-agora-v94__action {
    width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    border-radius: 7px !important;
    font-size: .7rem !important;
  }

  .online-agora-v94__client-list {
    gap: .34rem !important;
  }

  .online-agora-v94__client-item {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: .35rem !important;
    min-width: 0 !important;
  }

  .online-agora-v94__client-item > .online-agora-v94__dot {
    display: none !important;
  }

  .online-agora-v94__client-item em {
    display: inline-flex !important;
    align-items: center !important;
    max-width: 42px !important;
  }

  .online-agora-v94__side-card .btn {
    min-height: 29px !important;
    margin-top: .38rem !important;
    padding: .3rem .4rem !important;
    border-radius: 8px !important;
    font-size: .58rem !important;
    line-height: 1.05 !important;
  }

  .online-agora-v94__summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin-top: .36rem !important;
  }

  .online-agora-v94__summary-grid article {
    padding: .06rem .05rem !important;
  }

  .online-agora-v94__summary-grid article + article {
    border-top: 0 !important;
    border-left: 1px solid rgba(15,23,42,.08) !important;
  }

  .online-agora-v94__summary-grid span {
    width: 24px !important;
    height: 24px !important;
    margin-bottom: .22rem !important;
    font-size: .58rem !important;
  }

  .online-agora-v94__summary-grid strong {
    font-size: .86rem !important;
    line-height: 1 !important;
  }

  .online-agora-v94__summary-grid small {
    margin-top: .08rem !important;
    font-size: .5rem !important;
  }

  .online-agora-v94__history-tabs {
    width: auto !important;
    max-width: 100% !important;
    gap: .18rem !important;
    padding: .16rem !important;
    border-radius: 9px !important;
  }

  .online-agora-v94__history-tabs button {
    min-height: 26px !important;
    padding: .24rem .28rem !important;
    border-radius: 7px !important;
    font-size: .52rem !important;
    line-height: 1.05 !important;
  }
}

@media (max-width: 640px) {
  .online-agora-v94__table thead,
  .online-agora-v94__history-table thead {
    display: none !important;
  }

  .online-agora-v94__table,
  .online-agora-v94__table tbody,
  .online-agora-v94__table tr,
  .online-agora-v94__table td,
  .online-agora-v94__history-table,
  .online-agora-v94__history-table tbody,
  .online-agora-v94__history-table tr,
  .online-agora-v94__history-table td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .online-agora-v94__table tr,
  .online-agora-v94__history-table tr {
    display: grid !important;
    grid-template-columns: 1fr auto auto !important;
    align-items: center !important;
    column-gap: .28rem !important;
    row-gap: .18rem !important;
    padding: .38rem !important;
    border-bottom: 1px solid rgba(15, 23, 42, .06) !important;
  }

  .online-agora-v94__table td,
  .online-agora-v94__history-table td {
    border: 0 !important;
    padding: 0 !important;
    font-size: .58rem !important;
    white-space: normal !important;
  }

  .online-agora-v94__table td:first-child,
  .online-agora-v94__history-table td:first-child {
    grid-column: 1 / -1 !important;
  }

  .online-agora-v94__table td:nth-child(2),
  .online-agora-v94__table td:nth-child(5),
  .online-agora-v94__table td:nth-child(6),
  .online-agora-v94__history-table td:nth-child(3) {
    display: none !important;
  }

  .online-agora-v94__table td:nth-child(3),
  .online-agora-v94__table td:nth-child(4),
  .online-agora-v94__table td:nth-child(7) {
    display: inline-flex !important;
    width: auto !important;
    align-items: center !important;
    margin: 0 !important;
  }

  .online-agora-v94__table td.text-end {
    text-align: left !important;
  }

  .online-agora-v94__history-table tr {
    grid-template-columns: 1fr auto !important;
  }

  .online-agora-v94__history-table td:nth-child(2),
  .online-agora-v94__history-table td:nth-child(4),
  .online-agora-v94__history-table td:nth-child(5) {
    display: block !important;
    width: auto !important;
    color: #667085 !important;
  }

  .online-agora-v94__history-table td:nth-child(4),
  .online-agora-v94__history-table td:nth-child(5) {
    font-size: .54rem !important;
  }

  .online-agora-v94__history-table td small {
    font-size: .5rem !important;
  }

  .online-agora-v94__history-table td code {
    max-width: 100% !important;
  }
}

@media (max-width: 480px) {
  .app-content:has(.online-agora-v94) {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .online-agora-v94__head-actions {
    grid-template-columns: 1fr !important;
  }

  .online-agora-v94__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .28rem !important;
  }

  .online-agora-v94__stat-card {
    padding: .32rem !important;
    min-height: 44px !important;
  }

  .online-agora-v94__stat-icon {
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    font-size: .55rem !important;
  }

  .online-agora-v94__stat-card small {
    font-size: .48rem !important;
  }

  .online-agora-v94__stat-card strong {
    font-size: .78rem !important;
  }

  .online-agora-v94__main-card,
  .online-agora-v94__side-card,
  .online-agora-v94__history-card {
    padding: .42rem !important;
  }

  .online-agora-v94__toolbar,
  .online-agora-v94__history-head,
  .online-agora-v94__side-head {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  .online-agora-v94__live-pill,
  .online-agora-v94__side-head span {
    justify-self: start !important;
  }

  .online-agora-v94__client-item em {
    display: none !important;
  }

  .online-agora-v94__table tr,
  .online-agora-v94__history-table tr {
    padding: .32rem !important;
  }

  .online-agora-v94__summary-grid span {
    width: 22px !important;
    height: 22px !important;
  }
}

/* v1.1.22 - Mobile real da página Online Agora
   Transformação para layout de celular: elementos deixam de ser desktop reduzido
   e passam a usar cards legíveis, botões de toque e tabelas em formato de cards. */
@media (max-width: 767.98px) {
  .app-content:has(.online-agora-v94) {
    padding: 14px 12px calc(92px + env(safe-area-inset-bottom)) !important;
    overflow-x: hidden !important;
  }

  .online-agora-v94 {
    gap: 12px !important;
    width: 100% !important;
    overflow: visible !important;
  }

  .online-agora-v94__head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 0 !important;
  }

  .online-agora-v94__head h1 {
    font-size: 1.62rem !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    margin: 0 !important;
  }

  .online-agora-v94__head p {
    display: block !important;
    margin-top: 4px !important;
    font-size: .86rem !important;
    line-height: 1.42 !important;
    max-width: 100% !important;
  }

  .online-agora-v94__head-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .online-agora-v94__head-actions .btn {
    width: 100% !important;
    min-height: 42px !important;
    padding: 10px 8px !important;
    border-radius: 12px !important;
    font-size: .82rem !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    text-align: center !important;
    justify-content: center !important;
  }

  .online-agora-v94__head-actions .btn i {
    font-size: .95rem !important;
    margin-right: 5px !important;
  }

  .online-agora-v94__stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .online-agora-v94__stat-card {
    min-height: 92px !important;
    padding: 12px !important;
    gap: 9px !important;
    border-radius: 18px !important;
    align-items: flex-start !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .055) !important;
  }

  .online-agora-v94__stat-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    font-size: 1rem !important;
  }

  .online-agora-v94__stat-card small {
    font-size: .77rem !important;
    line-height: 1.2 !important;
  }

  .online-agora-v94__stat-card strong {
    font-size: 1.55rem !important;
    line-height: .98 !important;
    margin: 3px 0 0 !important;
  }

  .online-agora-v94__stat-card em {
    display: none !important;
  }

  .online-agora-v94__grid,
  .online-agora-v94__sidebar,
  .online-agora-v94__history-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .online-agora-v94__main-card,
  .online-agora-v94__side-card,
  .online-agora-v94__history-card {
    padding: 14px !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .055) !important;
  }

  .online-agora-v94__toolbar,
  .online-agora-v94__history-head,
  .online-agora-v94__side-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }

  .online-agora-v94__toolbar h2,
  .online-agora-v94__side-card h2,
  .online-agora-v94__history-head h2 {
    font-size: 1.02rem !important;
    line-height: 1.2 !important;
  }

  .online-agora-v94__toolbar p,
  .online-agora-v94__history-head p {
    display: block !important;
    margin-top: 3px !important;
    font-size: .78rem !important;
    line-height: 1.35 !important;
  }

  .online-agora-v94__live-pill,
  .online-agora-v94__side-head span {
    flex: 0 0 auto !important;
    padding: 6px 8px !important;
    font-size: .72rem !important;
    line-height: 1 !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }

  .online-agora-v94__live-pill i,
  .online-agora-v94__dot {
    width: 7px !important;
    height: 7px !important;
    min-width: 7px !important;
    box-shadow: 0 0 0 3px rgba(18, 183, 106, .12) !important;
  }

  .online-agora-v94__table-wrap,
  .online-agora-v94 .table-responsive {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .online-agora-v94__table,
  .online-agora-v94__history-table,
  .online-agora-v94__table tbody,
  .online-agora-v94__history-table tbody {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .online-agora-v94__table thead,
  .online-agora-v94__history-table thead {
    display: none !important;
  }

  .online-agora-v94__table tr,
  .online-agora-v94__history-table tr {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 10px !important;
    padding: 12px !important;
    background: #fff !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    border-radius: 16px !important;
    box-shadow: 0 5px 16px rgba(15, 23, 42, .04) !important;
  }

  .online-agora-v94__table tr {
    grid-template-columns: 1fr auto !important;
    column-gap: 10px !important;
    row-gap: 8px !important;
  }

  .online-agora-v94__history-table tr {
    grid-template-columns: 1fr !important;
    row-gap: 8px !important;
  }

  .online-agora-v94__table tr:last-child,
  .online-agora-v94__history-table tr:last-child {
    margin-bottom: 0 !important;
  }

  .online-agora-v94__table td,
  .online-agora-v94__history-table td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: .82rem !important;
    line-height: 1.32 !important;
    white-space: normal !important;
    color: #475467 !important;
  }

  .online-agora-v94__table td[colspan],
  .online-agora-v94__history-table td[colspan] {
    grid-column: 1 / -1 !important;
    text-align: center !important;
    padding: 18px 10px !important;
  }

  .online-agora-v94__table td:first-child {
    grid-column: 1 / -1 !important;
  }

  .online-agora-v94__table td:nth-child(2) {
    grid-column: 1 / -1 !important;
    display: block !important;
    font-size: .78rem !important;
    color: #667085 !important;
    word-break: break-word !important;
  }

  .online-agora-v94__table td:nth-child(2)::before {
    content: 'E-mail: ';
    font-weight: 650;
    color: #101828;
  }

  .online-agora-v94__table td:nth-child(3),
  .online-agora-v94__table td:nth-child(4),
  .online-agora-v94__table td:nth-child(6) {
    display: inline-flex !important;
    align-items: center !important;
    width: max-content !important;
    max-width: 100% !important;
    margin-right: 4px !important;
  }

  .online-agora-v94__table td:nth-child(5) {
    grid-column: 1 / -1 !important;
    display: block !important;
    width: 100% !important;
  }

  .online-agora-v94__table td:nth-child(5)::before {
    content: 'Página: ';
    font-weight: 650;
    color: #101828;
  }

  .online-agora-v94__table td:nth-child(6)::before {
    content: 'Tempo: ';
    font-weight: 650;
    color: #101828;
    margin-right: 4px;
  }

  .online-agora-v94__table td:nth-child(7) {
    grid-column: 2 !important;
    grid-row: 3 / span 2 !important;
    justify-self: end !important;
    align-self: end !important;
    display: block !important;
    text-align: right !important;
  }

  .online-agora-v94__table td.text-end {
    text-align: right !important;
  }

  .online-agora-v94__table td code,
  .online-agora-v94__history-table td code {
    display: inline !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    font-size: .76rem !important;
  }

  .online-agora-v94__user {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  .online-agora-v94__avatar,
  .online-agora-v94__client-avatar {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    font-size: .76rem !important;
  }

  .online-agora-v94__user strong,
  .online-agora-v94__client-item strong,
  .online-agora-v94__history-table td strong {
    font-size: .95rem !important;
    line-height: 1.18 !important;
    color: #101828 !important;
  }

  .online-agora-v94__user small,
  .online-agora-v94__client-item small,
  .online-agora-v94__client-item em,
  .online-agora-v94__history-table td small {
    font-size: .76rem !important;
    line-height: 1.25 !important;
    color: #667085 !important;
  }

  .online-agora-v94__role-badge,
  .status-pill {
    min-height: 30px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    font-size: .76rem !important;
    line-height: 1 !important;
  }

  .status-pill i {
    width: 7px !important;
    height: 7px !important;
  }

  .online-agora-v94__action {
    width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 12px !important;
    font-size: 1rem !important;
  }

  .online-agora-v94__table .dropdown {
    position: relative !important;
  }

  .online-agora-v94__table .dropdown-menu {
    min-width: 220px !important;
    font-size: .9rem !important;
  }

  .online-agora-v94__client-list {
    gap: 10px !important;
  }

  .online-agora-v94__client-item {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    min-width: 0 !important;
    padding: 10px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(15, 23, 42, .06) !important;
    border-radius: 16px !important;
  }

  .online-agora-v94__client-item > .online-agora-v94__dot {
    display: none !important;
  }

  .online-agora-v94__client-item em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 48px !important;
    padding: 5px 7px !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1px solid rgba(15, 23, 42, .06) !important;
  }

  .online-agora-v94__side-card .btn {
    min-height: 42px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    font-size: .86rem !important;
    line-height: 1.15 !important;
  }

  .online-agora-v94__summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }

  .online-agora-v94__summary-grid article {
    padding: 10px 6px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(15, 23, 42, .06) !important;
    border-radius: 16px !important;
  }

  .online-agora-v94__summary-grid article + article {
    border-left: 1px solid rgba(15, 23, 42, .06) !important;
    border-top: 1px solid rgba(15, 23, 42, .06) !important;
  }

  .online-agora-v94__summary-grid span {
    width: 34px !important;
    height: 34px !important;
    margin-bottom: 7px !important;
    font-size: .9rem !important;
  }

  .online-agora-v94__summary-grid strong {
    font-size: 1.35rem !important;
    line-height: 1 !important;
  }

  .online-agora-v94__summary-grid small {
    margin-top: 4px !important;
    font-size: .73rem !important;
  }

  .online-agora-v94__history-head {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .online-agora-v94__history-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    gap: 6px !important;
    padding: 5px !important;
    border-radius: 14px !important;
  }

  .online-agora-v94__history-tabs button {
    min-height: 38px !important;
    padding: 8px 6px !important;
    border-radius: 11px !important;
    font-size: .78rem !important;
    line-height: 1.1 !important;
  }

  .online-agora-v94__history-table td:first-child {
    font-size: .9rem !important;
  }

  .online-agora-v94__history-table td:nth-child(2)::before,
  .online-agora-v94__history-table td:nth-child(3)::before,
  .online-agora-v94__history-table td:nth-child(4)::before,
  .online-agora-v94__history-table td:nth-child(5)::before {
    display: block !important;
    margin-bottom: 2px !important;
    color: #101828 !important;
    font-size: .72rem !important;
    font-weight: 650 !important;
  }

  .online-agora-v94__history-panel[data-online-history-tab="clientes"] .online-agora-v94__history-table td:nth-child(2)::before { content: 'Usuário'; }
  .online-agora-v94__history-panel[data-online-history-tab="clientes"] .online-agora-v94__history-table td:nth-child(3)::before { content: 'Última página'; }
  .online-agora-v94__history-panel[data-online-history-tab="clientes"] .online-agora-v94__history-table td:nth-child(4)::before { content: 'Tempo'; }
  .online-agora-v94__history-panel[data-online-history-tab="clientes"] .online-agora-v94__history-table td:nth-child(5)::before { content: 'Última atividade'; }

  .online-agora-v94__history-panel[data-online-history-tab="usuarios"] .online-agora-v94__history-table td:nth-child(2)::before { content: 'Função'; }
  .online-agora-v94__history-panel[data-online-history-tab="usuarios"] .online-agora-v94__history-table td:nth-child(3)::before { content: 'Última página'; }
  .online-agora-v94__history-panel[data-online-history-tab="usuarios"] .online-agora-v94__history-table td:nth-child(4)::before { content: 'Tempo'; }
  .online-agora-v94__history-panel[data-online-history-tab="usuarios"] .online-agora-v94__history-table td:nth-child(5)::before { content: 'Última atividade'; }

  .client-panel-dark .online-agora-v94__table tr,
  .client-panel-dark .online-agora-v94__history-table tr {
    background: rgba(15, 23, 42, .82) !important;
    border-color: rgba(255, 255, 255, .10) !important;
  }

  .client-panel-dark .online-agora-v94__table td,
  .client-panel-dark .online-agora-v94__history-table td,
  .client-panel-dark .online-agora-v94__table td:nth-child(2),
  .client-panel-dark .online-agora-v94__user small,
  .client-panel-dark .online-agora-v94__client-item small,
  .client-panel-dark .online-agora-v94__client-item em,
  .client-panel-dark .online-agora-v94__history-table td small {
    color: #cbd5e1 !important;
  }

  .client-panel-dark .online-agora-v94__table td:nth-child(2)::before,
  .client-panel-dark .online-agora-v94__table td:nth-child(5)::before,
  .client-panel-dark .online-agora-v94__table td:nth-child(6)::before,
  .client-panel-dark .online-agora-v94__history-table td::before,
  .client-panel-dark .online-agora-v94__user strong,
  .client-panel-dark .online-agora-v94__client-item strong,
  .client-panel-dark .online-agora-v94__history-table td strong {
    color: #f8fafc !important;
  }

  .client-panel-dark .online-agora-v94__client-item,
  .client-panel-dark .online-agora-v94__summary-grid article {
    background: rgba(255, 255, 255, .04) !important;
    border-color: rgba(255, 255, 255, .08) !important;
  }
}

@media (max-width: 480px) {
  .app-content:has(.online-agora-v94) {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .online-agora-v94__head-actions {
    grid-template-columns: 1fr !important;
  }

  .online-agora-v94__stats {
    grid-template-columns: 1fr !important;
  }

  .online-agora-v94__stat-card {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    min-height: 78px !important;
  }

  .online-agora-v94__toolbar,
  .online-agora-v94__side-head {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .online-agora-v94__live-pill,
  .online-agora-v94__side-head span {
    align-self: flex-start !important;
  }

  .online-agora-v94__table tr {
    grid-template-columns: 1fr !important;
  }

  .online-agora-v94__table td:nth-child(7) {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: start !important;
    text-align: left !important;
  }

  .online-agora-v94__summary-grid {
    grid-template-columns: 1fr !important;
  }

  .online-agora-v94__summary-grid article {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 10px !important;
    text-align: left !important;
  }

  .online-agora-v94__summary-grid span {
    margin: 0 !important;
  }

  .online-agora-v94__summary-grid small {
    margin: 0 !important;
    justify-self: end !important;
  }

  .online-agora-v94__history-tabs {
    grid-template-columns: 1fr !important;
  }
}

/* v1.1.23 - Ajuste fino do card de clientes online no mobile
   Corrige o horário/data que estourava para fora do card e deixa o item com layout próprio de celular. */
@media (max-width: 767.98px) {
  .online-agora-v94__client-list {
    width: 100% !important;
    min-width: 0 !important;
  }

  .online-agora-v94__client-item {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    grid-template-areas:
      "avatar info"
      "avatar time" !important;
    align-items: center !important;
    gap: 4px 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px 11px !important;
    overflow: hidden !important;
  }

  .online-agora-v94__client-item .online-agora-v94__client-avatar {
    grid-area: avatar !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  .online-agora-v94__client-item > div {
    grid-area: info !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .online-agora-v94__client-item strong {
    display: block !important;
    max-width: 100% !important;
    font-size: .86rem !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .online-agora-v94__client-item small {
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    max-width: 100% !important;
    margin-top: 2px !important;
    font-size: .72rem !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .online-agora-v94__client-item em {
    grid-area: time !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 2px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #667085 !important;
    font-size: .68rem !important;
    line-height: 1.1 !important;
    font-style: normal !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .online-agora-v94__client-item > .online-agora-v94__dot {
    display: none !important;
  }
}

@media (max-width: 380px) {
  .online-agora-v94__client-item {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 3px 8px !important;
    padding: 9px !important;
  }

  .online-agora-v94__client-item .online-agora-v94__client-avatar {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    font-size: .66rem !important;
  }

  .online-agora-v94__client-item strong {
    font-size: .8rem !important;
  }

  .online-agora-v94__client-item small,
  .online-agora-v94__client-item em {
    font-size: .66rem !important;
  }
}


/* v1.1.24 - Ajuste mobile global do sistema sem afetar desktop */
@media (max-width: 768px) {
  .app-topbar {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
  }
  .app-topbar-left,
  .app-topbar-actions {
    width: 100%;
    min-width: 0;
  }
  .app-topbar-left {
    gap: 10px;
  }
  .app-greeting {
    min-width: 0;
  }
  .app-greeting strong,
  .app-greeting .app-client-hi {
    display: block;
    font-size: 1rem;
    line-height: 1.2;
  }
  .app-greeting span:not(.app-client-wave):not(.app-client-hi) {
    display: block;
    font-size: .78rem;
    line-height: 1.35;
  }
  .app-topbar-actions {
    display: flex;
    justify-content: space-between;
    gap: 8px;
  }
  .app-user-summary {
    min-width: 0;
    max-width: calc(100% - 52px);
  }
  .app-user-summary div {
    min-width: 0;
  }
  .app-user-summary strong,
  .app-user-summary span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .master-users-v93,
  .online-agora-v94 {
    gap: 1rem;
  }
  .master-users-v93__head h1,
  .online-agora-v94__head h1 {
    font-size: 1.9rem;
    line-height: 1.08;
  }
  .master-users-v93__head p,
  .online-agora-v94__head p {
    font-size: .9rem;
    line-height: 1.45;
  }
  .master-users-v93__head-actions,
  .online-agora-v94__head-actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }
  .master-users-v93__head-actions .btn,
  .online-agora-v94__head-actions .btn {
    width: 100%;
    min-height: 42px;
    padding: .68rem .95rem;
    justify-content: center;
  }
  .master-users-v93__stats,
  .online-agora-v94__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
  }
  .master-users-v93__stat-card,
  .online-agora-v94__stat-card {
    padding: .9rem;
    gap: .8rem;
    border-radius: 16px;
  }
  .master-users-v93__stat-icon,
  .online-agora-v94__stat-icon {
    width: 46px;
    height: 46px;
    font-size: 1.05rem;
  }
  .master-users-v93__stat-card strong,
  .online-agora-v94__stat-card strong {
    font-size: 1.6rem;
  }
  .master-users-v93__stat-card small,
  .master-users-v93__stat-card em,
  .online-agora-v94__stat-card small,
  .online-agora-v94__stat-card em {
    font-size: .78rem;
    line-height: 1.35;
  }
  .master-users-v93__tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: .4rem;
    gap: .45rem;
    scrollbar-width: none;
  }
  .master-users-v93__tabs::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .master-users-v93__tabs button {
    flex: 0 0 auto;
    min-height: 40px;
    padding: .62rem .85rem;
    white-space: nowrap;
    font-size: .92rem;
  }
  .master-users-v93__panel,
  .master-users-v93__table-card,
  .master-users-v93__side-card,
  .online-agora-v94__main-card,
  .online-agora-v94__side-card,
  .online-agora-v94__history-card {
    padding: .9rem;
    border-radius: 16px;
  }
  .master-users-v93__section-head,
  .online-agora-v94__toolbar,
  .online-agora-v94__history-head,
  .online-agora-v94__side-head {
    flex-direction: column;
    align-items: stretch;
    gap: .7rem;
  }
  .master-users-v93__hint,
  .online-agora-v94__live-pill {
    align-self: flex-start;
  }
  .master-users-v93__toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: .75rem;
  }
  .master-users-v93__filters {
    grid-template-columns: 1fr;
    gap: .65rem;
  }
  .master-users-v93__export {
    width: 100%;
    justify-content: center;
  }
  .master-users-v93__users-grid,
  .master-users-v93__profiles-grid,
  .online-agora-v94__grid,
  .online-agora-v94__history-grid {
    grid-template-columns: 1fr;
    gap: .85rem;
  }
  .master-users-v93__summary-grid article,
  .online-agora-v94__summary-grid article {
    padding: .5rem 0;
  }
  .master-users-v93__summary-grid strong {
    font-size: 1.25rem;
  }
  .master-users-v93__summary-grid small,
  .online-agora-v94__summary-grid small {
    font-size: .8rem;
  }
  .master-users-v93__mini-stats article {
    padding: .8rem;
  }
  .master-users-v93__preset-grid,
  .master-users-v93__actions-grid {
    grid-template-columns: 1fr;
  }
  .master-users-v93__quick-item {
    justify-items: start;
    text-align: left;
    grid-template-columns: auto 1fr;
    align-items: center;
    padding: .95rem;
  }
  .master-users-v93__quick-item span {
    font-size: .84rem;
  }
  .master-users-v93__log-item {
    grid-template-columns: auto 1fr;
  }
  .master-users-v93__log-item time {
    grid-column: 2;
  }
  .online-agora-v94__summary-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .online-agora-v94__summary-grid article + article {
    border-left: 0;
    border-top: 1px solid rgba(15,23,42,.08);
    padding-top: .9rem;
  }

  .app-content table.is-mobile-stack thead {
    display: none;
  }
  .app-content table.is-mobile-stack,
  .app-content table.is-mobile-stack tbody,
  .app-content table.is-mobile-stack tr,
  .app-content table.is-mobile-stack td {
    display: block;
    width: 100%;
  }
  .app-content table.is-mobile-stack tbody {
    display: grid;
    gap: .75rem;
  }
  .app-content table.is-mobile-stack tr {
    background: #fff;
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(15,23,42,.04);
  }
  .client-panel-dark .app-content table.is-mobile-stack tr {
    background: rgba(15,23,42,.88);
    border-color: rgba(255,255,255,.08);
  }
  .app-content table.is-mobile-stack td {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: .78rem .9rem !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(15,23,42,.06) !important;
    white-space: normal !important;
    text-align: right;
  }
  .client-panel-dark .app-content table.is-mobile-stack td {
    border-bottom-color: rgba(255,255,255,.08) !important;
  }
  .app-content table.is-mobile-stack td:last-child {
    border-bottom: 0 !important;
  }
  .app-content table.is-mobile-stack td::before {
    content: attr(data-label);
    flex: 0 0 112px;
    max-width: 112px;
    color: #667085;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1.35;
    text-align: left;
  }
  .client-panel-dark .app-content table.is-mobile-stack td::before {
    color: #94a3b8;
  }
  .app-content table.is-mobile-stack td[colspan],
  .app-content table.is-mobile-stack tr.master-users-v93__edit-row td {
    display: block;
    text-align: left;
    padding: 0 !important;
    border: 0 !important;
  }
  .app-content table.is-mobile-stack td[colspan]::before,
  .app-content table.is-mobile-stack tr.master-users-v93__edit-row td::before {
    display: none;
  }
  .master-users-v93__edit-row {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin-top: -.15rem;
  }
  .master-users-v93__edit-panel {
    margin: .15rem 0 .7rem;
    padding: .9rem;
  }
  .master-users-v93__table-wrap,
  .online-agora-v94__table-wrap,
  .master-users-v93__matrix-wrap {
    overflow: visible;
    border: 0;
  }
  .master-users-v93__user,
  .online-agora-v94__user {
    min-width: 0;
    width: 100%;
  }
  .master-users-v93__user > div,
  .online-agora-v94__user > div {
    min-width: 0;
  }
  .master-users-v93__user strong,
  .online-agora-v94__user strong,
  .online-agora-v94__client-item strong {
    white-space: normal;
    overflow: visible;
    text-overflow: initial;
  }
  .master-users-v93__action,
  .online-agora-v94__action {
    width: 38px;
    height: 38px;
  }
  .online-agora-v94__client-item {
    grid-template-columns: auto minmax(0,1fr) auto;
    gap: .65rem;
    align-items: center;
  }
  .online-agora-v94__client-item .online-agora-v94__dot {
    display: none;
  }
}

@media (max-width: 560px) {
  .master-users-v93__stats,
  .online-agora-v94__stats {
    grid-template-columns: 1fr;
  }
  .app-content table.is-mobile-stack td {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 4px;
  }
  .app-content table.is-mobile-stack td::before {
    flex-basis: auto;
    max-width: none;
  }
}


/* v1.1.25 - Correção forte: remove desktop espremido no mobile/tablet */
@media (max-width: 991.98px) {
  html, body { max-width:100%; overflow-x:hidden; }
  .app-main, body.sidebar-collapsed .app-main { margin-left:0!important; width:100%!important; max-width:100%!important; }
  .app-content { width:100%!important; max-width:100%!important; padding:14px 12px 88px!important; overflow-x:hidden!important; }
  .master-users-v93,.online-agora-v94,.master-users-v93 *,.online-agora-v94 * { max-width:100%; box-sizing:border-box; }
  .master-users-v93__head,.online-agora-v94__head { display:grid!important; grid-template-columns:1fr!important; gap:.85rem!important; }
  .master-users-v93__head h1,.online-agora-v94__head h1 { font-size:clamp(1.55rem,7vw,2rem)!important; line-height:1.08!important; letter-spacing:-.035em!important; }
  .master-users-v93__head p,.online-agora-v94__head p { font-size:.88rem!important; line-height:1.45!important; }
  .master-users-v93__head-actions,.online-agora-v94__head-actions { display:grid!important; grid-template-columns:1fr!important; gap:.65rem!important; width:100%!important; }
  .master-users-v93__head-actions .btn,.online-agora-v94__head-actions .btn { width:100%!important; min-height:42px!important; padding:.68rem .9rem!important; border-radius:12px!important; font-size:.93rem!important; }
  .master-users-v93__stats,.online-agora-v94__stats { display:grid!important; grid-template-columns:1fr!important; gap:.72rem!important; }
  .master-users-v93__stat-card,.online-agora-v94__stat-card { min-width:0!important; width:100%!important; padding:.82rem .86rem!important; border-radius:15px!important; gap:.75rem!important; }
  .master-users-v93__stat-icon,.online-agora-v94__stat-icon { width:42px!important; height:42px!important; font-size:1rem!important; }
  .master-users-v93__stat-card strong,.online-agora-v94__stat-card strong { font-size:1.45rem!important; }
  .master-users-v93__stat-card small,.master-users-v93__stat-card em,.online-agora-v94__stat-card small,.online-agora-v94__stat-card em { font-size:.76rem!important; line-height:1.34!important; }
  .master-users-v93__tabs { display:flex!important; flex-wrap:nowrap!important; overflow-x:auto!important; overflow-y:hidden!important; gap:.42rem!important; padding:.4rem!important; border-radius:15px!important; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .master-users-v93__tabs::-webkit-scrollbar { display:none; }
  .master-users-v93__tabs button { flex:0 0 auto!important; min-height:38px!important; padding:.56rem .76rem!important; border-radius:11px!important; font-size:.86rem!important; white-space:nowrap!important; }
  .master-users-v93__users-grid,.master-users-v93__profiles-grid,.online-agora-v94__grid,.online-agora-v94__history-grid { display:grid!important; grid-template-columns:1fr!important; gap:.85rem!important; width:100%!important; }
  .master-users-v93__panel,.master-users-v93__table-card,.master-users-v93__side-card,.online-agora-v94__main-card,.online-agora-v94__side-card,.online-agora-v94__history-card { width:100%!important; padding:.86rem!important; border-radius:15px!important; overflow:visible!important; }
  .master-users-v93__toolbar { display:grid!important; grid-template-columns:1fr!important; gap:.65rem!important; margin-bottom:.75rem!important; }
  .master-users-v93__filters { display:grid!important; grid-template-columns:1fr!important; gap:.6rem!important; }
  .master-users-v93__filters .form-control,.master-users-v93__filters .form-select,.master-users-v93__export { width:100%!important; min-height:40px!important; font-size:.9rem!important; border-radius:12px!important; }
  .master-users-v93__export { justify-content:center!important; }
  .master-users-v93__table-wrap,.online-agora-v94__table-wrap,.master-users-v93__matrix-wrap { width:100%!important; max-width:100%!important; overflow:visible!important; border:0!important; }
  .master-users-v93__table,.online-agora-v94__table,.online-agora-v94__history-table,.master-users-v93__matrix,.app-content table.is-mobile-stack { width:100%!important; min-width:0!important; max-width:100%!important; table-layout:auto!important; }
  .app-content table.is-mobile-stack thead { display:none!important; }
  .app-content table.is-mobile-stack,.app-content table.is-mobile-stack tbody,.app-content table.is-mobile-stack tr,.app-content table.is-mobile-stack td,.app-content table.is-mobile-stack th { display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; }
  .app-content table.is-mobile-stack tbody { display:grid!important; gap:.72rem!important; }
  .app-content table.is-mobile-stack tr { background:#fff!important; border:1px solid rgba(15,23,42,.08)!important; border-radius:15px!important; overflow:hidden!important; box-shadow:0 8px 18px rgba(15,23,42,.04)!important; }
  .app-content table.is-mobile-stack td,.app-content table.is-mobile-stack th { display:grid!important; grid-template-columns:104px minmax(0,1fr)!important; align-items:center!important; gap:.65rem!important; padding:.72rem .82rem!important; border:0!important; border-bottom:1px solid rgba(15,23,42,.06)!important; white-space:normal!important; text-align:left!important; font-size:.86rem!important; }
  .app-content table.is-mobile-stack td:last-child,.app-content table.is-mobile-stack th:last-child { border-bottom:0!important; }
  .app-content table.is-mobile-stack td::before,.app-content table.is-mobile-stack th::before { content:attr(data-label); color:#667085; font-size:.73rem; font-weight:600; line-height:1.25; text-align:left; }
  .app-content table.is-mobile-stack td[colspan],.app-content table.is-mobile-stack th[colspan],.app-content table.is-mobile-stack tr.master-users-v93__edit-row td { display:block!important; padding:0!important; border:0!important; }
  .app-content table.is-mobile-stack td[colspan]::before,.app-content table.is-mobile-stack th[colspan]::before,.app-content table.is-mobile-stack tr.master-users-v93__edit-row td::before { display:none!important; }
  .master-users-v93__edit-row { background:transparent!important; border:0!important; box-shadow:none!important; }
  .master-users-v93__edit-panel { margin:.15rem 0 .7rem!important; padding:.85rem!important; border-radius:14px!important; }
  .master-users-v93__user,.online-agora-v94__user { display:grid!important; grid-template-columns:auto minmax(0,1fr)!important; gap:.6rem!important; width:100%!important; min-width:0!important; align-items:center!important; }
  .master-users-v93__avatar,.online-agora-v94__avatar { width:34px!important; height:34px!important; font-size:.72rem!important; }
  .master-users-v93__user>div,.online-agora-v94__user>div { min-width:0!important; }
  .master-users-v93__user strong,.online-agora-v94__user strong,.online-agora-v94__client-item strong { display:block!important; max-width:100%!important; white-space:normal!important; overflow:visible!important; text-overflow:initial!important; line-height:1.25!important; }
  .master-users-v93__you { margin-left:0!important; margin-top:.3rem!important; }
  .master-users-v93__profile-badge,.master-users-v93__permission-count,.online-agora-v94__role-badge,.status-pill { min-height:30px!important; width:max-content!important; max-width:100%!important; font-size:.78rem!important; white-space:normal!important; }
  .master-users-v93__action,.online-agora-v94__action { width:36px!important; height:36px!important; min-height:36px!important; }
  .master-users-v93__summary-grid,.online-agora-v94__summary-grid { display:grid!important; grid-template-columns:1fr!important; gap:0!important; }
  .master-users-v93__summary-grid article,.online-agora-v94__summary-grid article { padding:.62rem 0!important; }
  .master-users-v93__summary-grid span,.online-agora-v94__summary-grid span { width:40px!important; height:40px!important; }
  .master-users-v93__summary-grid strong,.online-agora-v94__summary-grid strong { font-size:1.35rem!important; }
  .online-agora-v94__client-list { gap:.62rem!important; }
  .online-agora-v94__client-item { display:grid!important; grid-template-columns:auto minmax(0,1fr) auto!important; align-items:center!important; gap:.58rem!important; width:100%!important; padding:.72rem!important; border:1px solid rgba(15,23,42,.08)!important; border-radius:14px!important; background:#fff!important; }
  .online-agora-v94__client-avatar { width:40px!important; height:40px!important; font-size:.68rem!important; }
  .online-agora-v94__client-item em { justify-self:end!important; font-size:.74rem!important; max-width:72px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
  .online-agora-v94__client-item .online-agora-v94__dot { display:none!important; }
  .master-users-v93__preset-grid,.master-users-v93__actions-grid { grid-template-columns:1fr!important; }
  .master-users-v93__quick-item { display:grid!important; grid-template-columns:auto 1fr!important; justify-items:start!important; text-align:left!important; padding:.85rem!important; }
  .client-panel-dark .app-content table.is-mobile-stack tr,.client-panel-dark .online-agora-v94__client-item { background:rgba(15,23,42,.88)!important; border-color:rgba(255,255,255,.09)!important; }
  .client-panel-dark .app-content table.is-mobile-stack td,.client-panel-dark .app-content table.is-mobile-stack th { border-bottom-color:rgba(255,255,255,.08)!important; }
  .client-panel-dark .app-content table.is-mobile-stack td::before,.client-panel-dark .app-content table.is-mobile-stack th::before { color:#94a3b8!important; }
}
@media (min-width:480px) and (max-width:991.98px) {
  .master-users-v93__stats,.online-agora-v94__stats { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}

/* v1.1.27 - Clientes da Agência (planos de agência acima de 20 bios) */
.agency-clients-page { display: grid; gap: 1.25rem; }
.agency-clients-hero { display: flex; align-items: stretch; justify-content: space-between; gap: 1rem; padding: 1.35rem; border: 1px solid rgba(0,143,90,.14); border-radius: 26px; background: linear-gradient(135deg, #ffffff 0%, #f4fbf7 100%); box-shadow: 0 18px 45px rgba(15, 23, 42, .06); }
.agency-clients-kicker { display: inline-flex; align-items: center; gap: .45rem; padding: .42rem .7rem; border-radius: 999px; background: rgba(0,143,90,.09); color: var(--bz-primary); font-size: .82rem; font-weight: 600; }
.agency-clients-hero h1 { margin: .75rem 0 .35rem; color: #101828; font-size: clamp(1.75rem, 3vw, 2.65rem); line-height: 1.05; letter-spacing: -.045em; font-weight: 650; }
.agency-clients-hero p { max-width: 720px; margin: 0; color: #667085; line-height: 1.65; }
.agency-clients-plan-badge { min-width: 220px; display: grid; align-content: center; gap: .2rem; padding: 1rem; border-radius: 22px; background: #101828; color: #fff; }
.agency-clients-plan-badge small { color: rgba(255,255,255,.62); }
.agency-clients-plan-badge strong { font-size: 1.12rem; }
.agency-clients-plan-badge span { color: rgba(255,255,255,.78); font-size: .88rem; }
.agency-clients-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem; }
.agency-clients-stats article { display: flex; align-items: center; gap: .85rem; padding: 1rem; border: 1px solid rgba(16,24,40,.08); border-radius: 22px; background: #fff; box-shadow: 0 14px 34px rgba(15,23,42,.05); }
.agency-clients-stats span { width: 42px; height: 42px; display: inline-grid; place-items: center; border-radius: 15px; background: rgba(0,143,90,.1); color: var(--bz-primary); font-size: 1.1rem; }
.agency-clients-stats small { display: block; color: #667085; font-size: .82rem; }
.agency-clients-stats strong { display: block; color: #101828; font-size: 1.45rem; line-height: 1.1; }
.agency-clients-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(280px, .75fr); gap: 1rem; align-items: stretch; }
.agency-clients-card, .agency-clients-info, .agency-clients-list { border: 1px solid rgba(16,24,40,.08); border-radius: 24px; box-shadow: 0 16px 42px rgba(15,23,42,.05); overflow: hidden; }
.agency-clients-section-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 1rem; }
.agency-clients-section-head h2 { margin: 0; color: #101828; font-size: 1.12rem; font-weight: 650; letter-spacing: -.02em; }
.agency-clients-section-head p { margin: .28rem 0 0; color: #667085; font-size: .9rem; line-height: 1.55; }
.agency-clients-section-head > span { display: inline-flex; align-items: center; gap: .38rem; padding: .45rem .65rem; border-radius: 999px; background: rgba(0,143,90,.08); color: var(--bz-primary); font-size: .78rem; font-weight: 600; white-space: nowrap; }
.agency-clients-info-icon { width: 48px; height: 48px; display: inline-grid; place-items: center; border-radius: 17px; background: rgba(0,143,90,.1); color: var(--bz-primary); font-size: 1.2rem; margin-bottom: .9rem; }
.agency-clients-info h2 { margin: 0 0 .45rem; font-size: 1.1rem; font-weight: 650; color: #101828; }
.agency-clients-info p { color: #667085; line-height: 1.6; margin-bottom: .9rem; }
.agency-clients-info ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .65rem; }
.agency-clients-info li { display: flex; gap: .55rem; color: #344054; font-size: .9rem; }
.agency-clients-info li i { color: var(--bz-primary); }
.agency-clients-empty { min-height: 180px; display: grid; place-items: center; text-align: center; gap: .35rem; color: #667085; border: 1px dashed rgba(0,143,90,.25); border-radius: 22px; background: #fbfffd; }
.agency-clients-empty i { font-size: 2.1rem; color: var(--bz-primary); }
.agency-clients-empty strong { color: #101828; }
.agency-clients-table { display: grid; gap: .85rem; }
.agency-client-row { display: grid; grid-template-columns: minmax(220px, 1.2fr) minmax(190px, 1fr) auto auto; gap: .8rem; align-items: center; padding: .9rem; border: 1px solid rgba(16,24,40,.08); border-radius: 20px; background: #fff; }
.agency-client-summary { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.agency-client-avatar { width: 42px; height: 42px; display: inline-grid; place-items: center; flex: 0 0 auto; border-radius: 15px; background: #f2f7f4; color: var(--bz-primary); }
.agency-client-summary strong, .agency-client-summary span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agency-client-summary strong { color: #101828; font-weight: 650; }
.agency-client-summary span { color: #667085; font-size: .85rem; }
.agency-client-bio small { display: block; color: #98a2b3; font-size: .75rem; }
.agency-client-bio a { color: #101828; font-weight: 600; text-decoration: none; }
.agency-client-status { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; padding: .42rem .65rem; border-radius: 999px; font-size: .82rem; font-weight: 600; }
.agency-client-status.is-active { background: rgba(0,143,90,.1); color: var(--bz-primary); }
.agency-client-status.is-inactive { background: rgba(152,162,179,.14); color: #667085; }
.agency-client-edit { grid-column: 1 / -1; padding-top: .95rem; border-top: 1px solid rgba(16,24,40,.08); }
.agency-client-delete-form { margin-top: .75rem; display: flex; justify-content: flex-end; }
.client-panel-dark .agency-clients-hero, .client-panel-dark .agency-clients-stats article, .client-panel-dark .agency-clients-card, .client-panel-dark .agency-clients-info, .client-panel-dark .agency-clients-list, .client-panel-dark .agency-client-row { background: #111827; border-color: rgba(255,255,255,.08); box-shadow: none; }
.client-panel-dark .agency-clients-hero h1, .client-panel-dark .agency-clients-stats strong, .client-panel-dark .agency-clients-section-head h2, .client-panel-dark .agency-clients-info h2, .client-panel-dark .agency-client-summary strong, .client-panel-dark .agency-client-bio a { color: #f8fafc; }
.client-panel-dark .agency-clients-hero p, .client-panel-dark .agency-clients-stats small, .client-panel-dark .agency-clients-section-head p, .client-panel-dark .agency-clients-info p, .client-panel-dark .agency-client-summary span { color: #94a3b8; }
@media (max-width: 991px) { .agency-clients-hero, .agency-clients-section-head { flex-direction: column; } .agency-clients-plan-badge { width: 100%; } .agency-clients-grid { grid-template-columns: 1fr; } .agency-client-row { grid-template-columns: 1fr; align-items: stretch; } }
@media (max-width: 575px) { .agency-clients-hero { padding: 1rem; border-radius: 22px; } .agency-clients-stats { grid-template-columns: 1fr; } .agency-clients-section-head > span { white-space: normal; } }

/* v1.1.28 - Menu lateral do Admin Master na cor solicitada */
body.app-role-master .app-sidebar,
body.app-role-master.sidebar-collapsed .app-sidebar {
  background: #021732 !important;
  border-right-color: rgba(255, 255, 255, .08) !important;
}
body.app-role-master .app-sidebar-head {
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  padding-bottom: 14px;
}
body.app-role-master .app-brand,
body.app-role-master .app-brand:hover {
  color: #ffffff !important;
}
body.app-role-master .app-brand-mark {
  background: rgba(255, 255, 255, .10) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .12);
}
body.app-role-master .app-nav a {
  color: rgba(255, 255, 255, .76) !important;
  background: transparent;
}
body.app-role-master .app-nav a i {
  color: rgba(255, 255, 255, .72) !important;
}
body.app-role-master .app-nav a:hover,
body.app-role-master .app-nav a.active {
  background: rgba(0, 143, 90, .24) !important;
  color: #ffffff !important;
}
body.app-role-master .app-nav a:hover i,
body.app-role-master .app-nav a.active i {
  color: #ffffff !important;
}
body.app-role-master .app-sidebar-mobile-close {
  background: rgba(255, 255, 255, .08) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, .12) !important;
}

/* v1.1.29 - Tela Clientes no estilo profissional solicitado */
.clients-v129 {
  --clients-green: var(--bz-primary, #008F5A);
  --clients-green-dark: #00784d;
  --clients-text: #101828;
  --clients-muted: #667085;
  --clients-border: #e1e8e5;
  --clients-soft: #f7faf9;
  color: var(--clients-text);
}
.clients-v129__title {
  margin-bottom: 24px;
}
.clients-v129__title-left {
  display: flex;
  align-items: center;
  gap: 18px;
}
.clients-v129__title-icon {
  width: 42px;
  height: 42px;
  display: inline-grid;
  place-items: center;
  color: #0b1f33;
  font-size: 31px;
}
.clients-v129__title h1 {
  font-size: clamp(28px, 2.6vw, 38px);
  font-weight: 600;
  letter-spacing: -.04em;
  color: #101b2d;
}
.clients-v129__title .muted-title {
  margin-top: 8px;
  font-size: 15px;
  color: #68758a;
}
.clients-v129__tabs {
  display: inline-flex;
  align-items: stretch;
  margin: 0 0 -1px;
  border-radius: 14px 14px 0 0;
  overflow: hidden;
  border: 1px solid var(--clients-border);
  border-bottom: 0;
  background: #fff;
}
.clients-v129__tab {
  min-width: 214px;
  min-height: 66px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 17px 26px;
  color: #344054;
  text-decoration: none;
  background: #fbfcfc;
  border-right: 1px solid var(--clients-border);
  font-weight: 500;
  font-size: 16px;
  position: relative;
}
.clients-v129__tab:last-child { border-right: 0; }
.clients-v129__tab i { font-size: 22px; }
.clients-v129__tab.is-active {
  color: var(--clients-green);
  background: #fff;
}
.clients-v129__tab.is-active::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 2px;
  background: var(--clients-green);
  border-radius: 999px;
}
.clients-v129__card {
  background: #fff;
  border: 1px solid var(--clients-border);
  border-radius: 0 18px 18px 18px;
  box-shadow: 0 14px 36px rgba(15, 23, 42, .06);
}
.clients-v129__form-card {
  padding: 28px 30px 30px;
  margin-bottom: 20px;
}
.clients-v129__section-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--clients-border);
  color: #14213a;
}
.clients-v129__section-head > span {
  width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  color: var(--clients-green);
  font-size: 20px;
}
.clients-v129__section-head strong {
  font-size: 16px;
  font-weight: 600;
}
.clients-v129__section-head-access {
  margin-top: 18px;
}
.clients-v129__form { display: grid; gap: 0; }
.clients-v129__grid {
  display: grid;
  gap: 20px 26px;
}
.clients-v129__grid-account {
  grid-template-columns: 1.06fr 1fr 1fr .84fr;
}
.clients-v129__field,
.clients-v129__edit-form label {
  display: grid;
  gap: 8px;
  min-width: 0;
  position: relative;
}
.clients-v129__field > span,
.clients-v129__edit-form label > span {
  color: #17243b;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 600;
}
.clients-v129 .form-control,
.clients-v129 .form-select {
  min-height: 48px;
  border: 1px solid #d8e2df;
  border-radius: 8px;
  background-color: #fff;
  color: #1f2a44;
  font-size: 14px;
  font-weight: 400;
  box-shadow: none !important;
}
.clients-v129 .form-control::placeholder { color: #98a2b3; }
.clients-v129 .form-control:focus,
.clients-v129 .form-select:focus {
  border-color: rgba(0, 143, 90, .55);
  outline: 3px solid rgba(0, 143, 90, .10);
}
.clients-v129__field-icon-right input {
  padding-right: 42px;
}
.clients-v129__field-icon-right > i {
  position: absolute;
  right: 17px;
  top: 40px;
  color: var(--clients-green);
  pointer-events: none;
}
.clients-v129__date-field > i { color: #344054; }
.clients-v129__date-field input::-webkit-calendar-picker-indicator { opacity: 0; }
.clients-v129__select-status em {
  position: absolute;
  left: 17px;
  bottom: 18px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #22c55e;
  z-index: 2;
  pointer-events: none;
}
.clients-v129__select-status select { padding-left: 34px; }
.clients-v129__access-row {
  display: grid;
  grid-template-columns: minmax(280px, .85fr) minmax(260px, .78fr) 1fr;
  gap: 26px;
  align-items: end;
}
.clients-v129__password-field input { padding-right: 50px; }
.clients-v129__password-toggle {
  position: absolute;
  right: 14px;
  bottom: 12px;
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  color: #667085;
  display: grid;
  place-items: center;
}
.clients-v129__form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}
.clients-v129__btn-light,
.clients-v129__btn-primary,
.clients-v129__btn-outline {
  min-height: 48px;
  border-radius: 8px;
  padding: 0 22px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.clients-v129__btn-light {
  background: #fff;
  color: #344054;
  border: 1px solid #d7e0dc;
}
.clients-v129__btn-light:hover { background: #f9fbfa; border-color: #c6d4cf; }
.clients-v129__btn-primary {
  background: linear-gradient(180deg, #06a66a, var(--clients-green));
  border: 1px solid var(--clients-green);
  color: #fff;
}
.clients-v129__btn-primary:hover { background: var(--clients-green-dark); border-color: var(--clients-green-dark); color: #fff; }
.clients-v129__btn-outline {
  background: #fff;
  color: var(--clients-green);
  border: 1px solid var(--clients-green);
}
.clients-v129__btn-outline:hover { background: rgba(0, 143, 90, .08); color: var(--clients-green); border-color: var(--clients-green); }
.clients-v129__list-card {
  border-radius: 18px;
  padding: 24px 30px 16px;
}
.clients-v129__filters {
  display: grid;
  grid-template-columns: minmax(280px, 480px) minmax(220px, 260px) 1fr;
  align-items: center;
  gap: 22px;
  margin-bottom: 22px;
}
.clients-v129__search,
.clients-v129__filter-select {
  position: relative;
}
.clients-v129__search i,
.clients-v129__filter-select > i {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #526078;
  font-size: 18px;
  z-index: 2;
  pointer-events: none;
}
.clients-v129__search input { padding-left: 44px; }
.clients-v129__filter-select select { padding-left: 44px; }
.clients-v129__filter-actions {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 16px;
}
.clients-v129__table-wrap {
  width: 100%;
  overflow-x: auto;
}
.clients-v129__table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
}
.clients-v129__table th {
  padding: 10px 8px 14px;
  color: #17243b;
  font-size: 13px;
  font-weight: 600;
  border-bottom: 1px solid var(--clients-border);
  white-space: nowrap;
}
.clients-v129__table td {
  padding: 16px 8px;
  color: #344054;
  font-size: 14px;
  border-bottom: 1px solid #edf2f0;
  vertical-align: middle;
}
.clients-v129__client {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}
.clients-v129__avatar {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  background: #d9f8e9;
  color: var(--clients-green);
  font-weight: 600;
  font-size: 18px;
}
.clients-v129__client strong {
  display: block;
  color: #14213a;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.25;
}
.clients-v129__client small {
  display: block;
  margin-top: 5px;
  color: #667085;
  font-size: 12px;
  white-space: nowrap;
}
.clients-v129__plan,
.clients-v129__bios-count {
  color: #17243b;
  font-weight: 500;
}
.clients-v129__status {
  min-height: 36px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}
.clients-v129__status i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
.clients-v129__status.is-active { color: #008f5a; background: #ddf7eb; }
.clients-v129__status.is-active i { background: #17b26a; }
.clients-v129__status.is-trial { color: #0b6cb8; background: #e2f1ff; }
.clients-v129__status.is-trial i { background: #198ee5; }
.clients-v129__status.is-expired { color: #b54708; background: #fff1d7; }
.clients-v129__status.is-expired i { background: #f79009; }
.clients-v129__status.is-blocked { color: #b42318; background: #fee4e2; }
.clients-v129__status.is-blocked i { background: #f04438; }
.clients-v129__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.clients-v129__actions form { margin: 0; }
.clients-v129__icon-btn {
  width: 44px;
  height: 44px;
  border-radius: 9px;
  display: inline-grid;
  place-items: center;
  background: #fff;
  border: 1px solid #d6e1dd;
  color: #344054;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.clients-v129__icon-btn:hover { transform: translateY(-1px); background: #f9fbfa; }
.clients-v129__icon-btn.is-access { color: var(--clients-green); }
.clients-v129__icon-btn.is-delete { color: #ff3b3b; border-color: rgba(255, 59, 59, .45); }
.clients-v129__edit-row td {
  padding: 0 8px 12px;
  border-bottom: 1px solid #edf2f0;
}
.clients-v129__edit-form {
  margin-top: 6px;
  padding: 18px;
  display: grid;
  grid-template-columns: repeat(6, minmax(140px, 1fr));
  gap: 14px;
  background: #fbfefd;
  border: 1px solid #e1eae6;
  border-radius: 14px;
}
.clients-v129__edit-actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.clients-v129__edit-hint {
  color: #667085;
  font-size: 12px;
}
.clients-v129__empty {
  min-height: 180px;
  display: grid;
  place-items: center;
  text-align: center;
  gap: 6px;
  color: #667085;
}
.clients-v129__empty i {
  font-size: 32px;
  color: var(--clients-green);
}
.clients-v129__empty strong { color: #101828; }
.clients-v129__pagination {
  padding: 18px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: #667085;
  font-size: 13px;
}
.clients-v129__pagination > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.clients-v129__pagination button,
.clients-v129__pagination strong {
  width: 36px;
  height: 36px;
  border: 1px solid #dce5e1;
  border-radius: 9px;
  background: #fff;
  color: #344054;
  display: inline-grid;
  place-items: center;
  font-weight: 500;
}
.clients-v129__pagination strong {
  color: #fff;
  border-color: var(--clients-green);
  background: linear-gradient(180deg, #08a869, var(--clients-green));
}
.clients-v129__pagination button:disabled { opacity: .58; }
@media (max-width: 1280px) {
  .clients-v129__grid-account { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .clients-v129__access-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .clients-v129__form-actions { grid-column: 1 / -1; }
  .clients-v129__edit-form { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
  .clients-v129__filters { grid-template-columns: 1fr; gap: 12px; }
  .clients-v129__filter-actions { justify-self: stretch; }
  .clients-v129__filter-actions .btn { flex: 1 1 0; }
  .clients-v129__tabs { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .clients-v129__tab { min-width: 0; }
}
@media (max-width: 767px) {
  .clients-v129__title-left { align-items: flex-start; gap: 10px; }
  .clients-v129__title-icon { width: 34px; height: 34px; font-size: 25px; }
  .clients-v129__title h1 { font-size: 28px; }
  .clients-v129__title .muted-title { font-size: 13px; line-height: 1.4; }
  .clients-v129__form-card,
  .clients-v129__list-card { padding: 18px; border-radius: 16px; }
  .clients-v129__card { border-radius: 16px; }
  .clients-v129__tabs { margin-bottom: 10px; border: 1px solid var(--clients-border); border-radius: 16px; }
  .clients-v129__tab { min-height: 58px; padding: 12px; font-size: 13px; }
  .clients-v129__grid-account,
  .clients-v129__access-row,
  .clients-v129__edit-form { grid-template-columns: 1fr; }
  .clients-v129__form-actions,
  .clients-v129__filter-actions,
  .clients-v129__edit-actions,
  .clients-v129__pagination { flex-direction: column; align-items: stretch; }
  .clients-v129__form-actions .btn,
  .clients-v129__filter-actions .btn,
  .clients-v129__edit-actions .btn { width: 100%; }
  .clients-v129__pagination > div { justify-content: center; }
  .clients-v129__client small { white-space: normal; }
}

/* v1.1.30 - Clientes: edição troca a linha pelo formulário e bloqueio por switch */
.clients-v129__table { min-width: 1080px; }
.clients-v129__actions { gap: 8px; flex-wrap: nowrap; }
.clients-v129__icon-btn.is-edit { color: #344054; }
.clients-v129__icon-btn.is-edit:hover { border-color: rgba(0, 143, 90, .42); color: var(--clients-green); }
.clients-v129__switch {
  height: 44px;
  min-width: 126px;
  padding: 0 11px;
  border-radius: 999px;
  border: 1px solid #d6e1dd;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #344054;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, transform .18s ease, color .18s ease;
}
.clients-v129__switch:hover { transform: translateY(-1px); background: #f9fbfa; }
.clients-v129__switch-track {
  width: 38px;
  height: 22px;
  padding: 2px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  background: #d0d5dd;
  transition: background .18s ease;
}
.clients-v129__switch-knob {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(15, 23, 42, .16);
  transform: translateX(0);
  transition: transform .18s ease;
}
.clients-v129__switch.is-on {
  color: #008f5a;
  border-color: rgba(0, 143, 90, .28);
  background: #f2fbf7;
}
.clients-v129__switch.is-on .clients-v129__switch-track { background: var(--clients-green); }
.clients-v129__switch.is-on .clients-v129__switch-knob { transform: translateX(16px); }
.clients-v129__switch.is-off {
  color: #b42318;
  border-color: rgba(244, 63, 94, .24);
  background: #fff7f7;
}
.clients-v129__switch.is-off .clients-v129__switch-track { background: #f04438; }
.clients-v129__switch.is-off .clients-v129__switch-knob { transform: translateX(0); }
.clients-v129__edit-row[hidden],
.clients-v129__client-row[hidden] { display: none !important; }
.clients-v129__edit-row td {
  padding: 14px 8px 20px;
  border-bottom: 1px solid #edf2f0;
  background: #fbfefd;
}
.clients-v129__edit-panel {
  border: 1px solid #dce8e3;
  border-radius: 16px;
  background: #fff;
  box-shadow: inset 4px 0 0 rgba(0, 143, 90, .85), 0 12px 28px rgba(15, 23, 42, .05);
  padding: 18px;
}
.clients-v129__edit-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 14px;
  margin-bottom: 16px;
  border-bottom: 1px solid #edf2f0;
}
.clients-v129__edit-panel-head strong {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #101828;
  font-size: 15px;
  font-weight: 600;
}
.clients-v129__edit-panel-head strong i { color: var(--clients-green); }
.clients-v129__edit-panel-head span {
  display: block;
  margin-top: 4px;
  color: #667085;
  font-size: 12px;
}
.clients-v129__edit-form {
  margin-top: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(140px, 1fr));
  gap: 14px;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.clients-v129__edit-actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}
@media (max-width: 767px) {
  .clients-v129__edit-panel-head { align-items: flex-start; }
  .clients-v129__edit-actions { justify-content: stretch; }
  .clients-v129__switch { min-width: 116px; }
}

/* BioZap v1.1.31 - Plano agência premium e clientes da agência com painel próprio */
.app-user-text strong { display: flex; align-items: center; gap: 6px; min-width: 0; }
.app-premium-plan-icon { width: 18px; height: 18px; display: inline-grid; place-items: center; flex: 0 0 auto; border-radius: 999px; background: linear-gradient(135deg, #f59e0b 0%, #facc15 52%, #fff7c2 100%); color: #713f12; font-size: 10px; font-style: normal; box-shadow: 0 6px 16px rgba(245, 158, 11, .22); }
.app-premium-plan-chip { display: inline-flex !important; align-items: center; gap: 4px; width: max-content; max-width: none !important; margin-left: 6px; padding: 2px 7px; border-radius: 999px; background: rgba(245, 158, 11, .12); color: #a16207 !important; font-size: 10px !important; font-weight: 700; line-height: 1.25; vertical-align: middle; }
.app-user-summary span:has(.app-premium-plan-chip) { display: flex; align-items: center; gap: 2px; max-width: 190px; }
.app-user-summary span .app-premium-plan-chip { flex: 0 0 auto; }
body.client-panel-dark .app-premium-plan-chip { background: rgba(245, 158, 11, .18); color: #facc15 !important; }

.my-bios-agency-note { border: 1px solid rgba(0,143,90,.13); border-radius: 22px; background: linear-gradient(135deg, #ffffff 0%, #f3fbf7 100%); box-shadow: 0 14px 34px rgba(15,23,42,.04); }
.my-bios-agency-note .card-body { display: flex; align-items: flex-start; gap: 14px; padding: 18px; }
.my-bios-agency-note span { width: 46px; height: 46px; display: inline-grid; place-items: center; flex: 0 0 auto; border-radius: 16px; background: rgba(0,143,90,.1); color: var(--bz-primary); font-size: 21px; }
.my-bios-agency-note strong { display: block; color: #101828; font-size: 16px; font-weight: 650; }
.my-bios-agency-note p { margin: 5px 0 0; color: #667085; line-height: 1.55; font-size: 14px; }

.agency-clients-plan-badge.is-premium { background: linear-gradient(135deg, #08162b 0%, #0f2748 58%, #09203c 100%); border: 1px solid rgba(250,204,21,.22); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 38px rgba(2, 23, 50, .16); }
.agency-clients-plan-badge.is-premium strong { display: inline-flex; align-items: center; gap: 8px; }
.agency-clients-plan-badge.is-premium strong i { color: #facc15; }
.agency-client-permission-note { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border: 1px solid rgba(0,143,90,.13); border-radius: 16px; background: #f5fbf8; color: #344054; font-size: 13px; line-height: 1.45; }
.agency-client-permission-note i { color: var(--bz-primary); margin-top: 2px; }
.agency-clients-table-pro { gap: 10px; }
.agency-client-row-pro { display: block; padding: 0; overflow: hidden; }
.agency-client-main { display: grid; grid-template-columns: minmax(220px, 1.2fr) minmax(190px, 1fr) auto auto auto; gap: 12px; align-items: center; padding: 14px; }
.agency-client-row.is-editing .agency-client-main { display: none; }
.agency-client-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 7px; }
.agency-client-actions form { margin: 0; }
.agency-client-actions .btn, .agency-client-main > .btn { width: 36px; height: 36px; display: inline-grid; place-items: center; padding: 0; border-radius: 11px; }
.agency-client-switch-form { display: flex; align-items: center; justify-content: center; margin: 0; }
.agency-client-switch-form .form-check-input { width: 44px; height: 24px; cursor: pointer; border-color: #cbd5e1; }
.agency-client-switch-form .form-check-input:checked { background-color: var(--bz-primary); border-color: var(--bz-primary); }
.agency-client-edit { padding: 18px; border-top: 1px solid rgba(16,24,40,.08); background: #fbfdfc; }
.agency-client-edit h3 { margin: 0; color: #101828; font-size: 16px; font-weight: 650; letter-spacing: -.02em; display: flex; align-items: center; gap: 8px; }
.agency-client-edit p { margin: 4px 0 0; color: #667085; font-size: 13px; }
.client-panel-dark .my-bios-agency-note, .client-panel-dark .agency-client-edit { background: #0f172a; border-color: rgba(255,255,255,.08); box-shadow: none; }
.client-panel-dark .my-bios-agency-note strong, .client-panel-dark .agency-client-edit h3 { color: #f8fafc; }
.client-panel-dark .my-bios-agency-note p, .client-panel-dark .agency-client-edit p { color: #94a3b8; }
.client-panel-dark .agency-client-permission-note { background: rgba(var(--bz-primary-rgb),.08); border-color: rgba(var(--bz-primary-rgb),.18); color: #cbd5e1; }
@media (max-width: 991px) {
  .agency-client-main { grid-template-columns: 1fr; align-items: stretch; }
  .agency-client-status, .agency-client-switch-form, .agency-client-actions { justify-content: flex-start; }
  .app-user-summary span:has(.app-premium-plan-chip) { display: block; }
  .app-premium-plan-chip { margin-left: 0; margin-top: 3px; }
}

/* BioZap v1.1.32 - Agência: ícone diamante sem texto premium e criação de bio própria para cliente */
.app-agency-diamond-icon {
  width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #facc15;
  color: #7a4b00;
  font-size: 11px;
  font-style: normal;
  box-shadow: 0 6px 16px rgba(250, 204, 21, .26);
}
.app-agency-diamond-icon i { line-height: 1; }
.agency-clients-kicker i,
.agency-clients-plan-badge.is-agency strong i {
  width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #facc15;
  color: #7a4b00;
  font-size: 12px;
}
.agency-clients-plan-badge.is-agency {
  background: linear-gradient(135deg, #08162b 0%, #0f2748 58%, #09203c 100%);
  border: 1px solid rgba(250,204,21,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 38px rgba(2, 23, 50, .16);
}
.agency-clients-plan-badge.is-agency strong { display: inline-flex; align-items: center; gap: 8px; }
.agency-client-form-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border-radius: 999px;
  background: rgba(0,143,90,.08);
  color: var(--bz-primary);
  font-size: 13px;
  font-weight: 650;
}
.agency-client-form-title i { font-size: 15px; }
.agency-client-access-level small,
.agency-client-access-level strong,
.agency-client-bio em { display: block; }
.agency-client-access-level small { color: #98a2b3; font-size: .75rem; }
.agency-client-access-level strong { color: #344054; font-size: .86rem; font-weight: 650; }
.agency-client-access-level strong i { color: var(--bz-primary); }
.agency-client-bio em { color: #98a2b3; font-size: .75rem; font-style: normal; margin-top: 2px; }
@media (min-width: 992px) {
  .agency-client-main { grid-template-columns: minmax(220px, 1.05fr) minmax(190px, 1fr) minmax(150px,.75fr) auto auto auto; }
}
.client-panel-dark .agency-client-form-title { background: rgba(var(--bz-primary-rgb),.13); color: var(--bz-primary); }
.client-panel-dark .agency-client-access-level strong { color: #e2e8f0; }
.client-panel-dark .agency-client-bio em { color: #94a3b8; }

/* BioZap v1.1.33 - Clientes da Agência em abas profissionais */
.agency-tabs-v133 {
  --agency-green: var(--bz-primary, #008f5a);
  --agency-navy: #081a33;
  --agency-text: #0f172a;
  --agency-muted: #667085;
  --agency-line: rgba(15, 23, 42, .09);
  display: grid;
  gap: 18px;
}
.agency-tabs-v133__hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  align-items: start;
  gap: 24px;
  padding: 4px 0 0;
}
.agency-tabs-v133__kicker {
  width: max-content;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(0,143,90,.09);
  color: var(--agency-green);
  font-size: 13px;
  font-weight: 650;
}
.agency-tabs-v133__kicker i {
  width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(0,143,90,.11);
  color: var(--agency-green);
}
.agency-tabs-v133__hero h1 {
  margin: 14px 0 8px;
  color: var(--agency-text);
  font-size: clamp(2rem, 4vw, 3.35rem);
  line-height: .98;
  letter-spacing: -.065em;
  font-weight: 650;
}
.agency-tabs-v133__hero p {
  max-width: 760px;
  margin: 0;
  color: var(--agency-muted);
  line-height: 1.65;
  font-size: 14px;
}
.agency-tabs-v133__plan-card {
  display: grid;
  grid-template-columns: 58px 1fr;
  gap: 15px;
  align-items: center;
  min-height: 150px;
  padding: 22px;
  border-radius: 20px;
  background: radial-gradient(circle at 20% 18%, rgba(13, 148, 255, .24), transparent 35%), linear-gradient(135deg, #08162b 0%, #0e2443 100%);
  color: #fff;
  box-shadow: 0 20px 45px rgba(8, 22, 43, .16), inset 0 1px 0 rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.08);
}
.agency-tabs-v133__plan-icon {
  width: 58px;
  height: 58px;
  display: inline-grid;
  place-items: center;
  border-radius: 20px;
  background: linear-gradient(135deg, #0f82d7 0%, #1e64b7 100%);
  color: #facc15;
  font-size: 27px;
}
.agency-tabs-v133__plan-card small,
.agency-tabs-v133__plan-card em {
  display: block;
  color: rgba(255,255,255,.72);
  font-style: normal;
  font-size: 13px;
}
.agency-tabs-v133__plan-card strong {
  display: block;
  color: #fff;
  font-size: 25px;
  line-height: 1.05;
  margin: 3px 0 5px;
  font-weight: 650;
}
.agency-tabs-v133__plan-card a {
  grid-column: 1 / -1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin-top: 4px;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 650;
}
.agency-tabs-v133__tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: 0 16px;
  border: 1px solid var(--agency-line);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 15px 35px rgba(15,23,42,.04);
  overflow: auto hidden;
}
.agency-tabs-v133__tabs .nav-item { display: flex; min-width: 170px; }
.agency-tabs-v133__tab,
.agency-tabs-v133__tab.nav-link {
  position: relative;
  width: 100%;
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #475467 !important;
  font-size: 14px;
  font-weight: 550;
  white-space: nowrap;
}
.agency-tabs-v133__tab::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: transparent;
}
.agency-tabs-v133__tab.active,
.agency-tabs-v133__tab.nav-link.active {
  color: var(--agency-green) !important;
  font-weight: 650;
}
.agency-tabs-v133__tab.active::after { background: var(--agency-green); }
.agency-tabs-v133__content { min-width: 0; }
.agency-tabs-v133__create-layout,
.agency-tabs-v133__overview-grid,
.agency-tabs-v133__permission-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 20px;
  align-items: start;
}
.agency-tabs-v133__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}
.agency-tabs-v133__stats article {
  position: relative;
  overflow: hidden;
  min-height: 118px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px;
  border: 1px solid var(--agency-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(15,23,42,.04);
}
.agency-tabs-v133__stats article::after {
  content: "";
  position: absolute;
  right: -34px;
  bottom: -45px;
  width: 140px;
  height: 140px;
  border: 1px solid rgba(0,143,90,.12);
  border-radius: 999px;
  box-shadow: -28px -20px 0 -18px rgba(0,143,90,.08);
}
.agency-tabs-v133__stats span {
  width: 56px;
  height: 56px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 20px;
  background: rgba(0,143,90,.09);
  color: var(--agency-green);
  font-size: 24px;
}
.agency-tabs-v133__stats small,
.agency-tabs-v133__stats em {
  display: block;
  color: var(--agency-muted);
  font-size: 12px;
  font-style: normal;
}
.agency-tabs-v133__stats small { color: #475467; font-weight: 600; }
.agency-tabs-v133__stats strong {
  display: block;
  color: var(--agency-text);
  font-size: 26px;
  font-weight: 650;
  line-height: 1.05;
  margin: 4px 0 5px;
}
.agency-tabs-v133__card,
.agency-tabs-v133__side-card {
  border: 1px solid var(--agency-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(15,23,42,.045);
}
.agency-tabs-v133__card { padding: 20px; }
.agency-tabs-v133__section-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 16px;
}
.agency-tabs-v133__section-head h2,
.agency-tabs-v133__card h2,
.agency-tabs-v133__side-card h2 {
  margin: 0;
  color: var(--agency-text);
  font-size: 18px;
  line-height: 1.25;
  letter-spacing: -.025em;
  font-weight: 650;
}
.agency-tabs-v133__section-head p,
.agency-tabs-v133__card p,
.agency-tabs-v133__side-card p {
  margin: 5px 0 0;
  color: var(--agency-muted);
  font-size: 13px;
  line-height: 1.55;
}
.agency-tabs-v133__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--agency-line);
  border-radius: 12px;
  overflow: hidden;
  background: #f8fafc;
}
.agency-tabs-v133__steps span {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #667085;
  font-size: 12px;
  font-weight: 650;
  border-right: 1px solid var(--agency-line);
}
.agency-tabs-v133__steps span:last-child { border-right: 0; }
.agency-tabs-v133__steps b {
  width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #e2e8f0;
  color: #475467;
  font-size: 12px;
}
.agency-tabs-v133__steps .is-active { background: #fff; color: var(--agency-green); }
.agency-tabs-v133__steps .is-active b { background: var(--agency-green); color: #fff; }
.agency-tabs-v133__form .form-label {
  margin-bottom: 7px;
  color: #344054;
  font-size: 13px;
  font-weight: 550;
}
.agency-tabs-v133__form .form-control,
.agency-tabs-v133__form .form-select,
.agency-tabs-v133__search input {
  min-height: 45px;
  border-color: rgba(15,23,42,.12);
  border-radius: 10px;
  color: #1d2939;
  font-size: 13px;
  box-shadow: none;
}
.agency-tabs-v133__form .form-control:focus,
.agency-tabs-v133__form .form-select:focus,
.agency-tabs-v133__search input:focus {
  border-color: rgba(0,143,90,.42);
  box-shadow: 0 0 0 .18rem rgba(0,143,90,.08);
}
.agency-tabs-v133__input-icon { position: relative; }
.agency-tabs-v133__input-icon > i {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--agency-green);
  z-index: 2;
}
.agency-tabs-v133__input-icon .form-control { padding-left: 42px; }
.agency-tabs-v133__divider {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 3px;
  padding-top: 14px;
  border-top: 1px solid var(--agency-line);
  color: var(--agency-text);
  font-size: 14px;
  font-weight: 650;
}
.agency-tabs-v133__divider i { color: var(--agency-green); }
.agency-tabs-v133__permissions-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 15px;
  border: 1px solid rgba(0,143,90,.12);
  border-radius: 16px;
  background: #fbfffd;
}
.agency-tabs-v133__switch {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "toggle title" "toggle desc";
  column-gap: 10px;
  align-items: center;
  margin: 0;
  color: #344054;
}
.agency-tabs-v133__switch input { display: none; }
.agency-tabs-v133__switch > span {
  grid-area: toggle;
  position: relative;
  width: 38px;
  height: 21px;
  border-radius: 999px;
  background: #cbd5e1;
}
.agency-tabs-v133__switch > span::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 15px;
  height: 15px;
  border-radius: 999px;
  background: #fff;
  transition: .2s;
}
.agency-tabs-v133__switch input:checked + span { background: var(--agency-green); }
.agency-tabs-v133__switch input:checked + span::after { transform: translateX(17px); }
.agency-tabs-v133__switch b { grid-area: title; font-size: 13px; font-weight: 650; }
.agency-tabs-v133__switch small { grid-area: desc; color: var(--agency-muted); font-size: 11px; }
.agency-tabs-v133__side-card {
  padding: 22px;
  position: sticky;
  top: 94px;
}
.agency-tabs-v133__side-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.agency-tabs-v133__side-head > i { color: #667085; }
.agency-tabs-v133__info-item {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 13px;
  align-items: start;
  padding: 15px 0;
  border-top: 1px solid var(--agency-line);
}
.agency-tabs-v133__info-item:first-of-type { border-top: 0; }
.agency-tabs-v133__info-item span {
  width: 44px;
  height: 44px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(0,143,90,.09);
  color: var(--agency-green);
  font-size: 18px;
}
.agency-tabs-v133__info-item strong {
  display: block;
  color: var(--agency-text);
  font-size: 13px;
  font-weight: 650;
}
.agency-tabs-v133__info-item p { margin: 3px 0 0; font-size: 12px; }
.agency-tabs-v133__support-box {
  margin-top: 12px;
  padding: 16px;
  border-radius: 16px;
  background: linear-gradient(135deg, #f2fbf6 0%, #eaf8f1 100%);
  border: 1px solid rgba(0,143,90,.1);
}
.agency-tabs-v133__support-box strong { display: block; color: var(--agency-green); font-size: 13px; font-weight: 650; }
.agency-tabs-v133__support-box p { margin: 6px 0 12px; font-size: 12px; }
.agency-tabs-v133__support-box a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 35px;
  padding: 0 13px;
  border: 1px solid rgba(0,143,90,.35);
  border-radius: 9px;
  color: var(--agency-green);
  text-decoration: none;
  font-size: 12px;
  font-weight: 650;
  background: #fff;
}
.agency-tabs-v133__list-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.agency-tabs-v133__search {
  position: relative;
  width: min(360px, 100%);
}
.agency-tabs-v133__search i {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  color: #667085;
}
.agency-tabs-v133__search input { width: 100%; padding-left: 39px; }
.agency-tabs-v133__table-head {
  display: grid;
  grid-template-columns: minmax(220px, 1.05fr) minmax(190px, 1fr) minmax(150px,.75fr) auto auto auto;
  gap: 12px;
  padding: 0 14px 10px;
  color: #475467;
  font-size: 12px;
  font-weight: 650;
  border-bottom: 1px solid var(--agency-line);
}
.agency-tabs-v133__client-row {
  border-radius: 16px;
  border-color: var(--agency-line);
}
.agency-tabs-v133__client-row .agency-client-main {
  min-height: 74px;
}
.agency-tabs-v133__table-footer {
  margin-top: 14px;
  color: var(--agency-muted);
  font-size: 12px;
}
.agency-tabs-v133__overview-card { min-height: 190px; }
.agency-tabs-v133__flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.agency-tabs-v133__flow span {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 14px;
  border-radius: 14px;
  background: #f8fafc;
  border: 1px solid var(--agency-line);
  color: #344054;
  font-size: 13px;
  font-weight: 600;
}
.agency-tabs-v133__flow i { color: var(--agency-green); }
.agency-tabs-v133__permission-list { display: grid; gap: 12px; margin-top: 16px; }
.agency-tabs-v133__permission-list article {
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--agency-line);
  border-radius: 14px;
  background: #fbfcfe;
}
.agency-tabs-v133__permission-list i { color: var(--agency-green); font-size: 20px; }
.agency-tabs-v133__permission-list strong { display: block; color: var(--agency-text); font-size: 13px; }
.agency-tabs-v133__permission-list span { display: block; color: var(--agency-muted); font-size: 12px; margin-top: 2px; }
.client-panel-dark .agency-tabs-v133__tabs,
.client-panel-dark .agency-tabs-v133__card,
.client-panel-dark .agency-tabs-v133__side-card,
.client-panel-dark .agency-tabs-v133__stats article,
.client-panel-dark .agency-tabs-v133__steps .is-active,
.client-panel-dark .agency-tabs-v133__support-box a {
  background: #111827;
  border-color: rgba(255,255,255,.08);
  box-shadow: none;
}
.client-panel-dark .agency-tabs-v133__hero h1,
.client-panel-dark .agency-tabs-v133__section-head h2,
.client-panel-dark .agency-tabs-v133__card h2,
.client-panel-dark .agency-tabs-v133__side-card h2,
.client-panel-dark .agency-tabs-v133__stats strong,
.client-panel-dark .agency-tabs-v133__info-item strong,
.client-panel-dark .agency-tabs-v133__permission-list strong,
.client-panel-dark .agency-tabs-v133__switch b {
  color: #f8fafc;
}
.client-panel-dark .agency-tabs-v133__hero p,
.client-panel-dark .agency-tabs-v133__section-head p,
.client-panel-dark .agency-tabs-v133__card p,
.client-panel-dark .agency-tabs-v133__side-card p,
.client-panel-dark .agency-tabs-v133__stats small,
.client-panel-dark .agency-tabs-v133__stats em,
.client-panel-dark .agency-tabs-v133__tab,
.client-panel-dark .agency-tabs-v133__switch small,
.client-panel-dark .agency-tabs-v133__table-head,
.client-panel-dark .agency-tabs-v133__permission-list span {
  color: #94a3b8 !important;
}
.client-panel-dark .agency-tabs-v133__steps,
.client-panel-dark .agency-tabs-v133__flow span,
.client-panel-dark .agency-tabs-v133__permission-list article,
.client-panel-dark .agency-tabs-v133__permissions-row {
  background: #0f172a;
  border-color: rgba(255,255,255,.08);
}
@media (max-width: 1199.98px) {
  .agency-tabs-v133__hero,
  .agency-tabs-v133__create-layout,
  .agency-tabs-v133__overview-grid,
  .agency-tabs-v133__permission-grid { grid-template-columns: 1fr; }
  .agency-tabs-v133__plan-card { max-width: 390px; }
  .agency-tabs-v133__side-card { position: static; }
}
@media (max-width: 991.98px) {
  .agency-tabs-v133__stats { grid-template-columns: 1fr; }
  .agency-tabs-v133__table-head { display: none; }
  .agency-tabs-v133__client-row .agency-client-main { grid-template-columns: 1fr; align-items: stretch; }
  .agency-tabs-v133__list-actions { justify-content: stretch; }
  .agency-tabs-v133__search { width: 100%; }
  .agency-tabs-v133__flow,
  .agency-tabs-v133__permissions-row { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
  .agency-tabs-v133__hero h1 { font-size: 2rem; }
  .agency-tabs-v133__tabs { padding: 0 8px; border-radius: 14px; }
  .agency-tabs-v133__tabs .nav-item { min-width: 145px; }
  .agency-tabs-v133__tab, .agency-tabs-v133__tab.nav-link { min-height: 52px; font-size: 12px; }
  .agency-tabs-v133__card,
  .agency-tabs-v133__side-card { padding: 16px; border-radius: 16px; }
  .agency-tabs-v133__steps { grid-template-columns: 1fr; }
  .agency-tabs-v133__steps span { justify-content: flex-start; padding-left: 12px; border-right: 0; border-bottom: 1px solid var(--agency-line); }
  .agency-tabs-v133__steps span:last-child { border-bottom: 0; }
  .agency-tabs-v133__plan-card { grid-template-columns: 48px 1fr; min-height: unset; padding: 18px; }
  .agency-tabs-v133__plan-icon { width: 48px; height: 48px; border-radius: 16px; }
}

/* BioZap v1.1.34 - Ajuste do título e cards da página Clientes da Agência */
.agency-tabs-v133 {
  gap: 14px;
}
.agency-tabs-v133__hero {
  gap: 20px;
  padding-top: 0;
  align-items: center;
}
.agency-tabs-v133__kicker {
  padding: 6px 12px;
  font-size: 12px;
}
.agency-tabs-v133__kicker i {
  width: 20px;
  height: 20px;
}
.agency-tabs-v133__hero h1 {
  margin: 10px 0 6px;
  font-size: clamp(1.75rem, 2.65vw, 2.45rem);
  line-height: 1.08;
  letter-spacing: -.045em;
  font-weight: 650;
}
.agency-tabs-v133__hero p {
  max-width: 840px;
  font-size: 13.5px;
  line-height: 1.55;
}
.agency-tabs-v133__tabs {
  border-radius: 18px;
  box-shadow: 0 12px 26px rgba(15, 23, 42, .035);
}
.agency-tabs-v133__stats {
  gap: 16px;
  margin-bottom: 16px;
}
.agency-tabs-v133__stats article {
  min-height: 104px;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 92% 100%, rgba(0,143,90,.075), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #fbfefd 100%);
  box-shadow: 0 12px 30px rgba(15, 23, 42, .045);
}
.agency-tabs-v133__stats article::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(0,143,90,.06), transparent 40%);
}
.agency-tabs-v133__stats article::after {
  right: -52px;
  bottom: -56px;
  width: 136px;
  height: 136px;
  border-color: rgba(0,143,90,.10);
  box-shadow: -30px -22px 0 -19px rgba(0,143,90,.06);
}
.agency-tabs-v133__stats span {
  position: relative;
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 17px;
  background: linear-gradient(135deg, rgba(0,143,90,.13), rgba(0,143,90,.06));
  font-size: 21px;
}
.agency-tabs-v133__stats div {
  position: relative;
  z-index: 1;
  min-width: 0;
}
.agency-tabs-v133__stats small {
  color: #344054;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: -.01em;
}
.agency-tabs-v133__stats strong {
  font-size: 25px;
  line-height: 1;
  margin: 5px 0 6px;
  letter-spacing: -.035em;
}
.agency-tabs-v133__stats em {
  max-width: 180px;
  color: #667085;
  font-size: 12px;
  line-height: 1.35;
}
.agency-tabs-v133__card,
.agency-tabs-v133__side-card {
  border-radius: 22px;
  box-shadow: 0 14px 32px rgba(15, 23, 42, .04);
}
@media (max-width: 1199.98px) {
  .agency-tabs-v133__hero h1 {
    font-size: clamp(1.65rem, 4.5vw, 2.25rem);
  }
}
@media (max-width: 991.98px) {
  .agency-tabs-v133__stats {
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x mandatory;
  }
  .agency-tabs-v133__stats article {
    scroll-snap-align: start;
  }
}
@media (max-width: 575.98px) {
  .agency-tabs-v133__hero h1 {
    font-size: 1.7rem;
    letter-spacing: -.035em;
  }
  .agency-tabs-v133__hero p {
    font-size: 13px;
  }
  .agency-tabs-v133__stats {
    grid-template-columns: 1fr;
    overflow: visible;
    padding-bottom: 0;
  }
  .agency-tabs-v133__stats article {
    min-height: 92px;
    padding: 14px;
  }
  .agency-tabs-v133__stats span {
    width: 46px;
    height: 46px;
    border-radius: 15px;
    font-size: 19px;
  }
  .agency-tabs-v133__stats strong {
    font-size: 22px;
  }
}

/* v1.1.35 - edição rápida do perfil no topo */
.app-user-summary-button {
  border: 0;
  background: transparent;
  text-align: left;
}
.app-user-avatar-wrap {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
}
.app-user-avatar-wrap .app-user-avatar,
.app-user-avatar-wrap .app-user-avatar-photo {
  flex: 0 0 auto;
}
.app-user-avatar-edit {
  position: absolute;
  right: -4px;
  bottom: -3px;
  width: 21px;
  height: 21px;
  border-radius: 999px;
  background: #008f5a;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  box-shadow: 0 4px 12px rgba(0, 143, 90, .25);
  border: 2px solid #fff;
}
.app-user-avatar-wrap-lg .app-user-avatar,
.app-user-avatar-wrap-lg .app-user-avatar-photo {
  width: 68px;
  height: 68px;
  font-size: 24px;
}
.app-user-text {
  min-width: 0;
}
.app-user-quick-hint {
  display: inline-flex;
  align-items: center;
  margin-top: 2px;
  font-size: 11px;
  color: #008f5a;
  font-weight: 600;
}
.app-quick-profile-modal {
  border: 0;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(15, 23, 42, .18);
}
.app-quick-profile-modal .modal-header {
  border-bottom: 1px solid #edf1f5;
  padding: 18px 20px 16px;
  align-items: flex-start;
}
.app-quick-profile-modal .modal-header p {
  margin: 4px 0 0;
  color: #667085;
  font-size: 13px;
}
.app-quick-profile-modal .modal-body {
  padding: 18px 20px 10px;
}
.app-quick-profile-preview {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid #e6f1ec;
  background: linear-gradient(180deg, #f8fcfa 0%, #f2faf6 100%);
  border-radius: 18px;
  margin-bottom: 16px;
}
.app-quick-profile-preview strong {
  display: block;
  font-size: 17px;
  color: #152033;
}
.app-quick-profile-preview span {
  display: block;
  color: #667085;
  font-size: 13px;
}
.app-quick-profile-actions {
  justify-content: space-between;
  padding: 14px 20px 20px;
  border-top: 1px solid #edf1f5;
}
@media (max-width: 575px) {
  .app-quick-profile-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .app-quick-profile-actions .btn {
    width: 100%;
  }
}

/* v1.1.38 - Corrige clique do perfil no topo e acesso direto à aba Foto */
.app-user-summary-link {
  position: relative;
  z-index: 5;
  cursor: pointer;
  pointer-events: auto;
}
.app-user-summary-link * {
  pointer-events: none;
}
.client-profile-actions [data-profile-tab-open] {
  position: relative;
  z-index: 2;
}

/* Ajuste fino de tipografia do Perfil Master - v1.1.39
   Afina as fontes das abas e diminui o título principal sem alterar a estrutura da tela. */
.master-profile-page .client-profile-main h1 {
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 600;
  letter-spacing: -.025em;
  line-height: 1.12;
}
.master-profile-page .client-profile-main p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
}
.master-profile-page .client-profile-kicker {
  font-size: 11px;
  font-weight: 500;
}
.master-profile-page .client-profile-tabs .nav-link {
  min-height: 56px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -.01em;
}
.master-profile-page .client-profile-tabs .nav-link i {
  font-size: 15px;
}
.master-profile-page .client-profile-tabs .nav-link.active {
  font-weight: 600;
}
.master-profile-page .client-profile-section-head h2 {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -.01em;
}
.master-profile-page .client-profile-section-head p,
.master-profile-page .client-profile-form .form-label,
.master-profile-page .client-profile-upload-box small {
  font-weight: 400;
}
.master-profile-page .client-profile-form .form-label {
  font-size: 12px;
}
.master-profile-page .client-profile-actions .btn,
.master-profile-page .client-profile-savebar .btn {
  font-weight: 500;
}
.master-profile-page .client-profile-card-preview strong,
.master-profile-page .client-profile-mini-card strong,
.master-profile-page .client-profile-bio-list a span,
.master-profile-page .client-profile-progress strong,
.master-profile-page .client-profile-bio-list > strong {
  font-weight: 600;
}
@media (max-width: 820px) {
  .master-profile-page .client-profile-main h1 {
    font-size: 25px;
  }
  .master-profile-page .client-profile-tabs .nav-link {
    min-height: 52px;
    padding: 0 16px;
    font-size: 13px;
  }
}

/* v1.1.40 - Ajuste do selo de câmera do avatar no topo
   Mantém o badge para fora do círculo principal e remove as sombras. */
.app-user-summary-link,
.app-user-avatar-wrap {
  overflow: visible !important;
}
.app-user-avatar-wrap {
  padding-right: 8px;
  padding-bottom: 6px;
}
.app-user-avatar-wrap .app-user-avatar,
.app-user-avatar-wrap .app-user-avatar-photo,
.app-user-avatar {
  box-shadow: none !important;
}
.app-user-avatar-edit {
  right: -8px !important;
  bottom: -6px !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  border: 2px solid #fff !important;
  box-shadow: none !important;
  z-index: 3;
}
.app-user-avatar-edit i {
  font-size: 10px !important;
  line-height: 1 !important;
}


/* v1.1.41 - Remove selo verde e texto de edição no resumo do usuário do topo */
.app-user-avatar-wrap {
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}
.app-user-avatar-edit,
.app-user-quick-hint {
  display: none !important;
}


/* v1.1.46 - Menu lateral do painel do cliente com a mesma cor do menu master */
body.app-role-client .app-sidebar,
body.app-role-client.sidebar-collapsed .app-sidebar {
  background: #021732 !important;
  border-right-color: rgba(255, 255, 255, .08) !important;
}
body.app-role-client .app-sidebar-head {
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  padding-bottom: 14px;
}
body.app-role-client .app-brand,
body.app-role-client .app-brand:hover {
  color: #ffffff !important;
}
body.app-role-client .app-brand-mark {
  background: rgba(255, 255, 255, .10) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
}
body.app-role-client .app-nav a {
  color: rgba(255, 255, 255, .76) !important;
  background: transparent !important;
}
body.app-role-client .app-nav a i {
  color: rgba(255, 255, 255, .72) !important;
}
body.app-role-client .app-nav a:hover,
body.app-role-client .app-nav a.active {
  background: rgba(0, 143, 90, .24) !important;
  color: #ffffff !important;
}
body.app-role-client .app-nav a:hover i,
body.app-role-client .app-nav a.active i {
  color: #ffffff !important;
}
body.app-role-client .app-sidebar-mobile-close {
  background: rgba(255, 255, 255, .08) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, .12) !important;
}

/* v1.1.55 - Prices no front em carrossel infinito */
.landing-page #precos .bio-price-box {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
.landing-page #precos .bio-plan-includes,
.landing-page #precos .bio-prices-grid { display: none !important; }
.landing-page #precos .bio-prices-carousel { --price-gap: 20px; --price-loop-offset: 10px; display: block !important; position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; border-radius: 0 !important; }
.landing-page #precos .bio-prices-carousel::before,
.landing-page #precos .bio-prices-carousel::after { content: "" !important; display: block !important; position: absolute !important; top: 0 !important; bottom: 0 !important; width: 54px !important; z-index: 3 !important; pointer-events: none !important; }
.landing-page #precos .bio-prices-carousel::before { left: 0 !important; background: linear-gradient(90deg, #fff, rgba(255,255,255,0)) !important; }
.landing-page #precos .bio-prices-carousel::after { right: 0 !important; background: linear-gradient(270deg, #fff, rgba(255,255,255,0)) !important; }
.landing-page #precos .bio-prices-viewport { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; padding: 22px 2px 12px !important; scroll-snap-type: none !important; scrollbar-width: none !important; }
.landing-page #precos .bio-prices-viewport::-webkit-scrollbar { display: none !important; }
.landing-page #precos .bio-prices-track { display: flex !important; flex-wrap: nowrap !important; align-items: stretch !important; gap: var(--price-gap) !important; width: max-content !important; max-width: none !important; will-change: transform !important; transform: translate3d(0,0,0); }
.landing-page #precos .bio-prices-carousel.is-looping .bio-prices-track { animation: biozapPricesInfiniteLoop 34s linear infinite !important; }
.landing-page #precos .bio-prices-carousel:hover .bio-prices-track { animation-play-state: running !important; }
.landing-page #precos .bio-prices-group,
.landing-page #precos .bio-prices-group[aria-hidden="true"] { display: flex !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: flex-start !important; gap: var(--price-gap) !important; flex: 0 0 auto !important; width: max-content !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
.landing-page #precos .bio-prices-group .bio-plan-card,
.landing-page #precos .bio-prices-group[aria-hidden="true"] .bio-plan-card { display: flex !important; flex-direction: column !important; flex: 0 0 320px !important; width: 320px !important; min-width: 320px !important; max-width: 320px !important; margin: 0 !important; opacity: 1 !important; visibility: visible !important; transform: none !important; scroll-snap-align: none !important; }
.landing-page #precos .bio-plan-card ul { flex: 1 1 auto !important; }
.landing-page #precos .bio-btn-plan { margin-top: auto !important; }
@keyframes biozapPricesInfiniteLoop { from { transform: translate3d(0,0,0); } to { transform: translate3d(calc(-50% - var(--price-loop-offset)),0,0); } }
@media (max-width: 767.98px) {
  .landing-page #precos .bio-prices-carousel { --price-gap: 14px; --price-loop-offset: 7px; }
  .landing-page #precos .bio-prices-carousel::before,
  .landing-page #precos .bio-prices-carousel::after { width: 28px !important; }
  .landing-page #precos .bio-prices-viewport { padding-inline: 0 !important; }
  .landing-page #precos .bio-prices-group .bio-plan-card,
  .landing-page #precos .bio-prices-group[aria-hidden="true"] .bio-plan-card { flex-basis: min(300px, calc(100vw - 48px)) !important; width: min(300px, calc(100vw - 48px)) !important; min-width: min(300px, calc(100vw - 48px)) !important; max-width: min(300px, calc(100vw - 48px)) !important; }
}
@media (prefers-reduced-motion: reduce) {
  .landing-page #precos .bio-prices-carousel.is-looping .bio-prices-track { animation: none !important; }
}

/* v1.1.61 - ajustes preservados dos clientes da agência */
.agency-tabs-v133__hero-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.agency-tabs-v133__kicker.is-locked{background:#fff7ed;color:#b45309}
.agency-tabs-v133__kicker.is-locked i{background:rgba(245,158,11,.14);color:#b45309}
.agency-tabs-v133__kicker.is-unlocked{background:rgba(0,143,90,.09);color:var(--agency-green)}
.agency-tabs-v133__steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.agency-tabs-v133__create-layout.is-single-column{grid-template-columns:1fr}
.agency-tabs-v133__create-layout.is-single-column .agency-tabs-v133__steps{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1180px){.agency-tabs-v133__create-layout{grid-template-columns:1fr}}
@media (max-width:768px){.agency-tabs-v133__steps,.agency-tabs-v133__create-layout.is-single-column .agency-tabs-v133__steps{grid-template-columns:1fr}.agency-tabs-v133__hero-badges{align-items:flex-start}}

/* BioZap v1.1.64 - Dados de acesso do cliente no painel master */
.clients-v129__login-email {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  margin-top: 4px !important;
  color: #008f5a !important;
  font-weight: 500;
}
.clients-v129__edit-subtitle {
  grid-column: 1 / -1;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #f6faf8;
  color: #14213a;
  border: 1px solid #e0ebe6;
  font-size: 13px;
  font-weight: 600;
}
.clients-v129__edit-subtitle i { color: var(--clients-green); font-size: 16px; }
.clients-v129__edit-password { position: relative; }
.clients-v129__edit-password input { padding-right: 50px; }
.clients-v129__access-note {
  grid-column: span 3;
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #fffdf5;
  border: 1px solid #f3df9d;
  color: #8a5c00;
  font-size: 12px;
  line-height: 1.35;
}
.clients-v129__access-note i { font-size: 16px; color: #b7791f; }
@media (max-width: 1280px) {
  .clients-v129__access-note { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
  .clients-v129__login-email { white-space: normal; }
  .clients-v129__edit-subtitle,
  .clients-v129__access-note { grid-column: 1 / -1; }
}

/* v1.1.66 - Área do cliente mais organizada e criação de bio mais clara */
.app-nav-section {
  display: block;
  margin: 14px 8px 6px;
  color: #98a2b3;
  font-size: 10px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.app-nav-section:first-child { margin-top: 0; }
.app-sidebar .app-nav { gap: 4px; }
.app-sidebar .app-nav a {
  border: 1px solid transparent;
  min-height: 42px;
}
.app-sidebar .app-nav a.active,
.app-sidebar .app-nav a:hover {
  border-color: rgba(0, 143, 90, .12);
}
body.sidebar-collapsed .app-nav-section { display: none; }
body.sidebar-collapsed .app-sidebar .app-nav { gap: 7px; }
body.sidebar-collapsed .app-sidebar .app-nav a { min-height: 46px; }
.my-bios-create .form-label {
  color: #253449;
  font-size: .82rem;
  font-weight: 500;
}
.my-bios-create .form-control,
.my-bios-create .form-select {
  min-height: 48px;
  border-radius: 14px;
}
.my-bios-create .btn-success,
.my-bio-actions .btn-success {
  border-radius: 13px;
  font-weight: 600;
}
.my-bios-create .card-body { padding: clamp(18px, 3vw, 26px); }
.my-bios-create .text-muted { line-height: 1.5; }
.my-bio-link-box span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.my-bio-actions { gap: 8px; }
.my-bio-actions .btn { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.client-panel-dark .app-nav-section { color: #64748b; }
.client-panel-dark .my-bios-create .form-label { color: #f8fafc; }
@media (max-width: 991px) {
  .app-nav-section { margin-left: 12px; }
}
@media (max-width: 640px) {
  .my-bios-create .row.g-3 { --bs-gutter-y: .85rem; }
  .my-bios-create .col-12.d-flex { align-items: stretch !important; flex-direction: column; }
  .my-bios-create .col-12.d-flex .btn { width: 100%; }
}

/* v1.1.67 - Minhas Bios com abas profissionais */
.my-bios-tabs-page {
  gap: 22px;
}
.my-bios-hero-clean {
  border-radius: 22px;
  border-color: rgba(15, 23, 42, .10);
  background: linear-gradient(180deg, #fff 0%, #fbfefd 100%);
  padding: clamp(22px, 3vw, 34px);
}
.my-bios-hero-clean h1 {
  font-weight: 650;
  letter-spacing: -.045em;
}
.my-bios-hero-clean .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 13px;
  box-shadow: none !important;
}
.my-bios-tabbar {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: stretch;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 16px;
  background: #fff;
  overflow: auto hidden;
  box-shadow: 0 12px 28px rgba(15,23,42,.035);
}
.my-bios-tab {
  position: relative;
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 14px;
  border: 0;
  border-right: 1px solid rgba(15, 23, 42, .08);
  background: transparent;
  color: #475467;
  font-size: 13px;
  font-weight: 550;
  white-space: nowrap;
  transition: color .2s ease, background .2s ease;
}
.my-bios-tab:last-child { border-right: 0; }
.my-bios-tab i { font-size: 17px; color: #667085; transition: color .2s ease; }
.my-bios-tab::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: transparent;
}
.my-bios-tab:hover,
.my-bios-tab.active {
  color: var(--bz-primary);
  background: #fbfffd;
}
.my-bios-tab:hover i,
.my-bios-tab.active i { color: var(--bz-primary); }
.my-bios-tab.active::after { background: var(--bz-primary); }
.my-bios-tab-content > .tab-pane { outline: 0; }
.my-bios-metrics-clean {
  margin-bottom: 18px;
}
.my-bios-metrics-clean .my-bios-metric {
  position: relative;
  overflow: hidden;
  min-height: 116px;
  display: grid;
  grid-template-columns: 56px 1fr;
  grid-template-areas: "icon label" "icon value" "icon desc";
  align-items: center;
  column-gap: 16px;
  padding: 18px;
  border-color: rgba(15, 23, 42, .10);
  box-shadow: 0 12px 28px rgba(15,23,42,.035) !important;
}
.my-bios-metrics-clean .my-bios-metric::after {
  content: "";
  position: absolute;
  right: -38px;
  bottom: -52px;
  width: 150px;
  height: 150px;
  border-radius: 999px;
  border: 1px solid rgba(0, 143, 90, .12);
  pointer-events: none;
}
.my-bios-metrics-clean .my-bios-metric span {
  grid-area: icon;
  width: 54px;
  height: 54px;
  margin: 0;
  border-radius: 18px;
  font-size: 23px;
}
.my-bios-metrics-clean .my-bios-metric small { grid-area: label; margin: 0; font-weight: 500; color: #475467; }
.my-bios-metrics-clean .my-bios-metric strong { grid-area: value; font-weight: 650; font-size: 28px; }
.my-bios-metrics-clean .my-bios-metric em { grid-area: desc; font-style: normal; color: #667085; font-size: 12px; }
.my-bios-panel-card {
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 18px;
  background: #fff;
  padding: clamp(18px, 2.5vw, 26px);
  box-shadow: 0 14px 34px rgba(15,23,42,.035);
}
.my-bios-panel-card .my-bios-card-title h2 {
  display: flex;
  align-items: center;
  gap: 9px;
  font-weight: 650;
}
.my-bios-panel-card .my-bios-card-title h2 i { color: var(--bz-primary); }
.my-bios-empty-inline {
  min-height: 130px;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  padding: 22px;
  border: 1px dashed rgba(15,23,42,.16);
  border-radius: 16px;
  background: #fbfdfc;
}
.my-bios-empty-inline > span {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: #eef9f4;
  color: var(--bz-primary);
  font-size: 25px;
}
.my-bios-empty-inline h3 {
  margin: 0 0 5px;
  color: #152238;
  font-size: 17px;
  font-weight: 650;
}
.my-bios-empty-inline p { margin: 0; color: #667085; font-size: 13px; line-height: 1.55; }
.my-bios-row-list { display: grid; gap: 12px; }
.my-bio-row {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(230px, .82fr) auto;
  gap: 16px;
  align-items: center;
  padding: 18px;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 16px;
  background: #fff;
}
.my-bio-row-main {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-width: 0;
}
.my-bio-row-title {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.my-bio-row-title h3 {
  margin: 0;
  color: #152238;
  font-size: 17px;
  font-weight: 650;
}
.my-bio-row-main p {
  margin: 0;
  color: #667085;
  font-size: 13px;
  line-height: 1.5;
}
.my-bio-row-meta {
  display: grid;
  gap: 7px;
  min-width: 0;
  color: #667085;
  font-size: 12px;
}
.my-bio-row-meta span {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-bio-row-meta i { color: var(--bio-card-color, var(--bz-primary)); }
.my-bio-row-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.my-bio-row-actions button,
.my-bios-link-actions button,
.my-bios-link-actions a {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid rgba(0,143,90,.28);
  border-radius: 11px;
  background: #fff;
  color: var(--bio-card-color, var(--bz-primary));
  text-decoration: none;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 600;
}
.my-bio-row-actions button {
  width: 38px;
  padding: 0;
  border-color: rgba(15,23,42,.10);
  color: #475467;
}
.my-bios-create.my-bios-panel-card {
  border-radius: 18px;
  overflow: visible;
}
.my-bios-create-form .form-label {
  margin-bottom: 7px;
  color: #344054;
  font-size: 12px;
  font-weight: 600;
}
.my-bios-create-form .form-control,
.my-bios-create-form .form-select {
  min-height: 48px;
  border-color: rgba(15,23,42,.13);
  border-radius: 12px;
  color: #253449;
  font-size: 13px;
  box-shadow: none;
}
.my-bios-create-form .form-control:focus,
.my-bios-create-form .form-select:focus {
  border-color: rgba(0,143,90,.45);
  box-shadow: 0 0 0 .18rem rgba(0,143,90,.08);
}
.my-bios-url-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  border: 1px solid rgba(15,23,42,.13);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.my-bios-url-field .form-control {
  border: 0 !important;
  border-radius: 0 !important;
  min-height: 46px;
}
.my-bios-url-field span {
  height: 32px;
  display: inline-flex;
  align-items: center;
  margin-right: 7px;
  padding: 0 10px;
  border-radius: 999px;
  background: #eef9f4;
  color: #667085;
  font-size: 12px;
}
.my-bios-create-footer .btn-success,
.my-bios-card-title .btn-success,
.my-bio-row-actions .btn,
.my-bios-card-title .btn-outline-success {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  border-radius: 12px;
  font-weight: 600;
}
.my-bios-resource-legend {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  color: #047857;
  font-size: 12px;
  font-weight: 600;
}
.my-bios-resource-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.my-bios-resource-legend .is-locked { color: #d97706; }
.my-bios-plan-resources-clean {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.my-bios-plan-resources-clean .my-bios-plan-resources__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  gap: 11px;
}
.my-bios-plan-resources-clean .my-bios-plan-resources__grid span {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  min-height: 54px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 10px;
  border-radius: 14px;
  padding: 11px 13px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(15,23,42,.025);
}
.my-bios-plan-resources-clean .my-bios-plan-resources__grid span > i {
  width: 22px;
  min-width: 22px;
  text-align: center;
  line-height: 1;
}
.my-bios-plan-resources-clean .my-bios-plan-resources__grid span b {
  min-width: 0;
  line-height: 1.28;
  overflow-wrap: anywhere;
}
.my-bios-plan-resources-clean .my-bios-plan-resources__grid span em {
  justify-self: end;
  white-space: nowrap;
}
@media (max-width: 520px) {
  .my-bios-plan-resources-clean .my-bios-plan-resources__grid {
    grid-template-columns: 1fr;
  }
  .my-bios-plan-resources-clean .my-bios-plan-resources__grid span {
    grid-template-columns: 22px minmax(0, 1fr);
    row-gap: 4px;
  }
  .my-bios-plan-resources-clean .my-bios-plan-resources__grid span em {
    grid-column: 2;
    justify-self: start;
  }
}
.my-bios-link-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
}
.my-bios-link-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 16px;
  background: #fff;
}
.my-bios-link-card h3 {
  margin: 0 0 7px;
  color: #152238;
  font-size: 17px;
  font-weight: 650;
}
.my-bios-link-card p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #667085;
  font-size: 12px;
}
.my-bios-link-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.my-bios-qr-box {
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 210px;
  padding: 16px;
  border: 1px dashed rgba(15,23,42,.16);
  border-radius: 16px;
  background: #fbfdfc;
}
.my-bios-qr-box img {
  width: 148px;
  height: 148px;
  border-radius: 14px;
  background: #fff;
}
.my-bios-qr-box small { color: #667085; font-size: 12px; }
.my-bios-analytics-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.my-bios-analytics-summary article {
  min-height: 98px;
  display: grid;
  grid-template-columns: 48px 1fr;
  grid-template-areas: "icon label" "icon value";
  align-items: center;
  column-gap: 13px;
  padding: 15px;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 15px;
  background: #fbfdfc;
}
.my-bios-analytics-summary span {
  grid-area: icon;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: #eef9f4;
  color: var(--bz-primary);
  font-size: 20px;
}
.my-bios-analytics-summary small { grid-area: label; color: #667085; font-size: 12px; font-weight: 600; }
.my-bios-analytics-summary strong { grid-area: value; color: #152238; font-size: 24px; font-weight: 650; }
.my-bios-seo-list { display: grid; gap: 12px; }
.my-bios-seo-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 15px;
  background: #fff;
}
.my-bios-seo-list h3 {
  margin: 0 0 5px;
  color: #152238;
  font-size: 16px;
  font-weight: 650;
}
.my-bios-seo-list p {
  margin: 0 0 4px;
  color: #344054;
  font-size: 13px;
  font-weight: 500;
}
.my-bios-seo-list small { color: #667085; font-size: 12px; }
.my-bios-seo-badges {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.my-bios-seo-badges span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #667085;
  font-size: 12px;
  font-weight: 600;
}
.my-bios-seo-badges span.is-ok { background: #e7f8ef; color: #047857; }
.my-bios-seo-badges span.is-warn { background: #fff7ed; color: #d97706; }
.my-bios-settings-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
}
.my-bios-settings-grid a {
  min-height: 132px;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 17px;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 16px;
  background: #fff;
  color: #152238;
  text-decoration: none;
  transition: border-color .2s ease, transform .2s ease, background .2s ease;
}
.my-bios-settings-grid a:hover {
  transform: translateY(-2px);
  border-color: rgba(0,143,90,.28);
  background: #fbfffd;
}
.my-bios-settings-grid a.is-disabled {
  cursor: not-allowed;
  opacity: .72;
}
.my-bios-settings-grid span {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: #eef9f4;
  color: var(--bz-primary);
  font-size: 20px;
}
.my-bios-settings-grid strong { font-size: 14px; font-weight: 650; }
.my-bios-settings-grid small { color: #667085; line-height: 1.45; }
body.client-panel-dark .my-bios-hero-clean,
body.client-panel-dark .my-bios-tabbar,
body.client-panel-dark .my-bios-panel-card,
body.client-panel-dark .my-bio-row,
body.client-panel-dark .my-bios-link-card,
body.client-panel-dark .my-bios-seo-list article,
body.client-panel-dark .my-bios-settings-grid a,
body.client-panel-dark .my-bios-metrics-clean .my-bios-metric {
  background: #111827 !important;
  border-color: #243044 !important;
  color: #e5edf4 !important;
  box-shadow: none !important;
}
body.client-panel-dark .my-bios-tab { color: #cbd5e1; border-color: #243044; }
body.client-panel-dark .my-bios-tab i { color: #94a3b8; }
body.client-panel-dark .my-bios-tab:hover,
body.client-panel-dark .my-bios-tab.active { background: #0f172a; color: var(--bz-primary); }
body.client-panel-dark .my-bios-panel-card h2,
body.client-panel-dark .my-bio-row-title h3,
body.client-panel-dark .my-bios-link-card h3,
body.client-panel-dark .my-bios-seo-list h3,
body.client-panel-dark .my-bios-empty-inline h3,
body.client-panel-dark .my-bios-settings-grid strong,
body.client-panel-dark .my-bios-analytics-summary strong { color: #f8fafc !important; }
body.client-panel-dark .my-bios-empty-inline,
body.client-panel-dark .my-bios-qr-box,
body.client-panel-dark .my-bios-analytics-summary article,
body.client-panel-dark .my-bios-url-field { background: #0f172a; border-color: #243044; }
body.client-panel-dark .my-bios-link-card p,
body.client-panel-dark .my-bios-empty-inline p,
body.client-panel-dark .my-bios-seo-list p,
body.client-panel-dark .my-bios-seo-list small,
body.client-panel-dark .my-bios-settings-grid small,
body.client-panel-dark .my-bio-row-main p,
body.client-panel-dark .my-bio-row-meta,
body.client-panel-dark .my-bios-metric em { color: #94a3b8 !important; }
body.client-panel-dark .my-bios-row-actions button,
body.client-panel-dark .my-bios-link-actions button,
body.client-panel-dark .my-bios-link-actions a { background: #0f172a; border-color: #334155; }
@media (max-width: 1200px) {
  .my-bios-tabbar { grid-template-columns: repeat(6, minmax(170px, 1fr)); }
  .my-bio-row { grid-template-columns: 1fr; }
  .my-bio-row-actions { justify-content: flex-start; }
}
@media (max-width: 900px) {
  .my-bios-analytics-summary { grid-template-columns: 1fr; }
  .my-bios-seo-list article { grid-template-columns: 1fr; }
  .my-bios-seo-badges { justify-content: flex-start; }
}
@media (max-width: 760px) {
  .my-bios-hero-clean,
  .my-bios-card-title { align-items: stretch; flex-direction: column; }
  .my-bios-tabbar { border-radius: 14px; }
  .my-bios-tab { justify-content: flex-start; min-height: 54px; }
  .my-bio-row-main,
  .my-bios-empty-inline { grid-template-columns: 1fr; text-align: left; }
  .my-bio-row-actions .btn,
  .my-bios-link-actions button,
  .my-bios-link-actions a { flex: 1 1 130px; }
  .my-bios-create-footer { align-items: stretch !important; flex-direction: column; }
  .my-bios-create-footer .btn { width: 100%; }
}

.phone-preview-mobile-full .preview-screen { padding-left: 12px; padding-right: 12px; }

/* BioZap v1.1.73 - Catálogo com modos lista/cards, colunas, carrossel e imagens ajustadas */
.catalog-manager-stack { display: grid; gap: 18px; }
.catalog-config-card, .catalog-product-form-card { border: 1px solid #e7efeb; border-radius: 22px; overflow: hidden; }
.catalog-config-head, .catalog-section-heading { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; margin-bottom: 18px; }
.catalog-config-head h2, .catalog-section-heading h2 { margin: 4px 0 4px; font-size: 1.15rem; font-weight: 600; color: #13231d; }
.catalog-config-kicker { display: inline-flex; align-items: center; gap: 8px; color: #008f5a; font-size: .82rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.catalog-current-mode { display: inline-flex; align-items: center; gap: 8px; background: #f0faf5; color: #08764c; border: 1px solid #d7f1e5; border-radius: 999px; padding: 9px 12px; font-size: .85rem; white-space: nowrap; }
.catalog-config-form { display: grid; gap: 18px; }
.catalog-mode-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.catalog-mode-option { position: relative; display: flex; cursor: pointer; margin: 0; }
.catalog-mode-option input { position: absolute; inset: 0; opacity: 0; pointer-events: none; }
.catalog-mode-option span { width: 100%; display: grid; gap: 5px; min-height: 112px; border: 1px solid #e3ece8; border-radius: 18px; padding: 16px; background: #fff; transition: .2s ease; }
.catalog-mode-option i { width: 38px; height: 38px; display: inline-grid; place-items: center; border-radius: 14px; background: #edf8f2; color: #008f5a; font-size: 1.2rem; }
.catalog-mode-option strong { font-weight: 600; color: #14251f; }
.catalog-mode-option small { color: #718078; line-height: 1.4; }
.catalog-mode-option.is-selected span, .catalog-mode-option:hover span { border-color: #008f5a; box-shadow: 0 12px 28px rgba(0,143,90,.08); }
.catalog-switch { min-height: 40px; display: flex; align-items: center; gap: 10px; margin: 0; border: 1px solid #e5eee9; border-radius: 16px; padding: 10px 12px; }
.catalog-switch span { display: grid; gap: 2px; }
.catalog-switch strong { font-size: .9rem; color: #14251f; }
.catalog-switch small { color: #718078; line-height: 1.3; }
.catalog-add-button { min-width: 190px; }
.catalog-products-list { display: grid; gap: 12px; }
.catalog-admin-product { display: grid; grid-template-columns: 86px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 12px; border: 1px solid #e6eeea; border-radius: 18px; background: #fff; }
.catalog-admin-product-media { width: 86px; height: 86px; border-radius: 16px; background: linear-gradient(135deg, #f3faf6, #f8fbfa); border: 1px solid #edf3f0; overflow: hidden; display: grid; place-items: center; }
.catalog-admin-product-media img { width: 100%; height: 100%; object-fit: contain; padding: 6px; display: block; }
.catalog-admin-product-media span { color: #9ab0a5; font-size: 1.5rem; }
.catalog-admin-product-body { min-width: 0; display: grid; gap: 4px; }
.catalog-admin-product-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.catalog-admin-product-top strong { font-weight: 600; color: #14251f; overflow-wrap: anywhere; }
.catalog-admin-product-top span, .catalog-panel-price { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: #eaf8f1; color: #008f5a; font-weight: 700; padding: 7px 10px; line-height: 1; white-space: nowrap; }
.catalog-admin-product-body p { margin: 0; color: #738178; font-size: .9rem; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.catalog-admin-product-body small { color: #8a978f; }
.catalog-toolbar-card { border-radius: 20px; border: 1px solid #e6eeea; }
.catalog-toolbar { display: flex; align-items: flex-end; gap: 14px; flex-wrap: wrap; }
.catalog-toolbar .form-label { margin-bottom: 6px; color: #58675f; font-size: .82rem; }
.catalog-page-title .btn { display: inline-flex; align-items: center; gap: 8px; }
.catalog-panel-grid { --catalog-panel-gap: 16px; --catalog-panel-columns: 3; display: grid; grid-template-columns: repeat(var(--catalog-panel-columns), minmax(0, 1fr)); gap: var(--catalog-panel-gap); }
.catalog-panel-grid.is-carousel, .catalog-panel-list.is-carousel { display: flex; overflow-x: auto; gap: 14px; padding-bottom: 12px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.catalog-panel-grid.is-carousel::-webkit-scrollbar, .catalog-panel-list.is-carousel::-webkit-scrollbar { height: 6px; }
.catalog-panel-grid.is-carousel::-webkit-scrollbar-thumb, .catalog-panel-list.is-carousel::-webkit-scrollbar-thumb { background: rgba(0,143,90,.22); border-radius: 999px; }
.catalog-panel-grid.is-carousel .catalog-panel-card { flex: 0 0 calc((100% - (var(--catalog-panel-gap) * (var(--catalog-panel-columns) - 1))) / var(--catalog-panel-columns)); scroll-snap-align: start; }
.catalog-panel-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid #e6eeea; border-radius: 22px; overflow: hidden; background: #fff; }
.catalog-panel-card-media { width: 100%; aspect-ratio: 4 / 3; background: linear-gradient(135deg, #f2faf6, #f8fbfa); display: grid; place-items: center; overflow: hidden; border-bottom: 1px solid #eef3f0; }
.catalog-panel-card-media img { width: 100%; height: 100%; object-fit: contain; padding: 10px; display: block; }
.catalog-panel-card-media span, .catalog-panel-media span { color: #9ab0a5; font-size: 1.8rem; }
.catalog-panel-card-body { display: flex; flex-direction: column; gap: 7px; padding: 14px; flex: 1; }
.catalog-panel-card-body strong, .catalog-panel-info strong { color: #14251f; font-weight: 600; line-height: 1.25; overflow-wrap: anywhere; }
.catalog-panel-card-body span, .catalog-panel-info span { color: #718078; font-size: .86rem; }
.catalog-panel-card-body p, .catalog-panel-info p { margin: 0; color: #718078; font-size: .9rem; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.catalog-panel-card-body .catalog-panel-price { align-self: flex-start; margin-top: auto; }
.catalog-panel-list { display: grid; gap: 12px; }
.catalog-panel-list.is-carousel .catalog-panel-list-item { flex: 0 0 min(640px, 92%); scroll-snap-align: start; }
.catalog-panel-list-item { display: grid; grid-template-columns: 92px minmax(0, 1fr) auto; gap: 14px; align-items: center; border: 1px solid #e6eeea; border-radius: 20px; padding: 12px; background: #fff; }
.catalog-panel-media { width: 92px; height: 92px; border-radius: 16px; background: linear-gradient(135deg, #f2faf6, #f8fbfa); overflow: hidden; display: grid; place-items: center; border: 1px solid #eef3f0; }
.catalog-panel-media img { width: 100%; height: 100%; object-fit: contain; padding: 7px; display: block; }
.catalog-panel-info { min-width: 0; display: grid; gap: 4px; }
@media (max-width: 991px) {
  .catalog-panel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .catalog-panel-grid.is-carousel .catalog-panel-card { flex-basis: 48%; }
}
@media (max-width: 767px) {
  .catalog-config-head, .catalog-section-heading { display: grid; }
  .catalog-current-mode { justify-self: start; }
  .catalog-mode-options { grid-template-columns: 1fr; }
  .catalog-admin-product { grid-template-columns: 72px minmax(0, 1fr); }
  .catalog-admin-product form { grid-column: 1 / -1; justify-self: end; }
  .catalog-admin-product-media { width: 72px; height: 72px; }
  .catalog-panel-grid { grid-template-columns: 1fr; }
  .catalog-panel-grid.is-carousel .catalog-panel-card { flex-basis: 86%; }
  .catalog-panel-list-item { grid-template-columns: 78px minmax(0, 1fr); }
  .catalog-panel-list-item .catalog-panel-price { grid-column: 2; justify-self: start; }
  .catalog-panel-media { width: 78px; height: 78px; }
}

/* BioZap v1.1.74 - edição de produtos no catálogo do cliente */
.catalog-admin-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.catalog-admin-actions form { margin: 0; }
.catalog-admin-product-edit { grid-column: 1 / -1; width: 100%; }
.catalog-product-edit-form { margin-top: 12px; border-top: 1px solid #e7efeb; padding-top: 14px; }
.catalog-edit-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.catalog-edit-head strong { display: inline-flex; align-items: center; gap: 8px; color: #14251f; font-weight: 600; }
.catalog-edit-head span { display: block; color: #718078; font-size: .88rem; margin-top: 3px; }
.catalog-remove-image { display: inline-flex; align-items: center; gap: 8px; border: 1px dashed #d9e7e0; border-radius: 14px; padding: 10px 12px; margin: 0; color: #607269; }
.catalog-panel-card-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-top: auto; }
.catalog-panel-card-actions .catalog-panel-price { margin-top: 0; }
.catalog-panel-list-actions { display: grid; gap: 8px; justify-items: end; }
.catalog-panel-list-actions .btn, .catalog-panel-card-actions .btn { display: inline-flex; align-items: center; gap: 6px; }
@media (max-width: 768px) {
  .catalog-admin-actions { grid-column: 1 / -1; justify-content: flex-start; }
  .catalog-admin-actions form { grid-column: auto; justify-self: auto; }
  .catalog-panel-list-actions { grid-column: 2; justify-items: start; }
  .catalog-panel-card-actions { justify-content: flex-start; }
}


/* BioZap v1.1.75 - carrossel sem esmagar imagem/preço e opção sem subtítulo */
.catalog-switch span { gap: 0; }
.catalog-panel-grid.is-carousel .catalog-panel-card { min-width: 240px; flex-shrink: 0; }
.catalog-panel-card-media, .catalog-panel-media, .catalog-admin-product-media { flex: 0 0 auto; }
.catalog-panel-price { white-space: nowrap; flex: 0 0 auto; }
.catalog-panel-card-actions .btn, .catalog-panel-list-actions .btn { white-space: nowrap; }
.catalog-panel-card-body { min-width: 0; }
.catalog-panel-list.is-carousel .catalog-panel-list-item { min-width: min(640px, 92%); flex-shrink: 0; }
@media (max-width: 767px) {
  .catalog-panel-grid.is-carousel .catalog-panel-card { min-width: min(280px, 86%); flex-basis: min(280px, 86%); }
  .catalog-panel-list.is-carousel .catalog-panel-list-item { min-width: min(340px, 92%); flex-basis: min(340px, 92%); }
}


/* BioZap v1.1.76 - modo lista funcional, switch moderno e controles alinhados */
.catalog-mode-option input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  pointer-events: auto;
}
.catalog-mode-option:has(input:checked) span,
.catalog-mode-option.is-selected span {
  border-color: #008f5a;
  box-shadow: 0 12px 28px rgba(0,143,90,.08);
}
.catalog-config-controls {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(260px, 1fr) minmax(220px, .95fr);
  align-items: end;
  gap: 18px;
}
.catalog-control { min-width: 0; }
.catalog-control .form-label {
  display: block;
  margin-bottom: 9px;
  color: #14251f;
  font-weight: 500;
}
.catalog-control-input,
.catalog-toggle,
.catalog-save-button {
  min-height: 58px;
  border-radius: 15px;
}
.catalog-control-input {
  display: flex;
  align-items: center;
  padding: 0 16px;
  border-color: #dce8e2;
  font-weight: 500;
  color: #14251f;
  box-shadow: none;
}
.catalog-control-input:focus {
  border-color: #008f5a;
  box-shadow: 0 0 0 .2rem rgba(0,143,90,.08);
}
.catalog-toggle {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 0 16px;
  border: 1px solid #dce8e2;
  background: #fff;
  cursor: pointer;
  transition: .2s ease;
}
.catalog-toggle:hover,
.catalog-toggle:has(.catalog-toggle-input:checked) {
  border-color: rgba(0,143,90,.55);
  box-shadow: 0 10px 24px rgba(0,143,90,.07);
}
.catalog-toggle-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.catalog-toggle-ui {
  position: relative;
  width: 52px;
  height: 30px;
  border-radius: 999px;
  background: #dce8e2;
  flex: 0 0 52px;
  transition: .2s ease;
}
.catalog-toggle-ui::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  left: 3px;
  top: 3px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 4px 10px rgba(15,23,42,.16);
  transition: .2s ease;
}
.catalog-toggle-input:checked + .catalog-toggle-ui { background: #008f5a; }
.catalog-toggle-input:checked + .catalog-toggle-ui::after { transform: translateX(22px); }
.catalog-toggle-text {
  color: #14251f;
  font-weight: 600;
  line-height: 1.2;
}
.catalog-empty-label { visibility: hidden; }
.catalog-save-button {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 600;
  box-shadow: none;
}
.catalog-list .catalog-card,
.catalog-panel-list-item { min-width: 0; }
.catalog-list .catalog-info,
.catalog-panel-info { min-width: 0; }
@media (max-width: 991px) {
  .catalog-config-controls { grid-template-columns: 1fr 1fr; }
  .catalog-save-control { grid-column: 1 / -1; }
}
@media (max-width: 575px) {
  .catalog-config-controls { grid-template-columns: 1fr; gap: 14px; }
  .catalog-control-input,
  .catalog-toggle,
  .catalog-save-button { min-height: 56px; }
  .catalog-empty-label { display: none !important; }
}

/* BioZap v1.1.78 - editor de serviços reorganizado para evitar sobreposição */
.service-editor-card { border: 1px solid #e6eeea; border-radius: 24px; overflow: hidden; box-shadow: 0 18px 44px rgba(15, 23, 42, .06); }
.service-editor-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 26px; }
.service-editor-title { display: flex; align-items: center; gap: 14px; }
.service-editor-title > span { width: 50px; height: 50px; display: inline-grid; place-items: center; border-radius: 18px; background: #ecf9f2; color: #008f5a; font-size: 1.35rem; flex: 0 0 auto; }
.service-editor-title h2 { margin: 0 0 4px; font-size: 1.2rem; color: #13231d; font-weight: 650; letter-spacing: -.02em; }
.service-editor-title p { margin: 0; color: #697871; font-size: .92rem; line-height: 1.45; }
.service-add-top { min-height: 48px; padding-inline: 22px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; font-weight: 650; box-shadow: 0 12px 24px rgba(0, 143, 90, .16); }
.service-workspace-tabs { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; }
.service-workspace-tabs .nav-link { border: 1px solid #dbe9e3; background: #f8fcfa; color: #294038; border-radius: 14px; padding: 12px 16px; display: inline-flex; align-items: center; gap: 10px; font-weight: 650; }
.service-workspace-tabs .nav-link i { font-size: 1rem; }
.service-workspace-tabs .nav-link.active { background: #ecf9f2; color: #008f5a; border-color: #9fd8bd; box-shadow: inset 0 0 0 1px rgba(0,143,90,.06); }
.service-tab-badge { min-width: 24px; height: 24px; padding: 0 7px; border-radius: 999px; background: rgba(0,143,90,.12); color: inherit; display: inline-flex; align-items: center; justify-content: center; font-size: .78rem; font-weight: 700; }
.service-workspace-content { display: grid; }
.service-tab-pane { gap: 22px; }
.service-form-actions { display: flex; justify-content: flex-end; }
.service-list-head--tab { margin: 0 0 14px; padding-top: 0; border-top: 0; }
.service-form { display: grid; grid-template-columns: 1fr; gap: 24px; align-items: stretch; }
.service-form-main { display: grid; gap: 20px; }
.service-fields-grid { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(170px, .9fr) minmax(190px, 1fr); gap: 18px; align-items: start; }
.service-field { display: grid; gap: 9px; min-width: 0; }
.service-field .form-label { margin: 0; color: #24342e; font-size: .86rem; font-weight: 650; }
.service-field .form-control, .service-field .form-select { min-height: 56px; border-color: #dde8e3; border-radius: 14px; padding: 14px 16px; color: #17231f; box-shadow: none; }
.service-field textarea.form-control { min-height: 132px; resize: vertical; line-height: 1.5; }
.service-field .form-control:focus, .service-field .form-select:focus, .service-gallery-select:focus { border-color: #008f5a; box-shadow: 0 0 0 .22rem rgba(0,143,90,.10); }
.service-input-icon { position: relative; }
.service-input-icon > i { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #8b9b93; font-size: 1.1rem; pointer-events: none; z-index: 2; }
.service-input-icon .form-control { padding-left: 46px; }
.service-field-name { grid-column: 1 / 2; }
.service-field-image { grid-column: 1 / -1; align-self: stretch; }
.service-image-picker { display: grid; grid-template-columns: minmax(0, 1fr) 108px; gap: 14px; align-items: stretch; }
.service-image-actions { display: grid; gap: 10px; border: 1px dashed #dce9e3; border-radius: 16px; padding: 14px; background: #fbfdfc; }
.service-file-button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid #0b9963; color: #008f5a; background: #fff; border-radius: 12px; font-weight: 650; cursor: pointer; margin: 0; transition: .18s ease; text-align: center; }
.service-file-button:hover { background: #f0fbf5; transform: translateY(-1px); }
.service-file-button input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.service-gallery-select { min-height: 48px; border-radius: 12px; border: 1px solid #dfe7e4; color: #26352f; padding: 10px 38px 10px 14px; font-weight: 550; background-color: #fff; box-shadow: none; }
.service-image-preview { position: relative; width: 108px; min-height: 108px; border: 1px solid #e4ece8; border-radius: 16px; overflow: hidden; display: grid; place-items: center; background: linear-gradient(135deg, #f3faf6, #fbfdfc); color: #96a8a0; }
.service-image-preview img { width: 100%; height: 100%; object-fit: contain; padding: 8px; display: block; }
.service-field-description { grid-column: 1 / span 2; }
.service-field-message { grid-column: 3 / span 1; }
.service-tip { display: flex; align-items: center; gap: 14px; border-radius: 16px; padding: 14px 16px; background: linear-gradient(90deg, rgba(0,143,90,.09), rgba(0,143,90,.03)); color: #26352f; }
.service-tip > span { width: 30px; height: 30px; flex: 0 0 auto; display: inline-grid; place-items: center; border-radius: 999px; background: #008f5a; color: #fff; }
.service-tip strong { display: block; color: #13231d; font-size: .9rem; margin-bottom: 2px; }
.service-tip p { margin: 0; color: #697871; font-size: .86rem; line-height: 1.45; }
.service-preview-panel { border-top: 1px solid #e5eee9; padding-top: 24px; display: grid; gap: 12px; }
.service-preview-panel h3, .service-list-head h3 { margin: 0; color: #17231f; font-size: 1rem; font-weight: 650; }
.service-live-card { border: 1px solid #e6eeea; border-radius: 20px; padding: 18px; background: #fff; display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 16px; align-items: center; box-shadow: 0 14px 32px rgba(15,23,42,.05); max-width: 520px; }
.service-live-media { width: 92px; height: 92px; border-radius: 16px; overflow: hidden; background: #f2faf6; display: grid; place-items: center; color: #95a8a0; border: 1px solid #eef4f1; }
.service-live-media img { width: 100%; height: 100%; object-fit: contain; padding: 6px; display: block; }
.service-live-body { min-width: 0; display: grid; gap: 6px; }
.service-live-body strong { color: #17231f; font-weight: 700; overflow-wrap: anywhere; }
.service-live-body span { color: #718078; display: inline-flex; align-items: center; gap: 7px; font-size: .9rem; }
.service-live-body span em { font-style: normal; }
.service-live-body b { color: #008f5a; font-size: 1.04rem; }
.service-live-body p { margin: 0; color: #728179; font-size: .9rem; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.service-list-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 26px 0 14px; border-top: 1px solid #edf3f0; padding-top: 20px; }
.service-list-head span { display: inline-flex; align-items: center; border-radius: 999px; background: #f0faf5; color: #08764c; padding: 7px 11px; font-size: .82rem; font-weight: 650; }
.service-admin-list { display: grid; gap: 12px; }
.service-admin-item { display: grid; grid-template-columns: 82px minmax(0, 1fr) auto; gap: 14px; align-items: center; border: 1px solid #e6eeea; border-radius: 18px; padding: 12px; background: #fff; }
.service-admin-media { width: 82px; height: 82px; border-radius: 16px; overflow: hidden; background: linear-gradient(135deg, #f3faf6, #fbfdfc); display: grid; place-items: center; color: #008f5a; border: 1px solid #eef4f1; font-size: 1.35rem; }
.service-admin-media img { width: 100%; height: 100%; object-fit: contain; padding: 6px; display: block; }
.service-admin-body { min-width: 0; display: grid; gap: 4px; }
.service-admin-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.service-admin-top strong { color: #17231f; font-weight: 650; overflow-wrap: anywhere; }
.service-admin-top span { display: inline-flex; align-items: center; border-radius: 999px; background: #eaf8f1; color: #008f5a; padding: 7px 10px; font-weight: 750; line-height: 1; white-space: nowrap; }
.service-admin-body p { margin: 0; color: #718078; font-size: .9rem; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.service-admin-body small { color: #8a978f; }
.service-admin-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.service-admin-actions form { margin: 0; }
.service-admin-edit { grid-column: 1 / -1; width: 100%; }
.service-edit-form { margin-top: 12px; border-top: 1px solid #e7efeb; padding-top: 14px; }
.service-edit-head { display: grid; gap: 3px; margin-bottom: 14px; }
.service-edit-head strong { display: inline-flex; align-items: center; gap: 8px; color: #14251f; font-weight: 650; }
.service-edit-head span { color: #718078; font-size: .88rem; }
.service-empty { border: 1px dashed #d9e8e0; border-radius: 18px; padding: 24px; display: grid; place-items: center; gap: 5px; color: #718078; text-align: center; }
.service-empty i { font-size: 1.8rem; color: #008f5a; }
.service-empty strong { color: #17231f; }
.client-panel-dark .service-editor-card, .client-panel-dark .service-admin-item, .client-panel-dark .service-live-card { background: #0f1b17; border-color: rgba(148,163,184,.18); box-shadow: none; }
.client-panel-dark .service-editor-title h2, .client-panel-dark .service-field .form-label, .client-panel-dark .service-preview-panel h3, .client-panel-dark .service-list-head h3, .client-panel-dark .service-live-body strong, .client-panel-dark .service-admin-top strong, .client-panel-dark .service-tip strong, .client-panel-dark .service-edit-head strong, .client-panel-dark .service-empty strong { color: #f8fafc; }
.client-panel-dark .service-editor-title p, .client-panel-dark .service-live-body p, .client-panel-dark .service-live-body span, .client-panel-dark .service-admin-body p, .client-panel-dark .service-admin-body small, .client-panel-dark .service-tip p, .client-panel-dark .service-edit-head span { color: #94a3b8; }
.client-panel-dark .service-image-actions, .client-panel-dark .service-image-preview, .client-panel-dark .service-live-media, .client-panel-dark .service-admin-media, .client-panel-dark .service-file-button, .client-panel-dark .service-gallery-select { background: #0b1512; border-color: rgba(148,163,184,.22); color: #f8fafc; }
.client-panel-dark .service-tip { background: rgba(0,143,90,.12); }
.client-panel-dark .service-preview-panel, .client-panel-dark .service-list-head, .client-panel-dark .service-edit-form { border-color: rgba(148,163,184,.18); }
@media (max-width: 991px) {
  .service-editor-head { flex-direction: column; }
  .service-add-top { width: 100%; }
  .service-fields-grid { grid-template-columns: 1fr 1fr; }
  .service-field-name, .service-field-image, .service-field-description, .service-field-message { grid-column: 1 / -1; }
  .service-admin-item { grid-template-columns: 72px minmax(0, 1fr); }
  .service-admin-actions { grid-column: 1 / -1; justify-content: flex-end; }
}
@media (max-width: 575px) {
  .service-editor-card .card-body { padding: 16px; }
  .service-workspace-tabs { display: grid; }
  .service-workspace-tabs .nav-link, .service-form-actions .btn { width: 100%; justify-content: center; }
  .service-fields-grid { grid-template-columns: 1fr; }
  .service-image-picker { grid-template-columns: 1fr; }
  .service-image-preview { width: 100%; min-height: 150px; }
  .service-field-description, .service-field-message { grid-column: 1 / -1; }
  .service-live-card { grid-template-columns: 1fr; max-width: 100%; }
  .service-live-media { width: 100%; height: 150px; }
  .service-admin-item { grid-template-columns: 1fr; }
  .service-admin-media { width: 100%; height: 150px; }
  .service-admin-top { align-items: flex-start; flex-direction: column; }
}


/* BioZap v1.1.80 - editor de banners profissional */
.banner-editor-card { border: 1px solid #e6eeea; border-radius: 24px; overflow: hidden; box-shadow: 0 18px 44px rgba(15, 23, 42, .06); }
.banner-editor-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 26px; }
.banner-editor-title { display: flex; align-items: center; gap: 14px; }
.banner-editor-title > span { width: 50px; height: 50px; display: inline-grid; place-items: center; border-radius: 18px; background: #ecf9f2; color: #008f5a; font-size: 1.35rem; flex: 0 0 auto; }
.banner-editor-title h2 { margin: 0 0 4px; font-size: 1.2rem; color: #13231d; font-weight: 650; letter-spacing: -.02em; }
.banner-editor-title p { margin: 0; color: #697871; font-size: .92rem; line-height: 1.45; }
.banner-add-top { min-height: 48px; padding-inline: 22px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 14px; font-weight: 650; box-shadow: 0 12px 24px rgba(0, 143, 90, .16); }
.banner-workspace-tabs { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; }
.banner-workspace-tabs .nav-link { border: 1px solid #dbe9e3; background: #f8fcfa; color: #294038; border-radius: 14px; padding: 12px 16px; display: inline-flex; align-items: center; gap: 10px; font-weight: 650; }
.banner-workspace-tabs .nav-link.active { background: #ecf9f2; color: #008f5a; border-color: #9fd8bd; box-shadow: inset 0 0 0 1px rgba(0,143,90,.06); }
.banner-tab-badge { min-width: 24px; height: 24px; padding: 0 7px; border-radius: 999px; background: rgba(0,143,90,.12); color: inherit; display: inline-flex; align-items: center; justify-content: center; font-size: .78rem; font-weight: 700; }
.banner-form { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .85fr); gap: 24px; }
.banner-form-main { display: grid; gap: 20px; }
.banner-fields-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) 120px; gap: 18px; align-items: start; }
.banner-field { display: grid; gap: 9px; min-width: 0; }
.banner-field .form-label { margin: 0; color: #24342e; font-size: .86rem; font-weight: 650; }
.banner-field .form-control, .banner-field .form-select { min-height: 56px; border-color: #dde8e3; border-radius: 14px; padding: 14px 16px; color: #17231f; box-shadow: none; }
.banner-field textarea.form-control { min-height: 132px; resize: vertical; line-height: 1.5; }
.banner-field .form-control:focus, .banner-field .form-select:focus, .banner-gallery-select:focus { border-color: #008f5a; box-shadow: 0 0 0 .22rem rgba(0,143,90,.10); }
.banner-field-description, .banner-field-image { grid-column: 1 / -1; }
.banner-image-picker { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: 14px; align-items: stretch; }
.banner-image-actions { display: grid; gap: 10px; border: 1px dashed #dce9e3; border-radius: 16px; padding: 14px; background: #fbfdfc; }
.banner-file-button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid #0b9963; color: #008f5a; background: #fff; border-radius: 12px; font-weight: 650; cursor: pointer; margin: 0; transition: .18s ease; text-align: center; }
.banner-file-button:hover { background: #f0fbf5; transform: translateY(-1px); }
.banner-file-button input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.banner-gallery-select { min-height: 48px; border-radius: 12px; border: 1px solid #dfe7e4; color: #26352f; padding: 10px 38px 10px 14px; font-weight: 550; background-color: #fff; box-shadow: none; }
.banner-image-preview { position: relative; min-height: 160px; border: 1px solid #e4ece8; border-radius: 16px; overflow: hidden; display: grid; place-items: center; background: linear-gradient(135deg, #f3faf6, #fbfdfc); color: #96a8a0; }
.banner-image-preview img { width: 100%; height: 100%; object-fit: cover; display: block; }
.banner-tip { display: flex; align-items: center; gap: 14px; border-radius: 16px; padding: 14px 16px; background: linear-gradient(90deg, rgba(0,143,90,.09), rgba(0,143,90,.03)); color: #26352f; }
.banner-tip > span { width: 30px; height: 30px; flex: 0 0 auto; display: inline-grid; place-items: center; border-radius: 999px; background: #008f5a; color: #fff; }
.banner-tip strong { display: block; color: #13231d; font-size: .9rem; margin-bottom: 2px; }
.banner-tip p { margin: 0; color: #697871; font-size: .86rem; line-height: 1.45; }
.banner-form-actions { display: flex; justify-content: flex-end; }
.banner-preview-panel { border-left: 1px solid #e5eee9; padding-left: 24px; display: grid; gap: 12px; align-content: start; }
.banner-preview-panel h3, .banner-list-head h3 { margin: 0; color: #17231f; font-size: 1rem; font-weight: 650; }
.banner-live-card { border: 1px solid #e6eeea; border-radius: 20px; overflow: hidden; background: #fff; box-shadow: 0 14px 32px rgba(15,23,42,.05); }
.banner-live-media { width: 100%; aspect-ratio: 16 / 9; background: #f2faf6; display: grid; place-items: center; color: #95a8a0; border-bottom: 1px solid #eef4f1; overflow: hidden; }
.banner-live-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.banner-live-body { display: grid; gap: 8px; padding: 16px 18px 18px; }
.banner-live-body strong { color: #17231f; font-weight: 700; overflow-wrap: anywhere; }
.banner-live-body p { margin: 0; color: #728179; font-size: .9rem; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.banner-live-body span { color: #008f5a; font-size: .85rem; overflow-wrap: anywhere; }
.banner-list-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 14px; }
.banner-list-head span { display: inline-flex; align-items: center; border-radius: 999px; background: #f0faf5; color: #08764c; padding: 7px 11px; font-size: .82rem; font-weight: 650; }
.banner-admin-list { display: grid; gap: 14px; }
.banner-admin-item { display: grid; grid-template-columns: 140px minmax(0, 1fr) auto; gap: 14px; align-items: center; border: 1px solid #e6eeea; border-radius: 18px; padding: 12px; background: #fff; }
.banner-admin-media { width: 140px; height: 88px; border-radius: 14px; overflow: hidden; background: linear-gradient(135deg, #f3faf6, #fbfdfc); display: grid; place-items: center; color: #008f5a; border: 1px solid #eef4f1; font-size: 1.35rem; }
.banner-admin-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.banner-admin-body { min-width: 0; display: grid; gap: 6px; }
.banner-admin-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.banner-admin-top strong { color: #17231f; font-weight: 650; overflow-wrap: anywhere; }
.banner-admin-top span { display: inline-flex; align-items: center; border-radius: 999px; background: #eaf8f1; color: #008f5a; padding: 7px 10px; font-weight: 750; line-height: 1; white-space: nowrap; }
.banner-admin-body p { margin: 0; color: #718078; font-size: .9rem; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.banner-admin-body small { color: #8a978f; overflow-wrap: anywhere; }
.banner-admin-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.banner-admin-actions form { margin: 0; }
.banner-empty { border: 1px dashed #d9e8e0; border-radius: 18px; padding: 24px; display: grid; place-items: center; gap: 5px; color: #718078; text-align: center; }
.banner-empty i { font-size: 1.8rem; color: #008f5a; }
.banner-empty strong { color: #17231f; }
.client-panel-dark .banner-editor-card, .client-panel-dark .banner-admin-item, .client-panel-dark .banner-live-card { background: #0f1b17; border-color: rgba(148,163,184,.18); box-shadow: none; }
.client-panel-dark .banner-editor-title h2, .client-panel-dark .banner-field .form-label, .client-panel-dark .banner-preview-panel h3, .client-panel-dark .banner-list-head h3, .client-panel-dark .banner-live-body strong, .client-panel-dark .banner-admin-top strong, .client-panel-dark .banner-tip strong, .client-panel-dark .banner-empty strong { color: #f8fafc; }
.client-panel-dark .banner-editor-title p, .client-panel-dark .banner-live-body p, .client-panel-dark .banner-admin-body p, .client-panel-dark .banner-admin-body small, .client-panel-dark .banner-tip p { color: #94a3b8; }
.client-panel-dark .banner-image-actions, .client-panel-dark .banner-image-preview, .client-panel-dark .banner-live-media, .client-panel-dark .banner-admin-media, .client-panel-dark .banner-file-button, .client-panel-dark .banner-gallery-select { background: #0b1512; border-color: rgba(148,163,184,.22); color: #f8fafc; }
.client-panel-dark .banner-tip { background: rgba(0,143,90,.12); }
.client-panel-dark .banner-preview-panel { border-color: rgba(148,163,184,.18); }
@media (max-width: 991px) {
  .banner-editor-head { flex-direction: column; }
  .banner-add-top { width: 100%; }
  .banner-form { grid-template-columns: 1fr; }
  .banner-preview-panel { border-left: 0; border-top: 1px solid #e5eee9; padding: 22px 0 0; }
  .banner-admin-item { grid-template-columns: 1fr; }
  .banner-admin-media { width: 100%; height: 180px; }
  .banner-admin-actions { justify-content: flex-end; }
}
@media (max-width: 575px) {
  .banner-workspace-tabs { display: grid; }
  .banner-workspace-tabs .nav-link, .banner-form-actions .btn { width: 100%; justify-content: center; }
  .banner-fields-grid { grid-template-columns: 1fr; }
  .banner-image-picker { grid-template-columns: 1fr; }
  .banner-image-preview { min-height: 180px; }
}

/* BioZap v1.1.82 - ajustes de edição de banner e modo QR no desktop */
.bio-desktop-qr-box { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; gap: 14px; align-items: center; border: 1px solid #dfece6; border-radius: 18px; padding: 16px; background: linear-gradient(135deg, rgba(0,143,90,.08), rgba(255,255,255,.86)); }
.bio-desktop-qr-icon { width: 48px; height: 48px; border-radius: 16px; display: grid; place-items: center; background: #ecf9f2; color: #008f5a; font-size: 1.35rem; }
.bio-desktop-qr-copy { display: grid; gap: 3px; min-width: 0; }
.bio-desktop-qr-copy strong { color: #17231f; font-weight: 700; }
.bio-desktop-qr-copy small { color: #66776f; line-height: 1.45; }
.bio-desktop-qr-switch { display: inline-flex; align-items: center; gap: 10px; font-weight: 650; color: #17231f; }
.bio-desktop-qr-switch .form-check-input { width: 48px; height: 26px; cursor: pointer; }
.banner-admin-edit { grid-column: 1 / -1; width: 100%; }
.banner-edit-form { margin-top: 12px; border-top: 1px solid #e7efeb; padding-top: 14px; }
.banner-edit-head { display: grid; gap: 3px; margin-bottom: 14px; }
.banner-edit-head strong { display: inline-flex; align-items: center; gap: 8px; color: #14251f; font-weight: 650; }
.banner-edit-head span { color: #718078; font-size: .88rem; }
.client-panel-dark .bio-desktop-qr-box { background: rgba(0,143,90,.12); border-color: rgba(148,163,184,.18); }
.client-panel-dark .bio-desktop-qr-icon { background: #0b1512; border: 1px solid rgba(148,163,184,.18); }
.client-panel-dark .bio-desktop-qr-copy strong, .client-panel-dark .bio-desktop-qr-switch, .client-panel-dark .banner-edit-head strong { color: #f8fafc; }
.client-panel-dark .bio-desktop-qr-copy small, .client-panel-dark .banner-edit-head span { color: #94a3b8; }
.client-panel-dark .banner-edit-form { border-color: rgba(148,163,184,.18); }
@media (max-width: 575px) {
  .bio-desktop-qr-box { grid-template-columns: 1fr; }
  .bio-desktop-qr-switch { justify-content: space-between; }
}


/* BioZap v1.1.86 - rolagem interna na previsualização do celular */
.phone-preview .preview-screen { scrollbar-width: thin; scrollbar-color: rgba(var(--preview-primary-rgb), .45) rgba(15,23,42,.08); }
.phone-preview .preview-screen::-webkit-scrollbar { width: 8px; }
.phone-preview .preview-screen::-webkit-scrollbar-track { background: rgba(15,23,42,.06); border-radius: 999px; }
.phone-preview .preview-screen::-webkit-scrollbar-thumb { background: rgba(var(--preview-primary-rgb), .42); border-radius: 999px; }
.phone-preview .preview-screen::-webkit-scrollbar-thumb:hover { background: rgba(var(--preview-primary-rgb), .58); }

/* BioZap v1.1.84 - preview lateral do celular com componentes em tempo real */
.phone-preview .preview-screen { overflow-y: auto; scrollbar-width: thin; }
.preview-cover { height: 88px; margin: -8px -8px 10px; border-radius: 0 0 22px 22px; background: linear-gradient(135deg, rgba(var(--preview-primary-rgb), .18), rgba(var(--preview-primary-rgb), .05)); background-position: center; background-size: cover; }
.preview-live-stack { display: grid; gap: 12px; padding: 0 8px 16px; }
.preview-live-section { display: grid; gap: 8px; }
.preview-section-label { display: flex; align-items: center; gap: 7px; color: var(--preview-text); font-weight: 700; font-size: .76rem; letter-spacing: -.01em; opacity: .82; padding-inline: 2px; }
.preview-section-label i { color: var(--preview-primary); }
.preview-draft-link { border-style: dashed !important; }
.preview-mini-banner, .preview-mini-service, .preview-mini-product, .preview-mini-proof { border: 1px solid rgba(15, 23, 42, .08); border-radius: 16px; background: rgba(255,255,255,.78); color: var(--preview-text); overflow: hidden; box-shadow: 0 8px 18px rgba(15,23,42,.05); }
.phone-preview-dark .preview-mini-banner, .phone-preview-dark .preview-mini-service, .phone-preview-dark .preview-mini-product, .phone-preview-dark .preview-mini-proof { background: rgba(15, 23, 42, .72); border-color: rgba(148,163,184,.18); }
.preview-mini-banner-media { width: 100%; aspect-ratio: 16 / 8; display: grid; place-items: center; background: rgba(var(--preview-primary-rgb), .08); color: var(--preview-primary); overflow: hidden; }
.preview-mini-banner-media img, .preview-mini-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.preview-mini-banner-body { display: grid; gap: 3px; padding: 10px 12px 12px; }
.preview-mini-banner-body strong, .preview-mini-service strong, .preview-mini-product strong, .preview-mini-proof strong { font-size: .86rem; line-height: 1.2; overflow-wrap: anywhere; }
.preview-mini-banner-body span, .preview-mini-product span, .preview-mini-proof span { color: inherit; opacity: .72; font-size: .76rem; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.preview-mini-service, .preview-mini-product { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 10px; align-items: center; padding: 10px; }
.preview-mini-thumb { width: 58px; height: 58px; border-radius: 13px; display: grid; place-items: center; overflow: hidden; background: rgba(var(--preview-primary-rgb), .08); color: var(--preview-primary); }
.preview-mini-service > div:last-child, .preview-mini-product > div:last-child { min-width: 0; display: grid; gap: 3px; }
.preview-mini-service span { color: inherit; opacity: .72; font-size: .74rem; display: inline-flex; align-items: center; gap: 4px; }
.preview-mini-service span em { font-style: normal; }
.preview-mini-service b, .preview-mini-product b { color: var(--preview-primary); font-size: .82rem; }
.preview-mini-proof { padding: 10px 12px; display: grid; gap: 4px; }
.preview-live-section.is-hidden { display: none; }
@media (max-width: 991.98px) { .phone-preview { display: none; } }


/* BioZap v1.1.85 - prova social em abas */
.social-proof-editor-card { border: 1px solid #e6eeea; border-radius: 24px; overflow: hidden; box-shadow: 0 18px 44px rgba(15, 23, 42, .06); }
.social-proof-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.social-proof-tabs { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; }
.social-proof-tabs .nav-link { border: 1px solid #dbe9e3; background: #f8fcfa; color: #294038; border-radius: 14px; padding: 12px 16px; display: inline-flex; align-items: center; gap: 10px; font-weight: 650; }
.social-proof-tabs .nav-link.active { background: #ecf9f2; color: #008f5a; border-color: #9fd8bd; box-shadow: inset 0 0 0 1px rgba(0,143,90,.06); }
.social-proof-tab-badge { min-width: 24px; height: 24px; padding: 0 7px; border-radius: 999px; background: rgba(0,143,90,.12); color: inherit; display: inline-flex; align-items: center; justify-content: center; font-size: .78rem; font-weight: 700; }
.social-proof-form { margin-bottom: 16px; padding: 18px; border: 1px solid #e1ece7; border-radius: 20px; background: #fbfdfc; }
.social-proof-form-grid { display: grid; gap: 14px; align-items: end; }
.social-proof-form-grid-testimonials { grid-template-columns: minmax(0, 1.2fr) 130px minmax(0, 1fr) minmax(0, 1.2fr) 72px; }
.social-proof-form-grid-coupons { grid-template-columns: minmax(0, 1fr) 170px minmax(0, 1.3fr) 170px 72px; }
.social-proof-form-grid-faq { grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) 110px 72px; }
.social-proof-field { min-width: 0; }
.social-proof-field .form-label { margin-bottom: 7px; font-size: 13px; font-weight: 500; color: #3d4b45; }
.social-proof-field .form-control, .social-proof-field .form-select { min-height: 48px; border-radius: 13px; border-color: #dbe8e2; box-shadow: none; }
.social-proof-field .form-control:focus, .social-proof-field .form-select:focus { border-color: rgba(0, 143, 90, .45); box-shadow: 0 0 0 3px rgba(0, 143, 90, .08); }
.social-proof-submit .btn { min-height: 48px; border-radius: 14px; }
.social-proof-empty-label { opacity: 0; pointer-events: none; }
.social-proof-list { display: grid; gap: 12px; }
.social-proof-item { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 14px 16px; border: 1px solid #e6eeea; border-radius: 18px; background: #fff; }
.social-proof-item-main { min-width: 0; display: grid; gap: 4px; }
.social-proof-item-main strong { color: #0d1830; font-weight: 650; }
.social-proof-item-main span { color: #b98900; font-size: .9rem; }
.social-proof-item-main p { margin: 0; color: #66756f; font-size: .92rem; line-height: 1.45; }
.social-proof-item form { margin: 0; }
.social-proof-empty { border: 1px dashed #d9e8e0; border-radius: 18px; padding: 24px; display: grid; place-items: center; gap: 5px; color: #718078; text-align: center; background: #fff; }
.social-proof-empty i { font-size: 1.8rem; color: var(--bz-primary); }
.social-proof-empty strong { color: #17231f; }
@media (max-width: 1199.98px) {
  .social-proof-form-grid-testimonials,
  .social-proof-form-grid-coupons,
  .social-proof-form-grid-faq { grid-template-columns: 1fr 1fr; }
  .social-proof-submit { grid-column: 1 / -1; }
}
@media (max-width: 767.98px) {
  .social-proof-tabs { display: grid; }
  .social-proof-tabs .nav-link { width: 100%; justify-content: center; }
  .social-proof-form { padding: 14px; }
  .social-proof-form-grid-testimonials,
  .social-proof-form-grid-coupons,
  .social-proof-form-grid-faq { grid-template-columns: 1fr; }
  .social-proof-item { flex-direction: column; }
  .social-proof-item .btn { align-self: flex-end; }
}


/* BioZap v1.1.88 - abas principais do editor seguindo a cor do sistema */
.bio-editor-main-tabs {
  gap: 8px;
  border-bottom: 1px solid var(--bz-border);
  padding-bottom: 8px;
}
.bio-editor-main-tabs .nav-item { margin-bottom: 0; }
.bio-editor-main-tabs .nav-link {
  border: 1px solid transparent;
  border-radius: 16px 16px 0 0;
  color: var(--bz-primary);
  background: transparent;
  font-weight: 500;
  padding: 12px 20px;
  letter-spacing: -0.01em;
}
.bio-editor-main-tabs .nav-link:hover {
  color: var(--bz-primary);
  background: rgba(var(--bz-primary-rgb), .06);
  border-color: rgba(var(--bz-primary-rgb), .12);
}
.bio-editor-main-tabs .nav-link.active {
  color: #17231f;
  background: #fff;
  border-color: var(--bz-border) var(--bz-border) #fff;
  box-shadow: 0 -1px 0 rgba(var(--bz-primary-rgb), .08) inset;
}
.bio-editor-main-tabs .bio-tab-lock { color: #f59e0b; }
body.client-panel-dark .bio-editor-main-tabs { border-color: #243044; }
body.client-panel-dark .bio-editor-main-tabs .nav-link { color: var(--bz-primary); }
body.client-panel-dark .bio-editor-main-tabs .nav-link:hover { background: rgba(var(--bz-primary-rgb), .12); border-color: rgba(var(--bz-primary-rgb), .20); }
body.client-panel-dark .bio-editor-main-tabs .nav-link.active { background: #0f172a; color: #f8fafc; border-color: #243044 #243044 #0f172a; }
@media (max-width: 768px) {
  .bio-editor-main-tabs { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 6px; }
  .bio-editor-main-tabs .nav-link { white-space: nowrap; padding: 11px 16px; font-size: 14px; }
}

/* v1.1.101 - Menu rápido do usuário no topo ao passar o mouse */
.app-user-menu-hover {
  position: relative;
  display: inline-flex;
  align-items: center;
  z-index: 30;
}
.app-user-menu-hover .app-user-summary-link {
  min-height: 58px;
  padding: 7px 10px 7px 7px;
  border: 1px solid transparent;
  background: #f3faf6;
  border-radius: 18px;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}
.app-user-menu-hover:hover .app-user-summary-link,
.app-user-menu-hover:focus-within .app-user-summary-link {
  background: #ffffff;
  border-color: #dcebe5;
  transform: translateY(-1px);
}
.app-user-menu-arrow {
  margin-left: 2px;
  color: #8a98a8;
  font-size: 13px;
  transition: transform .18s ease, color .18s ease;
}
.app-user-menu-hover:hover .app-user-menu-arrow,
.app-user-menu-hover:focus-within .app-user-menu-arrow {
  color: var(--bz-primary);
  transform: rotate(180deg);
}
.app-user-hover-menu {
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  width: 248px;
  padding: 9px;
  border: 1px solid #dfe9e5;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(15, 23, 42, .10);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px) scale(.98);
  transform-origin: top right;
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
  pointer-events: none;
}
.app-user-hover-menu::before {
  content: "";
  position: absolute;
  top: -10px;
  right: 0;
  left: 0;
  height: 10px;
}
.app-user-menu-hover:hover .app-user-hover-menu,
.app-user-menu-hover:focus-within .app-user-hover-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.app-user-hover-menu a {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 58px;
  padding: 10px;
  border-radius: 14px;
  color: #182230;
  text-decoration: none;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.app-user-hover-menu a:hover,
.app-user-hover-menu a:focus {
  background: #f2faf6;
  color: var(--bz-primary);
  transform: translateX(2px);
  outline: none;
}
.app-user-hover-icon {
  width: 39px;
  min-width: 39px;
  height: 39px;
  border-radius: 13px;
  display: inline-grid;
  place-items: center;
  background: rgba(var(--bz-primary-rgb), .10);
  color: var(--bz-primary);
  font-size: 18px;
}
.app-user-hover-menu a:hover .app-user-hover-icon,
.app-user-hover-menu a:focus .app-user-hover-icon {
  background: var(--bz-primary);
  color: #ffffff;
}
.app-user-hover-menu strong {
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -.01em;
}
.app-user-hover-menu small {
  display: block;
  margin-top: 4px;
  color: #667085;
  font-size: 11px;
  line-height: 1.15;
}
.app-user-hover-menu a:hover small,
.app-user-hover-menu a:focus small {
  color: #5f736b;
}
@media (max-width: 991px) {
  .app-user-menu-hover { display: none !important; }
}
body.client-panel-dark .app-user-menu-hover .app-user-summary-link,
body.client-panel-dark .app-user-hover-menu {
  background: #071d3a !important;
  border-color: rgba(255,255,255,.10) !important;
}
body.client-panel-dark .app-user-hover-menu a,
body.client-panel-dark .app-user-hover-menu strong {
  color: #f8fafc !important;
}
body.client-panel-dark .app-user-hover-menu small,
body.client-panel-dark .app-user-menu-arrow {
  color: #a8b3c3 !important;
}
body.client-panel-dark .app-user-hover-menu a:hover,
body.client-panel-dark .app-user-hover-menu a:focus {
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
}

/* v1.1.102 - Topbar do painel do cliente mais profissional e responsivo
   Corrige o layout quebrado no mobile, remove o visual espalhado e deixa menu, saudação,
   notificações e sair alinhados na mesma linha. */
body.app-role-client .app-topbar {
  min-height: 74px !important;
  padding: 12px 22px !important;
  gap: 16px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e8f0ec !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.app-role-client .app-topbar-left {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  gap: 12px !important;
}
body.app-role-client .app-greeting {
  min-width: 0 !important;
}
body.app-role-client .app-client-welcome {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 7px 14px 7px 8px !important;
  border: 1px solid #e4efea !important;
  border-radius: 18px !important;
  background: #f8fcfa !important;
  box-shadow: none !important;
}
body.app-role-client .app-client-welcome-icon {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  background: rgba(var(--bz-primary-rgb), .12) !important;
  color: var(--bz-primary) !important;
  font-size: 19px !important;
  line-height: 1 !important;
}
body.app-role-client .app-client-welcome-copy {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}
body.app-role-client .app-client-welcome-name {
  display: block !important;
  margin: 0 !important;
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: -.02em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.app-role-client .app-client-welcome-label {
  display: block !important;
  margin: 0 !important;
  color: #667085 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.app-role-client .app-topbar-actions {
  flex: 0 0 auto !important;
  width: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}
body.app-role-client .app-sidebar-toggle,
body.app-role-client .app-notification,
body.app-role-client .app-logout-icon,
body.app-role-client .app-topbar-icon {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid #e4efea !important;
  border-radius: 15px !important;
  background: #ffffff !important;
  color: #253449 !important;
  box-shadow: none !important;
  transform: none !important;
}
body.app-role-client .app-sidebar-toggle i,
body.app-role-client .app-notification i,
body.app-role-client .app-logout-icon i,
body.app-role-client .app-topbar-icon i {
  font-size: 21px !important;
  line-height: 1 !important;
}
body.app-role-client .app-sidebar-toggle:hover,
body.app-role-client .app-notification:hover,
body.app-role-client .app-notification.show,
body.app-role-client .app-logout-icon:hover,
body.app-role-client .app-topbar-icon:hover {
  background: #f1faf6 !important;
  border-color: #cfeee1 !important;
  color: var(--bz-primary) !important;
  transform: translateY(-1px) !important;
}
body.app-role-client .app-notification-count {
  top: -6px !important;
  right: -6px !important;
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 6px !important;
  border: 2px solid #ffffff !important;
  border-radius: 999px !important;
  background: #ef4444 !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
body.app-role-client .app-logout-form {
  margin: 0 !important;
}
body.app-role-client .app-user-menu-hover .app-user-summary-link {
  background: #f8fcfa !important;
  border-color: #e4efea !important;
  box-shadow: none !important;
}

@media (max-width: 991px) {
  body.app-role-client .app-sidebar-toggle {
    display: inline-grid !important;
  }
  body.app-role-client .app-topbar-shortcuts {
    display: none !important;
  }
}

@media (max-width: 768px) {
  body.app-role-client .app-topbar {
    min-height: 64px !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    padding: 9px 12px !important;
    gap: 8px !important;
  }
  body.app-role-client .app-topbar-left {
    width: auto !important;
    flex: 1 1 auto !important;
    gap: 8px !important;
  }
  body.app-role-client .app-topbar-actions {
    width: auto !important;
    flex: 0 0 auto !important;
    gap: 7px !important;
  }
  body.app-role-client .app-client-welcome {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    gap: 8px !important;
  }
  body.app-role-client .app-client-welcome-icon {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
  }
  body.app-role-client .app-client-welcome-name {
    max-width: 210px !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
  }
  body.app-role-client .app-client-welcome-label {
    max-width: 210px !important;
    font-size: 11px !important;
  }
  body.app-role-client .app-sidebar-toggle,
  body.app-role-client .app-notification,
  body.app-role-client .app-logout-icon {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    border-radius: 13px !important;
  }
  body.app-role-client .app-sidebar-toggle i,
  body.app-role-client .app-notification i,
  body.app-role-client .app-logout-icon i {
    font-size: 20px !important;
  }
  body.app-role-client .app-notification-count {
    top: -5px !important;
    right: -5px !important;
  }
}

@media (max-width: 520px) {
  body.app-role-client .app-client-welcome-label {
    display: none !important;
  }
  body.app-role-client .app-client-welcome-name {
    max-width: 150px !important;
  }
}

@media (max-width: 390px) {
  body.app-role-client .app-client-welcome-name {
    max-width: 105px !important;
    font-size: 13px !important;
  }
  body.app-role-client .app-client-welcome-icon {
    display: none !important;
  }
  body.app-role-client .app-topbar {
    gap: 6px !important;
  }
  body.app-role-client .app-topbar-actions {
    gap: 5px !important;
  }
}

body.client-panel-dark.app-role-client .app-topbar {
  background: #0f172a !important;
  border-bottom-color: rgba(255,255,255,.08) !important;
}
body.client-panel-dark.app-role-client .app-client-welcome {
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(255,255,255,.09) !important;
}
body.client-panel-dark.app-role-client .app-client-welcome-name {
  color: #f8fafc !important;
}
body.client-panel-dark.app-role-client .app-client-welcome-label {
  color: #94a3b8 !important;
}
body.client-panel-dark.app-role-client .app-sidebar-toggle,
body.client-panel-dark.app-role-client .app-notification,
body.client-panel-dark.app-role-client .app-logout-icon,
body.client-panel-dark.app-role-client .app-topbar-icon {
  background: #111827 !important;
  border-color: rgba(255,255,255,.09) !important;
  color: #e5e7eb !important;
}
body.client-panel-dark.app-role-client .app-sidebar-toggle:hover,
body.client-panel-dark.app-role-client .app-notification:hover,
body.client-panel-dark.app-role-client .app-notification.show,
body.client-panel-dark.app-role-client .app-logout-icon:hover,
body.client-panel-dark.app-role-client .app-topbar-icon:hover {
  background: rgba(var(--bz-primary-rgb), .16) !important;
  border-color: rgba(var(--bz-primary-rgb), .35) !important;
  color: #ffffff !important;
}

/* BioZap v1.1.103 - Serviços em abas, listagem e status rápido */
.services-v103 {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.services-v103__title {
  align-items: flex-end;
  gap: 16px;
}
.services-v103__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  color: var(--bz-primary, #008f5a);
  font-weight: 700;
  font-size: 13px;
}
.services-v103__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.services-v103__stat {
  display: flex;
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(15, 23, 42, .08);
  background: #fff;
  border-radius: 20px;
  padding: 18px;
  box-shadow: none;
}
.services-v103__stat > span {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, var(--bz-primary, #008f5a), #10b981);
  font-size: 20px;
}
.services-v103__stat strong {
  display: block;
  font-size: 26px;
  line-height: 1;
  color: #0f172a;
}
.services-v103__stat small {
  color: #64748b;
  font-weight: 600;
}
.services-v103__card {
  border: 1px solid rgba(15, 23, 42, .08);
  box-shadow: none !important;
  border-radius: 22px;
}
.services-v103__tabs {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding: 8px;
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, .07);
  border-radius: 18px;
}
.services-v103__tabs .nav-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 14px;
  color: #475569;
  font-weight: 700;
  border: 0;
  padding: 10px 14px;
}
.services-v103__tabs .nav-link.active {
  background: var(--bz-primary, #008f5a);
  color: #fff;
}
.services-v103__tabs .nav-link b {
  display: inline-grid;
  place-items: center;
  min-width: 24px;
  height: 24px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.22);
  font-size: 12px;
}
.services-v103__content {
  padding-top: 18px;
}
.services-v103__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.services-v103__mini-card {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 14px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 20px;
  padding: 14px;
  background: #fff;
}
.services-v103__mini-media,
.services-v103__row-media {
  width: 100%;
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(var(--bz-primary-rgb, 0,143,90), .09), rgba(14, 165, 233, .08));
  overflow: hidden;
  color: var(--bz-primary, #008f5a);
  font-size: 30px;
}
.services-v103__mini-media img,
.services-v103__row-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 8px;
  display: block;
}
.services-v103__mini-body,
.services-v103__row-main {
  min-width: 0;
}
.services-v103__mini-top,
.services-v103__row-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.services-v103__mini-top strong,
.services-v103__row-title strong {
  color: #0f172a;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.services-v103__mini-body p,
.services-v103__row-main p {
  margin: 7px 0 10px;
  color: #64748b;
  font-size: 13px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.services-v103__badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 800;
}
.services-v103__badge.active {
  background: rgba(16, 185, 129, .12);
  color: #059669;
}
.services-v103__badge.inactive {
  background: rgba(148, 163, 184, .18);
  color: #64748b;
}
.services-v103__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
}
.services-v103__meta span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.services-v103__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.services-v103__row {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 20px;
  padding: 12px;
  background: #fff;
}
.services-v103__row-title span {
  flex: 0 0 auto;
  color: var(--bz-primary, #008f5a);
  background: rgba(var(--bz-primary-rgb, 0,143,90), .10);
  border-radius: 999px;
  padding: 7px 10px;
  font-weight: 800;
  font-size: 13px;
}
.services-v103__row-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.services-v103__edit {
  grid-column: 1 / -1;
  border-top: 1px dashed rgba(15,23,42,.12);
  padding-top: 14px;
}
.services-v103__edit > form:first-child {
  border: 1px solid rgba(15, 23, 42, .07);
  border-radius: 18px;
  padding: 16px;
  background: #f8fafc;
}
.services-v103__edit-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.services-v103__edit-head strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #0f172a;
}
.services-v103__edit-head span {
  color: #64748b;
  font-size: 13px;
}
.services-v103__delete-form {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.service-status-switch-form {
  margin: 0;
}
.service-status-switch {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  cursor: pointer;
  user-select: none;
  min-width: 112px;
  justify-content: center;
}
.service-status-switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.service-status-switch span {
  width: 48px;
  height: 28px;
  border-radius: 999px;
  background: #cbd5e1;
  position: relative;
  transition: .18s ease;
  flex: 0 0 auto;
}
.service-status-switch span::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  left: 3px;
  top: 3px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 3px 8px rgba(15,23,42,.18);
  transition: .18s ease;
}
.service-status-switch input:checked + span {
  background: var(--bz-primary, #008f5a);
}
.service-status-switch input:checked + span::after {
  transform: translateX(20px);
}
.service-status-switch b {
  font-size: 13px;
  color: #475569;
  min-width: 46px;
}
.service-status-switch--small {
  min-width: auto;
  gap: 7px;
}
.service-status-switch--small span {
  width: 42px;
  height: 24px;
}
.service-status-switch--small span::after {
  width: 18px;
  height: 18px;
}
.service-status-switch--small input:checked + span::after {
  transform: translateX(18px);
}
.service-status-switch--small b {
  min-width: auto;
  font-size: 12px;
}
.services-v103__empty {
  display: grid;
  place-items: center;
  text-align: center;
  gap: 8px;
  padding: 44px 18px;
  border: 1px dashed rgba(15,23,42,.16);
  border-radius: 20px;
  background: #f8fafc;
  color: #64748b;
}
.services-v103__empty > i {
  font-size: 38px;
  color: var(--bz-primary, #008f5a);
}
.services-v103__empty .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  justify-self: center;
  min-height: 48px;
  padding: 0 22px;
}
.services-v103__empty .btn i {
  font-size: 18px;
  line-height: 1;
  color: currentColor;
  margin: 0;
  flex: 0 0 auto;
}
.services-v103__empty strong {
  color: #0f172a;
}
.services-v103__empty.compact {
  padding: 28px 18px;
}
.services-v103__help {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.services-v103__help > div {
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 20px;
  padding: 18px;
  background: #fff;
}
.services-v103__help span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(var(--bz-primary-rgb, 0,143,90), .10);
  color: var(--bz-primary, #008f5a);
  margin-bottom: 12px;
}
.services-v103__help strong {
  display: block;
  color: #0f172a;
}
.services-v103__help p {
  margin: 6px 0 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.5;
}
.services-v103__bio-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin-top: 16px;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  background: #f8fafc;
  padding: 14px;
}
.services-v103__bio-links strong {
  margin-right: 4px;
  color: #0f172a;
}
.services-v103__bio-links a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(15,23,42,.08);
  color: #0f172a;
  padding: 8px 12px;
  font-weight: 700;
  font-size: 13px;
}
.service-admin-actions .service-status-switch-form--compact {
  display: inline-flex;
  align-items: center;
}
@media (max-width: 991px) {
  .services-v103__stats,
  .services-v103__help,
  .services-v103__grid {
    grid-template-columns: 1fr;
  }
  .services-v103__row {
    grid-template-columns: 72px minmax(0, 1fr);
  }
  .services-v103__row .service-status-switch-form,
  .services-v103__row-actions {
    grid-column: 2;
    justify-content: flex-start;
  }
}
@media (max-width: 575px) {
  .services-v103__title {
    align-items: stretch;
  }
  .services-v103__title .btn {
    width: 100%;
    justify-content: center;
  }
  .services-v103__tabs .nav-link {
    width: 100%;
    justify-content: center;
  }
  .services-v103__mini-card,
  .services-v103__row {
    grid-template-columns: 1fr;
  }
  .services-v103__mini-media,
  .services-v103__row-media {
    width: 86px;
  }
  .services-v103__row .service-status-switch-form,
  .services-v103__row-actions {
    grid-column: 1;
  }
  .services-v103__row-actions .btn {
    flex: 1 1 auto;
  }
  .services-v103__edit-head {
    align-items: flex-start;
    flex-direction: column;
  }
}
body.client-panel-dark .services-v103__stat,
body.client-panel-dark .services-v103__card,
body.client-panel-dark .services-v103__mini-card,
body.client-panel-dark .services-v103__row,
body.client-panel-dark .services-v103__help > div,
body.client-panel-dark .services-v103__bio-links a {
  background: #0f172a;
  border-color: rgba(255,255,255,.09);
}
body.client-panel-dark .services-v103__tabs,
body.client-panel-dark .services-v103__empty,
body.client-panel-dark .services-v103__edit > form:first-child,
body.client-panel-dark .services-v103__bio-links {
  background: #111827;
  border-color: rgba(255,255,255,.09);
}
body.client-panel-dark .services-v103__stat strong,
body.client-panel-dark .services-v103__mini-top strong,
body.client-panel-dark .services-v103__row-title strong,
body.client-panel-dark .services-v103__edit-head strong,
body.client-panel-dark .services-v103__empty strong,
body.client-panel-dark .services-v103__help strong,
body.client-panel-dark .services-v103__bio-links strong,
body.client-panel-dark .services-v103__bio-links a {
  color: #f8fafc;
}
body.client-panel-dark .services-v103__stat small,
body.client-panel-dark .services-v103__mini-body p,
body.client-panel-dark .services-v103__row-main p,
body.client-panel-dark .services-v103__meta,
body.client-panel-dark .services-v103__edit-head span,
body.client-panel-dark .services-v103__help p,
body.client-panel-dark .service-status-switch b {
  color: #94a3b8;
}

/* BioZap v1.1.104 - modo de exibição dos serviços no editor */
.service-manager-stack {
  display: grid;
  gap: 18px;
}
.service-config-card {
  box-shadow: none !important;
}
.client-panel-dark .service-config-card .catalog-mode-option span,
.client-panel-dark .service-config-card {
  background: rgba(15, 23, 42, .28);
  border-color: rgba(148, 163, 184, .18);
}
.client-panel-dark .service-config-card .catalog-mode-option strong,
.client-panel-dark .service-config-card .catalog-config-head h2 {
  color: #f8fafc;
}
.client-panel-dark .service-config-card .catalog-mode-option small,
.client-panel-dark .service-config-card .text-muted {
  color: rgba(226, 232, 240, .72) !important;
}
@media (max-width: 767px) {
  .service-manager-stack {
    gap: 14px;
  }
}

/* =========================================================
   BioZap v1.1.105 - Tipografia Poppins Regular
   Remove pesos muito grossos do front, bio pública e painéis.
   ========================================================= */
html,
body,
button,
input,
select,
textarea,
.form-control,
.form-select,
.dropdown-menu,
.modal,
.popover,
.tooltip {
  font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body,
body [class],
body p,
body span,
body small,
body label,
body a,
body li,
body td,
body th,
body input,
body select,
body textarea,
body .form-control,
body .form-select,
body .dropdown-item {
  font-weight: 400 !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body [class] h1,
body [class] h2,
body [class] h3,
body [class] h4,
body [class] h5,
body [class] h6,
body .page-title h1,
body .bio-hero h1,
body .bio-section-title h2,
body .auth-copy h1,
body .auth-panel-head h2,
body .auth-create-head h2,
body .payment-success-hero h1,
body .plan-data-title-row h1,
body .my-bios-hero h1,
body .bz-analytics-title h1 {
  font-weight: 500 !important;
  letter-spacing: -0.025em;
}

body strong,
body b,
body .fw-bold,
body .fw-semibold,
body .btn,
body button,
body .badge,
body .app-nav a,
body .app-brand,
body .bio-brand,
body .auth-brand,
body .app-topbar-icon,
body .app-notification-count,
body .catalog-title,
body .catalog-price,
body .service-public-title,
body .service-public-price,
body .price,
body .buy,
body .link-btn,
body .whatsapp-main,
body .bio-btn,
body .plan-price,
body .plan-select-btn,
body .plan-continue-btn,
body .plan-pay-btn,
body .payment-method-tabs button,
body .bz-export-btn,
body .bz-panel-title,
body .bz-report-link,
body .bz-event-name,
body .bz-all-events a,
body .app-client-welcome-name,
body .app-user-summary strong,
body .my-bio-status,
body .bio-lead-toggle-box span,
body .my-bio-lead-toggle strong {
  font-weight: 500 !important;
}

body .app-user-avatar,
body .auth-logo,
body .app-brand-mark,
body .auth-brand-mark,
body .avatar-fallback,
body .bio-testimonial-avatar,
body [class*="__avatar"],
body [class*="-avatar"] {
  font-weight: 500 !important;
}

body .display-1,
body .display-2,
body .display-3,
body .display-4,
body .display-5,
body .display-6 {
  font-weight: 500 !important;
}

body .text-muted,
body .muted,
body .muted-title,
body .catalog-desc,
body .service-public-desc,
body .bio,
body .desc,
body .footer,
body .app-user-summary span,
body .app-client-welcome-label {
  font-weight: 400 !important;
}

body i.bi,
body .bi,
body [class^="bi-"],
body [class*=" bi-"] {
  font-family: 'bootstrap-icons' !important;
  font-weight: normal !important;
}


/* v1.1.106 - Topbar mais baixo e fixo
   Mantém o topo preso durante a rolagem e compensa a largura do menu lateral. */
:root {
  --bz-app-sidebar-width: 272px;
  --bz-app-sidebar-collapsed-width: 88px;
  --bz-app-topbar-height: 64px;
}

.app-main {
  padding-top: var(--bz-app-topbar-height) !important;
}

.app-topbar {
  position: fixed !important;
  top: 0 !important;
  left: var(--bz-app-sidebar-width) !important;
  right: 0 !important;
  z-index: 1040 !important;
  width: auto !important;
  min-height: var(--bz-app-topbar-height) !important;
  padding: 7px 22px !important;
  box-sizing: border-box !important;
  align-items: center !important;
}

body.sidebar-collapsed .app-topbar {
  left: var(--bz-app-sidebar-collapsed-width) !important;
}

body.app-role-client .app-topbar {
  min-height: var(--bz-app-topbar-height) !important;
  padding: 7px 20px !important;
  gap: 12px !important;
}

body.app-role-client .app-topbar-left {
  gap: 10px !important;
}

body.app-role-client .app-client-welcome {
  padding: 5px 12px 5px 7px !important;
  border-radius: 16px !important;
  gap: 9px !important;
}

body.app-role-client .app-client-welcome-icon {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  font-size: 17px !important;
}

body.app-role-client .app-client-welcome-name {
  font-size: 15px !important;
  line-height: 1.12 !important;
}

body.app-role-client .app-client-welcome-label {
  font-size: 11px !important;
  line-height: 1.15 !important;
}

body.app-role-client .app-topbar-actions {
  gap: 8px !important;
}

body.app-role-client .app-sidebar-toggle,
body.app-role-client .app-notification,
body.app-role-client .app-logout-icon,
body.app-role-client .app-topbar-icon {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  border-radius: 13px !important;
}

body.app-role-client .app-sidebar-toggle i,
body.app-role-client .app-notification i,
body.app-role-client .app-logout-icon i,
body.app-role-client .app-topbar-icon i {
  font-size: 19px !important;
}

body.app-role-client .app-user-menu-hover .app-user-summary-link {
  min-height: 50px !important;
  padding: 4px 9px 4px 5px !important;
  border-radius: 16px !important;
}

body.app-role-client .app-user-avatar {
  width: 42px !important;
  height: 42px !important;
  font-size: 14px !important;
}

body.app-role-client .app-user-summary strong {
  font-size: 11px !important;
  line-height: 1.08 !important;
}

body.app-role-client .app-user-summary span {
  font-size: 11px !important;
  margin-top: 2px !important;
  line-height: 1.1 !important;
}

body.app-role-client .app-notification-count {
  top: -5px !important;
  right: -5px !important;
  min-width: 20px !important;
  height: 20px !important;
  font-size: 10px !important;
}

@media (max-width: 991px) {
  :root {
    --bz-app-topbar-height: 60px;
  }

  .app-topbar,
  body.sidebar-collapsed .app-topbar,
  body.app-role-client .app-topbar {
    left: 0 !important;
    min-height: var(--bz-app-topbar-height) !important;
    padding: 6px 12px !important;
  }
}

@media (max-width: 768px) {
  :root {
    --bz-app-topbar-height: 58px;
  }

  body.app-role-client .app-topbar {
    gap: 7px !important;
  }

  body.app-role-client .app-client-welcome-icon {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    border-radius: 11px !important;
    font-size: 15px !important;
  }

  body.app-role-client .app-sidebar-toggle,
  body.app-role-client .app-notification,
  body.app-role-client .app-logout-icon {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
  }
}

/* v1.1.106 - Topbar do cliente sem ícone de boas-vindas e sem bordas */
body.app-role-client .app-client-welcome {
  padding: 0 !important;
  gap: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.app-role-client .app-client-welcome-icon {
  display: none !important;
}

body.app-role-client .app-client-welcome-copy {
  gap: 1px !important;
}

body.app-role-client .app-sidebar-toggle,
body.app-role-client .app-notification,
body.app-role-client .app-logout-icon,
body.app-role-client .app-topbar-icon,
body.app-role-client .app-user-menu-hover .app-user-summary-link {
  border: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.app-role-client .app-sidebar-toggle:hover,
body.app-role-client .app-notification:hover,
body.app-role-client .app-notification.show,
body.app-role-client .app-logout-icon:hover,
body.app-role-client .app-topbar-icon:hover,
body.app-role-client .app-user-menu-hover:hover .app-user-summary-link,
body.app-role-client .app-user-menu-hover:focus-within .app-user-summary-link {
  border: 0 !important;
  border-color: transparent !important;
  background: #f3f7f5 !important;
  box-shadow: none !important;
}

body.client-panel-dark.app-role-client .app-client-welcome,
body.client-panel-dark.app-role-client .app-sidebar-toggle,
body.client-panel-dark.app-role-client .app-notification,
body.client-panel-dark.app-role-client .app-logout-icon,
body.client-panel-dark.app-role-client .app-topbar-icon,
body.client-panel-dark.app-role-client .app-user-menu-hover .app-user-summary-link {
  border: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.client-panel-dark.app-role-client .app-sidebar-toggle:hover,
body.client-panel-dark.app-role-client .app-notification:hover,
body.client-panel-dark.app-role-client .app-notification.show,
body.client-panel-dark.app-role-client .app-logout-icon:hover,
body.client-panel-dark.app-role-client .app-topbar-icon:hover,
body.client-panel-dark.app-role-client .app-user-menu-hover:hover .app-user-summary-link,
body.client-panel-dark.app-role-client .app-user-menu-hover:focus-within .app-user-summary-link {
  border: 0 !important;
  border-color: transparent !important;
  background: rgba(var(--bz-primary-rgb), .12) !important;
  box-shadow: none !important;
}

/* v1.1.106 - Preview do telefone levemente menor */
@media (min-width: 992px) {
  .editor-grid {
    grid-template-columns: minmax(0, 1fr) 360px !important;
  }

  .phone-preview {
    top: calc(var(--bz-app-topbar-height, 64px) + 16px) !important;
    height: 780px !important;
    min-height: 780px !important;
    max-height: 780px !important;
  }
}

/* BioZap v1.1.107 - preview do celular fixo no editor e alinhamento interno */
@media (min-width: 992px) {
  .editor-grid {
    grid-template-columns: minmax(0, 1fr) 360px !important;
    align-items: start !important;
  }

  .editor-grid > .phone-preview {
    position: sticky !important;
    top: calc(var(--bz-app-topbar-height, 72px) + 16px) !important;
    align-self: start !important;
    width: min(360px, 100%) !important;
    height: min(780px, calc(100vh - var(--bz-app-topbar-height, 72px) - 32px)) !important;
    min-height: 0 !important;
    max-height: calc(100vh - var(--bz-app-topbar-height, 72px) - 32px) !important;
    margin: 0 !important;
    z-index: 4 !important;
  }
}

.phone-preview,
.phone-preview * {
  box-sizing: border-box;
}

.phone-preview {
  max-width: 100% !important;
  overflow: hidden !important;
}

.phone-preview .preview-screen {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  padding: 14px 14px 18px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
}

.phone-preview .preview-cover {
  width: auto !important;
  max-width: none !important;
  height: 88px !important;
  margin: -6px -6px 12px !important;
  border-radius: 0 0 22px 22px !important;
}

.phone-preview .preview-avatar {
  width: 78px !important;
  height: 78px !important;
  margin: 14px auto 10px !important;
  flex: 0 0 auto !important;
}

.phone-preview #preview-name {
  max-width: 100% !important;
  margin: 4px 0 4px !important;
  color: var(--preview-text) !important;
  font-size: 1.32rem !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
}

.phone-preview #preview-description {
  max-width: 100% !important;
  margin: 0 auto 12px !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
}

.phone-preview .preview-live-stack {
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  gap: 12px !important;
  padding: 0 2px 18px !important;
}

.phone-preview .preview-live-section {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 10px !important;
}

.phone-preview .preview-section-label {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  color: rgba(23, 35, 31, .72) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

.phone-preview-dark .preview-section-label {
  color: rgba(226, 232, 240, .72) !important;
}

.phone-preview .preview-link {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
  line-height: 1.22 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.phone-preview .preview-link span,
.phone-preview .preview-link strong {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.phone-preview .preview-link .preview-link-icon,
.phone-preview .preview-link i {
  flex: 0 0 auto !important;
}

.phone-preview .preview-mini-banner,
.phone-preview .preview-mini-service,
.phone-preview .preview-mini-product,
.phone-preview .preview-mini-proof {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.phone-preview .preview-mini-banner {
  display: grid !important;
}

.phone-preview .preview-mini-banner-media {
  width: 100% !important;
  min-width: 0 !important;
}

.phone-preview .preview-mini-banner-body,
.phone-preview .preview-mini-service > div:last-child,
.phone-preview .preview-mini-product > div:last-child,
.phone-preview .preview-mini-proof {
  min-width: 0 !important;
  overflow: hidden !important;
}

.phone-preview .preview-mini-service,
.phone-preview .preview-mini-product {
  grid-template-columns: 56px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
}

.phone-preview .preview-mini-thumb {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  flex: 0 0 56px !important;
}

.phone-preview .preview-mini-banner-body strong,
.phone-preview .preview-mini-service strong,
.phone-preview .preview-mini-product strong,
.phone-preview .preview-mini-proof strong,
.phone-preview .preview-mini-banner-body span,
.phone-preview .preview-mini-service span,
.phone-preview .preview-mini-product span,
.phone-preview .preview-mini-proof span,
.phone-preview .preview-mini-service b,
.phone-preview .preview-mini-product b {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 991.98px) {
  .editor-grid {
    grid-template-columns: 1fr !important;
  }

  .editor-grid > .phone-preview {
    display: none !important;
  }
}

/* BioZap v1.1.108 - preview do celular travado no viewport e componentes contidos */
@media (min-width: 992px) {
  .app-content,
  .editor-grid { overflow: visible !important; }
  .editor-grid {
    --biozap-phone-width-css: clamp(332px, 25vw, 380px);
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--biozap-phone-width-css) !important;
    gap: 22px !important;
    align-items: start !important;
    position: relative !important;
  }
  .editor-grid > :first-child { min-width: 0 !important; }
  .editor-grid > .phone-preview {
    position: sticky !important;
    top: calc(var(--bz-app-topbar-height, 72px) + 16px) !important;
    align-self: start !important;
    width: var(--biozap-phone-width-css) !important;
    max-width: var(--biozap-phone-width-css) !important;
    height: min(780px, calc(100svh - var(--bz-app-topbar-height, 72px) - 32px)) !important;
    min-height: 0 !important;
    max-height: calc(100svh - var(--bz-app-topbar-height, 72px) - 32px) !important;
    margin: 0 !important;
    z-index: 8 !important;
  }
  body.biozap-editor-preview-fixed .editor-grid > .phone-preview {
    position: fixed !important;
    top: var(--biozap-phone-top, 88px) !important;
    left: var(--biozap-phone-left, auto) !important;
    right: auto !important;
    width: var(--biozap-phone-width-js, 360px) !important;
    max-width: var(--biozap-phone-width-js, 360px) !important;
    height: var(--biozap-phone-height, calc(100svh - 104px)) !important;
    min-height: 0 !important;
    max-height: var(--biozap-phone-height, calc(100svh - 104px)) !important;
    margin: 0 !important;
    transform: translateZ(0) !important;
    will-change: top, left, width, height !important;
  }
}
.phone-preview,
.phone-preview *,
.phone-preview *::before,
.phone-preview *::after { box-sizing: border-box !important; }
.phone-preview { background: #17231f !important; border: 10px solid #17231f !important; border-radius: 34px !important; overflow: hidden !important; box-shadow: none !important; }
.phone-preview .preview-screen { display: block !important; width: 100% !important; max-width: 100% !important; height: 100% !important; min-width: 0 !important; padding: 14px !important; border-radius: 24px !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain !important; background: var(--preview-bg) !important; color: var(--preview-text) !important; }
.phone-preview .preview-cover { display: block !important; width: calc(100% + 28px) !important; max-width: calc(100% + 28px) !important; height: 92px !important; margin: -14px -14px 14px !important; border-radius: 0 0 22px 22px !important; background-position: center !important; background-size: cover !important; flex: 0 0 auto !important; }
.phone-preview .preview-avatar { width: 78px !important; height: 78px !important; max-width: 78px !important; display: block !important; object-fit: cover !important; margin: 14px auto 10px !important; flex: 0 0 auto !important; }
.phone-preview #preview-name,
.phone-preview #preview-description { width: 100% !important; max-width: 100% !important; overflow-wrap: anywhere !important; word-break: normal !important; }
.phone-preview #preview-name { margin: 4px 0 4px !important; font-size: 1.32rem !important; line-height: 1.2 !important; color: var(--preview-text) !important; }
.phone-preview #preview-description { margin: 0 auto 14px !important; line-height: 1.45 !important; }
.phone-preview .preview-live-stack,
.phone-preview .preview-live-section { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: grid !important; }
.phone-preview .preview-live-stack { gap: 12px !important; padding: 0 2px 18px !important; }
.phone-preview .preview-live-section { gap: 10px !important; }
.phone-preview .preview-section-label { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; padding: 0 2px !important; font-size: .82rem !important; font-weight: 600 !important; line-height: 1.2 !important; opacity: .78 !important; overflow-wrap: anywhere !important; }
.phone-preview .preview-link { width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 54px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; margin: 0 !important; padding: 12px 14px !important; border-radius: 18px !important; line-height: 1.22 !important; white-space: normal !important; text-align: center !important; overflow: hidden !important; overflow-wrap: anywhere !important; }
.phone-preview .preview-link span,
.phone-preview .preview-link strong { min-width: 0 !important; max-width: 100% !important; overflow-wrap: anywhere !important; }
.phone-preview .preview-link .preview-link-icon,
.phone-preview .preview-link i { flex: 0 0 auto !important; }
.phone-preview .preview-mini-banner,
.phone-preview .preview-mini-service,
.phone-preview .preview-mini-product,
.phone-preview .preview-mini-proof { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; overflow: hidden !important; }
.phone-preview .preview-mini-banner { display: grid !important; }
.phone-preview .preview-mini-banner-media { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
.phone-preview .preview-mini-banner-media img,
.phone-preview .preview-mini-thumb img { width: 100% !important; height: 100% !important; max-width: 100% !important; object-fit: cover !important; display: block !important; }
.phone-preview .preview-mini-banner-body,
.phone-preview .preview-mini-service > div:last-child,
.phone-preview .preview-mini-product > div:last-child,
.phone-preview .preview-mini-proof { min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; }
.phone-preview .preview-mini-service,
.phone-preview .preview-mini-product { display: grid !important; grid-template-columns: 56px minmax(0, 1fr) !important; gap: 10px !important; align-items: center !important; padding: 10px !important; }
.phone-preview .preview-mini-thumb { width: 56px !important; height: 56px !important; min-width: 56px !important; max-width: 56px !important; flex: 0 0 56px !important; }
.phone-preview .preview-mini-banner-body strong,
.phone-preview .preview-mini-service strong,
.phone-preview .preview-mini-product strong,
.phone-preview .preview-mini-proof strong,
.phone-preview .preview-mini-banner-body span,
.phone-preview .preview-mini-service span,
.phone-preview .preview-mini-product span,
.phone-preview .preview-mini-proof span,
.phone-preview .preview-mini-service b,
.phone-preview .preview-mini-product b { max-width: 100% !important; overflow-wrap: anywhere !important; }
@media (max-width: 991.98px) {
  .editor-grid { grid-template-columns: 1fr !important; }
  .editor-grid > .phone-preview { display: none !important; }
}



/* BioZap v1.1.109 - ícones redondos nos botões da prévia do celular */
.phone-preview .preview-round-icon{display:inline-grid!important;place-items:center!important;flex:0 0 auto!important;width:auto!important;height:auto!important;min-width:0!important;max-width:none!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;color:var(--preview-primary)!important}
.phone-preview [data-preview-section="contact"] .preview-round-icon{color:var(--preview-button-text)!important}
.phone-preview .preview-round-icon img{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;object-fit:contain!important;display:block!important}
.phone-preview .preview-round-icon i{font-size:18px!important;line-height:1!important;display:inline-block!important}
.phone-preview .preview-link-label{min-width:0!important;overflow-wrap:anywhere!important}

/* BioZap: centralização e ordenação por arrastar nos botões cadastrados */
.bio-button-sort-hint{display:inline-flex;align-items:center;gap:7px;margin:-4px 0 12px;color:#66756f;font-size:.86rem}.bio-button-sort-hint i{color:var(--bz-primary)}
.bio-button-item{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.bio-button-item.is-dragging{opacity:.72;border-color:rgba(0,143,90,.42);box-shadow:0 16px 36px rgba(0,143,90,.12);transform:scale(.995)}
.bio-button-drag-handle{width:34px;height:42px;border:0;background:transparent;color:#8ba098;border-radius:12px;display:inline-grid;place-items:center;line-height:1;cursor:grab;flex:0 0 34px}.bio-button-drag-handle:active{cursor:grabbing}.bio-button-drag-handle:hover{background:#eef8f3;color:var(--bz-primary)}.bio-button-drag-handle i,.bio-button-drag-handle i::before{display:block;line-height:1!important}
.bio-button-icon,.bio-current-icon-preview{display:inline-grid!important;place-items:center!important;align-items:center!important;justify-items:center!important;text-align:center!important;line-height:1!important}.bio-button-icon>i,.bio-current-icon-preview>i,.bio-button-icon .bi,.bio-current-icon-preview .bi{display:block!important;margin:0!important;line-height:1!important;text-align:center!important}.bio-button-icon>i::before,.bio-current-icon-preview>i::before,.bio-button-icon .bi::before,.bio-current-icon-preview .bi::before{display:block!important;line-height:1!important;vertical-align:middle!important}.bio-button-icon-img,.bio-current-icon-img{display:block!important;margin:auto!important;line-height:1!important;object-fit:contain!important}
.bio-button-sort-status{min-height:20px;margin:10px 2px 0;font-size:.84rem;color:#66756f}.bio-button-sort-status[data-state="saving"]{color:#8a6d00}.bio-button-sort-status[data-state="saved"]{color:#08764c}.bio-button-sort-status[data-state="error"]{color:#b42318}
@media(max-width:575.98px){.bio-button-summary{gap:9px}.bio-button-drag-handle{width:28px;flex-basis:28px}.bio-button-actions{gap:6px}.bio-button-actions .btn{width:36px;height:36px}}


/* BioZap v1.1.109 - centralização fina dos ícones dos botões cadastrados e área de arrastar */
.bio-button-icon,
.bio-current-icon-preview {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}
.bio-button-icon > i,
.bio-current-icon-preview > i,
.bio-button-icon .bi,
.bio-current-icon-preview .bi,
.bio-button-icon > i::before,
.bio-current-icon-preview > i::before,
.bio-button-icon .bi::before,
.bio-current-icon-preview .bi::before {
  display: block !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}
.bio-button-icon-img,
.bio-current-icon-img {
  display: block !important;
  margin: auto !important;
  object-fit: contain !important;
}
.bio-button-actions .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
}
.bio-button-actions .btn i,
.bio-button-actions .btn i::before {
  display: block !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}
.bio-button-drag-handle {
  touch-action: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}
.bio-button-item.is-dragging,
.bio-button-item.is-pointer-dragging {
  opacity: .72 !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .16) !important;
}

/* Ajuste solicitado: remover borda do bloco Mostrar formulário */
.bio-lead-toggle-box{border:0!important;box-shadow:none!important}
body.client-panel-dark .bio-lead-toggle-box{border-color:transparent!important}

/* Ajuste solicitado: remover a borda do controle Mostrar formulário */
.bio-lead-toggle-box .bio-lead-toggle-check{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}
.bio-lead-toggle-box .bio-lead-toggle-check .form-check-input{box-shadow:none!important}
body.client-panel-dark .bio-lead-toggle-box .bio-lead-toggle-check{border-color:transparent!important;background:transparent!important}

/* v1.1.110 - destaque pulsante para Minhas Bios, com z-index e sem corte */
.app-sidebar .app-nav{padding:4px 8px 4px 4px!important}
.app-sidebar .app-nav a.app-nav-pulse-target{position:relative!important;z-index:20!important;isolation:isolate;overflow:visible!important;border-color:rgba(52,211,153,.46)!important;background:rgba(0,143,90,.24)!important;color:#fff!important;box-shadow:0 0 0 0 rgba(52,211,153,.38);animation:biozapNavPulse 1.8s ease-out infinite;margin:3px 0!important}
.app-sidebar .app-nav a.app-nav-pulse-target i{color:#fff!important;position:relative;z-index:2}
.app-sidebar .app-nav a.app-nav-pulse-target span{position:relative;z-index:2}
.app-sidebar .app-nav a.app-nav-pulse-target::after{content:"";position:absolute;inset:-4px;border-radius:15px;border:1px solid rgba(110,231,183,.82);pointer-events:none;z-index:-1;animation:biozapNavPulseRing 1.8s ease-out infinite}
.app-sidebar .app-nav a.app-nav-pulse-target::before{content:"";position:absolute;inset:-1px;border-radius:12px;background:rgba(0,143,90,.08);z-index:-1;pointer-events:none}
@keyframes biozapNavPulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.36)}55%{box-shadow:0 0 0 11px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
@keyframes biozapNavPulseRing{0%{opacity:.95;transform:scale(1)}60%{opacity:.20;transform:scale(1.035)}100%{opacity:0;transform:scale(1.055)}}
body.sidebar-collapsed .app-sidebar .app-nav a.app-nav-pulse-target{z-index:20!important;margin:4px 0!important}
body.sidebar-collapsed .app-sidebar .app-nav a.app-nav-pulse-target::after{inset:-4px;border-radius:15px}
@media (prefers-reduced-motion: reduce){.app-sidebar .app-nav a.app-nav-pulse-target,.app-sidebar .app-nav a.app-nav-pulse-target::after{animation:none!important}}



/* v1.1.111 - bolinha pulsando em Minhas Bios */
.app-sidebar .app-nav a.app-nav-pulse-target{position:relative!important;animation:none!important;box-shadow:none!important;overflow:visible!important;padding-right:40px!important}
.app-sidebar .app-nav a.app-nav-pulse-target::after{content:""!important;position:absolute!important;right:12px!important;top:50%!important;width:12px!important;height:12px!important;border-radius:50%!important;inset:auto!important;transform:translateY(-50%)!important;background:#6ee7b7!important;border:0!important;opacity:1!important;z-index:5!important;box-shadow:0 0 0 1px rgba(255,255,255,.22) inset!important;animation:none!important}
.app-sidebar .app-nav a.app-nav-pulse-target::before{content:""!important;display:block!important;position:absolute!important;right:9px!important;top:50%!important;width:18px!important;height:18px!important;border-radius:50%!important;inset:auto!important;transform:translateY(-50%) scale(1)!important;background:transparent!important;border:2px solid rgba(110,231,183,.86)!important;opacity:.95!important;z-index:4!important;pointer-events:none!important;animation:biozapPulseRingDot 1.8s ease-out infinite!important}
@keyframes biozapPulseRingDot{0%{transform:translateY(-50%) scale(.88);opacity:.95;border-color:rgba(110,231,183,.90)}65%{transform:translateY(-50%) scale(1.7);opacity:.20;border-color:rgba(110,231,183,.28)}100%{transform:translateY(-50%) scale(2.05);opacity:0;border-color:rgba(110,231,183,0)}}
body.sidebar-collapsed .app-sidebar .app-nav a.app-nav-pulse-target{padding-right:0!important}
body.sidebar-collapsed .app-sidebar .app-nav a.app-nav-pulse-target::after{right:8px!important;top:50%!important;transform:translateY(-50%)!important}
body.sidebar-collapsed .app-sidebar .app-nav a.app-nav-pulse-target::before{right:5px!important;top:50%!important;transform:translateY(-50%) scale(1)!important}
@media (prefers-reduced-motion: reduce){.app-sidebar .app-nav a.app-nav-pulse-target::before{animation:none!important;opacity:.55!important;transform:translateY(-50%) scale(1)!important}}


/* v1.1.111 - Minhas Bios com bolinha real no final do item; pulso centralizado e mais forte */
.app-sidebar .app-nav a.app-nav-pulse-target{
  position:relative!important;
  animation:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  padding-right:46px!important;
  border-color:rgba(52,211,153,.28)!important;
  background:rgba(0,143,90,.24)!important;
  color:#fff!important;
}
.app-sidebar .app-nav a.app-nav-pulse-target::before,
.app-sidebar .app-nav a.app-nav-pulse-target::after{
  content:none!important;
  display:none!important;
  animation:none!important;
  border:0!important;
  box-shadow:none!important;
}
.app-sidebar .app-nav a.app-nav-pulse-target > i,
.app-sidebar .app-nav a.app-nav-pulse-target > span{
  position:relative!important;
  z-index:2!important;
}
.app-sidebar .app-nav a.app-nav-pulse-target .app-nav-pulse-dot{
  position:absolute!important;
  right:12px!important;
  top:50%!important;
  width:14px!important;
  height:14px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  background:#86efac!important;
  z-index:5!important;
  pointer-events:none!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  line-height:0!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.18) inset, 0 0 14px rgba(110,231,183,.42)!important;
}
.app-sidebar .app-nav a.app-nav-pulse-target .app-nav-pulse-dot b{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:20px!important;
  height:20px!important;
  transform:translate(-50%,-50%) scale(.92)!important;
  transform-origin:center center!important;
  border-radius:50%!important;
  border:3px solid rgba(134,239,172,.96)!important;
  background:transparent!important;
  display:block!important;
  box-shadow:0 0 16px rgba(110,231,183,.32)!important;
  animation:biozapPulseRealDot 1.4s cubic-bezier(.22,.61,.36,1) infinite!important;
}
@keyframes biozapPulseRealDot{
  0%{transform:translate(-50%,-50%) scale(.92);opacity:1;border-color:rgba(134,239,172,1)}
  60%{transform:translate(-50%,-50%) scale(1.95);opacity:.28;border-color:rgba(134,239,172,.52)}
  100%{transform:translate(-50%,-50%) scale(2.35);opacity:0;border-color:rgba(134,239,172,0)}
}
body.sidebar-collapsed .app-sidebar .app-nav a.app-nav-pulse-target{padding-right:0!important}
body.sidebar-collapsed .app-sidebar .app-nav a.app-nav-pulse-target .app-nav-pulse-dot{right:8px!important}
@media (prefers-reduced-motion: reduce){.app-sidebar .app-nav a.app-nav-pulse-target .app-nav-pulse-dot b{animation:none!important;opacity:.7!important;transform:translate(-50%,-50%) scale(1)!important}}

/* Atualizações v1.1.112 - abas, download e exclusão em lote */
.updates-v112 { display:flex; flex-direction:column; gap:1rem; }
.updates-v112__tabs { display:flex; flex-wrap:wrap; gap:.55rem; padding:.45rem; border:1px solid rgba(15,23,42,.08); border-radius:18px; background:#f8fafc; }
.updates-v112__tabs .nav-link { border-radius:13px; color:#475467; font-weight:600; display:inline-flex; align-items:center; gap:.45rem; min-height:42px; }
.updates-v112__tabs .nav-link.active { background:#fff; color:#059669; box-shadow:0 10px 24px rgba(15,23,42,.06); }
.updates-v112__content { margin-top:.2rem; }
.updates-v112__card { border-radius:18px; border-color:rgba(15,23,42,.08); box-shadow:0 10px 24px rgba(15,23,42,.04); }
.updates-v112__section-head,
.updates-v112__history-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.updates-v112__section-head h5,
.updates-v112__history-head h5 { margin:0 0 .35rem; color:#101828; font-size:1.08rem; font-weight:700; }
.updates-v112__section-head p,
.updates-v112__history-head p { margin:0; color:#667085; font-size:.92rem; }
.updates-v112__section-icon { width:44px; height:44px; flex:0 0 44px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:rgba(5,150,105,.12); color:#059669; font-size:1.15rem; }
.updates-v112__selection-bar { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.75rem .9rem; margin-bottom:.75rem; border:1px solid rgba(15,23,42,.08); border-radius:14px; background:#f8fafc; }
.updates-v112__table { margin-bottom:0; }
.updates-v112__table thead th { white-space:nowrap; color:#475467; font-size:.86rem; font-weight:700; border-bottom-color:rgba(15,23,42,.08); }
.updates-v112__table td { vertical-align:middle; }
.updates-v112__check-col { width:42px; }
.updates-v112__message { min-width:360px; }
.updates-v112__actions { display:flex; align-items:center; justify-content:flex-end; gap:.4rem; }
.updates-v112__icon-btn { width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; padding:0; border-radius:10px; }
.updates-v112__empty { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.45rem; min-height:180px; border:1px dashed rgba(15,23,42,.16); border-radius:16px; color:#667085; text-align:center; background:#f8fafc; }
.updates-v112__empty i { font-size:2rem; color:#059669; }
.updates-v112__empty strong { color:#101828; }
.client-panel-dark .updates-v112__tabs,
.client-panel-dark .updates-v112__selection-bar,
.client-panel-dark .updates-v112__empty { background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.08); }
.client-panel-dark .updates-v112__tabs .nav-link { color:#cbd5e1; }
.client-panel-dark .updates-v112__tabs .nav-link.active { background:rgba(255,255,255,.08); color:#34d399; box-shadow:none; }
.client-panel-dark .updates-v112__section-head h5,
.client-panel-dark .updates-v112__history-head h5,
.client-panel-dark .updates-v112__empty strong { color:#f8fafc; }
.client-panel-dark .updates-v112__section-head p,
.client-panel-dark .updates-v112__history-head p,
.client-panel-dark .updates-v112__empty { color:#94a3b8; }
@media (max-width: 768px) {
  .updates-v112__section-head,
  .updates-v112__history-head,
  .updates-v112__selection-bar { flex-direction:column; align-items:stretch; }
  .updates-v112__message { min-width:240px; }
  .updates-v112__tabs .nav-link { width:100%; justify-content:center; }
}

/* BioZap v1.1.113 - Clientes: listagem como tela padrão e formulários sob demanda */
.clients-v129__form-card[hidden],
.clients-v129__list-card[hidden],
.clients-v129__edit-card[hidden] {
  display: none !important;
}
.clients-v129__edit-card {
  border-radius: 0 18px 18px 18px;
  padding: 24px 30px 28px;
}
.clients-v129__edit-card .clients-v129__edit-panel {
  box-shadow: inset 4px 0 0 rgba(0, 143, 90, .85), 0 12px 28px rgba(15, 23, 42, .05);
}
.clients-v129.is-creating .clients-v129__form-card,
.clients-v129.is-editing .clients-v129__edit-card:not([hidden]) {
  animation: clientsPanelIn .16s ease-out;
}
.clients-v129__form-actions {
  flex-wrap: wrap;
}
@keyframes clientsPanelIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 767px) {
  .clients-v129__edit-card {
    padding: 18px;
    border-radius: 16px;
  }
}

/* v1.1.114 - Online Agora com abas superiores e scroll fino */
.online-agora-v94__section-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .035);
}
.online-agora-v94__section-tabs a {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  color: #101828;
  font-size: .92rem;
  font-weight: 600;
  text-decoration: none;
  border-right: 1px solid rgba(15, 23, 42, .07);
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.online-agora-v94__section-tabs a:last-child { border-right: 0; }
.online-agora-v94__section-tabs a i { font-size: 1rem; color: currentColor; }
.online-agora-v94__section-tabs a:hover,
.online-agora-v94__section-tabs a:focus { color: #008f5a; background: rgba(0, 143, 90, .045); }
.online-agora-v94__section-tabs a.active {
  color: #fff;
  background: linear-gradient(135deg, #008f5a 0%, #06a66b 100%);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .18);
}

body:has(.online-agora-v94),
.online-agora-v94,
.online-agora-v94 * {
  scrollbar-width: thin;
  scrollbar-color: rgba(15, 35, 52, .28) transparent;
}
body:has(.online-agora-v94)::-webkit-scrollbar,
.online-agora-v94 ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
body:has(.online-agora-v94)::-webkit-scrollbar-track,
.online-agora-v94 ::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}
body:has(.online-agora-v94)::-webkit-scrollbar-thumb,
.online-agora-v94 ::-webkit-scrollbar-thumb {
  background: rgba(15, 35, 52, .24);
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .65);
}
body:has(.online-agora-v94)::-webkit-scrollbar-thumb:hover,
.online-agora-v94 ::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 143, 90, .42);
}
.online-agora-v94__table-wrap,
.online-agora-v94__history-scroll {
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}
.online-agora-v94__table-wrap::-webkit-scrollbar,
.online-agora-v94__history-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.online-agora-v94__table-wrap::-webkit-scrollbar-track,
.online-agora-v94__history-scroll::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, .035);
  border-radius: 999px;
}
.online-agora-v94__table-wrap::-webkit-scrollbar-thumb,
.online-agora-v94__history-scroll::-webkit-scrollbar-thumb {
  background: rgba(15, 35, 52, .24);
  border-radius: 999px;
}
.online-agora-v94__history-scroll {
  max-height: 318px;
  overflow: auto;
  border: 1px solid rgba(15, 23, 42, .06);
  border-radius: 16px;
  background: #fff;
}
.online-agora-v94__history-scroll .online-agora-v94__history-table { margin-bottom: 0; }
.online-agora-v94__history-scroll thead th {
  position: sticky;
  top: 0;
  z-index: 2;
}
.online-agora-v94__history-table td,
.online-agora-v94__history-table th { white-space: nowrap; }
.online-agora-v94__history-table code,
.online-agora-v94__table code { color: #e11d48; background: transparent; font-size: .82rem; }
.online-agora-v94__history-table .online-agora-v94__action { width: 38px; height: 38px; min-height: 38px; }
.client-panel-dark .online-agora-v94__section-tabs { background: rgba(15,23,42,.88); border-color: rgba(255,255,255,.1); box-shadow: none; }
.client-panel-dark .online-agora-v94__section-tabs a { color: #e2e8f0; border-right-color: rgba(255,255,255,.08); }
.client-panel-dark .online-agora-v94__section-tabs a:hover,
.client-panel-dark .online-agora-v94__section-tabs a:focus { color: #34d399; background: rgba(52,211,153,.08); }
.client-panel-dark .online-agora-v94__section-tabs a.active { color: #fff; background: linear-gradient(135deg, #008f5a 0%, #10b981 100%); }
.client-panel-dark .online-agora-v94__history-scroll { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.08); }
.client-panel-dark .online-agora-v94 ::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, .38); border-color: rgba(15, 23, 42, .7); }
.client-panel-dark .online-agora-v94__table-wrap::-webkit-scrollbar-track,
.client-panel-dark .online-agora-v94__history-scroll::-webkit-scrollbar-track { background: rgba(255,255,255,.05); }
.client-panel-dark .online-agora-v94__table-wrap::-webkit-scrollbar-thumb,
.client-panel-dark .online-agora-v94__history-scroll::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, .38); }
@media (max-width: 900px) {
  .online-agora-v94__section-tabs { display:flex; overflow-x:auto; }
  .online-agora-v94__section-tabs a { flex:0 0 auto; min-width: 170px; padding: 0 1rem; }
}
@media (max-width: 767.98px) {
  .online-agora-v94__section-tabs { border-radius: 14px; }
  .online-agora-v94__section-tabs a { min-width: 145px; min-height: 46px; font-size: .82rem; }
  .online-agora-v94__history-scroll { max-height: none; overflow: visible; border: 0; background: transparent; }
}

/* v1.1.115 - Online Agora: cada bloco dentro da própria aba */
.online-agora-v94__title-dot {
  width: .62rem;
  height: .62rem;
  display: inline-block;
  margin-left: .35rem;
  border-radius: 999px;
  vertical-align: middle;
  background: #12b76a;
  box-shadow: 0 0 0 5px rgba(18, 183, 106, .12);
}
.online-agora-v94__panel {
  display: none;
  gap: 1rem;
  min-width: 0;
}
.online-agora-v94__panel.active {
  display: grid;
  animation: onlineAgoraPanelIn .16s ease-out;
}
.online-agora-v94__overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1rem;
  align-items: stretch;
}
.online-agora-v94__tab-map {
  display: grid;
  gap: .75rem;
}
.online-agora-v94__tab-map article {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  padding: .82rem;
  border: 1px solid rgba(15, 23, 42, .07);
  border-radius: 14px;
  background: #f8fafc;
}
.online-agora-v94__tab-map i {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 999px;
  color: #008f5a;
  background: rgba(0, 143, 90, .1);
}
.online-agora-v94__tab-map strong {
  display: block;
  color: #101828;
  font-weight: 700;
  line-height: 1.2;
}
.online-agora-v94__tab-map small {
  display: block;
  margin-top: .18rem;
  color: #667085;
  line-height: 1.35;
}
.online-agora-v94__client-list--full {
  max-height: 440px;
  overflow: auto;
  padding-right: .35rem;
  scrollbar-gutter: stable;
}
.online-agora-v94__client-list--full .online-agora-v94__client-item {
  padding: .82rem;
  border: 1px solid rgba(15, 23, 42, .07);
  border-radius: 14px;
  background: #fff;
}
.online-agora-v94__client-list--full::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.online-agora-v94__client-list--full::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, .035);
  border-radius: 999px;
}
.online-agora-v94__client-list--full::-webkit-scrollbar-thumb {
  background: rgba(15, 35, 52, .24);
  border-radius: 999px;
}
.client-panel-dark .online-agora-v94__tab-map article,
.client-panel-dark .online-agora-v94__client-list--full .online-agora-v94__client-item {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.08);
}
.client-panel-dark .online-agora-v94__tab-map strong { color: #f8fafc; }
.client-panel-dark .online-agora-v94__tab-map small { color: #cbd5e1; }
@keyframes onlineAgoraPanelIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 991px) {
  .online-agora-v94__overview-grid { grid-template-columns: 1fr; }
  .online-agora-v94__client-list--full { max-height: none; overflow: visible; padding-right: 0; }
}
@media (max-width: 767.98px) {
  .online-agora-v94__tab-map article { padding: .6rem; border-radius: 12px; }
  .online-agora-v94__tab-map i { width: 28px; height: 28px; }
  .online-agora-v94__tab-map strong { font-size: .72rem; }
  .online-agora-v94__tab-map small { font-size: .6rem; }
}

/* v1.1.116 - Usuários e Permissões no layout solicitado */
.master-users-v93 {
    gap: 1.35rem;
}
.master-users-v93__head {
    margin-bottom: .1rem;
}
.master-users-v93__head h1 {
    font-size: clamp(1.75rem, 2.3vw, 2.35rem);
    font-weight: 800;
    letter-spacing: -.055em;
}
.master-users-v93__head-actions .btn {
    min-width: 150px;
    min-height: 52px;
    border-radius: 13px;
    font-size: .98rem;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .05);
}
.master-users-v93__head-actions .btn-success {
    background: linear-gradient(135deg, #10b981, #059669);
    border-color: #059669;
    box-shadow: 0 14px 24px rgba(5, 150, 105, .18);
}
.master-users-v93__stats {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1.05rem;
}
.master-users-v93__stat-card,
.master-users-v93__panel,
.master-users-v93__table-card,
.master-users-v93__side-card,
.master-users-v93__tabs {
    border-color: rgba(15, 23, 42, .075);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .055);
}
.master-users-v93__stat-card {
    min-height: 132px;
    padding: 1.25rem 1.15rem;
    border-radius: 18px;
}
.master-users-v93__stat-icon {
    width: 60px;
    height: 60px;
    font-size: 1.42rem;
}
.master-users-v93__stat-card small {
    color: #475467;
    font-weight: 500;
}
.master-users-v93__stat-card strong {
    font-size: 2.05rem;
    font-weight: 800;
    letter-spacing: -.055em;
}
.master-users-v93__stat-card em {
    color: #667085;
    line-height: 1.32;
}
.master-users-v93__tabs {
    width: min(880px, 100%);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    padding: 0 1rem;
    border-radius: 16px;
    overflow: hidden;
}
.master-users-v93__tabs button {
    position: relative;
    justify-content: center;
    min-height: 68px;
    border-radius: 0;
    color: #344054;
    font-size: .98rem;
    background: transparent;
}
.master-users-v93__tabs button + button {
    border-left: 1px solid rgba(15, 23, 42, .055);
}
.master-users-v93__tabs button.active {
    background: transparent;
    color: #059669;
}
.master-users-v93__tabs button.active::after {
    content: '';
    position: absolute;
    left: 1.2rem;
    right: 1.2rem;
    bottom: 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: #10b981;
}
.master-users-v93__users-grid {
    grid-template-columns: minmax(0, 1fr) 305px;
    gap: 1.25rem;
}
.master-users-v93__table-card {
    padding: 1.25rem;
    border-radius: 18px;
}
.master-users-v93__toolbar {
    gap: 1rem;
    margin-bottom: 1.2rem;
}
.master-users-v93__filters {
    grid-template-columns: minmax(280px, 1fr) 180px 170px;
    gap: .9rem;
}
.master-users-v93__filters .form-control,
.master-users-v93__filters .form-select,
.master-users-v93__export {
    min-height: 52px;
    border-radius: 13px;
    border-color: rgba(15, 23, 42, .11);
}
.master-users-v93__search i {
    left: 1.05rem;
    font-size: 1.05rem;
}
.master-users-v93__search .form-control {
    padding-left: 2.75rem;
}
.master-users-v93__export {
    padding-inline: 1rem;
}
.master-users-v93__table-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 16px;
    scrollbar-width: thin;
    scrollbar-color: rgba(15, 23, 42, .28) rgba(15, 23, 42, .06);
}
.master-users-v93__table-wrap::-webkit-scrollbar,
.master-users-v93__matrix-wrap::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.master-users-v93__table-wrap::-webkit-scrollbar-track,
.master-users-v93__matrix-wrap::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, .045);
    border-radius: 999px;
}
.master-users-v93__table-wrap::-webkit-scrollbar-thumb,
.master-users-v93__matrix-wrap::-webkit-scrollbar-thumb {
    background: rgba(15, 23, 42, .25);
    border-radius: 999px;
}
.master-users-v93__table {
    min-width: 860px;
}
.master-users-v93__table thead th {
    padding: 1rem .9rem;
    color: #667085;
    background: #fbfcfe;
}
.master-users-v93__table td {
    padding: 1.22rem .9rem;
    font-size: .92rem;
}
.master-users-v93__avatar {
    width: 43px;
    height: 43px;
    font-size: .92rem;
    box-shadow: inset 0 -10px 16px rgba(0, 0, 0, .08);
}
.master-users-v93__you,
.master-users-v93__profile-badge,
.master-users-v93__permission-count,
.master-users-v93 .status-pill {
    border-radius: 9px;
    font-weight: 700;
}
.master-users-v93__action {
    width: 42px;
    min-height: 42px;
    border-color: rgba(15, 23, 42, .08);
    background: #fff;
}
.master-users-v93__footer {
    padding: 1.15rem .1rem 0;
}
.master-users-v93__pagination .btn,
.master-users-v93__pagination span {
    min-width: 44px;
    min-height: 44px;
    border-radius: 11px;
}
.master-users-v93__pagination span.is-active {
    background: #10b981;
    box-shadow: 0 10px 18px rgba(16, 185, 129, .22);
}
.master-users-v93__side-column {
    gap: 1.1rem;
}
.master-users-v93__side-card {
    padding: 1.35rem;
    border-radius: 18px;
}
.master-users-v93__side-card h2 {
    margin-bottom: 1rem;
    font-size: 1.06rem;
    font-weight: 800;
}
.master-users-v93__summary-grid,
.master-users-v93__mini-stats {
    gap: .85rem;
}
.master-users-v93__summary-grid article,
.master-users-v93__mini-stats article {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "icon value" "icon label";
    align-items: center;
    column-gap: .85rem;
    row-gap: .12rem;
    min-height: 58px;
    padding: .42rem 0;
    background: transparent;
    border: 0;
}
.master-users-v93__summary-grid span,
.master-users-v93__mini-stats span {
    grid-area: icon;
    width: 48px;
    height: 48px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
}
.master-users-v93__mini-stats span.is-green {
    background: rgba(34, 197, 94, .12);
    color: #16a34a;
}
.master-users-v93__summary-grid strong,
.master-users-v93__mini-stats strong {
    grid-area: value;
    color: #101828;
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1;
}
.master-users-v93__summary-grid small,
.master-users-v93__mini-stats small {
    grid-area: label;
    color: #667085;
    font-size: .85rem;
}
.master-users-v93__side-card .btn-outline-success {
    min-height: 52px;
    border-radius: 12px;
    font-weight: 700;
}
.client-panel-dark .master-users-v93__tabs button.active {
    background: transparent;
}
.client-panel-dark .master-users-v93__tabs button + button {
    border-left-color: rgba(255, 255, 255, .08);
}
.client-panel-dark .master-users-v93__action,
.client-panel-dark .master-users-v93__summary-grid article,
.client-panel-dark .master-users-v93__mini-stats article {
    background: rgba(255, 255, 255, .04);
}
@media (max-width: 1500px) {
    .master-users-v93__stats {
        grid-template-columns: repeat(5, minmax(150px, 1fr));
        overflow-x: auto;
        padding-bottom: .2rem;
        scrollbar-width: thin;
    }
}
@media (max-width: 1400px) {
    .master-users-v93__users-grid {
        grid-template-columns: 1fr;
    }
    .master-users-v93__side-column {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 900px) {
    .master-users-v93__tabs {
        grid-template-columns: 1fr 1fr;
        padding: .4rem;
    }
    .master-users-v93__tabs button {
        min-height: 54px;
        border-radius: 12px;
    }
    .master-users-v93__tabs button + button {
        border-left: 0;
    }
    .master-users-v93__side-column {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 768px) {
    .master-users-v93__head-actions .btn {
        min-width: 0;
    }
    .master-users-v93__stats {
        grid-template-columns: 1fr;
        overflow: visible;
    }
}


/* v1.1.120 - Espaçamento visual entre as seções da landing pública. */
.landing-page main > section + section { margin-top: calc(var(--landing-section-spacing, 76px) * .28) !important; }
.landing-page .bio-section { padding-top: var(--landing-section-spacing, 76px) !important; padding-bottom: var(--landing-section-spacing, 76px) !important; }
.landing-page .bio-strip-wrap { margin-top: 0 !important; padding-top: calc(var(--landing-section-spacing, 76px) * .72) !important; padding-bottom: calc(var(--landing-section-spacing, 76px) * .55) !important; }
.landing-page .bio-steps,
.landing-page .bio-pricing,
.landing-page .bio-faq,
.landing-page .bio-testimonials { padding-top: var(--landing-section-spacing, 76px) !important; }
.landing-page .bio-steps-grid,
.landing-page .bio-price-box,
.landing-page .bio-testimonial-row,
.landing-page .bio-faq-grid { margin-top: calc(var(--landing-section-spacing, 76px) * .38) !important; }
.landing-page .bio-cta { margin-top: calc(var(--landing-section-spacing, 76px) * .45) !important; }
@media (max-width: 640px) {
  .landing-page main > section + section { margin-top: calc(var(--landing-section-spacing, 76px) * .18) !important; }
  .landing-page .bio-section { padding-top: calc(var(--landing-section-spacing, 76px) * .72) !important; padding-bottom: calc(var(--landing-section-spacing, 76px) * .72) !important; }
  .landing-page .bio-strip-wrap { padding-top: calc(var(--landing-section-spacing, 76px) * .55) !important; padding-bottom: calc(var(--landing-section-spacing, 76px) * .45) !important; }
}

/* v1.1.141 - Menu lateral do cliente acompanha as cores personalizadas do painel Hub/Agência */
body.app-role-client .app-sidebar,
body.app-role-client.sidebar-collapsed .app-sidebar {
  background: var(--bz-client-sidebar-bg, #021732) !important;
  border-right-color: var(--bz-client-sidebar-border, rgba(255, 255, 255, .08)) !important;
}
body.app-role-client .app-sidebar-head {
  border-bottom-color: var(--bz-client-sidebar-head-border, rgba(255, 255, 255, .08)) !important;
}
body.app-role-client .app-brand,
body.app-role-client .app-brand:hover {
  color: var(--bz-client-sidebar-brand, #ffffff) !important;
}
body.app-role-client .app-brand-mark {
  background: var(--bz-client-sidebar-brand-mark-bg, rgba(255, 255, 255, .10)) !important;
  color: var(--bz-client-sidebar-brand, #ffffff) !important;
  border-color: var(--bz-client-sidebar-brand-mark-border, rgba(255, 255, 255, .12)) !important;
}
body.app-role-client .app-nav-section,
body.app-role-client.client-panel-dark .app-nav-section {
  color: var(--bz-client-sidebar-section, #98a2b3) !important;
}
body.app-role-client .app-sidebar .app-nav a {
  color: var(--bz-client-sidebar-link, rgba(255, 255, 255, .76)) !important;
  background: transparent !important;
  border-color: transparent !important;
}
body.app-role-client .app-sidebar .app-nav a i {
  color: var(--bz-client-sidebar-icon, rgba(255, 255, 255, .72)) !important;
}
body.app-role-client .app-sidebar .app-nav a:hover,
body.app-role-client .app-sidebar .app-nav a.active,
body.app-role-client .app-sidebar .app-nav a.app-nav-pulse-target {
  background: var(--bz-client-sidebar-active-bg, rgba(0, 143, 90, .24)) !important;
  color: var(--bz-client-sidebar-active-text, #ffffff) !important;
  border-color: var(--bz-client-sidebar-active-border, rgba(52, 211, 153, .28)) !important;
}
body.app-role-client .app-sidebar .app-nav a:hover i,
body.app-role-client .app-sidebar .app-nav a.active i,
body.app-role-client .app-sidebar .app-nav a.app-nav-pulse-target i {
  color: var(--bz-client-sidebar-active-text, #ffffff) !important;
}
body.app-role-client .app-sidebar .app-nav a.app-nav-pulse-target .app-nav-pulse-dot {
  background: var(--bz-client-sidebar-pulse-dot, #86efac) !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.18) inset, 0 0 14px rgba(var(--bz-secondary-rgb), .42) !important;
}
body.app-role-client .app-sidebar .app-nav a.app-nav-pulse-target .app-nav-pulse-dot b {
  border-color: var(--bz-client-sidebar-pulse-dot, #86efac) !important;
  box-shadow: 0 0 16px rgba(var(--bz-secondary-rgb), .32) !important;
}
body.app-role-client .app-sidebar-mobile-close {
  background: var(--bz-client-sidebar-active-bg, rgba(255, 255, 255, .08)) !important;
  color: var(--bz-client-sidebar-active-text, #ffffff) !important;
  border-color: var(--bz-client-sidebar-active-border, rgba(255, 255, 255, .12)) !important;
}


/* v1.1.143 - unificacao da cor principal no painel do cliente */
body.app-role-client {
  --bs-success: var(--bz-primary, #008F5A);
  --bs-success-rgb: var(--bz-primary-rgb, 0,143,90);
  --bs-link-color-rgb: var(--bz-primary-rgb, 0,143,90);
}
body.app-role-client .text-success,
body.app-role-client .link-success,
body.app-role-client a.text-success,
body.app-role-client a.link-success {
  color: var(--bz-primary, #008F5A) !important;
}
body.app-role-client .bg-success,
body.app-role-client .badge.bg-success,
body.app-role-client .text-bg-success {
  background-color: var(--bz-primary, #008F5A) !important;
}
body.app-role-client .border-success {
  border-color: var(--bz-primary, #008F5A) !important;
}
body.app-role-client .btn-success {
  --bs-btn-bg: var(--bz-primary, #008F5A);
  --bs-btn-border-color: var(--bz-primary, #008F5A);
  --bs-btn-hover-bg: var(--bz-primary, #008F5A);
  --bs-btn-hover-border-color: var(--bz-primary, #008F5A);
  --bs-btn-active-bg: var(--bz-primary, #008F5A);
  --bs-btn-active-border-color: var(--bz-primary, #008F5A);
  background-color: var(--bz-primary, #008F5A) !important;
  border-color: var(--bz-primary, #008F5A) !important;
}
body.app-role-client .btn-outline-success {
  --bs-btn-color: var(--bz-primary, #008F5A);
  --bs-btn-border-color: var(--bz-primary, #008F5A);
  --bs-btn-hover-bg: var(--bz-primary, #008F5A);
  --bs-btn-hover-border-color: var(--bz-primary, #008F5A);
  --bs-btn-active-bg: var(--bz-primary, #008F5A);
  --bs-btn-active-border-color: var(--bz-primary, #008F5A);
  color: var(--bz-primary, #008F5A) !important;
  border-color: var(--bz-primary, #008F5A) !important;
}
body.app-role-client .btn-outline-success:hover,
body.app-role-client .btn-outline-success:focus,
body.app-role-client .btn-outline-success:active {
  color: #fff !important;
  background-color: var(--bz-primary, #008F5A) !important;
  border-color: var(--bz-primary, #008F5A) !important;
}
body.app-role-client .badge-soft,
body.app-role-client .alert-success,
body.app-role-client .list-group-item-success {
  background-color: rgba(var(--bz-primary-rgb, 0,143,90), .10) !important;
  border-color: rgba(var(--bz-primary-rgb, 0,143,90), .22) !important;
  color: var(--bz-primary, #008F5A) !important;
}
body.app-role-client .form-check-input:checked,
body.app-role-client .form-switch .form-check-input:checked {
  background-color: var(--bz-primary, #008F5A) !important;
  border-color: var(--bz-primary, #008F5A) !important;
}
body.app-role-client .form-control:focus,
body.app-role-client .form-select:focus {
  border-color: rgba(var(--bz-primary-rgb, 0,143,90), .50) !important;
  box-shadow: 0 0 0 .2rem rgba(var(--bz-primary-rgb, 0,143,90), .12) !important;
}
body.app-role-client .nav-pills .nav-link.active,
body.app-role-client .dropdown-item.active,
body.app-role-client .dropdown-item:active {
  background-color: var(--bz-primary, #008F5A) !important;
}
body.app-role-client .progress-bar.bg-success,
body.app-role-client .progress-bar {
  background-color: var(--bz-primary, #008F5A);
}