/* ==========================================================================
   SHAHAZ.COM — Canonical Help Center Live Chat (site-wide modal)
   --------------------------------------------------------------------------
   Visual source of truth: the approved "SHAHAZ Live Chat — Guest + Logged-in
   Final Preview". The two state blocks below (GUEST / MEMBER) are the
   preview's own stylesheets, value-for-value, with only two mechanical
   changes: every class is namespaced .shz-lc-* and every rule is scoped to
   its state root (.shz-lc--guest / .shz-lc--member) so nothing can leak into
   or be overridden by the rest of the theme.
   The SHELL block turns the preview's 430px phone screen into a real modal
   (fixed overlay, full-bleed on phones, centred 430px card on wider screens)
   and adds production-only behaviour: safe-area insets, keyboard-aware
   height, deliberate SHAHAZ focus ring, neutral tap/selection paint,
   theme-reset protection, reduced motion.
   ONE modal, ONE stylesheet — this file replaces the old gateway/modal CSS.
   ========================================================================== */

/* ---- SHELL ------------------------------------------------------------- */
.shz-lc[hidden]{display:none!important}
.shz-lc{
  position:fixed;left:0;right:0;top:var(--shz-lc-top,0px);height:var(--shz-lc-vh,100%);
  z-index:2147481000;display:flex;align-items:stretch;justify-content:center;
  pointer-events:none;color:#211a20;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-text-size-adjust:100%;text-size-adjust:100%;
}
.shz-lc.is-open{pointer-events:auto}
.shz-lc,.shz-lc *{-webkit-tap-highlight-color:transparent}
.shz-lc *,.shz-lc *::before,.shz-lc *::after{box-sizing:border-box}
.shz-lc-scrim{
  position:absolute;inset:0;background:rgba(24,12,20,.42);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  opacity:0;transition:opacity .24s ease;
}
.shz-lc.is-open .shz-lc-scrim{opacity:1}
.shz-lc.shz-lc--guest .shz-lc-app,
.shz-lc.shz-lc--member .shz-lc-app{
  position:relative;width:min(100vw,430px);height:100%;min-height:0;
  transform:translateY(18px);opacity:0;outline:none;
  transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .22s ease;
}
.shz-lc.is-open.shz-lc--guest .shz-lc-app,
.shz-lc.is-open.shz-lc--member .shz-lc-app{transform:none;opacity:1}
html.shz-lc-lock,body.shz-lc-open{overflow:hidden!important}
.shz-lc-main,.shz-lc-chat{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}

/* Wider screens: the preview's 430px phone frame, centred over the scrim. */
@media (min-width:431px){
  .shz-lc{align-items:center}
  .shz-lc.shz-lc--guest .shz-lc-app,
  .shz-lc.shz-lc--member .shz-lc-app{
    height:min(calc(100% - 32px),860px);border-radius:20px;
    border:1px solid rgba(205,196,204,.75);
    box-shadow:0 7px 24px rgba(30,15,25,.12),0 26px 70px rgba(24,12,20,.32);
  }
}

/* Theme-reset protection: Astra / WooCommerce global button, link and input
   rules must never restyle the chat controls. Component rules above are more
   specific and re-apply every value the preview defines. */
.shz-lc button{margin:0;padding:1px 6px;line-height:normal;letter-spacing:normal;text-transform:none;text-shadow:none;border-radius:0;box-shadow:none;-webkit-appearance:none;appearance:none;background:none;border:0;color:inherit;font:inherit}
.shz-lc a{text-decoration:none}
.shz-lc input{margin:0;padding:1px 2px;min-height:0;height:auto;line-height:normal;box-shadow:none;border-radius:0;-webkit-appearance:none;appearance:none;outline:0}
.shz-lc h1,.shz-lc h2,.shz-lc h3,.shz-lc p{margin:0;padding:0}

/* Neutral touch / selection paint: no blue tap flash, no blue selection,
   no callout on controls. Message text stays selectable. */
.shz-lc button,.shz-lc a{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
.shz-lc-bubble,.shz-lc-input-bar input{-webkit-user-select:text;user-select:text}
.shz-lc ::selection{background:rgba(237,8,125,.18);color:inherit}
.shz-lc ::-moz-selection{background:rgba(237,8,125,.18);color:inherit}

/* Deliberate SHAHAZ focus treatment (keyboard only) — pink ring, never the
   browser's blue box. Pointer/touch focus paints nothing. */
.shz-lc button:focus,.shz-lc a:focus,.shz-lc input:focus{outline:0}
.shz-lc.shz-lc button:focus-visible,
.shz-lc.shz-lc a:focus-visible{outline:2px solid #ed087d;outline-offset:2px;box-shadow:0 0 0 4px rgba(255,255,255,.55)}
.shz-lc .shz-lc-hero button:focus-visible{outline-color:#ffd0e6;box-shadow:none}
.shz-lc .shz-lc-input-bar:focus-within{border-color:#f0a7c9;box-shadow:0 0 0 3px rgba(237,8,125,.08)}
.shz-lc .shz-lc-app:focus,.shz-lc .shz-lc-app:focus-visible{outline:none;box-shadow:none}


/* ---- GUEST (logged-out) — preview stylesheet, scoped ------------------------ */
.shz-lc--guest{--plum:#26121f;--pink:#ed087d;--pink-deep:#d80670;--pink-soft:#fff0f7;
  --pink-soft-2:#fff6fa;--paper:#fffdfb;--ink:#211a20;--muted:#91878f;
  --line:#e8e0e6;--gold:#c8a46b;}
.shz-lc--guest *{box-sizing:border-box}
.shz-lc--guest button{font:inherit;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.shz-lc--guest button:focus{outline:0;box-shadow:none}
.shz-lc--guest .shz-lc-app{width:min(100vw,430px);height:100svh;min-height:620px;background:var(--paper);display:flex;flex-direction:column;overflow:hidden}
.shz-lc--guest .shz-lc-hero{flex:0 0 auto;color:#fff;padding:11px 15px 14px;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 93% -8%,rgba(255,48,159,.35),transparent 39%),
    radial-gradient(circle at 15% 115%,rgba(200,164,107,.09),transparent 27%),
    linear-gradient(145deg,#26121f,#160c14 80%)}
.shz-lc--guest .shz-lc-hero:before{content:"";position:absolute;right:-52px;bottom:-90px;width:194px;height:194px;border-radius:50%;border:1px solid rgba(255,255,255,.07)}
.shz-lc--guest .shz-lc-top{height:36px;display:flex;align-items:center;gap:7px;position:relative;z-index:1}
.shz-lc--guest .shz-lc-back{width:34px;height:34px;color:#fff;font-size:29px;font-weight:300}
.shz-lc--guest .shz-lc-brand{flex:1}
.shz-lc--guest .shz-lc-kicker{font-size:7.5px;letter-spacing:2.1px;color:#decfd7;font-weight:850}
.shz-lc--guest .shz-lc-title{font-size:22px;line-height:1;font-weight:790;letter-spacing:-.8px;margin-top:2px}
.shz-lc--guest .shz-lc-more{width:34px;color:#d9cad3;font-size:18px}
.shz-lc--guest .shz-lc-support-row{display:flex;align-items:center;margin-top:12px;position:relative;z-index:1}
.shz-lc--guest .shz-lc-avatar{width:43px;height:43px;border-radius:14px;background:#fff;color:var(--pink);display:grid;place-items:center;font-size:18px;font-weight:900}
.shz-lc--guest .shz-lc-support-text{flex:1;margin-left:10px}
.shz-lc--guest .shz-lc-support-name{font-size:14px;font-weight:780}
.shz-lc--guest .shz-lc-guest-status{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:9px;color:#e8dce2}
.shz-lc--guest .shz-lc-dot{width:7px;height:7px;border-radius:50%;background:var(--gold)}
.shz-lc--guest .shz-lc-guest-pill{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 9px;font-size:7px;letter-spacing:.85px;font-weight:850;color:#eadde5}
.shz-lc--guest .shz-lc-main{flex:1;min-height:0;overflow:auto;scrollbar-width:none;padding:20px 14px 22px;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,218,237,.72),transparent 34%),
    radial-gradient(circle at 0% 70%,rgba(255,241,215,.32),transparent 25%),
    linear-gradient(180deg,#fffafd,#fffdfb)}
.shz-lc--guest .shz-lc-main::-webkit-scrollbar{display:none}
.shz-lc--guest .shz-lc-secure-line{display:flex;align-items:center;justify-content:center;gap:7px;color:#aaa0a8;font-size:7px;font-weight:850;letter-spacing:1.5px;margin:0 0 16px}
.shz-lc--guest .shz-lc-secure-line:before,.shz-lc--guest .shz-lc-secure-line:after{content:"";height:1px;background:#eee6ea;width:52px}
.shz-lc--guest .shz-lc-access{background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:22px;padding:19px 16px 16px}
.shz-lc--guest .shz-lc-heading-row{display:flex;gap:11px;align-items:flex-start}
.shz-lc--guest .shz-lc-mark{width:47px;height:47px;border-radius:15px;background:linear-gradient(145deg,#fff0f7,#ffe0ef);color:var(--pink);display:grid;place-items:center;font-size:19px;font-weight:900;flex:0 0 47px}
.shz-lc--guest .shz-lc-kicker2{font-size:6.8px;letter-spacing:1.35px;text-transform:uppercase;color:#aaa0a8;font-weight:850}
.shz-lc--guest .shz-lc-h1{font-size:18px;line-height:1.08;font-weight:830;letter-spacing:-.45px;margin-top:2px}
.shz-lc--guest .shz-lc-sub{font-size:8px;color:#877e86;line-height:1.45;margin-top:5px;max-width:285px}
.shz-lc--guest .shz-lc-choose{font-size:7px;letter-spacing:1.15px;text-transform:uppercase;color:#a39aa1;font-weight:850;margin:17px 0 7px}
.shz-lc--guest .shz-lc-auth{width:100%;height:47px;border:1px solid #efb8d1;border-radius:14px;
  display:flex;align-items:center;gap:9px;padding:6px 10px;text-align:left;margin-top:10px;
  position:relative;overflow:hidden;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(198,73,132,.07),
    0 2px 0 rgba(215,122,166,.10);
  transition:transform .12s,box-shadow .12s,background .12s}
.shz-lc--guest .shz-lc-auth:before{content:"";position:absolute;left:12px;right:12px;top:1px;height:1px;
  background:rgba(255,255,255,.95);pointer-events:none}
.shz-lc--guest .shz-lc-auth.shz-lc-google-bar{background:linear-gradient(180deg,#fff7fb 0%,#ffedf6 100%)}
.shz-lc--guest .shz-lc-auth.shz-lc-email-bar{background:linear-gradient(180deg,#fff9fb 0%,#ffedf3 100%)}
.shz-lc--guest .shz-lc-auth:active{transform:translateY(1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 0 rgba(215,122,166,.08)}
.shz-lc--guest .shz-lc-icon{width:31px;height:31px;border-radius:10px;background:#fff;
  border:1px solid #eadfe5;display:grid;place-items:center;flex:0 0 31px;
  box-shadow:0 1px 2px rgba(58,22,43,.06)}
.shz-lc--guest .shz-lc-google-logo{width:18px;height:18px;display:block}
.shz-lc--guest .shz-lc-email-logo{width:18px;height:18px;display:block}
.shz-lc--guest .shz-lc-copy{flex:1}
.shz-lc--guest .shz-lc-name{display:block;font-size:9.6px;font-weight:810;color:#332d33}
.shz-lc--guest .shz-lc-desc{display:block;font-size:6.8px;color:#9a9098;margin-top:1px}
.shz-lc--guest .shz-lc-arrow{font-size:15px;color:#b1839b;margin-right:1px}
.shz-lc--guest .shz-lc-auth-gap{height:2px}
.shz-lc--guest .shz-lc-return-note{display:flex;gap:7px;align-items:flex-start;margin:12px 2px 0;padding-top:11px;border-top:1px solid #eee7eb;color:#9b9299;font-size:6.9px;line-height:1.42}
.shz-lc--guest .shz-lc-check{width:15px;height:15px;border-radius:5px;background:#fff0f7;color:var(--pink);display:grid;place-items:center;flex:0 0 15px;font-size:8px}
.shz-lc--guest .shz-lc-bottom{flex:0 0 auto;border-top:1px solid var(--line);padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:rgba(255,253,251,.985);text-align:center;color:#aaa1a9;font-size:6.9px}
.shz-lc--guest .shz-lc-bottom-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--gold);margin-right:5px}
.shz-lc--guest .shz-lc-toast{position:absolute;left:50%;bottom:54px;transform:translate(-50%,10px);background:var(--plum);color:#fff;border-radius:999px;padding:7px 11px;font-size:7.5px;font-weight:750;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap;z-index:20}
.shz-lc--guest .shz-lc-toast.is-show{opacity:1;transform:translate(-50%,0)}

/* ---- MEMBER (logged-in) — preview stylesheet, scoped ------------------------ */
.shz-lc--member{--plum:#24121f;--plum2:#3b1730;--pink:#ed087d;--pink2:#ff4aa6;--paper:#fffdfb;--ink:#19151a;--muted:#988f97;--line:#e7dfe5;--soft:#fff0f7;--green:#25ae82;--gold:#c6a36a}
.shz-lc--member *{box-sizing:border-box}
.shz-lc--member button,.shz-lc--member input{font:inherit}
.shz-lc--member button{-webkit-tap-highlight-color:transparent;border:0;background:none;cursor:pointer}
.shz-lc--member button:focus,.shz-lc--member input:focus{outline:0;box-shadow:none}
.shz-lc--member .shz-lc-app{width:min(100vw,430px);height:100svh;min-height:620px;background:var(--paper);display:flex;flex-direction:column;overflow:hidden;position:relative}
.shz-lc--member .shz-lc-hero{flex:0 0 auto;color:#fff;padding:11px 15px 12px;position:relative;overflow:hidden;background:radial-gradient(circle at 94% -12%,rgba(255,49,158,.34),transparent 37%),radial-gradient(circle at 72% 115%,rgba(198,163,106,.1),transparent 28%),linear-gradient(145deg,var(--plum),#160d14 78%)}
.shz-lc--member .shz-lc-hero:before{content:"";position:absolute;right:-45px;bottom:-85px;width:188px;height:188px;border-radius:50%;border:1px solid rgba(255,255,255,.075)}
.shz-lc--member .shz-lc-hero-top{height:36px;display:flex;align-items:center;gap:7px;position:relative;z-index:1}
.shz-lc--member .shz-lc-back{width:34px;height:34px;color:#fff;font-size:29px;font-weight:300}
.shz-lc--member .shz-lc-brand{flex:1}
.shz-lc--member .shz-lc-kicker{font-size:7.5px;letter-spacing:2.1px;color:#d9cbd3;font-weight:850}
.shz-lc--member .shz-lc-title{font-size:21px;line-height:1;font-weight:790;letter-spacing:-.7px;margin-top:2px}
.shz-lc--member .shz-lc-more{width:34px;height:34px;color:#d9cbd3;font-size:18px}
.shz-lc--member .shz-lc-support-row{display:flex;align-items:center;margin-top:10px;position:relative;z-index:1}
.shz-lc--member .shz-lc-avatar{width:40px;height:40px;border-radius:13px;background:#fff;color:var(--pink);display:grid;place-items:center;font-size:17px;font-weight:850}
.shz-lc--member .shz-lc-support-text{flex:1;margin-left:10px}
.shz-lc--member .shz-lc-support-name{font-size:13.5px;font-weight:760}
.shz-lc--member .shz-lc-status{display:flex;align-items:center;gap:5px;font-size:9.5px;color:#d5efe6;margin-top:2px}
.shz-lc--member .shz-lc-dot{width:6px;height:6px;border-radius:50%;background:#30c692}
.shz-lc--member .shz-lc-online{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 8px;font-size:7.5px;letter-spacing:.75px;font-weight:850;color:#eadde5}
.shz-lc--member .shz-lc-topic-rail{flex:0 0 auto;background:#fff;border-bottom:1px solid var(--line);padding:7px 13px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.shz-lc--member .shz-lc-topic-rail::-webkit-scrollbar{display:none}
.shz-lc--member .shz-lc-topic{height:30px;padding:0 11px;border:1px solid #e2dbe1;border-radius:10px;background:#fff;color:#706970;font-size:9.5px;font-weight:750;white-space:nowrap}
.shz-lc--member .shz-lc-topic.is-active{color:#fff;background:linear-gradient(135deg,var(--pink),#d80470);border-color:var(--pink);box-shadow:0 5px 12px rgba(237,8,125,.14)}
.shz-lc--member .shz-lc-chat{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:10px 14px 10px;background:radial-gradient(circle at 100% 0%,rgba(255,222,239,.78),transparent 30%),radial-gradient(circle at 0% 100%,rgba(198,163,106,.05),transparent 28%),linear-gradient(180deg,#fffaf7,#fffdfb)}
.shz-lc--member .shz-lc-chat::-webkit-scrollbar{display:none}
.shz-lc--member .shz-lc-day{display:flex;align-items:center;justify-content:center;gap:7px;color:#a59ca4;font-size:7.5px;font-weight:850;letter-spacing:1.55px;margin:1px 0 8px}
.shz-lc--member .shz-lc-day:before,.shz-lc--member .shz-lc-day:after{content:"";height:1px;background:#eee6ea;width:35px}
.shz-lc--member .shz-lc-context{display:flex;align-items:center;gap:8px;padding:8px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:13px;margin-bottom:9px}
.shz-lc--member .shz-lc-context-icon{width:29px;height:29px;border-radius:9px;background:linear-gradient(145deg,#fff0f7,#ffe8f3);color:var(--pink);display:grid;place-items:center;font-size:12px;font-weight:850}
.shz-lc--member .shz-lc-context-copy{flex:1;min-width:0}
.shz-lc--member .shz-lc-context-kicker{font-size:6.5px;letter-spacing:1px;text-transform:uppercase;color:#aaa0a8;font-weight:850}
.shz-lc--member .shz-lc-context-title{font-size:9.7px;font-weight:760;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shz-lc--member .shz-lc-context-status{font-size:7px;color:var(--green);font-weight:700;margin-top:1px}
.shz-lc--member .shz-lc-view{font-size:7.5px;color:var(--pink);font-weight:850}
.shz-lc--member .shz-lc-row{display:flex;flex-direction:column;margin-bottom:9px}
.shz-lc--member .shz-lc-me{align-items:flex-end}
.shz-lc--member .shz-lc-support{align-items:flex-start}
.shz-lc--member .shz-lc-bubble{max-width:79%;font-size:12px;line-height:1.4;padding:9px 11px}
.shz-lc--member .shz-lc-me .shz-lc-bubble{color:#fff;background:linear-gradient(145deg,var(--pink2),#d90570);border-radius:14px 14px 4px 14px;box-shadow:0 6px 15px rgba(237,8,125,.13)}
.shz-lc--member .shz-lc-support .shz-lc-bubble{background:#fff;border:1px solid #e3dde1;border-radius:14px 14px 14px 4px}
.shz-lc--member .shz-lc-meta{font-size:7.5px;color:#aaa1a9;margin-top:3px}
.shz-lc--member .shz-lc-me .shz-lc-meta{display:flex;gap:6px}
.shz-lc--member .shz-lc-reply{color:var(--pink);font-weight:800}
.shz-lc--member .shz-lc-support-head{display:flex;align-items:center;gap:5px;margin-bottom:3px;font-size:7px;color:#a49ba3;font-weight:700}
.shz-lc--member .shz-lc-mini-avatar{width:15px;height:15px;border-radius:5px;background:var(--plum);color:#fff;display:grid;place-items:center;font-size:7px;font-weight:850}
.shz-lc--member .shz-lc-next{margin:2px 0 9px;padding-top:7px;border-top:1px solid rgba(231,223,229,.7)}
.shz-lc--member .shz-lc-next-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}
.shz-lc--member .shz-lc-next-title{font-size:6.8px;letter-spacing:1.25px;text-transform:uppercase;color:#a49aa2;font-weight:850}
.shz-lc--member .shz-lc-next-hint{font-size:7px;color:#aaa1a9}
.shz-lc--member .shz-lc-suggestions{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}
.shz-lc--member .shz-lc-suggestions::-webkit-scrollbar{display:none}
.shz-lc--member .shz-lc-suggestion{flex:0 0 auto;max-width:190px;padding:7px 9px;border:1px solid #efbdd7;background:#fff8fb;border-radius:10px;color:#c50769;font-size:8.1px;font-weight:750;text-align:left}
.shz-lc--member .shz-lc-suggestion:active{transform:scale(.98);background:#fff0f7}
.shz-lc--member .shz-lc-next-hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shz-lc--member .shz-lc-session{display:flex;align-items:center;justify-content:center;gap:5px;margin:3px 0 2px;color:#aaa1a9;font-size:7px}
.shz-lc--member .shz-lc-session i{width:4px;height:4px;border-radius:50%;background:var(--gold)}
.shz-lc--member .shz-lc-composer{flex:0 0 auto;background:rgba(255,253,251,.985);border-top:1px solid var(--line);padding:7px 11px calc(7px + env(safe-area-inset-bottom))}
.shz-lc--member .shz-lc-compose-row{display:flex;align-items:center;gap:7px}
.shz-lc--member .shz-lc-media-btn{flex:0 0 42px;width:42px;height:42px;border:1px solid #ddd6dc;border-radius:14px;background:#fff;color:#6f6870;display:grid;place-items:center;box-shadow:0 3px 9px rgba(30,15,25,.035)}
.shz-lc--member .shz-lc-media-btn svg{width:21px;height:21px}
.shz-lc--member .shz-lc-input-bar{flex:1;height:46px;border:1px solid #d9d2d8;border-radius:16px;background:#fff;display:flex;align-items:center;padding:0 5px 0 12px;gap:4px}
.shz-lc--member .shz-lc-text-input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font-size:12.5px}
.shz-lc--member .shz-lc-text-input::placeholder{color:#aaa1a9}
.shz-lc--member .shz-lc-send{flex:0 0 37px;width:37px;height:37px;border-radius:13px;background:var(--pink);color:#fff;display:grid;place-items:center;box-shadow:0 5px 13px rgba(237,8,125,.18)}
.shz-lc--member .shz-lc-send svg{width:18px;height:18px}
.shz-lc--member .shz-lc-media-btn:active,.shz-lc--member .shz-lc-send:active{transform:scale(.96)}
.shz-lc--member .shz-lc-note{text-align:center;font-size:7px;color:#aaa1a9;margin-top:3px}
.shz-lc--member .shz-lc-backdrop{position:absolute;inset:0;background:rgba(24,12,20,.28);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:.2s;z-index:40}
.shz-lc--member .shz-lc-backdrop.is-open{opacity:1;pointer-events:auto}
.shz-lc--member .shz-lc-desk{position:absolute;left:7px;right:7px;bottom:7px;background:#fffdfc;border:1px solid rgba(255,255,255,.8);border-radius:24px 24px 20px 20px;padding:9px 11px 11px;transform:translateY(115%);transition:.28s cubic-bezier(.18,.82,.22,1);z-index:41;box-shadow:0 26px 60px rgba(29,11,23,.28)}
.shz-lc--member .shz-lc-desk.is-open{transform:translateY(0)}
.shz-lc--member .shz-lc-handle{width:32px;height:3px;border-radius:99px;background:#dcd3da;margin:0 auto 9px}
.shz-lc--member .shz-lc-desk-header{display:flex;align-items:center;gap:9px}
.shz-lc--member .shz-lc-desk-icon{width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,#fff0f7,#ffe5f1);color:var(--pink);display:grid;place-items:center;font-size:15px;font-weight:900}
.shz-lc--member .shz-lc-desk-identity{flex:1}
.shz-lc--member .shz-lc-desk-eyebrow{font-size:6.5px;letter-spacing:1.25px;text-transform:uppercase;color:#aaa0a8;font-weight:850}
.shz-lc--member .shz-lc-desk-title{font-size:15px;font-weight:820}
.shz-lc--member .shz-lc-desk-status{font-size:7px;color:var(--green);font-weight:750}
.shz-lc--member .shz-lc-close{width:30px;height:30px;border-radius:10px;background:#f5eff2;color:#777078;font-size:17px}
.shz-lc--member .shz-lc-desk-intro{font-size:8.2px;line-height:1.4;color:#827980;margin:8px 2px 9px}
.shz-lc--member .shz-lc-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.shz-lc--member .shz-lc-smart{min-height:55px;text-align:left;padding:8px;border:1px solid #e5dde2;background:#fff;border-radius:12px}
.shz-lc--member .shz-lc-smart:active{transform:scale(.98);border-color:#f0a7c9;background:#fff7fb}
.shz-lc--member .shz-lc-smart b{display:block;font-size:8.7px;color:#3f3940}
.shz-lc--member .shz-lc-smart span{display:block;font-size:6.8px;color:#a19aa0;margin-top:2px;line-height:1.3}
.shz-lc--member .shz-lc-desk-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:7px;border-top:1px solid #eee7eb;gap:8px}
.shz-lc--member .shz-lc-desk-footer span{font-size:6.8px;color:#a39aa1;flex:1}
.shz-lc--member .shz-lc-primary{color:#fff;background:var(--pink);border-radius:10px;padding:7px 10px;font-size:7.5px;font-weight:800}
.shz-lc--member .shz-lc-file{display:none}
.shz-lc--member .shz-lc-media-preview{position:absolute;left:11px;bottom:69px;width:215px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:14px;display:none;align-items:center;gap:7px;box-shadow:0 12px 28px rgba(30,15,25,.12);z-index:30}
.shz-lc--member .shz-lc-media-preview.is-show{display:flex}
.shz-lc--member .shz-lc-thumb{width:39px;height:39px;border-radius:9px;background:#f7edf2;overflow:hidden;display:grid;place-items:center;color:var(--pink)}
.shz-lc--member .shz-lc-thumb img{width:100%;height:100%;object-fit:cover}
.shz-lc--member .shz-lc-file-info{flex:1;min-width:0}
.shz-lc--member .shz-lc-file-info strong{display:block;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shz-lc--member .shz-lc-file-info span{display:block;font-size:7px;color:#aaa1a9;margin-top:2px}
.shz-lc--member .shz-lc-remove{width:25px;height:25px;border-radius:8px;background:#f7f1f4;color:#777078;font-size:15px;display:grid;place-items:center}
.shz-lc--member .shz-lc-toast{position:absolute;left:50%;bottom:69px;transform:translate(-50%,7px);opacity:0;background:#19151a;color:#fff;border-radius:11px;padding:8px 11px;font-size:9.5px;transition:.18s;pointer-events:none;white-space:nowrap;z-index:60}
.shz-lc--member .shz-lc-toast.is-show{opacity:1;transform:translate(-50%,0)}
@media(max-width:350px){.shz-lc--member .shz-lc-online{display:none}
.shz-lc--member .shz-lc-topic{padding:0 8px}
.shz-lc--member .shz-lc-bubble{max-width:84%}
.shz-lc--member .shz-lc-media-btn{width:38px;flex-basis:38px}
.shz-lc--member .shz-lc-input-bar{height:44px}
.shz-lc--member .shz-lc-smart{min-height:50px}}

/* ---- OVERRIDES (must follow the state blocks: equal specificity, later wins) ---- */
/* Safe areas (notch / home indicator). Zero on ordinary browsers. */
.shz-lc .shz-lc-hero{padding-top:calc(11px + env(safe-area-inset-top,0px))}

/* Toasts: keep the preview's single-line pill for short messages, but let a
   long message wrap inside the card instead of overflowing it. */
.shz-lc .shz-lc-toast{width:max-content;max-width:calc(100% - 28px);white-space:normal;text-align:center}

/* iOS Safari zooms the whole page when an input under 16px is focused.
   Only on iOS, the field uses 16px so the keyboard never zooms the page. */
@supports (-webkit-touch-callout:none){
  .shz-lc--member .shz-lc-text-input{font-size:16px}
}

/* ---- GUEST: premium auth-button interaction layer ------------------------
   The preview ships this layer for the two authentication controls. Resting
   look = the preview's rendered bars (untouched); hover = lift + shimmer +
   icon motion; press = tactile scale; keyboard = pink ring. */
.shz-lc--guest .shz-lc-auth{
  color:inherit;text-decoration:none;isolation:isolate;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,background .22s ease;
}
.shz-lc--guest .shz-lc-auth>*{position:relative;z-index:1}
.shz-lc--guest .shz-lc-auth::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(112deg,transparent 0%,rgba(255,255,255,.02) 28%,rgba(255,255,255,.32) 50%,rgba(255,255,255,.02) 72%,transparent 100%);
  transform:translateX(-120%);transition:transform .58s cubic-bezier(.22,.61,.36,1);
}
.shz-lc--guest .shz-lc-auth .shz-lc-google-logo,
.shz-lc--guest .shz-lc-auth .shz-lc-email-logo{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){
  .shz-lc--guest .shz-lc-auth:hover{
    transform:translateY(-2px);border-color:rgba(255,58,145,.46);
    box-shadow:0 10px 26px rgba(38,8,31,.14),0 2px 8px rgba(255,48,137,.10);
  }
  .shz-lc--guest .shz-lc-auth:hover::after{transform:translateX(120%)}
  .shz-lc--guest .shz-lc-google-bar:hover{background:linear-gradient(180deg,#fff,#fff8fc)}
  .shz-lc--guest .shz-lc-google-bar:hover .shz-lc-google-logo{transform:scale(1.07)}
  .shz-lc--guest .shz-lc-email-bar:hover{box-shadow:0 12px 28px rgba(255,37,128,.22),inset 0 1px 0 rgba(255,255,255,.28)}
  .shz-lc--guest .shz-lc-email-bar:hover .shz-lc-email-logo{transform:translateX(2px) scale(1.05)}
}
.shz-lc--guest .shz-lc-auth:active{transform:translateY(0) scale(.985);transition-duration:.08s}
.shz-lc.shz-lc--guest .shz-lc-auth:focus-visible{
  outline:none;
  box-shadow:0 0 0 2px rgba(255,255,255,.92),0 0 0 4px rgba(255,58,145,.38),0 10px 26px rgba(38,8,31,.14);
}

/* Topic sheet: closed controls must not be reachable by Tab / screen readers. */
.shz-lc--member .shz-lc-desk{visibility:hidden;transition:transform .28s cubic-bezier(.18,.82,.22,1),visibility 0s linear .28s}
.shz-lc--member .shz-lc-desk.is-open{visibility:visible;transition:transform .28s cubic-bezier(.18,.82,.22,1),visibility 0s}

@media (prefers-reduced-motion:reduce){
  .shz-lc *,.shz-lc *::before,.shz-lc *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}