/* Reconstructed minimal admin styles for WhatsBoost */
.whatsboost-admin .wrap{background:#ffffff;border-top:5px solid #69ccdb;border-radius:10px;padding:0 15px}
/* Unified docs image sizing */
.whatsboost-admin{--wb-docs-img-width: 480px}

/* Header & footer */
.whatsboost-admin .wb-sticky-header{position:sticky;top:var(--wb-sticky-top,56px);background:#ffffff;z-index:1001;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.whatsboost-admin .whatsboost-settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 6px 6px}
.whatsboost-admin .whatsboost-brand{display:flex;align-items:center;gap:12px}
.whatsboost-admin .whatsboost-logo{width:40px;height:40px;border-radius:8px;border:1px solid #e5e7eb;background:#fff}
.whatsboost-admin .wb-header-logo{height:40px;width:auto;display:block}
.whatsboost-admin .whatsboost-page-title{margin:0;font-size:20px;line-height:1.2;color:#0f172a}
.whatsboost-admin .wb-header-actions{display:flex;align-items:center;gap:8px}
.whatsboost-admin .whatsboost-footer{position:sticky;left:0;right:0;bottom:0;padding:16px 8px;color:#64748b;border-top:1px solid #e5e7eb;background:#ffffff;z-index:1000;box-shadow:0 -1px 3px rgba(0,0,0,.04)}
.whatsboost-admin .wb-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}
.whatsboost-admin .wb-footer-left{display:flex;align-items:center;gap:8px}
.whatsboost-admin .wb-footer-logo{height:36px;width:auto;display:block}
.whatsboost-admin .wb-footer-right{text-align:right}
.whatsboost-admin .wb-footer-links{font-size:13px;color:#64748b}
.whatsboost-admin .wb-footer-links a{color:#64748b;text-decoration:none;margin:0 0 0 8px}
.whatsboost-admin .wb-footer-links a:hover{text-decoration:underline;color:#111827}
.whatsboost-admin .wb-footer-sep{margin:0 6px;color:#cbd5e1}
.whatsboost-admin .wb-footer-copy{display:block;margin-top:4px}
@media (max-width: 680px){
    .whatsboost-admin .wb-footer-inner{flex-direction:column;align-items:flex-start}
    .whatsboost-admin .wb-footer-right{text-align:left}
    .whatsboost-admin .wb-footer-links a{margin-left:0;margin-right:8px}
}

/* Page footer under video (non-sticky) */
.whatsboost-admin .wb-page-footer{display:none}
/* Reserve space so the fixed footer doesn't cover content */
.whatsboost-admin .wrap{padding-bottom:56px}

/* Sticky header (header + tabs always visible) */
/* removed sticky header & brand placeholder styles */

/* Base typography & links */
.whatsboost-admin .wrap, .whatsboost-admin .wb-card, .whatsboost-admin .whatsboost-docs-callout{color:#0f172a}
.whatsboost-admin a{color:#2563eb;text-decoration:none}
.whatsboost-admin a:hover{text-decoration:underline}

/* Tabs */
.whatsboost-admin .wb-tabs{display:flex;gap:8px;margin:8px 0 14px;flex-wrap:wrap}
.whatsboost-admin .wb-tab{display:inline-block;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#f8fafc;text-decoration:none;color:#111;transition:background .2s ease, border-color .2s ease, box-shadow .2s ease}
.whatsboost-admin .wb-tab:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.whatsboost-admin .wb-tab.is-active{background:#fff;border-color:#69ccdb;box-shadow:0 2px 8px rgba(0,0,0,.05)}

/* Buttons */
.whatsboost-admin .wb-btn{display:inline-block;padding:10px 14px;border-radius:6px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .06s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease}
.whatsboost-admin .wb-btn:active{transform:translateY(1px)}
.whatsboost-admin .wb-btn-primary{background:#2563eb;border-color:#1d4ed8;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.whatsboost-admin .wb-btn-primary:hover{background:#1d4ed8}
.whatsboost-admin .wb-btn-secondary{background:#fff;border-color:#cbd5e1;color:#111}

/* Inputs */
.whatsboost-admin .wb-input{display:block;width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;background:#f8fbff;transition:border-color .2s ease, box-shadow .2s ease}
.whatsboost-admin .wb-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.14)}
.whatsboost-admin .wb-input::placeholder{color:#94a3b8}

/* Cards */
.whatsboost-admin .wb-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;margin:10px 0;box-shadow:0 2px 10px rgba(2,6,23,.04)}
.whatsboost-admin .wb-card-title{margin:0 0 8px;font-weight:700;color:#1f2937}

/* Alerts */
.whatsboost-admin .wb-alert{padding:12px 14px;background:#f8fafc;border:1px solid #e5e7eb;border-left:5px solid #d1d5db;border-radius:6px;color:#111827;margin:8px 0}
.whatsboost-admin .wb-alert--danger{border-left-color:#ef4444;background:#fef2f2;border-color:#fee2e2;color:#991b1b}
.whatsboost-admin .wb-alert--info{border-left-color:#3b82f6;background:#eff6ff;border-color:#dbeafe;color:#1e3a8a}
.whatsboost-admin .wb-alert--warn{border-left-color:#f59e0b;background:#fff7ed;border-color:#ffedd5;color:#92400e}
.whatsboost-admin .wb-alert--ok{border-left-color:#10b981;background:#ecfdf5;border-color:#a7f3d0;color:#065f46}

/* Grid for states + aside */
.whatsboost-admin .wb-grid{display:grid;grid-template-columns:1fr;gap:16px}
.whatsboost-admin .wb-grid--states{grid-template-columns:minmax(0,1fr) 380px}
.whatsboost-admin .wb-aside-help{max-width:380px}
.whatsboost-admin .wb-help-list{display:block;list-style:none;padding:0;margin:8px 0}
.whatsboost-admin .wb-help-item{display:flex;align-items:flex-start;gap:10px;margin:6px 0}
.whatsboost-admin .wb-help-item code{background:#f8fafc;border:1px solid #e5e7eb;padding:4px 6px;border-radius:4px}
.whatsboost-admin .wb-help-item span{flex:1 1 auto;color:#475569;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;line-height:1.35;min-width:0}
.whatsboost-admin .wb-help-item .wb-copy{flex:0 0 36px}

/* Copy button (icon-only) */
.whatsboost-admin .wb-copy{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;background:linear-gradient(#ffffff,#f8fafc);color:#111;cursor:pointer;transition:transform .12s ease, box-shadow .2s ease, background .3s ease, border-color .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.04);font-size:0;line-height:0;overflow:hidden}
.whatsboost-admin .wb-copy::before{content:none}
.whatsboost-admin .wb-copy svg{width:20px;height:20px;fill:#334155;display:block}
.whatsboost-admin .wb-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.whatsboost-admin .wb-copy:hover{transform:translateY(-1px);box-shadow:0 2px 7px rgba(0,0,0,.08)}
.whatsboost-admin .wb-copy:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
.whatsboost-admin .wb-copy.is-copied{border-color:#86efac;background:#ecfdf5}
.whatsboost-admin .wb-copy svg{width:20px;height:20px;fill:#334155;display:block;transition:opacity .2s ease, transform .2s ease}
.whatsboost-admin .wb-copy.is-copied svg{opacity:.25;transform:scale(.85)}
.whatsboost-admin .wb-copy::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);opacity:0;font-size:18px;line-height:1;color:#16a34a;font-weight:700;pointer-events:none}
.whatsboost-admin .wb-copy.is-copied::after{content:"\2713";opacity:1;animation:wb-pop .6s ease forwards}

/* Tooltip for copy */
.whatsboost-admin .wb-tip{position:absolute;top:-28px;right:0;background:#111827;color:#fff;border-radius:4px;padding:2px 6px;font-size:11px;opacity:0;transform:translateY(3px);transition:opacity .15s ease, transform .15s ease;white-space:nowrap}
.whatsboost-admin .wb-tip.is-on{opacity:1;transform:translateY(0)}

@keyframes wb-pop{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}60%{transform:translate(-50%,-50%) scale(1.1);opacity:1}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}

/* Back-office menu icon for WhatsBoost */
/* Apply to our custom class when present */
.icon-whatsboost,
.material-icons.icon-whatsboost {
    background-image: url('../img/favicon.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: transparent !important;
    text-indent: -9999px;
    font-size: 0 !important;
}
.icon-whatsboost:before{ content: ''; }
/* WhatsBoost menu icon: apply only to the first icon within the menu item, avoid toggler arrows */
li#tab-AdminWhatsboost > a i.material-icons:first-child,
li#subtab-AdminWhatsboost > a i.material-icons:first-child,
li#tab-AdminWhatsboost > a .material-icons:first-child,
li#subtab-AdminWhatsboost > a .material-icons:first-child {
    background-image: url('../img/favicon.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    color: transparent !important;
    text-indent: -9999px !important;
    font-size: 0 !important;
}

/* Do not affect other icons (e.g., the collapse/expand arrow) */
li#tab-AdminWhatsboost > a i.material-icons:not(:first-child),
li#subtab-AdminWhatsboost > a i.material-icons:not(:first-child),
li#tab-AdminWhatsboost > a .material-icons:not(:first-child),
li#subtab-AdminWhatsboost > a .material-icons:not(:first-child) {
    background: none !important;
    text-indent: 0 !important;
    font-size: inherit !important;
    color: inherit !important;
}

/* Tables */
.whatsboost-admin .wb-table-wrap table{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0}
.whatsboost-admin .wb-table-wrap thead th{position:sticky;top:0;background:#f8fafc;color:#0f172a;border-bottom:1px solid #e5e7eb;padding:10px 12px;text-align:left}
.whatsboost-admin .wb-table-wrap tbody td{padding:10px 12px;border-bottom:1px solid #eef2f7;vertical-align:middle}
.whatsboost-admin .wb-table-wrap tbody tr:nth-child(odd){background:#fcfdff}
.whatsboost-admin .wb-table-wrap table th:nth-child(1),
.whatsboost-admin .wb-table-wrap table td:nth-child(1){width:30%}
.whatsboost-admin .wb-table-wrap table th:nth-child(2),
.whatsboost-admin .wb-table-wrap table td:nth-child(2){width:30%}
.whatsboost-admin .wb-table-wrap table th:nth-child(3),
.whatsboost-admin .wb-table-wrap table td:nth-child(3){width:40%}
.whatsboost-admin .wb-table-wrap td:nth-child(2) input[type="checkbox"]{margin:0;display:inline-block;vertical-align:middle}
.whatsboost-admin .wb-table-wrap textarea.wb-input{width:100%;box-sizing:border-box}


/* Docs / Onboarding callouts */
.whatsboost-admin .whatsboost-docs-callout{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;margin:14px 0}
/* Primary emphasis variant (blue border) */
.whatsboost-admin .whatsboost-docs-callout--primary{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.08), 0 6px 16px rgba(2,6,23,.06)}
.whatsboost-admin .whatsboost-docs-callout--primary .whatsboost-docs-h2{color:#0f172a}
.whatsboost-admin .whatsboost-docs-callout--primary .whatsboost-docs-desc{color:#1f2937}
/* Wider layout for main onboarding */
.whatsboost-admin .whatsboost-docs-callout--wide{padding:18px}

.whatsboost-admin .whatsboost-docs-h2{margin:0 0 6px;font-size:18px;font-weight:700;color:#111827}
.whatsboost-admin .whatsboost-docs-desc{margin:0 0 10px;color:#475569}
.whatsboost-admin .whatsboost-docs-flex{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.whatsboost-admin .whatsboost-docs-col{flex:1 1 0;min-width:260px}
.whatsboost-admin .whatsboost-docs-aside{flex:0 0 320px;min-width:260px;max-width:420px;background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:14px}
.whatsboost-admin .wb-tipcard{background:#f8fbff;border-color:#cfe8ff}
.whatsboost-admin .whatsboost-docs-ol{margin:0;padding-left:18px}
/* whatsboost docs images */
.whatsboost-admin .whatsboost-docs-row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}
/* Fallback: apply to any img inside callout */
.whatsboost-admin .whatsboost-docs-callout img{display:block;width:100%;max-width:var(--wb-docs-img-width);max-height:220px;height:220px;border:1px solid #e5e7eb;border-radius:8px;background:#0b1117;object-fit:cover;cursor:zoom-in;box-shadow:none}
/* Preferred explicit class */
.whatsboost-admin .whatsboost-docs-img{display:block;width:100%;max-width:var(--wb-docs-img-width);max-height:220px;height:220px;border:1px solid #e5e7eb;border-radius:8px;background:#0b1117;object-fit:cover;cursor:zoom-in;box-shadow:none}
/* Extra large variant for big screenshots */
.whatsboost-admin .whatsboost-docs-img--xl{max-width:100%;max-height:none;border-radius:10px}
/* Browser frame wrapper for screenshots */
.whatsboost-admin .wb-browser-frame{background:#0b1117;border:0;border-radius:12px;box-shadow:none;overflow:hidden}
.whatsboost-admin .wb-browser-frame .wb-browser-bar{display:flex;gap:6px;align-items:center;height:26px;padding:0 10px;background:linear-gradient(#f7fafc,#eef2f7);border-bottom:1px solid #e5e7eb}
.whatsboost-admin .wb-browser-frame .wb-dot{width:10px;height:10px;border-radius:50%;background:#e5e7eb}
.whatsboost-admin .wb-browser-frame .wb-dot:nth-child(1){background:#ff5f56}
.whatsboost-admin .wb-browser-frame .wb-dot:nth-child(2){background:#ffbd2e}
.whatsboost-admin .wb-browser-frame .wb-dot:nth-child(3){background:#27c93f}
.whatsboost-admin .wb-browser-frame .wb-browser-body{padding:0;background:#0b1117}
.whatsboost-admin .wb-browser-frame .wb-browser-body img{display:block;width:100%;height:220px;border:0;border-radius:0;background:transparent;object-fit:cover}
/* Uniform width for images shown side-by-side */
.whatsboost-admin .whatsboost-docs-row .whatsboost-docs-img{flex:0 0 var(--wb-docs-img-width);max-width:var(--wb-docs-img-width)}
/* Row fallback for images without class */
.whatsboost-admin .whatsboost-docs-row img{flex:0 0 var(--wb-docs-img-width);max-width:var(--wb-docs-img-width)}
/* Smaller variant for documentos.tpl */
/* small variant (kept for backward-compat) */
.whatsboost-admin .wb-docs-small .whatsboost-docs-callout img{max-width:280px;max-height:180px}
.whatsboost-admin .wb-docs-small .whatsboost-docs-img{max-width:280px;max-height:180px}
.whatsboost-admin .wb-docs-small .whatsboost-docs-row img{flex:0 0 280px;max-width:280px}
.whatsboost-admin .wb-docs-small .whatsboost-docs-row .whatsboost-docs-img{flex:0 0 280px;max-width:280px}
/* Ensure uniform width for framed screenshots */
.whatsboost-admin .whatsboost-docs-row .wb-browser-frame{flex:0 0 var(--wb-docs-img-width);max-width:var(--wb-docs-img-width)}
.whatsboost-admin .whatsboost-docs-row .whatsboost-docs-figure{flex:0 0 var(--wb-docs-img-width);max-width:var(--wb-docs-img-width)}
/* Also constrain single frames inside callouts (not only rows) */
.whatsboost-admin .whatsboost-docs-callout .wb-browser-frame{max-width:var(--wb-docs-img-width)}
.whatsboost-admin .whatsboost-docs-callout .whatsboost-docs-figure{max-width:var(--wb-docs-img-width)}

/* Clean doc view: avoid black bands and over-zoom in Documentación */
.whatsboost-admin .wb-docs-clean .whatsboost-docs-callout img,
.whatsboost-admin .wb-docs-clean .whatsboost-docs-img{max-width:var(--wb-docs-img-width);max-height:none;height:auto;background:#fff;object-fit:contain}
.whatsboost-admin .wb-docs-clean .wb-browser-frame{background:#fff;border:1px solid #e5e7eb;box-shadow:0 3px 14px rgba(2,6,23,.08)}
.whatsboost-admin .wb-docs-clean .wb-browser-frame .wb-browser-body{padding:0;background:transparent}
.whatsboost-admin .wb-docs-clean .wb-browser-frame .wb-browser-body img{height:auto;max-height:none;object-fit:contain;background:transparent}

/* Subtle hover effect */
.whatsboost-admin .whatsboost-docs-img:hover{box-shadow:0 6px 18px rgba(0,0,0,.12)}
.whatsboost-admin .whatsboost-docs-figure{margin:0;display:flex;flex-direction:column;align-items:stretch;gap:0}
.whatsboost-admin .whatsboost-docs-caption{display:none}
.whatsboost-admin .whatsboost-docs-caption{font-size:12px;color:#475569}
.whatsboost-admin .whatsboost-mt-8{margin-top:8px}
/* Stepper list */
.whatsboost-admin .wb-stepper{counter-reset:wbstep;list-style:none;margin:0;padding:0}
.whatsboost-admin .wb-stepper > li{position:relative;display:block;padding-left:36px;margin:12px 0}
.whatsboost-admin .wb-stepper > li::before{counter-increment:wbstep;content:counter(wbstep);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:999px;background:#e0f2fe;color:#0369a1;display:inline-flex;align-items:center;justify-content:center;font-weight:700}

/* Small form polish */
.whatsboost-admin .wb-label{display:block;margin:0 0 6px;font-weight:600;color:#374151}
.whatsboost-admin .wb-actions{margin-top:10px}
.whatsboost-admin .wb-subtle{color:#64748b}

/* Badges */
.whatsboost-admin .wb-badge{display:inline-block;font-size:12px;line-height:1;padding:6px 8px;border-radius:999px;border:1px solid transparent;font-weight:600}
.whatsboost-admin .wb-badge--ok{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
.whatsboost-admin .wb-badge--warn{background:#fff7ed;border-color:#fed7aa;color:#92400e}
.whatsboost-admin .wb-badge--danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.whatsboost-admin .wb-badge--info{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}

/* Responsive video wrapper */
.whatsboost-admin .wb-video{position:relative;width:100%;max-width:720px;height:0;padding-bottom:56.25%;background:#000;border-radius:8px;overflow:hidden}
.whatsboost-admin .wb-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Lightbox for zoom */
.whatsboost-admin .wb-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.86);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px}
.whatsboost-admin .wb-lightbox.is-open{display:flex}
.whatsboost-admin .wb-lightbox img{max-width:95vw;max-height:90vh;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);background:#000}
.whatsboost-admin .wb-lightbox .wb-lightbox-close{position:absolute;top:14px;right:14px;background:#111827;color:#fff;border:1px solid #334155;border-radius:8px;padding:8px 10px;cursor:pointer}


/* Lightbox (alternate classes used by layout.tpl) */
.whatsboost-admin .whatsboost-lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.86);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px}
.whatsboost-admin .whatsboost-lightbox-overlay.is-open{display:flex}
.whatsboost-admin .whatsboost-lightbox-img{max-width:95vw;max-height:90vh;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);background:#000}
.whatsboost-admin .whatsboost-lightbox-close{position:absolute;top:14px;right:14px;background:#111827;color:#fff;border:1px solid #334155;border-radius:8px;padding:8px 10px;cursor:pointer}


/* Docs clean: eliminate residual bottom space under images/frames */
.whatsboost-admin .wb-docs-clean .whatsboost-docs-row,
.whatsboost-admin .wb-docs-clean .whatsboost-docs-figure,
.whatsboost-admin .wb-docs-clean .wb-browser-frame,
.whatsboost-admin .wb-docs-clean .wb-browser-frame .wb-browser-body{line-height:0}

.whatsboost-admin .wb-docs-clean img.whatsboost-docs-img{display:block;vertical-align:top}

.whatsboost-admin .wb-docs-clean .whatsboost-docs-callout .wb-browser-frame{margin-bottom:0}


/* Settings onboarding: increase vertical size of screenshots (width unchanged) */
.whatsboost-admin .wb-settings-onboarding img.whatsboost-docs-img{height:320px;max-height:320px}
.whatsboost-admin .wb-settings-onboarding .wb-browser-frame .wb-browser-body img{height:320px;max-height:320px}


/* ---- Overrides: altura global de screenshots ---- */
.whatsboost-admin{
    --wb-docs-img-height: 360px; /* cámbialo a la altura que quieras */
}

/* Imágenes sueltas y con clase */
.whatsboost-admin .whatsboost-docs-callout img,
.whatsboost-admin .whatsboost-docs-img{
    height: var(--wb-docs-img-height) !important;
    max-height: var(--wb-docs-img-height) !important;
}

/* Imágenes dentro del marco "navegador" */
.whatsboost-admin .wb-browser-frame .wb-browser-body img{
    height: var(--wb-docs-img-height) !important;
    max-height: var(--wb-docs-img-height) !important;
}

/* ==== OVERRIDE FINAL (no recortes, altura auto + contain) ==== */
.whatsboost-admin{
    /* altura máxima deseada de las capturas */
    --wb-docs-img-height: 420px; /* súbelo o bájalo: 360, 400, 480... */
}

/* Imágenes sueltas y con clase dentro de los callouts */
.whatsboost-admin .whatsboost-docs-callout img,
.whatsboost-admin .whatsboost-docs-img{
    width: 100% !important;
    height: auto !important;                 /* evita deformación */
    max-height: var(--wb-docs-img-height) !important;
    object-fit: contain !important;          /* nada de recortes */
    object-position: center top !important;  /* centra el contenido */
}

/* Imágenes dentro del marco “navegador” */
.whatsboost-admin .wb-browser-frame .wb-browser-body img{
    width: 100% !important;
    height: auto !important;
    max-height: var(--wb-docs-img-height) !important;
    object-fit: contain !important;
    object-position: center top !important;


}

/* Offset del sticky para que “choque” en la línea marcada */
.whatsboost-admin{
    --wb-sticky-top: 174px;   /* prueba 96–110px; súbelo/bájalo hasta clavar la línea */
}

/* Si en responsive la cabecera superior es más alta */
@media (max-width: 992px){
    .whatsboost-admin{ --wb-sticky-top: 156px; }
}





/* ---- WhatsBoost menu: ensure arrow size per request (scoped to module only) ---- */
:root {
    /* Safe fallback if theme variable is missing */
    --cdk-size-24: 24px;
}

/* Only affect our module menu item and its subtab item (arrow icon) */
li#tab-AdminWhatsboost > a i.material-icons.sub-tabs-arrow,
li#subtab-AdminWhatsboost > a i.material-icons.sub-tabs-arrow {
    font-size: var(--cdk-size-24) !important;
}

/* --- Tabs: remove underlines on labels in all states (scoped to module) --- */
.whatsboost-admin .wb-tab,
.whatsboost-admin .wb-tab:hover,
.whatsboost-admin .wb-tab:focus,
.whatsboost-admin .wb-tab:active,
.whatsboost-admin .wb-tab:visited{
    text-decoration: none !important;
}
