/**
 * Welcoma Admin — Redesign foundation (Brief 1).
 * Design system + shell + Overview. Scoped to .welcoma-admin so nothing
 * bleeds into wp-admin. Ported from welcoma-admin-redesign.html (canonical).
 * Fonts are SELF-HOSTED (DSGVO): no Google CDN.
 */

/* ---------- Self-hosted fonts ---------- */
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/hanken-400.woff2) format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/hanken-600.woff2) format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/hanken-700.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jetbrains-500.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/jetbrains-600.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/bricolage-600.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/bricolage-700.woff2) format("woff2")}

/* ---------- Tokens (scoped, NOT :root) ---------- */
.welcoma-admin{
    --pine-900:#06302A; --pine-700:#0C5A4E; --pine-500:#13796A;
    --ink:#14211E; --ink-2:#3E4D48; --muted:#6A7A74;
    --coral:#EC5A30; --coral-700:#D74B23; --coral-tint:#FDEBE3;
    --coral-deep:#8F2F12; /* AA-safe coral text on light tints */
    --cream:#FBF8F2; --paper:#FFFFFF; --mint:#E7F1EC; --mint-2:#F1F7F3;
    --line:#E8E2D6; --line-2:#EFEAE0;
    --muted:#5E6D67; /* darkened from prototype #6A7A74 to pass AA on cream */
    --amber:#B8791B; --amber-tint:#FBF0DC; --amber-deep:#7A4E0E; /* AA-safe amber text */
    --on-coral:#1A0E08; /* dark label on coral buttons — AA + brand (matches marketing site) */
    --display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
    --ui:"Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;
    --mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
    --r-sm:9px; --r-md:14px; --r-lg:20px; --r-xl:26px;
    --sh-1:0 1px 2px rgba(20,33,30,.05), 0 1px 1px rgba(20,33,30,.04);
    --sh-2:0 6px 18px -8px rgba(20,33,30,.16), 0 2px 6px -2px rgba(20,33,30,.06);
    --sh-3:0 24px 60px -28px rgba(6,48,42,.34), 0 8px 22px -14px rgba(20,33,30,.12);
    --focus:0 0 0 3px var(--paper), 0 0 0 5.5px var(--coral);
    
    --welcoma-color-text: #14211e;
    --welcoma-color-text-muted: #5d6863;
    --welcoma-color-white: #FFFFFF;
    --welcoma-color-bg: #f3f5f4;
    --welcoma-color-white-hover: #f7f8f7;
    --welcoma-color-border: #e8e6dd;
    --welcoma-color-accent: #ec5a30;
    --welcoma-color-accent-hover: #cc481f;
    --welcoma-color-accent-soft: #fbe7df;
    --welcoma-color-pine: #0c5a4e;
    --welcoma-color-pine-700: #0a4a40;
    --welcoma-color-pine-900: #06302a;
    --welcoma-color-mint: #e7f1ec;
    --welcoma-color-cream: #fbfaf6;
    --welcoma-color-success-bg: #ECFDF5;
    --welcoma-color-success-text: #047857;
    --welcoma-color-success-border: #A7F3D0;
    --welcoma-color-success-dot: #10B981;
    --welcoma-color-error-bg: #FEF2F2;
    --welcoma-color-error-text: #B91C1C;
    --welcoma-color-error-border: #FECACA;
    
    --welcoma-radius-app: 14px;
    --welcoma-radius-card: 12px;
    --welcoma-radius-md: 8px;
    --welcoma-radius-sm: 6px;
    --welcoma-radius-xs: 5px;
    --welcoma-radius-pill: 9999px;
    --welcoma-radius-circle: 50%;
    --welcoma-text-2xs: 9px;
    --welcoma-text-xs: 11px;
    --welcoma-text-sm: 11.5px;
    --welcoma-text-base: 13px;
    --welcoma-text-md: 14px;
    --welcoma-text-lg: 15px;
    --welcoma-text-xl: 21px;

    --welcoma-space-1: 4px;
    --welcoma-space-2: 8px;
    --welcoma-space-3: 12px;
    --welcoma-space-4: 16px;
    --welcoma-space-5: 20px;
    --welcoma-space-6: 24px;
    --welcoma-space-7: 28px;
    --welcoma-space-8: 32px;
    --welcoma-space-10: 40px;

    --welcoma-size-icon-sm: 28px;
    --welcoma-size-icon-md: 36px;
    --welcoma-size-icon-lg: 36px;
    --welcoma-size-toggle-w: 36px;
    --welcoma-size-toggle-h: 20px;
    --welcoma-size-toggle-knob: 16px;
    --welcoma-size-input-h: 36px;
    --welcoma-size-header-h: 56px;

    --welcoma-transition-fast: .15s;
    --welcoma-transition-base: .2s;
    --welcoma-transition-slow: .3s;

    --welcoma-shadow-toggle: 0 1px 2px rgba(0, 0, 0, .1);
    --welcoma-shadow-widget: 0 4px 12px rgba(0, 0, 0, .15);
    --welcoma-shadow-device-tab: 0 1px 2px rgba(0, 0, 0, .04);
    --welcoma-shadow-focus-ring: 0 0 0 4px var(--welcoma-color-white);
  
}

/* full-bleed warm canvas inside the wp content area */
.welcoma-admin{
  font-family:var(--ui); color:var(--ink); line-height:1.45;
  background:
    radial-gradient(1200px 480px at 82% -8%, rgba(12,90,78,.07), transparent 60%),
    radial-gradient(900px 420px at 6% 4%, rgba(236,90,48,.045), transparent 55%),
    var(--cream);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  width: calc(100% - 20px);
}
.welcoma-admin *{box-sizing:border-box}
.welcoma-admin :focus-visible{outline:none; box-shadow:var(--focus); border-radius:8px}
.welcoma-admin a{color:inherit}
.welcoma-admin button{font-family:inherit}
.welcoma-admin .shell{max-width:1180px;margin:0 auto;padding:24px 22px 80px}
.welcoma-admin .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.welcoma-admin .mono{font-family:var(--mono)}

/* Status line */
.welcoma-status { display: none; align-items: center; gap: var(--r-sm); margin: var(--r-lg) 5px; padding: var(--r-sm) var(--r-md); border-radius: 15px; font-size: 13px; letter-spacing: -.01em; font-weight: 700; background: var(--mint-2); }
.welcoma-status.welcoma-status-floating { position: fixed; bottom: 20px; left: 55%; transform: translateX(-50%); z-index: 9999; max-width: max-content; margin: 0; box-shadow: 0 8px 24px rgba(0, 0, 0, .15); right: auto; }

.welcoma-status.show { display: flex; margin-top: 30px; z-index: 99999999;}
.welcoma-status.ok { background: var(--mint-2); border: 1px solid var(--pine-700); }
.welcoma-status.err { background: var(--mint-2); color: var(--coral-700); border: 1px solid var(--coral); }

.welcoma-status p { margin: 0;}
.welcoma-status .welcoma-string-translate-message { display: inline-flex; gap: 5px; color: var(--ink-2, #3E4D48); font-weight: 700; margin: 10px 0; font-weight: bold; font-style: italic; }
div#welcomaStatus .welcoma-svg-animation { margin: -3px 3px -3px 4px; flex-shrink: 0; animation: welcoma-spin 1s linear infinite; }
@keyframes welcoma-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/* ---------- App bar ---------- */
.welcoma-admin .appbar{
  position:sticky;top:42px;z-index:40;
  background:linear-gradient(180deg,#0a463c,var(--pine-900));
  border-radius:var(--r-xl);box-shadow:var(--sh-3);
  padding:13px 16px 13px 18px;display:flex;align-items:center;gap:18px;
  border:1px solid rgba(255,255,255,.06);
}
.welcoma-admin .brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;flex:0 0 auto}
/* Kein Container mehr – die reversed W-Marke sitzt direkt auf der Pine-Leiste. */
.welcoma-admin .logo{display:grid;place-items:center}
/* W-Marke trägt eigene Farben (weißes W + Coral-Häkchen) – kein currentColor, damit der Coral-Strich nicht plattet. */
.welcoma-admin .logo svg{width:46px;height:46px}
.welcoma-admin .brand b{font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:-.01em}
.welcoma-admin .brand .tag{display:block;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7fc2b1;margin-top:-1px}
.welcoma-admin .nav{display:flex;gap:3px;background:rgba(255,255,255,.06);padding:4px;border-radius:13px;margin-left:6px}
.welcoma-admin .nav button{appearance:none;border:0;background:transparent;color:#cfe6df;cursor:pointer;font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:9px;transition:color .18s,background .18s;white-space:nowrap}
.welcoma-admin .nav button:hover{color:#fff}
.welcoma-admin .nav button[aria-selected="true"]{background:var(--cream);color:var(--pine-900);box-shadow:var(--sh-1)}
.welcoma-admin .bar-actions{margin-left:auto;display:flex;align-items:center;gap:12px}
.welcoma-admin .live{display:flex;align-items:center;gap:7px;color:#d6efe7;font-size:12.5px;font-weight:600;background:rgba(255,255,255,.07);padding:7px 11px;border-radius:999px}
.welcoma-admin .live .led{width:8px;height:8px;border-radius:50%;background:#37d6a6;animation:wa-pulse 2.4s infinite}
@keyframes wa-pulse{0%{box-shadow:0 0 0 0 rgba(55,214,166,.55)}70%{box-shadow:0 0 0 7px rgba(55,214,166,0)}100%{box-shadow:0 0 0 0 rgba(55,214,166,0)}}

/* ---------- Buttons ---------- */
.welcoma-admin .btn{appearance:none;border:0;cursor:pointer;font-weight:600;font-size:13.5px;padding:10px 17px;border-radius:11px;display:inline-flex;align-items:center;gap:8px;transition:transform .12s,box-shadow .18s,background .18s;text-decoration:none}
.welcoma-admin .btn:active{transform:translateY(1px)}
.welcoma-admin .btn-primary{background:var(--coral);color:var(--paper);box-shadow:0 8px 18px -8px rgba(236,90,48,.7)}
.welcoma-admin .btn-primary svg{stroke-width:2.6}
.welcoma-admin .btn-primary:hover{background:var(--coral-700)}
.welcoma-admin .btn-ghost{background:var(--paper);color:var(--ink);box-shadow:var(--sh-1);border:1px solid var(--line)}
.welcoma-admin .btn-ghost:hover{background:#fff;border-color:#dcd5c7}
.welcoma-admin .btn-soft{background:var(--mint);color:var(--pine-700);font-weight:600}
.welcoma-admin .btn-soft:hover{background:#dcecdf}
.welcoma-admin .btn-onpine{background:rgba(255,255,255,.1);color:#eafff8}
.welcoma-admin .btn-onpine:hover{background:rgba(255,255,255,.18)}
.welcoma-admin .btn.sm{padding:7px 12px;font-size:12.5px;border-radius:9px}

/* ---------- Page header ---------- */
.welcoma-admin .phead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:30px 4px 18px}
.welcoma-admin .phead h1{font-family:var(--display);font-weight:600;font-size:27px;letter-spacing:-.02em;margin:0;line-height:1.05}
.welcoma-admin .phead p{margin:6px 0 0;color:var(--muted);font-size:13.5px;}
.welcoma-admin .phead .meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12.5px;font-weight:600}
.welcoma-admin .phead .meta .mono{font-size:11.5px;color:var(--ink-2)}
.welcoma-admin .iconbtn{appearance:none;border:1px solid var(--line);background:var(--paper);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;cursor:pointer;box-shadow:var(--sh-1);color:var(--ink-2);transition:background .18s,color .18s}
.welcoma-admin .iconbtn:hover{background:#fff;color:var(--pine-700)}
.welcoma-admin .iconbtn svg{width:16px;height:16px;transition:transform .6s cubic-bezier(.2,.8,.2,1)}

/* ---------- Cards / sections ---------- */
/* reset wp-admin core .card (common.css sets max-width:520px, padding, margin) */
.welcoma-admin .card{background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--sh-2);max-width:none;min-width:0;margin:0;padding:0;position:relative}
.welcoma-admin .card.flat{box-shadow:var(--sh-1)}
.welcoma-admin .pad{padding:22px}
.welcoma-admin .card-h{display:flex;align-items:center;gap:11px;margin-bottom:4px}
.welcoma-admin .card-h .ti{width:34px;height:34px;border-radius:10px;background:var(--mint);color:var(--pine-700);display:grid;place-items:center;flex:0 0 auto}
.welcoma-admin .card-h .ti svg{width:18px;height:18px}
.welcoma-admin .card-h h2,.welcoma-admin .card-h h3{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em}
.welcoma-admin .card-h .sub{font-size:12.5px;color:var(--muted);font-weight:500}
.welcoma-admin .eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--pine-500)}
.welcoma-admin .divline{height:1px;background:var(--line-2);margin:18px 0}

/* ---------- Panels ---------- */
.welcoma-admin .panel{display:none;animation:wa-fade .3s ease;scroll-margin-top:120px}
.welcoma-admin .panel.on{display:block}
/* Any in-page anchor scroll must clear the sticky app bar (top:42px + bar height). */
.welcoma-admin .phead,.welcoma-admin [id]{scroll-margin-top:120px}
@keyframes wa-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ---------- Shared controls (used across tabs) ---------- */
.welcoma-admin .toggle{appearance:none;border:0;cursor:pointer;width:46px;height:27px;border-radius:999px;background:#d9d2c4;position:relative;transition:background .2s;flex:0 0 auto}
.welcoma-admin .toggle::after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s cubic-bezier(.3,1.4,.5,1)}
.welcoma-admin .toggle[aria-checked="true"]{background:var(--pine-700)}
.welcoma-admin .toggle[aria-checked="true"]::after{transform:translateX(19px)}
.welcoma-admin .pro{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.04em;color:var(--coral-deep);background:var(--coral-tint);padding:2px 6px;border-radius:5px;text-transform:uppercase}

/* ================= OVERVIEW ================= */
.welcoma-admin .ov-top{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.welcoma-admin .signature{position:relative;overflow:hidden;background:linear-gradient(180deg,#0b4f44,var(--pine-900));color:#eafff8;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-lg);box-shadow:var(--sh-3)}
.welcoma-admin .signature .sig-static h2{color:#eafff8;}
.welcoma-admin .signature .pad{padding:24px}
.welcoma-admin .signature .eyebrow{color:#79c3b2}
.welcoma-admin .sig-row{display:flex;align-items:center;gap:22px;margin-top:14px}
.welcoma-admin .sig-meta h2{font-family:var(--display);font-weight:600;font-size:21px;margin:0 0 4px;letter-spacing:-.01em;color:#bfe6dc;}
.welcoma-admin .sig-meta p{margin:0;color:#bfe6dc;font-size:13px;line-height:1.5;max-width:34ch}
.welcoma-admin .honest{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:11.5px;font-weight:600;color:#cdeee5;background:rgba(255,255,255,.08);padding:5px 10px;border-radius:999px}
.welcoma-admin .sig-cta{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.welcoma-admin .glow{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(55,214,166,.22),transparent 65%);right:-90px;top:-90px;pointer-events:none}
/* empty state inside signature */

@keyframes welcoma-scan-pulse{0%,100%{opacity:.45}50%{opacity:1}}
.welcoma-admin #waQaScan.is-disabled,.welcoma-admin #waRescan.is-disabled{pointer-events:none;opacity:.5}

.welcoma-admin .side{display:flex;flex-direction:column;gap:14px}
.welcoma-admin .statlist{padding:6px 4px}
.welcoma-admin .srow{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:13px}
.welcoma-admin .srow+.srow{border-top:1px solid var(--line-2)}
.welcoma-admin .srow .si{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;background:var(--mint);color:var(--pine-700)}
.welcoma-admin .srow .si svg{width:18px;height:18px}
.welcoma-admin .srow .lab{flex:1;min-width:0}
.welcoma-admin .srow .lab b{display:block;font-size:13.5px;font-weight:700}
.welcoma-admin .srow .lab span{font-size:12px;color:var(--muted)}
.welcoma-admin .srow .val{font-size:12.5px;font-weight:600;color:var(--ink-2);text-align:right;display:flex;align-items:center;gap:7px}
.welcoma-admin .chip-ok{color:var(--pine-700);background:var(--mint);padding:4px 9px;border-radius:999px;font-size:11.5px;font-weight:700}
.welcoma-admin .chip-warn{color:var(--amber-deep);background:var(--amber-tint);padding:4px 9px;border-radius:999px;font-size:11.5px;font-weight:700}
.welcoma-admin .chip-up{color:var(--coral-deep);background:var(--coral-tint);padding:4px 9px;border-radius:999px;font-size:11.5px;font-weight:700}

/* two-zone explainer */
.welcoma-admin .zones{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.welcoma-admin .zone{background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r-md);box-shadow:var(--sh-1);padding:16px 18px;font-family:var(--ui)}
.welcoma-admin .zone .zt{display:flex;align-items:center;gap:9px;font-weight:700;font-size:13.5px;margin-bottom:5px}
.welcoma-admin .zone .zt .zi{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto}
.welcoma-admin .zone.users .zi{background:var(--mint);color:var(--pine-700)}
.welcoma-admin .zone.code .zi{background:var(--coral-tint);color:var(--coral-700)}
.welcoma-admin .zone p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}
.welcoma-admin .explain{margin-top:6px;background:var(--mint-2);border:1px solid var(--line-2);border-radius:var(--r-md);padding:14px 16px;font-size:13px;color:var(--ink-2);line-height:1.55}

/* checklist */
.welcoma-admin .checklist .ck{display:flex;align-items:center;gap:12px;padding:12px 4px}
.welcoma-admin .checklist .ck+.ck{border-top:1px solid var(--line-2)}
.welcoma-admin .tickbox{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;flex:0 0 auto}
.welcoma-admin .tickbox.ok{background:var(--pine-700);color:#fff}
.welcoma-admin .tickbox.warn{background:var(--amber);color:#fff}
.welcoma-admin .tickbox.todo{background:#fff;border:1.5px dashed #cbbfa6}
.welcoma-admin .tickbox.manual{background:#fff;border:1.5px solid var(--line);color:var(--muted)}
.welcoma-admin .tickbox svg{width:13px;height:13px}
.welcoma-admin .ck .ck-t{font-size:13.5px;font-weight:600}
.welcoma-admin .ck .ck-d{font-size:12px;color:var(--muted)}
.welcoma-admin .ck .ck-tag{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--line-2);padding:2px 7px;border-radius:999px;margin-left:auto}
.welcoma-admin .ck .ck-go{margin-left:auto;font-size:12px;font-weight:700;color:var(--pine-700);text-decoration:none;display:flex;align-items:center;gap:4px;opacity:.85}
.welcoma-admin .ck .ck-go:hover{opacity:1}
.welcoma-admin .ck .ck-go svg{width:12px;height:12px}

/* quick actions */
.welcoma-admin .qa{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.welcoma-admin .qa a{display:flex;flex-direction:column;gap:9px;padding:16px;border-radius:14px;background:var(--paper);border:1px solid var(--line-2);box-shadow:var(--sh-1);text-decoration:none;color:var(--ink);transition:transform .14s,box-shadow .2s,border-color .2s}
.welcoma-admin .qa a:hover{transform:translateY(-2px);box-shadow:var(--sh-2);border-color:#dcd5c7}
.welcoma-admin .qa .qi{width:32px;height:32px;border-radius:9px;background:var(--mint);color:var(--pine-700);display:grid;place-items:center}
.welcoma-admin .qa .qi svg{width:17px;height:17px}
.welcoma-admin .qa.primary .qi{background:var(--coral-tint);color:var(--coral-700)}
.welcoma-admin .qa b{font-size:13px}
.welcoma-admin .qa span{font-size:11.5px;color:var(--muted)}

/* ---------- Footer ---------- */
.welcoma-admin .foot{display:flex;align-items:center;justify-content:space-between;margin-top:34px;padding:0 6px;color:var(--muted);font-size:12px;flex-wrap:wrap;gap:8px}
.welcoma-admin .foot .mono{font-size:11px}

/* ---------- Toast ---------- */
.welcoma-admin .toast{display: none; position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(140%);background:var(--pine-900);color:#eafff8;padding:13px 18px;border-radius:13px;box-shadow:var(--sh-3);align-items:center;gap:10px;font-size:13.5px;font-weight:600;z-index:99999;transition:transform .35s cubic-bezier(.2,.9,.3,1.2)}
.welcoma-admin .toast.show{transform:translateX(-50%) translateY(0);display:flex;}
.welcoma-admin .toast .tk{width:22px;height:22px;border-radius:50%;background:#37d6a6;color:var(--pine-900);display:grid;place-items:center}
.welcoma-admin .toast .tk svg{width:13px;height:13px}

/* ---------- Confirm modal (replaces window.confirm) ----------
 * Rendered via document.body.appendChild() in JS, so it lives OUTSIDE
 * the .welcoma-admin container — these rules must NOT be scoped under
 * .welcoma-admin or they silently fail to apply (this was the bug). */
.welcoma-confirm-overlay{
    position:fixed; inset:0; z-index:999999;
    background:rgba(6,48,42,.55);
    display:flex; align-items:center; justify-content:center; padding:20px;
    opacity:0; pointer-events:none;
    transition:opacity .18s ease;
    font-family:"Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;
}
.welcoma-confirm-overlay.show{opacity:1; pointer-events:auto}
.welcoma-confirm-box{
    background:#FFFFFF; border-radius:20px;
    box-shadow:0 24px 60px -28px rgba(6,48,42,.34), 0 8px 22px -14px rgba(20,33,30,.12);
    max-width:420px; width:100%; padding:26px;
    transform:translateY(10px) scale(.98);
    transition:transform .18s ease;
}
.welcoma-confirm-overlay.show .welcoma-confirm-box{transform:translateY(0) scale(1)}
.welcoma-confirm-icon{
    width:44px; height:44px; border-radius:12px;
    background:#FDEBE3; color:#8F2F12;
    display:flex; align-items:center; justify-content:center; margin-bottom:16px;
    flex-shrink:0;
}
.welcoma-confirm-icon svg{width:22px; height:22px}
.welcoma-confirm-title{
    font-family:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
    font-size:17px; font-weight:600; color:#14211E; margin:0 0 8px;
}
.welcoma-confirm-msg{font-size:13.5px; color:#5E6D67; line-height:1.55; margin:0 0 22px}
.welcoma-confirm-actions{display:flex; gap:10px; justify-content:flex-end}
.welcoma-confirm-actions button{
    appearance:none; border:0; cursor:pointer; font-weight:600; font-size:13.5px;
    padding:10px 17px; border-radius:11px; display:inline-flex; align-items:center;
    gap:8px; transition:transform .12s, box-shadow .18s, background .18s;
    font-family:inherit;
}
.welcoma-confirm-actions button:active{transform:translateY(1px)}
.welcoma-confirm-actions button[data-act="cancel"]{
    background:#FFFFFF; color:#14211E; box-shadow:0 1px 2px rgba(20,33,30,.05); border:1px solid #E8E2D6;
}
.welcoma-confirm-actions button[data-act="cancel"]:hover{background:#fff; border-color:#dcd5c7}
.welcoma-confirm-actions button[data-act="confirm"]{
    background:#EC5A30; color:#FFFFFF; box-shadow:0 8px 18px -8px rgba(236,90,48,.7);
}
.welcoma-confirm-actions button[data-act="confirm"]:hover{background:#D74B23}

/* ---------- Host the legacy tab partials inside the new shell ---------- */
.welcoma-admin .legacy-host .welcoma-wrap{width:auto;margin:0}
.welcoma-admin .legacy-host .welcoma-app{border:0;border-radius:0;background:transparent;box-shadow:none}
.welcoma-admin .legacy-host .welcoma-header{display:none}
.welcoma-admin .legacy-host .welcoma-status{margin-left:0;margin-right:0}
.welcoma-admin .legacy-host .welcoma-panel{display:block!important}

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .welcoma-admin .ov-top,.welcoma-admin .zones{grid-template-columns:1fr}
  .welcoma-admin .qa{grid-template-columns:repeat(2,1fr)}
  .welcoma-admin .nav{overflow:auto}
}
@media (max-width:620px){
  .welcoma-admin .shell{padding:14px 12px 60px}
  .welcoma-admin .appbar{flex-wrap:wrap}
  .welcoma-admin .bar-actions{order:3;width:100%;justify-content:space-between}
  .welcoma-admin .qa{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  .welcoma-admin *{animation:none!important;transition:none!important}
}

/* ================= APPEARANCE (Brief: brought forward) ================= */
.welcoma-admin .appgrid{display:grid;grid-template-columns:1fr 330px;gap:20px;align-items:start}
.welcoma-admin .appgrid .card{margin-bottom:18px}
.welcoma-admin .appgrid .card:last-child{margin-bottom:0}

.welcoma-admin #welcomaAppearance {
    grid-template-columns: 1fr 80px;
}
/* themes */
.welcoma-admin .themes{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:14px}
.welcoma-admin .theme{appearance:none;cursor:pointer;text-align:left;background:var(--paper);border:1.5px solid var(--line-2);border-radius:14px;padding:13px;box-shadow:var(--sh-1);transition:transform .14s,box-shadow .2s,border-color .18s}
.welcoma-admin .theme:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
.welcoma-admin .theme[aria-pressed="true"]{border-color:var(--pine-700);box-shadow:0 0 0 3px rgba(12,90,78,.1)}
.welcoma-admin .swatches{display:flex;gap:5px;margin-bottom:10px}
.welcoma-admin .swatches i{width:100%;height:26px;border-radius:6px;display:block}
.welcoma-admin .theme b{display:block;font-size:12.5px;margin-bottom:2px}
.welcoma-admin .theme span{font-size:11px;color:var(--muted)}

/* fields / inputs */
.welcoma-admin .welcoma-statement-field{margin: 14px 0;}
.welcoma-admin .field>label{display:block;font-size:12.5px;font-weight:700;margin-bottom:7px}
.welcoma-admin .field .hint{font-size:11.5px;color:var(--muted);margin-top:6px}

/* Accessibility title: read-only preview (Free) / editable input (Pro) */
.welcoma-admin .field+.field{margin-top:18px}
.welcoma-admin .welcoma-title-field{margin-top:18px}
.welcoma-admin .welcoma-title-preview{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);background:var(--mint-2);border-radius:11px}
.welcoma-admin .welcoma-title-preview-flag{width:22px;height:16px;object-fit:cover;border-radius:3px;flex-shrink:0;box-shadow:var(--sh-1)}
.welcoma-admin .welcoma-title-preview-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.welcoma-admin .welcoma-title-preview-label{font-size:11.5px;color:var(--muted)}
.welcoma-admin .welcoma-title-preview-value{font-size:15px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.welcoma-admin .welcoma-title-all{margin-top:10px}
.welcoma-admin .welcoma-title-all summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--pine-700);padding:2px 0;width:max-content}
.welcoma-admin .welcoma-title-all summary:focus-visible{outline:none;box-shadow:var(--focus);border-radius:4px}
.welcoma-admin .welcoma-title-list{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 18px;max-height:220px;overflow:auto}
.welcoma-admin .welcoma-title-list li{display:flex;align-items:center;gap:8px;font-size:12px;padding:5px 0;border-bottom:1px solid var(--line-2);margin:0}
.welcoma-admin .welcoma-title-list-lang{color:var(--muted);flex:0 0 auto;min-width:78px}
.welcoma-admin .welcoma-title-list-text{color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.welcoma-admin .welcoma-title-hint{margin-top:10px}
.welcoma-admin .welcoma-title-hint a{color:var(--pine-700);font-weight:600}

/* Reusable "available in Pro" note (icon + text). Display-only. */
.welcoma-admin .welcoma-pro-note{display:flex;align-items:center;gap:12px;margin-top:12px;padding:11px 14px;border:1px dashed #cfd9d4;background:var(--mint-2);border-radius:11px}
.welcoma-admin .welcoma-pro-note-icon{flex:0 0 auto;width:34px;height:34px;border-radius:9px;background:#fff;border:1px solid var(--line);color:var(--pine-700);display:grid;place-items:center;box-shadow:var(--sh-1)}
.welcoma-admin .welcoma-pro-note-text{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:12px;color:var(--muted);line-height:1.45}
.welcoma-admin .welcoma-pro-note-text strong{font-size:13px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}
.welcoma-admin .welcoma-pro-note-text a{color:var(--pine-700);font-weight:600;white-space:nowrap}
.welcoma-admin .welcoma-pro-note[hidden]{display:none !important}
:where(.welcoma-admin) #waAddonList{margin-top:18px}
:where(.welcoma-admin) #waAddonList[hidden]{display:none !important}
.welcoma-admin .welcoma-addon-list h3{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--ink)}
.welcoma-admin .welcoma-addon-list .sub{margin:0 0 12px;font-size:12.5px;color:var(--muted)}
.welcoma-admin .welcoma-addon-list .sub a{color:var(--pine-700);font-weight:600}
.welcoma-admin .welcoma-addon-list ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2px 24px}
.welcoma-admin .welcoma-addon-list li{display:flex;flex-direction:column;gap:1px;padding:8px 0;border-bottom:1px solid var(--line-2);margin:0}
.welcoma-admin .welcoma-addon-list li b{font-size:13px;font-weight:600;color:var(--ink)}
.welcoma-admin .welcoma-addon-list li span{font-size:12px;color:var(--muted);line-height:1.4}
.welcoma-admin .inp,.welcoma-admin select.welcoma-input,.welcoma-admin select.welcoma-select,.welcoma-admin input.welcoma-input{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:11px;padding:11px 13px;font-family:var(--ui);font-size:13.5px;color:var(--ink);box-shadow:var(--sh-1);height:auto;line-height:1.3}
.welcoma-admin .inp:focus,.welcoma-admin select.welcoma-input:focus,.welcoma-admin input.welcoma-input:focus{outline:none;border-color:var(--pine-500);box-shadow:0 0 0 3px rgba(19,121,106,.14)}
.welcoma-admin .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* the "Show widget" / basics toggle row */
.welcoma-admin .setrow{display:flex;align-items:center;gap:16px;padding:0}
.welcoma-admin .setrow .st{flex:1}
.welcoma-admin .setrow .st b{display:block;font-size:13.5px;font-weight:700}
.welcoma-admin .setrow .st span{font-size:12px;color:var(--muted)}

/* reskin legacy toggle to the new look (admin.js drives .welcoma-toggle) */
.welcoma-admin .welcoma-toggle{appearance:none;border:0;cursor:pointer;width:46px;height:27px;border-radius:999px;background:#d9d2c4;position:relative;transition:background .2s;flex:0 0 auto;box-shadow:none}
.welcoma-admin .welcoma-toggle .welcoma-toggle-knob{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s cubic-bezier(.3,1.4,.5,1)}
.welcoma-admin .welcoma-toggle[aria-checked="true"]{background:var(--pine-700)}
.welcoma-admin .welcoma-toggle[aria-checked="true"] .welcoma-toggle-knob{transform:translateX(19px)}

/* language chips (admin.js sets inline bg/color → override with :has + !important) */
.welcoma-admin .welcoma-lang-checkboxes{display:flex;flex-wrap:wrap;gap:7px}
.welcoma-admin .welcoma-lang-chip{appearance:none;cursor:pointer;border:1px solid var(--line)!important;background:var(--paper)!important;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500;color:var(--ink-2)!important;display:inline-flex;align-items:center;gap:6px;box-shadow:var(--sh-1);transition:.15s}
.welcoma-admin .welcoma-lang-chip-flag{width:16px;height:12px;object-fit:cover;border-radius:2px;flex-shrink:0}

.welcoma-admin .welcoma-admin-lang-dropdown{position:relative;margin-top:4px}
.welcoma-admin .welcoma-admin-lang-btn{width:100%;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:9px 12px;font-size:13px;font-weight:500;color:var(--ink-2);cursor:pointer}
.welcoma-admin .welcoma-admin-lang-btn svg{margin-left:auto;flex-shrink:0}
.welcoma-admin .welcoma-admin-lang-flag-curr{width:18px;height:13px;object-fit:cover;border-radius:2px;flex-shrink:0}
.welcoma-admin .welcoma-admin-lang-name-curr{flex:1;text-align:left}
.welcoma-admin .welcoma-admin-lang-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;max-height:260px;overflow-y:auto;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:var(--sh-2,0 8px 24px rgba(0,0,0,.12));display:none;padding:4px;margin:0;list-style:none}
.welcoma-admin .welcoma-admin-lang-dropdown.open .welcoma-admin-lang-list{display:block}
.welcoma-admin .welcoma-admin-lang-option{width:100%;display:flex;align-items:center;gap:8px;padding:7px 8px;border:none;background:transparent;border-radius:6px;font-size:13px;color:var(--ink-2);cursor:pointer;text-align:left}
.welcoma-admin .welcoma-admin-lang-option:hover{background:var(--hover,#f4f4f4)}
.welcoma-admin .welcoma-admin-lang-option img{width:18px;height:13px;object-fit:cover;border-radius:2px;flex-shrink:0}
.welcoma-admin .welcoma-lang-chip:hover{border-color:#d8d0c1!important}
.welcoma-admin .welcoma-lang-chip:has(.welcoma-lang-checkbox:checked){background:var(--pine-700)!important;color:#fff!important;border-color:var(--pine-700)!important}

/* icon picker (admin.js drives .welcoma-icon-option[.active]) */
.welcoma-admin .welcoma-icon-picker{display:flex;gap:9px;flex-wrap:wrap;margin-top:2px}
.welcoma-admin .welcoma-icon-picker[hidden]{display:none !important}
.welcoma-admin .welcoma-icon-option{width:46px;height:46px;border-radius:12px;border:1.5px solid var(--line);background:var(--paper);display:grid;place-items:center;cursor:pointer;color:var(--ink-2);box-shadow:var(--sh-1);transition:.15s;padding:0}
.welcoma-admin .welcoma-icon-option:hover{border-color:#d3cbbb}
.welcoma-admin .welcoma-icon-option svg{width:21px;height:21px}
.welcoma-admin .welcoma-icon-option.active{background:var(--pine-900);color:#fff;border-color:var(--pine-900)}

/* Custom icon dropzone — single inline row, not stacked */
.welcoma-admin .welcoma-icon-dropzone{position:relative;border:1.5px dashed var(--line);border-radius:14px;background:var(--mint-2);padding:16px 20px;display:flex;align-items:center;gap:14px;min-height:auto;cursor:pointer;transition:border-color .18s,background .18s}
.welcoma-admin .welcoma-icon-dropzone:hover,.welcoma-admin .welcoma-icon-dropzone.dragover{border-color:var(--pine-500);background:var(--mint)}
.welcoma-admin .welcoma-icon-dropzone-preview{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:0;overflow:hidden;transition:width .2s ease,opacity .2s ease;opacity:0}
.welcoma-admin .welcoma-icon-dropzone-preview.has-image,
.welcoma-admin .welcoma-icon-dropzone-preview.is-loading{width:44px;opacity:1}
.welcoma-admin .welcoma-icon-dropzone-preview.is-loading #welcomaIconPreviewImg{display: none;}
.welcoma-admin .welcoma-icon-dropzone-preview img{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:var(--sh-1);background:#fff;display:block;flex:0 0 auto;transition:opacity .15s ease}
.welcoma-admin .welcoma-icon-dropzone-preview img[hidden]{display:none !important}
.welcoma-admin .welcoma-icon-spinner{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:var(--sh-1);color:var(--pine-700);flex:0 0 auto}
.welcoma-admin .welcoma-icon-spinner:not([hidden]){display:flex}
.welcoma-admin .welcoma-icon-spinner svg{animation:welcoma-spin 1s linear infinite}
.welcoma-admin .welcoma-icon-dropzone-text{display:flex;align-items:center;gap:8px;flex:1;min-width:0;color:var(--muted)}
.welcoma-admin .welcoma-icon-dropzone-text svg{flex:0 0 auto;color:var(--pine-700)}
.welcoma-admin .welcoma-icon-dropzone-text span{font-size:12.5px;font-weight:600;color:var(--ink-2)}
.welcoma-admin .welcoma-icon-dropzone-text .hint{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-top:1px}
.welcoma-admin .welcoma-icon-dropzone-actions{display:flex;gap:8px;margin-top:10px}

/* position dot-picker */
.welcoma-admin .pospick{background:var(--mint-2);border:1px solid var(--line-2);border-radius:14px;padding:14px}
.welcoma-admin .posframe{position:relative;height:112px;background:#fff;border:1px solid var(--line-2);border-radius:10px}
.welcoma-admin .posframe .pd{position:absolute;width:24px;height:24px;border-radius:7px;border:1.5px dashed #c9bfa7;cursor:pointer;display:grid;place-items:center;color:#bcae90;transition:.15s;background:transparent}
.welcoma-admin .posframe .pd:hover{border-color:var(--pine-500);color:var(--pine-500)}
.welcoma-admin .posframe .pd[data-active="1"]{background:var(--pine-700);border-style:solid;border-color:var(--pine-700);color:#fff}
.welcoma-admin .posframe .pd[data-pos="bl"]{bottom:10px;left:10px}.welcoma-admin .posframe .pd[data-pos="br"]{bottom:10px;right:10px}
.welcoma-admin .posframe .pd[data-pos="tl"]{top:10px;left:10px}.welcoma-admin .posframe .pd[data-pos="tr"]{top:10px;right:10px}
.welcoma-admin .posframe .pd svg{width:12px;height:12px}

/* size range */
.welcoma-admin .range{display:flex;align-items:center;gap:13px;margin-top:14px}
.welcoma-admin .range .rv{font-family:var(--mono);font-size:12.5px;font-weight:600;min-width:28px;color:var(--ink-2)}
.welcoma-admin input[type=range].welcoma-range{-webkit-appearance:none;appearance:none;height:6px;border-radius:6px;background:var(--line);flex:1;outline:none;box-shadow:none;padding:0;border:0}
.welcoma-admin input[type=range].welcoma-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--pine-700);border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.25);cursor:pointer}
.welcoma-admin input[type=range].welcoma-range::-moz-range-thumb{width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:var(--pine-700);cursor:pointer}
.welcoma-admin .sizeval{font-family:var(--mono);font-weight:600;color:var(--pine-700)}

/* advanced colors accordion */
.welcoma-admin .adv{margin-top:18px;border:1px solid var(--line-2);border-radius:16px;overflow:hidden;background:var(--paper);box-shadow:var(--sh-1)}
.welcoma-admin .adv-h{display:flex;align-items:center;gap:11px;padding:15px 17px;cursor:pointer;user-select:none}
.welcoma-admin .adv-h .ai{width:30px;height:30px;border-radius:9px;background:var(--mint);color:var(--pine-700);display:grid;place-items:center}
.welcoma-admin .adv-h .ai svg{width:16px;height:16px}
.welcoma-admin .adv-h b{font-size:13.5px}
.welcoma-admin .adv-h span{font-size:11.5px;color:var(--muted)}
.welcoma-admin .adv-h .chev{margin-left:auto;color:var(--muted);transition:transform .25s}
.welcoma-admin .adv-h .chev svg{width:16px;height:16px;display:block}
.welcoma-admin .adv.collapsed .chev{transform:rotate(-90deg)}
.welcoma-admin .adv-b{overflow:hidden;transition:height .28s ease}
.welcoma-admin .adv-inner{padding:4px 17px 20px}
.welcoma-admin .adv-sec{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:16px 0 10px}
.welcoma-admin .colorrow{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
.welcoma-admin div#welcomaHeaderIconColorRow { margin-top: 11px; }

/* reskin legacy color field to prototype .cfield */
.welcoma-admin .welcoma-color-field{position:relative;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--paper);height:auto}
.welcoma-admin .welcoma-color-field .welcoma-color-swatch{width:26px;height:26px;border-radius:7px;border:1px solid rgba(0,0,0,.08);flex:0 0 auto}
.welcoma-admin .welcoma-color-label-in{flex:1;min-width:0}
.welcoma-admin .welcoma-color-label-in b{display:block;font-size:11px;color:var(--muted);font-weight:600}
.welcoma-admin .welcoma-color-field .welcoma-color-hex{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--ink);background:transparent}
.welcoma-admin .welcoma-color-field .welcoma-color-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}

/* ================= MODULES (Brief 2: brought forward) ================= */
.welcoma-admin .count-pill{font-size:12.5px;font-weight:700;color:var(--pine-700);background:var(--mint);padding:7px 13px;border-radius:999px;white-space:nowrap}
.welcoma-admin .modwrap .card-h{margin-top:4px}
.welcoma-admin .profiles{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin:14px 0 26px}
.welcoma-admin .profile{appearance:none;text-align:left;cursor:pointer;background:var(--paper);border:1.5px solid var(--line-2);border-radius:15px;padding:15px 13px;box-shadow:var(--sh-1);transition:transform .14s,border-color .18s,box-shadow .2s;position:relative}
.welcoma-admin .profile:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
.welcoma-admin .profile .pi{width:34px;height:34px;border-radius:10px;background:var(--mint);color:var(--pine-700);display:grid;place-items:center;margin-bottom:11px;overflow:hidden}
.welcoma-admin .profile .pi svg{width:18px;height:18px}
.welcoma-admin .profile .pi img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}
.welcoma-admin .profile[data-on="1"] .pi{background:var(--pine-700);color:#fff}
.welcoma-admin .profile b{display:block;font-size:13px;letter-spacing:-.01em;display:flex;align-items:center;gap:6px}
.welcoma-admin .profile span{font-size:11px;color:var(--muted);line-height:1.35;display:block;margin-top:2px}
.welcoma-admin .profile[data-on="1"]{border-color:var(--pine-700);background:var(--mint-2);box-shadow:0 0 0 3px rgba(12,90,78,.08)}
.welcoma-admin .profile[data-on="1"] .pi{background:var(--pine-700);color:#fff}
.welcoma-admin .profile .applied{position:absolute;top:11px;right:11px;width:20px;height:20px;border-radius:50%;background:var(--pine-700);color:#fff;display:none;place-items:center}
.welcoma-admin .profile[data-on="1"] .applied{display:grid}
.welcoma-admin .profile .applied svg{width:11px;height:11px}

.welcoma-admin .modbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.welcoma-admin .modbar h2,.welcoma-admin .modbar h3{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em}
.welcoma-admin .modbar .right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.welcoma-admin .search{display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:8px 13px;box-shadow:var(--sh-1);min-width:200px}
.welcoma-admin .search svg{width:15px;height:15px;color:var(--muted)}
.welcoma-admin .search input{border:0;outline:0;background:transparent;font-family:var(--ui);font-size:13.5px;width:100%;color:var(--ink);box-shadow:none;padding:0;height:auto}
.welcoma-admin .seg{display:inline-flex;background:#efeadf;border-radius:11px;padding:4px;gap:2px}
.welcoma-admin .seg button{appearance:none;border:0;background:transparent;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--ink-2);padding:7px 13px;border-radius:8px;transition:.16s}
.welcoma-admin .seg button[aria-selected="true"]{background:var(--paper);color:var(--pine-900);box-shadow:var(--sh-1)}

.welcoma-cp-mod-row{border-bottom:1px solid var(--line-2)}
.welcoma-cp-mod-row:last-child{border-bottom:0}
.welcoma-cp-steps{display:flex;flex-wrap:wrap;gap:4px;padding:2px 0 8px 26px}
.welcoma-cp-step-btn{appearance:none;border:1px solid var(--line-2);background:var(--paper);cursor:pointer;font-size:11.5px;font-weight:600;color:var(--ink-2);padding:5px 10px;border-radius:7px;transition:.16s}
.welcoma-cp-step-btn:hover{border-color:var(--pine-500)}
.welcoma-cp-step-btn.active{background:var(--pine-700);border-color:var(--pine-700);color:#fff}
.welcoma-cp-mod-search-wrap{display:flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:var(--r-sm);padding:8px 12px;background:var(--paper)}
.welcoma-cp-mod-search-wrap svg{width:15px;height:15px;color:var(--muted);flex:0 0 auto}
.welcoma-cp-mod-search-wrap input{border:0;outline:0;background:transparent;font-family:var(--ui);font-size:13.5px;width:100%;color:var(--ink);box-shadow:none;padding:0;height:auto}

/* Icon-grid picker — shared by Custom Profiles' "Choose icon" panel and the
   Custom Labels editor's per-module icon picker. */
.welcoma-admin .welcoma-label-icon-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:6px;padding:10px;border:1px solid var(--line-2);border-radius:11px;background:var(--cream);max-height:180px;overflow-y:auto}
.welcoma-admin .welcoma-label-icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid transparent;background:var(--paper);display:grid;place-items:center;cursor:pointer;color:var(--muted);padding:0}
.welcoma-admin .welcoma-label-icon-btn svg{width:16px;height:16px;pointer-events:none}
.welcoma-admin .welcoma-label-icon-btn:hover{border-color:var(--line)}
.welcoma-admin .welcoma-label-icon-btn.active{background:var(--pine-700);color:#fff;border-color:var(--pine-700)}

.welcoma-admin .group{border-top:1px solid var(--line-2)}
.welcoma-admin .group:first-of-type{border-top:0}
.welcoma-admin .ghead{display:flex;align-items:center;gap:13px;padding:16px 4px;cursor:pointer;user-select:none}
.welcoma-admin .ghead .gi{width:30px;height:30px;border-radius:9px;background:var(--mint);color:var(--pine-700);display:grid;place-items:center;flex:0 0 auto}
.welcoma-admin .ghead .gi svg{width:16px;height:16px}
.welcoma-admin .ghead h3,.welcoma-admin .ghead h4{margin:0;font-size:14.5px;font-weight:700;letter-spacing:-.01em}
.welcoma-admin .ghead .gc{font-size:12px;color:var(--muted);font-weight:600}
.welcoma-admin .ghead .gon{margin-left:auto;font-size:12px;font-weight:700;color:var(--pine-700);background:var(--mint);padding:4px 10px;border-radius:999px}
.welcoma-admin .ghead .chev{margin-left:12px;color:var(--muted);transition:transform .25s}
.welcoma-admin .ghead .chev svg{width:16px;height:16px;display:block}
.welcoma-admin .group.collapsed .chev{transform:rotate(-90deg)}
.welcoma-admin .gbody{overflow:hidden;transition:height .28s ease}
.welcoma-admin .mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:2px 2px 22px}
.welcoma-admin .mod{display:flex;align-items:left;flex-direction: column;gap:12px;background:var(--paper);border:1px solid var(--line-2);border-radius:13px;padding:13px 14px;box-shadow:var(--sh-1);transition:border-color .18s,box-shadow .2s}
.welcoma-admin .mod:hover{border-color:#ddd6c8}
:where(.welcoma-admin) #waCustomProfiles button.toggle{display: none;}
.welcoma-admin .mod[data-on="1"]{border-color:#cfe3d9;box-shadow:0 0 0 2px rgba(12,90,78,.06)}
.welcoma-admin .mod .mi{width:34px;height:34px;border-radius:10px;background:var(--mint-2);color:var(--pine-700);display:grid;place-items:center;flex:0 0 auto;transition:background .18s,color .18s;overflow:hidden}
.welcoma-admin .mod .mi img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}
.welcoma-admin .mod[data-on="1"] .mi{background:var(--pine-700);color:#fff}
.welcoma-admin .mod .mi svg{width:18px;height:18px}
.welcoma-admin .mod .mt{flex:1;min-width:0}
.welcoma-admin .mod .mt b{font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px}
.welcoma-admin .mod .mt span{font-size:11.5px;color:var(--muted);display:block;line-height:1.3}
:where(.welcoma-admin) #waCustomProfiles {margin-bottom: 20px; }
.welcoma-custom-profile.profile[data-on="1"] .pi {
    background: rgb(12 90 78 / 25%);
    border: 1px solid var(--pine-700);
}

@media(max-width:1200px){.welcoma-admin .profiles{grid-template-columns:repeat(4,1fr)}.welcoma-admin .mgrid{grid-template-columns:repeat(2,1fr)}.welcoma-admin .appbar{flex-wrap: wrap;}}
@media(max-width:980px){.welcoma-admin .profiles{grid-template-columns:repeat(3,1fr)}.welcoma-admin .mgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.welcoma-admin .profiles{grid-template-columns:repeat(2,1fr)}.welcoma-admin .mgrid{grid-template-columns:1fr}}

/* ================= STATEMENT (Brief: brought forward) ================= */
.welcoma-admin .stmtgrid{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}
.welcoma-admin .gen .note{background:var(--mint-2);border:1px solid var(--line-2);border-radius:12px;padding:13px 15px;font-size:12.5px;color:var(--ink-2);line-height:1.5;margin:14px 0 18px}
.welcoma-admin .req{color:var(--coral-deep)}
.welcoma-admin .stmt-check{margin-top:16px;background:var(--paper);border:1px solid var(--line-2);border-radius:13px;padding:14px 16px;box-shadow:var(--sh-1)}
.welcoma-admin .stmt-check h3,.welcoma-admin .stmt-check h5{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.welcoma-admin .stmt-check .sc{display:flex;align-items:center;gap:9px;font-size:12.5px;padding:5px 0;color:var(--ink-2)}
.welcoma-admin .stmt-check .sc .b{width:18px;height:18px;border-radius:6px;display:grid;place-items:center;flex:0 0 auto}
.welcoma-admin .stmt-check .sc .b.ok{background:var(--pine-700);color:#fff}
.welcoma-admin .stmt-check .sc .b.no{background:#fff;border:1.5px dashed #cbbfa6}
.welcoma-admin .stmt-check .sc .b svg{width:11px;height:11px}
.welcoma-admin .editor{border:1px solid var(--line-2);border-radius:16px;overflow:hidden;box-shadow:var(--sh-2);background:#fff}
.welcoma-admin .ed-top{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:var(--cream);border-bottom:1px solid var(--line-2)}
.welcoma-admin .ed-wp{padding:0}
.welcoma-admin .ed-wp .wp-editor-tools{padding:8px 10px 0}
.welcoma-admin .ed-wp .wp-editor-container{border:0}
.welcoma-admin .ed-wp .mce-toolbar-grp,.welcoma-admin .ed-wp .quicktags-toolbar{background:var(--cream);border-color:var(--line-2)}
.welcoma-admin .ed-wp textarea.wp-editor-area{border:0!important}

/* ================= SETTINGS (Brief: brought forward) ================= */
.welcoma-admin .plan{display:flex;align-items:center;gap:14px;background:linear-gradient(120deg,#0b4f44,var(--pine-900));border-radius:16px;padding:18px 20px;color:#eafff8;box-shadow:var(--sh-3);margin:18px 0}
.welcoma-admin .plan .pi{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.12);display:grid;place-items:center;flex:0 0 auto}
.welcoma-admin .plan .pi svg{width:20px;height:20px}
.welcoma-admin .plan b{font-family:var(--display);font-weight:600;font-size:16px}
.welcoma-admin .plan span{display:block;font-size:12.5px;color:#bfe6dc;margin-top:2px}
.welcoma-admin .setpanel .setrow{padding:18px 4px}
.welcoma-admin .setpanel .setrow+.setrow{border-top:1px solid var(--line-2)}
.welcoma-admin .setpanel .setrow .si{width:38px;height:38px;border-radius:11px;background:var(--mint);color:var(--pine-700);display:grid;place-items:center;flex:0 0 auto}
.welcoma-admin .setpanel .setrow .si svg{width:18px;height:18px}
.welcoma-admin .setpanel .setrow .st b{display:block;font-size:14px;font-weight:700}
.welcoma-admin .setpanel .setrow .st span{font-size:12.5px;color:var(--muted)}
.welcoma-admin .lic{display:flex;gap:10px;margin-top:12px}
.welcoma-admin .lic .inp{font-size:12.5px}
.welcoma-admin .welcoma-collapsible-body[hidden]{display:none}
.welcoma-admin .welcoma-collapsible-body{overflow:hidden;transition:height .28s ease}
/* ---- Statement wp_editor — brand styling (keeps core editor, store-safe) ---- */
.welcoma-admin .ed-wp .wp-editor-container,.welcoma-admin .ed-wp .wp-editor-wrap{border:0;background:#fff}
.welcoma-admin .ed-wp .wp-editor-tools{background:var(--cream);border-bottom:1px solid var(--line-2);padding:8px 10px;margin:0;min-height:auto;display:flex;align-items:center; justify-content: end;}
.welcoma-admin .ed-wp .wp-editor-tabs{margin:0;display:flex;align-items:center}
.welcoma-admin .ed-wp .wp-switch-editor{background:var(--paper);border:1px solid var(--line);color:var(--ink-2);border-radius:8px;margin:0 0 0 4px;padding:1px 12px;font-size:12px;font-weight:600;box-shadow:none;float:none}
.welcoma-admin .ed-wp .tmce-active .switch-tmce,.welcoma-admin .ed-wp .html-active .switch-html{background:var(--pine-700);border-color:var(--pine-700);color:#fff}
/* quicktags (Code/Text mode) */
.welcoma-admin .ed-wp .quicktags-toolbar{background:var(--cream);border:0;border-bottom:1px solid var(--line-2);padding:7px 10px}
.welcoma-admin .ed-wp .quicktags-toolbar input.button,.welcoma-admin .ed-wp .quicktags-toolbar input.button-small{background:var(--paper)!important;border:1px solid var(--line)!important;color:var(--ink-2)!important;border-radius:7px!important;box-shadow:none!important;text-shadow:none!important;height:auto;line-height:1.5;margin:2px 3px;padding:3px 9px;font-size:12px;font-weight:600}
.welcoma-admin .ed-wp .quicktags-toolbar input.button:hover{background:var(--mint)!important;border-color:var(--pine-500)!important;color:var(--pine-700)!important}
/* tinymce (Visual mode) */
.welcoma-admin .ed-wp .mce-tinymce{box-shadow:none;border:0}
.welcoma-admin .ed-wp .mce-panel{border-color:var(--line-2);background:transparent}
.welcoma-admin .ed-wp .mce-top-part::before{box-shadow:none}
.welcoma-admin .ed-wp .mce-toolbar-grp{background:var(--cream)!important;border-bottom:1px solid var(--line-2)!important;padding:4px 6px;min-height:auto!important}
.welcoma-admin .ed-wp .mce-container-body{min-height:auto!important}
.welcoma-admin .ed-wp .mce-toolbar .mce-btn-group{border:0!important;padding:0;margin:0}
.welcoma-admin .ed-wp .mce-btn{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:7px;margin:1px}
.welcoma-admin .ed-wp .mce-btn button{padding:5px 7px;color:var(--ink-2)}
.welcoma-admin .ed-wp .mce-btn:hover,.welcoma-admin .ed-wp .mce-btn.mce-active{background:var(--mint)!important}
.welcoma-admin .ed-wp .mce-ico{color:var(--ink-2)}
.welcoma-admin .ed-wp .mce-btn:hover .mce-ico,.welcoma-admin .ed-wp .mce-btn.mce-active .mce-ico,.welcoma-admin .ed-wp .mce-btn.mce-active .mce-txt{color:var(--pine-700)}
.welcoma-admin .ed-wp .mce-btn .mce-txt{color:var(--ink-2)}
.welcoma-admin .ed-wp .mce-statusbar{display:none}
.welcoma-admin .ed-wp .mce-edit-area{border:0!important;height:auto!important}
.welcoma-admin .ed-wp div.mce-edit-area iframe{background:#fff;min-height:570px}
.welcoma-admin .ed-wp .mce-tinymce.mce-container{height:auto!important}
/* textarea (Code mode) — match Visual mode's min-height (570px, see the
   .mce-edit-area iframe rule above) so switching tabs doesn't shrink the editor box. */
.welcoma-admin .ed-wp textarea.wp-editor-area{border:0!important;padding:16px 18px;font-family:var(--mono);font-size:13px;line-height:1.6;background:#fff;color:var(--ink);min-height:570px;box-sizing:border-box;resize:vertical}
.welcoma-admin button#welcomaSaveBtn[disabled] { opacity: 0.7; pointer-events: none; cursor: not-allowed; }

#welcomaWidgetPreviewRoot { position: fixed; z-index: 99999; pointer-events: none; /* re-enabled on launcher/panel below */ }
#welcomaWidgetPreviewRoot.welcoma-admin-pos-right { right: 28px; bottom: 28px; }
#welcomaWidgetPreviewRoot.welcoma-admin-pos-left { left: 28px; bottom: 28px; }
/* ── Launcher ── */
#welcomaWidgetPreviewRoot .welcoma-admin-launcher { position: absolute; bottom: 0; width: 60px; height: 60px; border-radius: 50%; border: none; background: #111111; color: #ffffff; display: flex; align-items: center; justify-content: center; padding: 10px; box-shadow: 0 6px 20px rgba(0, 0, 0, .28); cursor: pointer; pointer-events: auto; transition: transform .15s ease, box-shadow .15s ease; animation: welcoma-admin-pulse 2s infinite; margin: 0; }
#welcomaWidgetPreviewRoot.welcoma-admin-pos-right .welcoma-admin-launcher { right: 0; }
#welcomaWidgetPreviewRoot.welcoma-admin-pos-left .welcoma-admin-launcher { left: 0; }
#welcomaWidgetPreviewRoot .welcoma-admin-launcher:hover { transform: scale(1.06); }
#welcomaWidgetPreviewRoot .welcoma-admin-launcher svg,
#welcomaWidgetPreviewRoot .welcoma-admin-launcher img { width: 60%; height: 60%; }
@keyframes welcoma-admin-pulse {
 0% { box-shadow: 0 0 0 0 rgba(var(--welcoma-admin-pulse-rgb, 17, 17, 17), .55); transform: scale(1); }
70% { box-shadow: 0 0 0 12px rgba(var(--welcoma-admin-pulse-rgb, 17, 17, 17), 0); transform: scale(1.04); }
100% { box-shadow: 0 0 0 0 rgba(var(--welcoma-admin-pulse-rgb, 17, 17, 17), 0); transform: scale(1); }
 }
/* ── Panel ── */
#welcomaWidgetPreviewRoot .welcoma-admin-panel { position: absolute; bottom: 74px; /* JS overrides to launcher-height + gap */
    width: 370px; max-width: calc(100vw - 56px); max-height: min(82vh, 680px); display: flex; flex-direction: column; background: #ffffff; border-radius: 20px; box-shadow: 0 24px 60px rgba(0, 0, 0, .28); overflow: hidden; opacity: 0; transform: translateY(14px) scale(.97); pointer-events: none; transition: opacity .2s ease, transform .2s ease; }
#welcomaWidgetPreviewRoot.welcoma-admin-pos-right .welcoma-admin-panel { right: 0; }
#welcomaWidgetPreviewRoot.welcoma-admin-pos-left .welcoma-admin-panel { left: 0; }
/* Open state — toggled by admin.js on launcher/close click */
#welcomaWidgetPreviewRoot .welcoma-admin-panel.open { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }
/* ── Panel header ── */
#welcomaWidgetPreviewRoot .welcoma-admin-head { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 6px; padding: 28px 20px 22px; background: #111111; color: #ffffff; flex-shrink: 0; }
#welcomaWidgetPreviewRoot .welcoma-admin-lang-pill { position: absolute; top: 12px; left: 12px; display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px 4px 7px; border-radius: 20px; background: rgba(255, 255, 255, .18); color: inherit; font-size: 12px; font-weight: 600; pointer-events: none; line-height: 1; }
#welcomaWidgetPreviewRoot .welcoma-admin-close { position: absolute; top: 12px; right: 12px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border: none; border-radius: var(--welcoma-radius-md,8px); background: rgba(255, 255, 255, .14); color: inherit; cursor: pointer; padding: 0; margin: 0; transition: background var(--welcoma-transition-fast,.15s); }
#welcomaWidgetPreviewRoot .welcoma-admin-close:hover { background: rgba(255, 255, 255, .28); }
#welcomaWidgetPreviewRoot .welcoma-admin-head-icon { width: 60px; height: 60px; border-radius: 50%; background: #ffffff; color: #111111; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-bottom: 4px; }
#welcomaWidgetPreviewRoot .welcoma-admin-head-icon svg,
#welcomaWidgetPreviewRoot .welcoma-admin-head-icon img { width: 28px; height: 28px; }
#welcomaWidgetPreviewRoot .welcoma-admin-title { margin: 0; font-size: 20px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; color: inherit; padding: 0; }
/* ── Panel body ── */
#welcomaWidgetPreviewRoot .welcoma-admin-body { padding: 16px 14px 14px; overflow-y: auto; background: #F6F7F9; flex: 1; min-height: 0; }
#welcomaWidgetPreviewRoot .welcoma-admin-body::-webkit-scrollbar { width: 4px; }
#welcomaWidgetPreviewRoot .welcoma-admin-body::-webkit-scrollbar-track { background: transparent; }
#welcomaWidgetPreviewRoot .welcoma-admin-body::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .12); border-radius: 2px; }
#welcomaWidgetPreviewRoot .welcoma-admin-section-title { font-size: 10.5px; font-weight: 700; color: #111827; text-transform: uppercase; letter-spacing: 0.07em; margin: 0 0 10px 2px; padding: 0; }
#welcomaWidgetPreviewRoot .welcoma-admin-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
/* ── Profiles ── */
#welcomaWidgetPreviewRoot .welcoma-admin-profile-wrap { margin-bottom: 18px; }
#welcomaWidgetPreviewRoot .welcoma-admin-profile-title { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: #111827; margin: 0 0 10px 2px; }
#welcomaWidgetPreviewRoot .welcoma-admin-profiles { display: flex; flex-direction: column; gap: 10px; margin-bottom: 4px; }
#welcomaWidgetPreviewRoot .welcoma-admin-profile-item { display: flex; align-items: flex-start; gap: 12px; padding: 14px; border: 1px solid #E5E7EB; border-radius: 14px; background: #f5f5f5; }
#welcomaWidgetPreviewRoot .welcoma-admin-profile-icon { flex-shrink: 0; width: 38px; height: 38px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: #111111; color: #ffffff; }
#welcomaWidgetPreviewRoot .welcoma-admin-profile-content { display: flex; flex-direction: column; gap: 4px; }
#welcomaWidgetPreviewRoot .welcoma-admin-profile-name { font-weight: 600; color: #111111; font-size: 14px; }
#welcomaWidgetPreviewRoot .welcoma-admin-profile-desc { font-size: 12px; line-height: 1.5; opacity: .8; color: #111111; }
/* ── Search ── */
#welcomaWidgetPreviewRoot .welcoma-admin-search-wrap { position: relative; margin-bottom: 16px; }
#welcomaWidgetPreviewRoot .welcoma-admin-search-wrap svg { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 13px; height: 13px; color: #111111; pointer-events: none; }
#welcomaWidgetPreviewRoot .welcoma-admin-search { width: 100%; height: 36px; border: 1.5px solid #111111; border-radius: 10px; background: #ffffff; padding: 0 12px 0 30px; font-size: 12.5px; color: #111111; outline: none; -webkit-appearance: none; appearance: none; margin: 0; cursor: default; }
#welcomaWidgetPreviewRoot .welcoma-admin-search::placeholder { color: #111111; opacity: .6; }
/* Extra section title spacing when multiple sections appear */
#welcomaWidgetPreviewRoot .welcoma-admin-section-title+.welcoma-admin-grid+.welcoma-admin-section-title { margin-top: 18px; }
/* ── Tiles ── */
#welcomaWidgetPreviewRoot .welcoma-admin-tile { display: flex; flex-direction: column; align-items: flex-start; gap: var(--welcoma-space-2,8px); padding: 10px; min-height: 92px; background: #f5f5f5; border: 1.5px solid #E5E7EB; border-radius: var(--welcoma-radius-card,12px); line-height: 1; }
#welcomaWidgetPreviewRoot .welcoma-admin-tile.active { background: #ffffff; border-color: #111111; box-shadow: inset 0 0 0 1px #111111; }
#welcomaWidgetPreviewRoot .welcoma-admin-tile-icon { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: var(--welcoma-radius-md,8px); background: #111111; color: #ffffff; flex-shrink: 0; transition: background var(--welcoma-transition-fast,.15s), color var(--welcoma-transition-fast,.15s); }
#welcomaWidgetPreviewRoot .welcoma-admin-tile-name { font-size: 14px; font-weight: 600; color: #111111; line-height: 1.3; }
#welcomaWidgetPreviewRoot .welcoma-admin-tile-state { font-size: 11px; color: #111111; }
#welcomaWidgetPreviewRoot .welcoma-admin-tile.active .welcoma-admin-tile-state { font-weight: 600; }
/* ── Panel footer ── */
#welcomaWidgetPreviewRoot .welcoma-admin-foot { padding: var(--welcoma-space-3,12px) var(--welcoma-space-4,16px); background: #ffffff; text-align: center; flex-shrink: 0; }
#welcomaWidgetPreviewRoot .welcoma-admin-reset { background-color: #111111; color: #ffffff; transition: opacity 0.3s; cursor: pointer; padding: 8px 15px; border-radius: 5px; width: max-content; font-size: 14px; height: auto; display: inline-block; line-height: 1; margin: auto; border: 0; }
#welcomaWidgetPreviewRoot .welcoma-admin-reset:hover { opacity: 0.9; }
#welcomaWidgetPreviewRoot .welcoma-admin-brand { margin: 14px 0 2px; font-size: 14px; font-weight: 500; line-height: 1.3; color: #111111; }
#welcomaWidgetPreviewRoot .welcoma-admin-brand[hidden] { display: none; }
#welcomaWidgetPreviewRoot .welcoma-admin-brand a { color: #06302a; font-weight: 700; text-decoration: none; }
#welcomaWidgetPreviewRoot .welcoma-admin-brand a:hover, #welcomaWidgetPreviewRoot .welcoma-admin-brand a:focus-visible { text-decoration: underline; }
#welcomaWidgetPreviewRoot .welcoma-widget-footer { margin-top: 8px; padding-top: 8px; font-size: 10px; font-weight: 400; letter-spacing: 0.2px; color: #14211e; opacity: 0.55; }
#welcomaWidgetPreviewRoot .welcoma-widget-footer:empty { display: none; }
/* Responsive — keep the preview clear of narrower viewports */
@media (max-width: 480px) {
 #welcomaWidgetPreviewRoot .welcoma-admin-panel { width: calc(100vw - 56px); }
 }
 
 
 /* ============================================================
 * Pro gate notice
 * ============================================================ */
.welcoma-pro-gate { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--welcoma-space-3); padding: var(--welcoma-space-10); text-align: center; color: var(--welcoma-color-text-muted); }
.welcoma-pro-gate h3 { font-size: var(--welcoma-text-lg); font-weight: 600; color: var(--welcoma-color-text); margin: 0; }
.welcoma-pro-gate p { max-width: 360px; font-size: var(--welcoma-text-base); line-height: 1.6; margin: 0; }
/* ============================================================
 * Module Labels editor
 * ============================================================ */
/* Icon picker — scrollable row */
.welcoma-admin .welcoma-pro-gate[hidden] { display: none; }
.welcoma-admin [hidden] { display: none !important; }
.welcoma-string-translate-message { display: inline-flex; gap: 5px; padding: 3px 10px; color: var(--welcoma-color-text-muted, #5d6863); font-size: 11.5px; font-weight: 500; margin: 10px 0; font-weight: bold; font-style: italic; }
div#welcomaStatus .welcoma-svg-animation { margin: -3px 3px -3px 4px; flex-shrink: 0; animation: welcoma-spin 1s linear infinite; }
@keyframes welcoma-spin {
 from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
 }
.welcoma-admin .setrow-tight{padding-bottom:8px}
.welcoma-pro-gate-inline{text-align:center;padding:22px 10px;color:var(--muted)}
.welcoma-pro-gate-icon{margin:0 auto 10px;display:block;color:var(--coral)}
.welcoma-pro-gate-title{display:block;color:var(--ink);font-size:14px;margin-bottom:4px}
.welcoma-pro-gate-desc{margin:0;font-size:12.5px}
.welcoma-status-tight{margin:10px 0 0}
:where(.welcoma-admin) .welcoma-row2-top-gap{margin-top:18px}
:where(.welcoma-admin) .welcoma-field-no-top{margin-top:0}
.welcoma-stmt-generate-btn{width:100%;justify-content:center;margin-top:18px}
.welcoma-ed-top-label{font-size:13px;padding-left:4px}
:where(.welcoma-admin) .welcoma-card-h-tight{margin-bottom:2px}
:where(.welcoma-admin) .welcoma-pad-tight{padding-top:6px;padding-bottom:6px}
.welcoma-cp-card-actions{display:flex;gap:8px;align-items:center}
.welcoma-cp-add-wrap{margin-top:12px}
.welcoma-cp-mod-check-label{display:flex;align-items:center;gap:6px;padding:4px 0}
.welcoma-cp-form-heading{margin-bottom:16px}
.welcoma-cp-icon-seg{margin-top:4px}
.welcoma-cp-icon-panel{margin-top:10px}
.welcoma-cp-icon-preview{width:32px;height:32px;object-fit:contain;margin-top:8px;border-radius:8px;border:1px solid var(--line)}
.welcoma-cp-mod-header{display:flex;align-items:baseline;justify-content:space-between}
.welcoma-cp-mod-label{margin-bottom:0}
.welcoma-cp-mod-search-gap{margin:8px 0}
.welcoma-cp-mod-list{max-height:320px;overflow:auto;border:1px solid var(--line);padding:10px;border-radius:11px;background:var(--paper)}
.welcoma-cp-form-actions{display:flex;gap:10px;margin-top:16px}
.welcoma-admin .mod .mi img.welcoma-cp-profile-icon-img{width:20px;height:20px;object-fit:contain}
.welcoma-admin .mod.welcoma-cp-deleting{opacity:.55;pointer-events:none}
.welcoma-admin .mod.welcoma-cp-deleting [data-delete]{display:inline-flex;align-items:center;gap:6px}
.welcoma-admin .mod.welcoma-cp-deleting [data-delete]::before{content:'';width:11px;height:11px;flex:0 0 auto;border-radius:50%;border:2px solid rgba(0,0,0,.2);border-top-color:currentColor;animation:welcoma-spin .6s linear infinite}
.welcoma-admin .welcoma-cp-icon-panel.welcoma-cp-uploading{opacity:.55;pointer-events:none}
.welcoma-admin .welcoma-cp-icon-panel.welcoma-cp-uploading #waCPIconStatus{display:inline-flex;align-items:center;gap:6px}
.welcoma-admin .welcoma-cp-icon-panel.welcoma-cp-uploading #waCPIconStatus::before{content:'';width:11px;height:11px;flex:0 0 auto;border-radius:50%;border:2px solid rgba(0,0,0,.2);border-top-color:currentColor;animation:welcoma-spin .6s linear infinite}