/* Projeto X V30 — refinamentos de site, checkout PIX e novo admin */

:root{
  --px30-glow-1: rgba(99,102,241,.30);
  --px30-glow-2: rgba(20,184,166,.22);
  --px30-glow-3: rgba(249,115,22,.18);
}

/* Home / site */
.px28-discovery{
  position:relative;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--line,#2a3039) 82%, transparent);
  background:
    radial-gradient(circle at 0% 0%, var(--px30-glow-1), transparent 38%),
    radial-gradient(circle at 100% 0%, var(--px30-glow-2), transparent 32%),
    linear-gradient(180deg, color-mix(in srgb,var(--panel,#11161d) 92%, #091018 8%), color-mix(in srgb,var(--panel,#11161d) 98%, #000 2%));
  box-shadow:0 32px 90px rgba(0,0,0,.26);
}
.px28-discovery-main{align-items:stretch;gap:28px}
.px28-discovery-copy{justify-content:center}
.px28-status-line{
  display:inline-flex;flex-wrap:wrap;gap:14px;align-items:center;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  padding:10px 14px;border-radius:999px;backdrop-filter:blur(10px)
}
.px28-discovery-copy h1{max-width:11ch;font-size:clamp(2.4rem,5vw,4.6rem);line-height:.98;letter-spacing:-.04em}
.px28-discovery-copy p{max-width:650px;font-size:1.02rem;color:var(--muted,#9aa3af)}
.px30-home-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.px30-home-actions .btn{height:48px;padding:0 20px;border-radius:15px;font-weight:800}
.px30-home-actions .btn.ghost{background:rgba(255,255,255,.04)}
.px30-home-trust{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.px30-home-trust span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);font-size:.92rem;color:var(--muted,#a5adba)}
.px28-now{background:rgba(255,255,255,.03);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.07);box-shadow:0 25px 60px rgba(0,0,0,.18)}
.px28-now-head strong{font-size:1.15rem}
.px28-now-card{transition:transform .25s ease, box-shadow .25s ease}
.px28-now-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.2)}
.px27-category-rail{border:1px solid color-mix(in srgb,var(--line,#2a3039) 88%, transparent);background:color-mix(in srgb,var(--panel,#11161d) 92%, #071018 8%);box-shadow:0 16px 40px rgba(0,0,0,.18)}
.px27-library,.px27-showcase,.px27-creators,.px27-seo,.px27-premium{scroll-margin-top:95px}
.px27-library,.px27-showcase,.px27-creators,.px27-seo{border-radius:30px}
.px27-library-toolbar,.px27-showcase,.px27-creators,.px27-seo{box-shadow:0 18px 52px rgba(0,0,0,.18)}

/* AI support with provided image */
.px29-ai-support{right:22px;bottom:22px}
.px29-ai-launch{
  height:auto;min-height:62px;padding:8px 16px 8px 10px;border-radius:999px;
  display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1de1b5,#0cc3a0);
  color:#05130f;box-shadow:0 24px 60px rgba(0,0,0,.32)
}
.px29-ai-launch-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;flex:0 0 46px;border:2px solid rgba(255,255,255,.75);box-shadow:0 8px 22px rgba(0,0,0,.2)}
.px29-ai-launch-avatar img,.px29-ai-photo img{width:100%;height:100%;object-fit:cover;display:block}
.px29-ai-launch-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}
.px29-ai-launch-copy strong{font-size:.98rem;font-weight:900}
.px29-ai-launch-copy small{font-size:.72rem;opacity:.8}
.px29-ai-panel{background:linear-gradient(180deg,#0f1219,#0c1016);border-color:rgba(255,255,255,.08)}
.px29-ai-panel header{padding:16px 18px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}
.px29-ai-mark.px29-ai-photo{width:48px;height:48px;border-radius:16px;overflow:hidden;background:none;padding:0;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.px29-ai-bubble.bot{background:rgba(255,255,255,.05)}
.px29-ai-bubble.user{background:color-mix(in srgb,var(--accent,#16c79a) 24%, rgba(255,255,255,.04))}
.px29-ai-panel textarea{min-height:50px}

/* Checkout PIX only */
.px30-pix-only{grid-template-columns:minmax(280px,.92fr) minmax(320px,1.08fr)}
.px30-checkout-info{display:flex;flex-direction:column;gap:18px;justify-content:space-between}
.px29-method.is-static{pointer-events:none;cursor:default}
.px30-checkout-highlights{display:grid;gap:12px;margin-top:8px}
.px30-checkout-highlights div{padding:14px 15px;border-radius:16px;border:1px solid color-mix(in srgb,var(--line,#2a3039) 88%, transparent);background:rgba(255,255,255,.03)}
.px30-checkout-highlights b{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:.96rem}
.px30-checkout-highlights span{display:block;color:var(--muted,#9ca3af);font-size:.92rem;line-height:1.45}
.px29-payment-ready .btn.ghost.full{margin-top:8px}

/* New admin suite */
.admin-v30{
  --admin-surface:#0b1020;
  --admin-surface-2:#121a2f;
  --admin-panel:#0f172a;
  --admin-panel-soft:#131d36;
  --admin-line:rgba(255,255,255,.08);
  --admin-text:#edf2ff;
  --admin-muted:#9aa7c2;
  --admin-accent:#6d7cff;
  --admin-accent-2:#27d3b4;
  --admin-warn:#ff9f43;
  color:var(--admin-text);
  background:
    radial-gradient(circle at 0% 0%, rgba(109,124,255,.18), transparent 26%),
    radial-gradient(circle at 100% 0%, rgba(39,211,180,.12), transparent 24%),
    linear-gradient(180deg,#070b14,#0a1120 34%, #0b1224 100%);
}
.admin-v30 .admin-main{padding:22px 26px 28px}
.admin-v30 .admin-side{
  background:linear-gradient(180deg,rgba(8,12,24,.92),rgba(10,15,30,.98));
  border-right:1px solid var(--admin-line);backdrop-filter:blur(18px);
  box-shadow:20px 0 60px rgba(0,0,0,.25)
}
.admin-v30 .admin-logo{
  border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);padding:14px 16px;border-radius:22px
}
.admin-v30 .admin-logo-mark{
  background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2));
  color:white;box-shadow:0 12px 24px rgba(109,124,255,.3)
}
.admin-v30 .admin-side-label{color:#7f8db0;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;margin:18px 0 10px;display:block}
.admin-v30 .admin-side nav a,
.admin-v30 .admin-side-bottom a,
.admin-v30 .admin-side-bottom button{
  border-radius:16px;border:1px solid transparent;color:var(--admin-text);transition:all .22s ease;
}
.admin-v30 .admin-side nav a:hover,
.admin-v30 .admin-side-bottom a:hover,
.admin-v30 .admin-side-bottom button:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.07);transform:translateX(2px)}
.admin-v30 .admin-side nav a.active{background:linear-gradient(135deg,rgba(109,124,255,.18),rgba(39,211,180,.12));border-color:rgba(109,124,255,.32);box-shadow:0 18px 40px rgba(0,0,0,.18)}
.admin-v30 .admin-nav-count{background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2));color:white;box-shadow:0 8px 18px rgba(109,124,255,.22)}
.admin-v30 .admin-side-bottom{border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.admin-v30 .admin-top{
  position:sticky;top:14px;z-index:15;margin-bottom:24px;
  background:linear-gradient(180deg,rgba(12,18,34,.9),rgba(12,18,34,.72));
  border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);border-radius:26px;
  padding:20px 22px;box-shadow:0 28px 60px rgba(0,0,0,.22)
}
.admin-v30 .admin-page-heading small{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#8c9bb9}
.admin-v30 .admin-page-heading h1{font-family:"Inter Tight",sans-serif;font-size:clamp(1.6rem,2.6vw,2.3rem);letter-spacing:-.03em}
.admin-v30 .admin-top-link,
.admin-v30 .admin-actions .btn,
.admin-v30 .admin-user-button{
  border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--admin-text)
}
.admin-v30 .admin-actions .btn{background:linear-gradient(135deg,var(--admin-accent),#5a6bff);box-shadow:0 18px 40px rgba(109,124,255,.22)}
.admin-v30 .admin-user-button{padding:8px 12px}
.admin-v30 .admin-avatar{background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2));color:white;box-shadow:0 10px 22px rgba(109,124,255,.24)}
.admin-v30 .form-card,
.admin-v30 .metric-card,
.admin-v30 .insight-card,
.admin-v30 .quick-card,
.admin-v30 .stat-card,
.admin-v30 .table-card,
.admin-v30 .panel-card,
.admin-v30 .px25-command,
.admin-v30 .px25-filter-card,
.admin-v30 .px25-metric,
.admin-v30 .px25-chart-card,
.admin-v30 .px25-card,
.admin-v30 .px25-activity,
.admin-v30 .px25-system-card,
.admin-v30 .dashboard-card,
.admin-v30 .content-card,
.admin-v30 .storage-card{
  background:linear-gradient(180deg,rgba(17,26,48,.92),rgba(12,20,37,.95));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 60px rgba(0,0,0,.22);
  color:var(--admin-text);
  border-radius:28px;
}
.admin-v30 .form-card h2,
.admin-v30 .form-card h3,
.admin-v30 .px25-command h2,
.admin-v30 .px25-chart-card h3,
.admin-v30 .px25-card h3{font-family:"Inter Tight",sans-serif;letter-spacing:-.03em}
.admin-v30 .form-card .muted,
.admin-v30 .muted,
.admin-v30 .hint,
.admin-v30 small,
.admin-v30 p,
.admin-v30 label,
.admin-v30 .security-note,
.admin-v30 .free-storage-option span{color:var(--admin-muted)}
.admin-v30 .input,
.admin-v30 select,
.admin-v30 textarea{
  background:rgba(5,10,22,.55);border:1px solid rgba(255,255,255,.09);color:var(--admin-text);border-radius:16px
}
.admin-v30 .input:focus,
.admin-v30 select:focus,
.admin-v30 textarea:focus{border-color:rgba(109,124,255,.55);box-shadow:0 0 0 4px rgba(109,124,255,.12)}
.admin-v30 .badge.ok{background:rgba(39,211,180,.14);color:#a8fff0;border:1px solid rgba(39,211,180,.25)}
.admin-v30 .badge.warn{background:rgba(255,159,67,.12);color:#ffd8a5;border:1px solid rgba(255,159,67,.24)}
.admin-v30 .btn,
.admin-v30 button[type="submit"]{border-radius:16px}
.admin-v30 .px25-command{padding:34px;position:relative;overflow:hidden}
.admin-v30 .px25-command:before{
  content:"";position:absolute;inset:auto -12% -18% auto;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(109,124,255,.25),transparent 68%);pointer-events:none
}
.admin-v30 .px25-command-copy h2{font-size:clamp(2rem,4vw,3rem);line-height:.98}
.admin-v30 .px25-filter-card{padding:24px}
.admin-v30 .px25-filter-head span,
.admin-v30 .px25-live,
.admin-v30 .storage-badge{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:999px;color:var(--admin-text)}
.admin-v30 .px25-presets a,
.admin-v30 .px25-presets button,
.admin-v30 .px25-pill,
.admin-v30 .tab-btn{border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--admin-text)}
.admin-v30 .px25-presets .active,
.admin-v30 .tab-btn.active{background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2));border-color:transparent;color:white}
.admin-v30 table{border-collapse:separate;border-spacing:0 10px}
.admin-v30 table thead th{color:#8392af;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}
.admin-v30 table tbody tr{background:rgba(255,255,255,.02)}
.admin-v30 table tbody td{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.admin-v30 table tbody td:first-child{border-left:1px solid rgba(255,255,255,.06);border-radius:16px 0 0 16px}
.admin-v30 table tbody td:last-child{border-right:1px solid rgba(255,255,255,.06);border-radius:0 16px 16px 0}
.admin-v30 .account-row{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);padding:12px 14px;border-radius:16px}
.admin-v30 .overlay{background:rgba(3,6,12,.65)}

@media (max-width: 980px){
  .px30-pix-only{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .px30-home-actions{flex-direction:column}
  .px30-home-actions .btn{width:100%;justify-content:center}
  .px30-home-trust{gap:10px}
  .px29-ai-support{right:12px;bottom:12px}
  .px29-ai-launch{width:auto;min-width:58px;padding:8px 10px}
  .px29-ai-launch-copy{display:none}
  .px29-ai-launch-avatar{width:40px;height:40px;flex-basis:40px}
  .admin-v30 .admin-main{padding:18px 14px 24px}
  .admin-v30 .admin-top{top:10px;padding:18px}
}