/* ── My Listings screen ── */
.my-showcases-screen{position:fixed;top:48px;left:0;right:0;bottom:0;z-index:50;background:var(--bg);display:flex;flex-direction:column;overflow:hidden}
/* Violet nebula — top-right, mirrors entry-hero::before */
.my-showcases-screen::before{content:'';pointer-events:none;position:absolute;top:-80px;right:-60px;width:340px;height:340px;background:radial-gradient(circle,rgba(109,40,217,.2) 0%,transparent 65%);z-index:0}
/* Soft secondary glow — bottom-left, mirrors entry-hero::after */
.my-showcases-screen::after{content:'';pointer-events:none;position:absolute;bottom:15%;left:-30px;width:220px;height:220px;background:radial-gradient(circle,rgba(124,58,237,.08) 0%,transparent 70%);z-index:0}

/* Topbar — glassy backdrop matching entry header feel. Stays pinned to the
   TOP here (unlike .wizard-nav in base.css) -- these account/admin screens
   sit below the persistent main <header> (which already has its own
   goHome() logo), so top placement matches that header instead of
   duplicating the wizard's bottom-nav pattern. */
.mss-topbar{display:flex;align-items:center;gap:10px;padding:0 16px;height:48px;border-bottom:1px solid var(--border-lt);flex-shrink:0;font-family:var(--font);background:rgba(9,9,11,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:10}
.mss-back-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-3);font-family:var(--font);font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:6px 11px;cursor:pointer;line-height:1;transition:all .18s;-webkit-tap-highlight-color:transparent}
.mss-back-btn:hover{background:var(--surface);color:var(--text-2);border-color:rgba(255,255,255,.15)}
/* Title uses same violet-gradient text as entry brand elements */
.mss-title{font-family:var(--font);font-size:var(--fs-md);font-weight:var(--fw-bold);background:linear-gradient(90deg,var(--text) 30%,var(--indigo-lt) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;letter-spacing:-.2px;flex:1}
/* Count badge — violet tint matching brand accent */
.mss-count{font-family:var(--font);font-size:var(--fs-xs);font-weight:var(--fw-semi);color:var(--indigo-lt);background:var(--indigo-dim);border:1px solid rgba(109,40,217,.3);padding:3px 9px;border-radius:20px;flex-shrink:0;letter-spacing:.1px}

/* Scrollable body — z-index keeps all content above ambient glows */
.mss-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:16px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}
.mss-body::-webkit-scrollbar{display:none}

/* Section label — identical to entry-section-label */
.mss-section-label{font-size:var(--fs-xs);font-weight:var(--fw-semi);letter-spacing:1.2px;text-transform:uppercase;color:var(--text-4);display:flex;align-items:center;gap:8px;font-family:var(--font)}
.mss-section-label::before{content:'';flex:0 0 20px;height:1px;background:var(--border)}
.mss-section-label::after{content:'';flex:1;height:1px;background:var(--border)}

/* Grid */
.my-listings-grid{display:flex;flex-direction:column;gap:22px;min-width:0;margin-top:14px}

/* Tablet — constrain listings to phone-width panel centered on screen */
@media (min-width:600px){
  #myShowcasesScreen{left:50%;right:auto;transform:translateX(-50%);width:480px;border-left:1px solid var(--border);border-right:1px solid var(--border)}
}
/* Desktop — full width, multi-column grid */
@media (min-width:900px){
  #myShowcasesScreen{left:0;right:0;transform:none;width:100%;border:none}
  #myShowcasesScreen .mss-topbar{padding:0 40px}
  #myShowcasesScreen .mss-body{padding:24px 40px;max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box}
  .my-listings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
}
@media (min-width:1200px){
  #myShowcasesScreen .mss-body{padding:28px 56px}
  .my-listings-grid{grid-template-columns:repeat(3,1fr)}
}

/* ── Profile / Subscriptions / Analytics pages — always full width ── */
#profileScreen,
#subsScreen,
#analyticsScreen {
  left: 0; right: 0; transform: none; width: 100%; border: none;
}
@media (min-width:900px){
  #profileScreen .mss-topbar,
  #subsScreen .mss-topbar { padding: 0 40px }
  #profileScreen .mss-body,
  #subsScreen .mss-body { padding: 24px 40px; max-width: 640px; box-sizing: border-box }
  #analyticsScreen .mss-topbar { padding: 0 40px }
  #analyticsScreen .mss-body { padding: 24px 40px; max-width: 900px; margin: 0 auto; box-sizing: border-box }
}

/* Card */
.my-listing-card{font-family:var(--font);background:rgba(17,17,24,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:16px;padding-top:26px;position:relative;overflow:visible;min-width:0;width:100%;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s,background .2s,box-shadow .2s}
.my-listing-card:hover{background:rgba(25,17,40,.7);border-color:rgba(124,58,237,.35)}
/* State-based colored borders + glows */
.my-listing-card--trial   {border-color:rgba(124,58,237,.6);box-shadow:0 0 0 1px rgba(109,40,217,.15),0 6px 28px rgba(109,40,217,.18)}
.my-listing-card--standard {border-color:rgba(16,185,129,.45);box-shadow:0 0 0 1px rgba(16,185,129,.1),0 6px 28px rgba(16,185,129,.14)}
.my-listing-card--premium {border-color:rgba(234,179,8,.5); box-shadow:0 0 0 1px rgba(234,179,8,.12),0 6px 28px rgba(234,179,8,.14)}
.my-listing-card--basic   {border-color:rgba(124,58,237,.3);box-shadow:0 0 0 1px rgba(124,58,237,.06),0 6px 20px rgba(124,58,237,.08)}
.my-listing-card--inactive{border-color:rgba(255,255,255,.08)}
.my-listing-card--draft   {border-color:rgba(255,255,255,.11)}
.my-listing-card--embed   {border-color:rgba(59,130,246,.55);box-shadow:0 0 0 1px rgba(59,130,246,.14),0 6px 28px rgba(59,130,246,.18)}
/* Status badge — centered on top border */
.mlc-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 12px;border-radius:20px;line-height:1.5;pointer-events:none}
.mlc-badge--trial   {background:linear-gradient(90deg,#5b21b6,#6d28d9);color:#ede9fe;border:1px solid rgba(167,139,250,.5);box-shadow:0 2px 10px rgba(109,40,217,.5)}
.mlc-badge--standard {background:linear-gradient(90deg,#065f46,#059669);color:#6ee7b7;border:1px solid rgba(16,185,129,.45);box-shadow:0 2px 10px rgba(16,185,129,.3)}
.mlc-badge--premium {background:linear-gradient(90deg,#a16207,#ca8a04);color:#fef08a;border:1px solid rgba(234,179,8,.5);box-shadow:0 2px 10px rgba(234,179,8,.35)}
.mlc-badge--paused{background:rgba(120,53,15,.9);color:#fed7aa;border:1px solid rgba(251,146,60,.4);box-shadow:0 2px 8px rgba(249,115,22,.3)}
.mlc-badge--basic  {background:#3b1d6e;color:#c4b5fd;border:1px solid rgba(124,58,237,.4)}
.mlc-badge--inactive{background:rgba(40,28,28,.95);color:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.1)}
.mlc-badge--draft  {background:rgba(30,30,45,.95);color:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.12)}
.mlc-badge--embed  {background:linear-gradient(90deg,#1e3a8a,#2563eb);color:#dbeafe;border:1px solid rgba(59,130,246,.5);box-shadow:0 2px 10px rgba(37,99,235,.35)}
.mlc-badge--urgent {background:linear-gradient(90deg,#ca8a04,#eab308);color:#fff;border:1px solid rgba(234,179,8,.5);box-shadow:0 2px 10px rgba(234,179,8,.4)}
/* Title row */
.mlc-title-row{display:flex;align-items:center;gap:6px;margin:0 0 3px}
.mlc-type-icon{flex-shrink:0;display:flex;align-items:center;opacity:.85}
.mlc-name{font-size:14px;font-weight:700;color:#fff;line-height:1.3;word-break:break-word;flex:1;min-width:0}
/* Location */
.mlc-loc{font-size:11px;color:rgba(255,255,255,.4);margin:0 0 10px;padding-left:21px;display:flex;align-items:center;gap:3px}
.mlc-code{font-size:10.5px;color:rgba(255,255,255,.3);margin:0 0 10px;padding-left:21px;font-family:monospace;letter-spacing:.03em;display:flex;align-items:center;gap:6px}
.mlc-copy-btn{background:none;border:none;padding:2px;margin:0;color:rgba(255,255,255,.35);cursor:pointer;display:inline-flex;align-items:center;flex-shrink:0;-webkit-tap-highlight-color:transparent}
.mlc-copy-btn:hover{color:rgba(255,255,255,.7)}
/* Status + plan chips */
.mlc-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.mlc-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.02em;line-height:1.4}
.mlc-chip--active  {background:rgba(16,185,129,.12); color:#34d399;border:1px solid rgba(16,185,129,.3)}
.mlc-chip--trial   {background:rgba(109,40,217,.18);color:#ddd6fe;border:1px solid rgba(124,58,237,.4)}
.mlc-chip--urgent  {background:rgba(249,115,22,.14);color:#fb923c;border:1px solid rgba(249,115,22,.35)}
.mlc-chip--plan    {background:rgba(16,185,129,.12); color:#34d399;border:1px solid rgba(16,185,129,.3)}
.mlc-chip--inactive{background:rgba(255,255,255,.06);color:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.08)}
.mlc-chip--basic   {background:rgba(124,58,237,.12);color:#a78bfa;border:1px solid rgba(124,58,237,.3)}
.mlc-chip--expired {background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.25)}
/* Thumbnail */
.mlc-thumb-img{width:100%;height:110px;object-fit:cover;border-radius:8px;display:block;margin-bottom:10px;background:rgba(255,255,255,.04)}
/* Actions — stacked full-width */
.mlc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mlc-btn-primary{display:block;flex:1;min-width:0;box-sizing:border-box;padding:11px 16px;border-radius:10px;font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;border:none;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;text-decoration:none;text-align:center;margin-bottom:0;transition:filter .15s;box-shadow:0 2px 12px rgba(124,58,237,.4);-webkit-tap-highlight-color:transparent}
.mlc-btn-primary:hover{filter:brightness(1.1)}
.mlc-btn-primary--activate{background:linear-gradient(135deg,#d97706,#f59e0b);color:#1c0800;box-shadow:0 2px 12px rgba(217,119,6,.35)}
.mlc-btn-primary--activate:hover{filter:brightness(1.08)}
/* Upgrade = bright amber-yellow, contrasts clearly against the purple View Live */
.mlc-btn-upgrade{display:block;flex:1;min-width:0;box-sizing:border-box;padding:10px 16px;border-radius:10px;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;border:none;background:linear-gradient(135deg,#ca8a04,#eab308);color:#fff;text-align:center;margin-bottom:0;transition:filter .15s;box-shadow:0 2px 14px rgba(234,179,8,.35);-webkit-tap-highlight-color:transparent}
.mlc-btn-upgrade:hover{filter:brightness(1.1)}
.mlc-btn-analytics{display:block;flex:1;min-width:0;box-sizing:border-box;padding:10px 16px;border-radius:10px;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;border:none;background:linear-gradient(135deg,#065f46,#059669);color:#6ee7b7;text-align:center;margin-bottom:0;transition:filter .15s;box-shadow:0 2px 12px rgba(16,185,129,.25);-webkit-tap-highlight-color:transparent}
.mlc-btn-analytics:hover{filter:brightness(1.1)}
.mlc-btn-edit{display:block;width:100%;box-sizing:border-box;padding:7px 16px;border-radius:10px;font-family:var(--font);font-size:13px;font-weight:600;line-height:1.5;cursor:pointer;border:1px solid rgba(255,255,255,.12);background:transparent;color:rgba(255,255,255,.4);text-align:center;transition:border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}
.mlc-btn-edit:hover{border-color:rgba(255,255,255,.22);color:rgba(255,255,255,.72)}
/* Flex-paired secondary action (sits beside .mlc-btn-primary/.mlc-btn-upgrade
   in the same row) -- same sizing as those, ghost/outline look since it's
   not the primary action on the card. */
.mlc-btn-view{display:block;flex:1;min-width:0;box-sizing:border-box;padding:11px 16px;border-radius:10px;font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;border:1px solid rgba(255,255,255,.16);background:transparent;color:rgba(255,255,255,.85);text-decoration:none;text-align:center;transition:border-color .15s,background .15s;-webkit-tap-highlight-color:transparent}
.mlc-btn-view:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.28)}
/* Owner-preview button (deactivated cards) */
.mlc-btn-preview{display:block;width:100%;box-sizing:border-box;padding:10px 16px;border-radius:10px;font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;border:1px dashed rgba(255,255,255,.14);background:transparent;color:rgba(255,255,255,.28);text-decoration:none;text-align:center;transition:border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}
.mlc-btn-preview:hover{border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.5)}
/* Active / Inactive toggle switch — absolute top-right of card */
.mlc-switch{position:absolute;top:10px;right:12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:2}
.mlc-switch-track{width:30px;height:17px;border-radius:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);position:relative;flex-shrink:0;transition:background .2s,border-color .2s}
.mlc-switch--on .mlc-switch-track{background:#7c3aed;border-color:#a78bfa}
.mlc-switch-thumb{position:absolute;width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.35);top:2px;left:2px;transition:transform .2s,background .2s}
.mlc-switch--on .mlc-switch-thumb{transform:translateX(13px);background:#fff}
.mlc-switch-label{font-size:11px;font-weight:600;color:rgba(255,255,255,.28);font-family:var(--font);white-space:nowrap}
.mlc-switch--on .mlc-switch-label{color:#a78bfa}
/* Empty / loading */
.my-listings-empty{font-family:var(--font);font-size:var(--fs-sm);color:var(--text-4);padding:32px 0;text-align:center;line-height:var(--lh-relaxed)}
/* Header button */
.hdr-listings-btn{margin-right:auto;margin-left:8px;background:rgba(255,255,255,.06);border:none;border-radius:8px;color:rgba(255,255,255,.75);font-size:12px;font-weight:600;padding:6px 12px;cursor:pointer;line-height:1;transition:background .15s}
.hdr-listings-btn:hover{background:rgba(255,255,255,.10)}

/* Confirm modal */
.confirm-backdrop{position:fixed;inset:0;z-index:2100;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}
.confirm-dialog{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:100%;max-width:320px;padding:28px 24px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 24px 64px rgba(0,0,0,.5);animation:confirmIn .18s ease}
@keyframes confirmIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
.confirm-icon{width:52px;height:52px;border-radius:50%;background:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.25);display:flex;align-items:center;justify-content:center;color:#eab308}
.confirm-body{text-align:center}
.confirm-title{font-family:var(--font);font-size:var(--fs-base);font-weight:700;color:var(--text);margin:0 0 4px}
.confirm-msg{font-family:var(--font);font-size:var(--fs-sm);color:var(--text-3);margin:0}
.confirm-actions{display:flex;gap:10px;width:100%;margin-top:4px}
.confirm-btn{flex:1;padding:11px 0;border-radius:10px;font-family:var(--font);font-size:var(--fs-sm);font-weight:600;cursor:pointer;border:none;transition:background .15s,transform .1s}
.confirm-btn--cancel{background:var(--surface-2);color:var(--text-2)}
.confirm-btn--cancel:hover{background:var(--surface-3)}
.confirm-btn--ok{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.25)}
.confirm-btn--ok:hover{background:rgba(239,68,68,.25)}
.confirm-btn:active{transform:scale(.97)}

/* Publish success screen */
.pub-success{display:flex;flex-direction:column;align-items:center;text-align:center}
@keyframes popIn{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.pub-success-icon{width:68px;height:68px;border-radius:50%;background:rgba(109,40,217,.14);border:1.5px solid rgba(124,58,237,.35);display:flex;align-items:center;justify-content:center;color:#a78bfa;margin-bottom:14px;animation:popIn .4s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}
.pub-success-h2{font-family:var(--font);font-size:22px;font-weight:800;color:var(--text);margin:0 0 6px}
.pub-success-sub{font-family:var(--font);font-size:13px;color:var(--text-3);margin:0 0 20px;line-height:1.5}
/* Trial banner */
.trial-banner{width:100%;background:rgba(109,40,217,.12);border:1px solid rgba(124,58,237,.3);border-radius:14px;padding:14px 16px;margin-bottom:18px;text-align:left;display:flex;flex-direction:column;gap:4px}
.trial-badge{font-size:10px;font-weight:700;color:#a78bfa;text-transform:uppercase;letter-spacing:.07em;background:rgba(124,58,237,.18);padding:3px 7px;border-radius:20px;align-self:flex-start}
.trial-clock{font-size:15px;font-weight:700;color:#ddd6fe;font-variant-numeric:tabular-nums;margin-bottom:4px}
.trial-banner-msg{font-family:var(--font);font-size:12px;color:var(--text-3);margin:0 0 10px;line-height:1.4}
.trial-upgrade-btn{width:100%;padding:9px;border-radius:8px;background:var(--indigo);color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font);transition:background .15s}
.trial-upgrade-btn:hover{background:rgba(109,40,217,.82)}
/* View tour button with embedded fill bar */
.pub-view-btn{position:relative;width:100%;padding:12px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:var(--text-2);font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font);overflow:hidden}
.pub-auto-bar{position:absolute;inset:0;width:0%;background:rgba(109,40,217,.25);border-radius:inherit;transition:width 1s linear;pointer-events:none}
.pub-view-btn-text{position:relative;display:flex;align-items:center;justify-content:center;gap:7px}
@keyframes spin{to{transform:rotate(360deg)}}

/* Premium lock badge on left panel */
.ssicons-premium-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;background:#8a6d2e;border:1px solid rgba(217,180,106,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#d9c48f;cursor:pointer;padding:0;z-index:1;box-shadow:0 0 5px rgba(217,180,106,.2)}
/* Premium feature modal */
.premium-backdrop{position:fixed;inset:0;z-index:2001;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}
.premium-dialog{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:100%;max-width:300px;padding:28px 22px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 24px 64px rgba(0,0,0,.5);animation:confirmIn .18s ease;text-align:center}
.premium-icon{width:52px;height:52px;border-radius:50%;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.3);display:flex;align-items:center;justify-content:center;color:#a78bfa}
.premium-title{font-family:var(--font);font-size:var(--fs-base);font-weight:700;color:var(--text);margin:0}
.premium-msg{font-family:var(--font);font-size:var(--fs-sm);color:var(--text-3);margin:0;line-height:1.5}
.premium-actions{display:flex;gap:10px;width:100%;margin-top:4px}
.premium-btn{flex:1;padding:11px 0;border-radius:10px;font-family:var(--font);font-size:var(--fs-sm);font-weight:600;cursor:pointer;border:none;transition:background .15s,transform .1s}
.premium-btn--continue{background:var(--indigo);color:#fff}
.premium-btn--continue:hover{background:rgba(109,40,217,.82)}
.premium-btn--upgrade{background:#ca8a04;color:#fff}
.premium-btn--upgrade:hover{background:#b45309}
.premium-btn:active{transform:scale(.97)}

/* Analytics page (Buyer Insights) -- full-screen view, reuses .mss-topbar/
   .mss-title/.mss-body from the My Listings screen (see index.html). */
.analytics-loading,.analytics-empty{font-family:var(--font);font-size:13px;color:var(--text-3);text-align:center;padding:24px 8px}

/* Property title -- sits above the stat cards, below the topbar's Back/
   "Buyer Insights" row (was previously crammed into the topbar itself as a
   small .mss-count pill). */
.analytics-prop-title{font-family:var(--font);font-size:18px;font-weight:800;color:var(--text);margin:0 0 16px;line-height:1.3}

.analytics-stat-row{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}
.analytics-stat-card{flex:1;min-width:120px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.analytics-stat-val{font-family:var(--font);font-size:22px;font-weight:800;color:var(--text)}
.analytics-stat-label{font-family:var(--font);font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}
.analytics-stat-trend.up{color:#6ee7b7}
.analytics-stat-trend.down{color:#f87171}

.analytics-chart-wrap{position:relative;height:220px;margin-bottom:24px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:14px}

.analytics-section-title{font-family:var(--font);font-size:12px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}
.analytics-counts{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}
.analytics-count-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;background:var(--surface-2)}
.analytics-count-label{font-family:var(--font);font-size:13px;color:var(--text-2);font-weight:600}
.analytics-count-val{font-family:var(--font);font-size:15px;color:#6ee7b7;font-weight:800}

.analytics-table-wrap{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:6px 14px;margin-bottom:20px}
.analytics-table-head{display:flex;align-items:center;gap:8px;padding:9px 4px;font-family:var(--font);font-size:11px;font-weight:700;color:var(--text-4);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}
.analytics-table-head span:first-child{flex:1}
.analytics-table-head span:not(:first-child){flex-shrink:0}
.analytics-table-head span:nth-child(3){font-size:11px}
.analytics-table-body{display:flex;flex-direction:column}
.analytics-event-row{display:flex;align-items:center;gap:8px;padding:9px 4px;border-bottom:1px solid var(--border);font-family:var(--font);font-size:12.5px}
.analytics-event-row:last-child{border-bottom:none}
.analytics-event-who{flex:1;min-width:0;color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.analytics-event-action{color:var(--text-3);flex-shrink:0}
.analytics-event-when{color:var(--text-3);flex-shrink:0;font-size:11px}
.analytics-table-pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 4px 8px}
.analytics-pager-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);font-family:var(--font);font-size:12px;font-weight:600;padding:6px 12px;cursor:pointer;transition:background .15s}
.analytics-pager-btn:hover:not(:disabled){background:var(--surface-3)}
.analytics-pager-btn:disabled{opacity:.4;cursor:default}
.analytics-pager-label{font-family:var(--font);font-size:12px;color:var(--text-3)}