/* =========================================================================
 * HelpFreelance Suite · css/suite.css
 * Shared styles for the suite layer, loaded by all three apps.
 * Uses the same design tokens (ink / violet / mint) defined by each app's
 * own style.css. Fully responsive: phones, tablets, desktops, RTL-safe.
 * ========================================================================= */

/* ------------------------------------------------- sidebar app switcher */
.suiteNav{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}
.suiteNavLabel{font-family:'Space Grotesk','Inter',sans-serif;font-size:10.5px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);padding:2px 12px 6px}
.suiteApp{display:flex;align-items:center;gap:11px;min-height:46px;padding:7px 12px;border-radius:var(--r-md);
  color:var(--muted);font-size:14px;font-weight:600;text-align:start;transition:background .18s,color .18s}
.suiteApp img{width:30px;height:30px;border-radius:9px;flex:0 0 auto}
.suiteApp:hover{background:rgba(124,92,255,.10);color:var(--text)}
.suiteApp.current{background:rgba(124,92,255,.16);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}
.suiteNavSep{border:none;border-top:1px solid var(--line);margin:8px 4px 4px}

/* ----------------------------------------------- topbar switcher button */
.suiteTopBtn{display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;
  border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);color:var(--muted)}
.suiteTopBtn:hover{color:var(--text);border-color:var(--line-2)}
.suiteTopBtn .ic{width:19px;height:19px}
@media(max-width:1023px){.suiteTopBtn{display:inline-flex}}

/* --------------------------------------------------- mobile app sheet  */
.suiteSheetWrap{position:fixed;inset:0;z-index:220;background:rgba(5,7,26,.66);backdrop-filter:blur(6px);
  display:flex;align-items:flex-end;justify-content:center;padding:18px;animation:suiteFade .18s ease}
.suiteSheet{width:100%;max-width:420px;background:var(--card);border:1px solid var(--line-2);
  border-radius:var(--r-lg);padding:16px 14px calc(16px + var(--safe-b));box-shadow:var(--shadow);
  display:flex;flex-direction:column;gap:4px}
@media(min-width:640px){.suiteSheetWrap{align-items:center}}
@keyframes suiteFade{from{opacity:0}to{opacity:1}}

/* ------------------------------------------------------- lock screen   */
.suiteLock{position:fixed;inset:0;z-index:210;overflow:auto;background:
  radial-gradient(1100px 600px at 78% -8%, rgba(124,92,255,.30), transparent 60%),
  radial-gradient(900px 500px at 6% 108%, rgba(56,232,160,.10), transparent 55%),
  linear-gradient(168deg,#080B24 0%,#0C1030 48%,#12123A 100%);
  display:flex;align-items:flex-start;justify-content:center;
  padding:calc(26px + var(--safe-t)) 18px calc(30px + var(--safe-b))}
.suiteLockCard{width:100%;max-width:480px;background:var(--card);border:1px solid var(--line-2);
  border-radius:var(--r-lg);box-shadow:var(--shadow);padding:30px 26px;text-align:center;margin:auto 0}
.suiteLockLogo{border-radius:18px;margin-bottom:14px}
.suiteLockCard h2{font-size:24px;margin-bottom:8px}
.suiteLockSub{color:var(--muted);font-size:14.5px;line-height:1.65;margin-bottom:16px}
.suiteLockFeats{list-style:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}
.suiteLockFeats li{font-size:12.5px;font-weight:600;color:var(--muted);border:1px solid var(--line);
  border-radius:999px;padding:6px 12px;background:rgba(124,92,255,.07)}
.suiteLockPrice{font-family:'Space Grotesk','Inter',sans-serif;font-size:40px;font-weight:700;color:var(--text)}
.suiteLockNote{color:var(--mint);font-size:13px;font-weight:600;margin:4px 0 10px}
.suiteLockInc{color:var(--muted);font-size:13.5px;margin-bottom:18px}
.suiteLockCta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 34px;
  border-radius:var(--r-md);font-family:'Space Grotesk','Inter',sans-serif;font-weight:700;font-size:16.5px;color:#fff;
  background:linear-gradient(135deg,var(--violet) 0%,#6242E8 100%);
  box-shadow:0 10px 30px var(--violet-glow);transition:transform .18s,box-shadow .18s;width:100%}
.suiteLockCta:hover{transform:translateY(-2px);box-shadow:0 14px 36px var(--violet-glow)}
.suiteLockCta:disabled{opacity:.6;transform:none;cursor:default}
.suiteLockSecure{color:var(--muted-2);font-size:12.5px;line-height:1.6;margin:14px 0 18px}
.suiteLockBack{display:inline-block;color:var(--violet-bright);font-size:13.5px;font-weight:600;text-decoration:none}
.suiteLockBack:hover{text-decoration:underline}
@media(max-width:480px){
  .suiteLockCard{padding:24px 18px}
  .suiteLockPrice{font-size:34px}
}

/* -------------------------------------- credits badge on the root shell */
.suiteBadge{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);
  padding:0 14px;color:var(--text)}
@media(max-width:520px){.suiteBadge{padding:0 10px}}

/* ------------------------------------------------ unified credits view  */
.suitePackGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.suitePack{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;
  border:1px solid var(--line);border-radius:var(--r-md);background:var(--card-2);
  padding:20px 10px 16px;transition:border-color .18s,transform .18s}
.suitePack:hover{border-color:var(--violet-bright);transform:translateY(-2px)}
.suitePack:disabled{opacity:.55;transform:none}
.suitePackBadge{position:absolute;top:-9px;inset-inline-end:10px;font-size:10px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:#08241A;background:var(--mint);
  border-radius:999px;padding:3px 9px}
.suitePackBadge.alt{background:var(--amber);color:#241B04}
.suitePackQty{font-family:'Space Grotesk','Inter',sans-serif;font-size:27px;font-weight:700}
.suitePackLbl{font-size:11.5px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em}
.suitePackPrice{font-family:'Space Grotesk','Inter',sans-serif;font-size:16px;font-weight:700;color:var(--mint);margin-top:6px}
.suitePackUnit{font-size:11px;color:var(--muted-2)}
.suiteHero{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  border:1px solid var(--line-2);border-radius:var(--r-lg);padding:24px 26px;margin-bottom:22px;
  background:linear-gradient(135deg,rgba(124,92,255,.16),rgba(56,232,160,.07))}
.suiteHero h2{font-size:21px;margin-bottom:6px}
.suiteHero p{color:var(--muted);font-size:14px;max-width:520px;line-height:1.6}
.suiteOrb{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;
  width:128px;height:128px;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(167,139,250,.4),rgba(124,92,255,.12) 65%);
  border:1px solid var(--line-2);box-shadow:0 0 40px rgba(124,92,255,.35)}
.suiteOrb.neg{box-shadow:0 0 40px rgba(255,92,122,.35)}
.suiteOrbVal{font-family:'Space Grotesk','Inter',sans-serif;font-size:36px;font-weight:700;line-height:1}
.suiteOrbLbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:5px}
.suiteChip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border-radius:999px;
  padding:5px 12px;background:var(--mint-dim);color:var(--mint);margin-top:10px;margin-inline-end:8px}
.suiteChip.out{background:var(--coral-dim);color:var(--coral)}

/* ------------------------------------------------------- admin "Dati"   */
.suiteTiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:22px}
.suiteTile{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);padding:16px 16px 14px}
.suiteTileVal{font-family:'Space Grotesk','Inter',sans-serif;font-size:26px;font-weight:700}
.suiteTileLbl{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.45}
.suiteTableWrap{overflow:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--card)}
.suiteTable{width:100%;border-collapse:collapse;font-size:13px;min-width:880px}
.suiteTable th{position:sticky;top:0;background:var(--card-2);text-align:start;font-size:11px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);padding:11px 12px;border-bottom:1px solid var(--line)}
.suiteTable td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}
.suiteTable tr:last-child td{border-bottom:none}
.suiteTable tr:hover td{background:rgba(124,92,255,.05)}
.suiteTag{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;border-radius:999px;
  padding:3px 9px;margin-inline-end:5px;background:rgba(124,92,255,.14);color:var(--violet-bright)}
.suiteTag.mint{background:var(--mint-dim);color:var(--mint)}
.suiteTag.dim{background:rgba(154,155,196,.12);color:var(--muted)}
.suiteAdminHead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.suiteAdminHead input{flex:1 1 240px;min-height:44px;border:1px solid var(--line);border-radius:var(--r-md);
  background:var(--ink-2);padding:0 14px;font-size:14px}
.suiteAdminHead input:focus{outline:2px solid var(--focus);outline-offset:1px}
.suiteMuted{color:var(--muted-2);font-size:12.5px}

/* RTL fine-tuning */
[dir="rtl"] .suiteApp{text-align:right}

/* ------------------------------------------- "Send to" chooser dialog  */
.suiteSendGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.suiteSendBtn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 14px 18px;
  border:1px solid var(--line);border-radius:var(--r-md);background:var(--card-2);
  transition:border-color .18s,transform .18s;text-align:center}
.suiteSendBtn:hover{border-color:var(--violet-bright);transform:translateY(-2px);box-shadow:0 10px 26px rgba(124,92,255,.25)}
.suiteSendBtn img{border-radius:12px}
.suiteSendName{font-family:'Space Grotesk','Inter',sans-serif;font-weight:700;font-size:15px;color:var(--text)}
.suiteSendDest{font-size:12px;color:var(--muted-2)}

/* ==================================================================== *
 * Updates & assistance plan · premium renewal / reminder / offers UI   *
 * ==================================================================== */
.suitePlanWrap{position:fixed;inset:0;z-index:230;overflow:auto;background:rgba(5,7,26,.72);
  backdrop-filter:blur(7px);display:flex;align-items:flex-start;justify-content:center;
  padding:calc(26px + var(--safe-t)) 18px calc(30px + var(--safe-b));animation:suiteFade .2s ease}
.suitePlanCard{position:relative;width:100%;max-width:520px;margin:auto 0;padding:30px 26px 24px;
  border-radius:var(--r-lg);text-align:center;background:
  radial-gradient(560px 300px at 80% -12%, rgba(124,92,255,.28), transparent 60%),
  radial-gradient(420px 240px at 8% 110%, rgba(56,232,160,.10), transparent 55%),var(--card);
  border:1px solid var(--line-2);box-shadow:0 24px 70px rgba(5,7,26,.55)}
.suitePlanX{position:absolute;top:10px;inset-inline-end:12px;width:38px;height:38px;border-radius:50%;
  border:1px solid var(--line);background:var(--card-2);color:var(--muted);font-size:20px;line-height:1}
.suitePlanX:hover{color:var(--text);border-color:var(--line-2)}
.suitePlanGlyph{width:64px;height:64px;margin:0 auto 12px;border-radius:20px;display:flex;align-items:center;
  justify-content:center;color:#fff;background:linear-gradient(135deg,var(--violet) 0%,#6242E8 100%);
  box-shadow:0 12px 34px var(--violet-glow)}
.suitePlanGlyph svg{width:32px;height:32px}
.suitePlanGlyph.warn{background:linear-gradient(135deg,#F3B94D 0%,#E08A2E 100%);box-shadow:0 12px 34px rgba(240,170,60,.4)}
.suitePlanGlyph.out{background:linear-gradient(135deg,#FF5C7A 0%,#D93A5C 100%);box-shadow:0 12px 34px rgba(255,92,122,.4)}
.suitePlanGlyph.gift{background:linear-gradient(135deg,var(--mint) 0%,#1FB981 100%);box-shadow:0 12px 34px rgba(56,232,160,.35);color:#08241A}
.suitePlanCard h2{font-size:23px;margin-bottom:8px}
.suitePlanSub{color:var(--muted);font-size:14.5px;line-height:1.65;margin-bottom:10px}
.suitePlanLose{color:var(--text);font-size:13.5px;font-weight:600;margin-bottom:6px}
.suitePlanChips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:8px}
.suitePlanChip{font-size:12px;font-weight:600;color:var(--muted);border:1px solid var(--line);
  border-radius:999px;padding:5px 12px;background:rgba(124,92,255,.07)}
.suitePlanChip.ok{color:var(--mint);background:var(--mint-dim);border-color:transparent}
.suitePlanChip.warn{color:var(--amber);background:rgba(240,170,60,.14);border-color:transparent}
.suitePlanChip.out{color:var(--coral);background:var(--coral-dim);border-color:transparent}
.suitePlanFeats{list-style:none;display:flex;flex-direction:column;gap:7px;margin:14px 0 16px;text-align:start}
.suitePlanFeats li{position:relative;color:var(--text);font-size:13.5px;font-weight:500;
  padding:9px 12px 9px 38px;border:1px solid var(--line);border-radius:var(--r-md);background:rgba(124,92,255,.05)}
[dir="rtl"] .suitePlanFeats li{padding:9px 38px 9px 12px}
.suitePlanFeats li::before{content:"";position:absolute;inset-inline-start:13px;top:50%;width:14px;height:8px;
  border-left:2.4px solid var(--mint);border-bottom:2.4px solid var(--mint);
  transform:translateY(-70%) rotate(-45deg)}
.suitePlanCur{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px;
  color:var(--muted-2);font-size:12.5px;font-weight:600}
.suiteCurBtn{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);
  background:var(--card-2);color:var(--muted);font-size:12.5px;font-weight:700}
.suiteCurBtn.on{color:#fff;background:linear-gradient(135deg,var(--violet) 0%,#6242E8 100%);border-color:transparent}
.suitePlanGrid{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;margin-bottom:12px}
@media(max-width:460px){.suitePlanGrid{grid-template-columns:1fr}}
.suitePlanOpt{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;
  padding:22px 12px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--card-2);
  transition:border-color .18s,transform .18s;text-align:center}
.suitePlanOpt:hover{border-color:var(--violet-bright);transform:translateY(-2px)}
.suitePlanOpt:disabled{opacity:.6;transform:none}
.suitePlanOpt.best{border-color:var(--violet-bright);background:
  linear-gradient(160deg,rgba(124,92,255,.16),rgba(56,232,160,.06)),var(--card-2);
  box-shadow:0 10px 32px rgba(124,92,255,.28)}
.suitePlanBadge{position:absolute;top:-11px;inset-inline-start:50%;transform:translateX(-50%);
  white-space:nowrap;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:#08241A;background:var(--mint);border-radius:999px;padding:4px 12px;box-shadow:0 6px 16px rgba(56,232,160,.35)}
[dir="rtl"] .suitePlanBadge{transform:translateX(50%)}
.suitePlanName{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.suitePlanPrice{font-family:'Space Grotesk','Inter',sans-serif;font-size:31px;font-weight:700;color:var(--text)}
.suitePlanOpt.best .suitePlanPrice{font-size:37px}
.suitePlanPer{font-size:11.5px;color:var(--muted-2)}
.suitePlanEq{font-size:12px;color:var(--mint);font-weight:600;margin-top:4px}
.suitePlanSave{font-size:12px;color:var(--text);font-weight:700;margin-top:2px;
  background:var(--mint-dim);color:var(--mint);border-radius:999px;padding:4px 10px}
.suitePlanOffer{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;
  margin-bottom:6px;border:1px dashed var(--violet-bright);border-radius:var(--r-md);background:rgba(124,92,255,.08);
  color:var(--text);font-size:13.5px;font-weight:600}
.suitePlanSecure{color:var(--muted-2);font-size:12px;line-height:1.6;margin-top:10px}
.suitePlanLater{display:inline-block;margin-top:10px;color:var(--muted);font-size:13px;font-weight:600;
  background:none;border:none;text-decoration:underline;cursor:pointer}
.suitePlanLater:hover{color:var(--text)}
.suiteWasPrice{color:var(--muted-2);font-size:22px;font-weight:600;margin-inline-end:8px}
.suiteOfferTag{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:#08241A;background:var(--mint);border-radius:999px;padding:4px 12px;margin-bottom:8px}

/* ------------------------------------------------ status bar (frozen) */
.suitePlanBar{position:fixed;top:0;left:0;right:0;z-index:205;display:flex;align-items:center;
  justify-content:center;gap:14px;flex-wrap:wrap;min-height:46px;padding:8px 16px;font-size:13px;font-weight:600;
  color:#fff;box-shadow:0 6px 24px rgba(5,7,26,.4)}
.suitePlanBar.ex{background:linear-gradient(90deg,#B03052 0%,#7C2A6E 100%)}
.suitePlanBar.up{background:linear-gradient(90deg,#4F3BC4 0%,#1FA97C 100%)}
.suiteBarBtn{min-height:32px;padding:0 16px;border-radius:999px;border:none;background:#fff;color:#191436;
  font-size:12.5px;font-weight:800;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.suiteBarBtn:hover{transform:translateY(-1px)}
.suiteHasBar body,html.suiteHasBar body{padding-top:46px}

/* ------------------------------------------------ offers list          */
.suiteOfferList{display:flex;flex-direction:column;gap:10px;margin-bottom:6px}
.suiteOfferRow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;
  padding:10px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--card-2);
  transition:border-color .18s,transform .18s}
.suiteOfferRow:hover{border-color:var(--violet-bright);transform:translateY(-1px)}
.suiteOfferName{font-weight:700;color:var(--text);font-size:14px;text-align:start;
  display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.suiteOfferPrice{font-family:'Space Grotesk','Inter',sans-serif;font-weight:700;color:var(--mint);font-size:16px;
  white-space:nowrap}
.suiteOfferPct{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.06em;color:#fff;
  background:linear-gradient(135deg,#E2504C 0%,#B03052 100%);border-radius:999px;padding:3px 9px}
.suiteOfferWas{color:var(--muted-2);font-weight:600;font-size:13px;margin-inline-end:6px}
.suiteOfferEnds{font-size:11.5px;font-weight:600;color:var(--muted-2);flex-basis:100%}
.suiteOfferTargets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;min-height:26px}

/* ------------------------------------------------ feedback / tickets   */
.suiteFbList{display:flex;flex-direction:column;gap:16px;text-align:start}
.suiteFbItem{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card-2);padding:14px}
.suiteFbThread{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto;margin-bottom:10px}
.suiteFbMsg{position:relative;max-width:88%;padding:9px 12px 20px;border-radius:14px;font-size:13.5px;
  line-height:1.55;color:var(--text);background:rgba(124,92,255,.10);border:1px solid var(--line)}
.suiteFbMsg.user{align-self:flex-end;background:var(--mint-dim);border-color:transparent}
.suiteFbMsg b{display:block;font-size:11px;color:var(--muted-2);text-transform:uppercase;
  letter-spacing:.06em;margin-bottom:3px}
.suiteFbAt{position:absolute;bottom:4px;inset-inline-end:10px;font-size:10px;color:var(--muted-2)}
.suiteFbInput{width:100%;min-height:64px;border:1px solid var(--line);border-radius:var(--r-md);
  background:var(--ink-2);color:var(--text);padding:10px 12px;font-size:13.5px;resize:vertical}
.suiteFbInput:focus{outline:2px solid var(--focus);outline-offset:1px}
.suiteFbBtns{display:flex;align-items:center;gap:12px;margin-top:8px}
.suiteFbBtns .suiteBarBtn{background:linear-gradient(135deg,var(--violet) 0%,#6242E8 100%);color:#fff}
.suiteFbBtns .suitePlanLater{margin-top:0}
.suiteTickets{display:flex;flex-direction:column;gap:14px}
.suiteTicket{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card-2);padding:14px;margin-bottom:12px}
.suiteTicketHead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.suiteTicketHead b{font-size:14.5px}
.suiteTag.warn{background:rgba(240,170,60,.16);color:var(--amber)}
.suiteTag.out{background:var(--coral-dim);color:var(--coral)}

/* ------------------------------------------------ admin feedback page  */
.suiteFbLayout{display:grid;grid-template-columns:minmax(240px,1fr) 2fr;gap:16px;align-items:start}
@media(max-width:860px){.suiteFbLayout{grid-template-columns:1fr}}
.suiteFbUsers .rows{margin-top:4px}
.suiteFbUser{display:flex;align-items:center;gap:10px;cursor:pointer;border-radius:var(--r-md);padding:8px 10px}
.suiteFbUser:hover{background:rgba(124,92,255,.08)}
.suiteFbUser.on{background:rgba(124,92,255,.14);box-shadow:inset 0 0 0 1px var(--line-2)}
.suiteFbDot{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;
  border-radius:999px;background:var(--coral);color:#fff;font-size:11px;font-weight:800;padding:0 5px;margin-inline-start:6px}
.suiteFbPaneTitle{font-size:16px;margin-bottom:12px}

/* --------------------------- Suite Pro rebrand + release announcements */
.suitePlanGlyph.logo{background:#fff;box-shadow:0 12px 34px rgba(124,92,255,.35);overflow:hidden}
.suitePlanGlyph.logo img{border-radius:14px}
.suiteFeatsCenter li{text-align:center;padding:10px 14px;font-weight:600}
.suiteFeatsCenter li::before{display:none}
.suitePlanSuiteNote{font-size:12.5px;font-weight:700;color:var(--violet-bright);margin:0 0 14px;
  letter-spacing:.02em}
.suitePlanAutoNote{font-size:12px;color:var(--muted);margin:2px 0 8px}
.suiteUpdList{display:flex;flex-direction:column;gap:12px;text-align:start;margin-bottom:14px}
.suiteUpdItem{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card-2);padding:14px}
.suiteUpdHead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.suiteUpdHead b{font-size:15px}
.suiteUpdVer{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#08241A;
  background:var(--mint);border-radius:999px;padding:3px 10px}
.suiteUpdBody p{color:var(--muted);font-size:13.5px;line-height:1.6;margin:0 0 6px;text-align:start}
.suiteUpdLockCard{border:1px dashed var(--violet-bright);border-radius:var(--r-md);
  background:rgba(124,92,255,.07);padding:16px 14px;margin-bottom:14px}
.suiteUpdLockCard .suiteUpdItem{background:transparent;border:none;padding:4px 0}

/* ------------------------------------------------ admin "Rimborsi" page */
.suiteRefBlock{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.suiteRefBlock h3{margin:0 0 6px;font-size:14px}
.suiteRefBlock .btnRow{align-items:center;flex-wrap:wrap;gap:10px}
.suiteTable tr.isSel td{background:rgba(124,92,255,.08)}

/* ------------------------------------------- admin "Prova Gratuita" page */
.suiteTrialAuto{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:13.5px}
.suiteTrialAuto input{width:18px;height:18px;margin-top:2px;accent-color:var(--mint)}
.suiteTrialActs{white-space:nowrap}
.suiteTrialActs .btn{margin:2px 2px 2px 0}

/* ------------------------------------- 7-day free trial: in-app badge */
.suiteTrialBadge{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(72px + env(safe-area-inset-bottom));
  z-index:1200;display:flex;align-items:center;gap:10px;background:rgba(10,28,20,.92);
  border:1px solid rgba(25,195,125,.5);border-radius:999px;padding:8px 10px 8px 16px;
  color:#c9f5e2;font-size:12.5px;font-weight:600;backdrop-filter:blur(8px);
  box-shadow:0 10px 26px rgba(0,0,0,.35)}
.suiteTrialBadge b{color:#19c37d}
.suiteTrialBadge a{background:#19c37d;color:#04140c;border-radius:999px;padding:6px 12px;
  font-weight:700;text-decoration:none;white-space:nowrap}
.suiteTrialBadge a:hover{background:#22d68c}
@media (min-width: 900px){.suiteTrialBadge{bottom:18px}}