/* Projeto X Studio 26 — interface unificada, temas, trial e controles visuais */

/* ---------- Temas adicionais ---------- */
html[data-site-theme="ember"]{
  --bg:#0c0807;--surface:#15100e;--surface2:#1d1512;--card:#17110f;--card2:#221814;
  --text:#fff8f3;--muted:#b6a39a;--line:#3a2922;--primary:#ff7a18;--primary2:#ffad45;
  --v19-accent:#ff7a18;--v19-accent-2:#ffad45;--v19-panel:#15100e;--v19-panel-2:#1d1512;
  --v19-line:#3a2922;--v19-text:#fff8f3;--v19-muted:#b6a39a;--v19-glow:rgba(255,122,24,.18);
  --px20-accent:#ff7a18;--px20-accent-2:#ffad45;--px20-orange:#ffd06c;
}
html[data-site-theme="violet"]{
  --bg:#090713;--surface:#120e20;--surface2:#1a1430;--card:#161126;--card2:#201739;
  --text:#fbf8ff;--muted:#aaa0c4;--line:#352956;--primary:#9a6cff;--primary2:#d65cff;
  --v19-accent:#9a6cff;--v19-accent-2:#d65cff;--v19-panel:#120e20;--v19-panel-2:#1a1430;
  --v19-line:#352956;--v19-text:#fbf8ff;--v19-muted:#aaa0c4;--v19-glow:rgba(154,108,255,.2);
  --px20-accent:#9a6cff;--px20-accent-2:#d65cff;--px20-orange:#ff9c5c;
}
html[data-site-theme="ocean"]{
  --bg:#031014;--surface:#071a20;--surface2:#0b252c;--card:#081d23;--card2:#0d2b33;
  --text:#f3fdff;--muted:#8db3bd;--line:#1d414b;--primary:#13d8d0;--primary2:#47a9ff;
  --v19-accent:#13d8d0;--v19-accent-2:#47a9ff;--v19-panel:#071a20;--v19-panel-2:#0b252c;
  --v19-line:#1d414b;--v19-text:#f3fdff;--v19-muted:#8db3bd;--v19-glow:rgba(19,216,208,.18);
  --px20-accent:#13d8d0;--px20-accent-2:#47a9ff;--px20-orange:#ffb04a;
}
html[data-site-theme="ember"] body{background:radial-gradient(circle at 8% 0,rgba(255,122,24,.13),transparent 30%),radial-gradient(circle at 92% 18%,rgba(255,173,69,.09),transparent 26%),var(--bg)}
html[data-site-theme="violet"] body{background:radial-gradient(circle at 10% 0,rgba(154,108,255,.14),transparent 32%),radial-gradient(circle at 88% 12%,rgba(214,92,255,.10),transparent 28%),var(--bg)}
html[data-site-theme="ocean"] body{background:radial-gradient(circle at 12% 0,rgba(19,216,208,.12),transparent 32%),radial-gradient(circle at 88% 18%,rgba(71,169,255,.10),transparent 28%),var(--bg)}
html[data-site-theme="ember"] .btn,html[data-site-theme="ember"] .header-register,html[data-site-theme="ember"] .asset-download-main{background:linear-gradient(135deg,#ff7a18,#ffb74f);color:#1b0b00}
html[data-site-theme="violet"] .btn,html[data-site-theme="violet"] .header-register,html[data-site-theme="violet"] .asset-download-main{background:linear-gradient(135deg,#9a6cff,#d65cff);color:#fff}
html[data-site-theme="ocean"] .btn,html[data-site-theme="ocean"] .header-register,html[data-site-theme="ocean"] .asset-download-main{background:linear-gradient(135deg,#13d8d0,#47a9ff);color:#021416}

/* ---------- Layout público ---------- */
body{background-color:var(--bg);}
.market-header{
  top:12px!important;left:16px!important;right:16px!important;height:72px!important;
  border:1px solid color-mix(in srgb,var(--line) 82%,transparent)!important;border-radius:22px!important;
  background:color-mix(in srgb,var(--surface) 88%,transparent)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.22)!important;backdrop-filter:blur(22px) saturate(145%)!important;
}
.market-header-inner{max-width:1600px!important;margin:0 auto!important;width:100%!important;padding:0 18px!important}
.market-brand{min-width:max-content}.market-brand img{max-height:44px!important}
.market-nav{padding:5px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface2) 68%,transparent)}
.market-nav a{padding:9px 12px!important;border-radius:10px!important}.market-nav a:hover{background:color-mix(in srgb,var(--primary2) 12%,transparent);color:var(--text)!important}
.header-search{border-radius:15px!important;background:color-mix(in srgb,var(--surface2) 80%,transparent)!important;border-color:var(--line)!important}
.header-vip,.header-login,.header-register,.header-icon-button,.header-account{border-radius:13px!important}
.market-page{padding-top:104px!important}
.px20-home,.asset-showcase-page,.content-shell,.account-shell,.academy-hero,.academy-guide-grid,.academy-cta,.static-page,.premium-modern,.vip-plans,.vip-plan-help,.px26-pack-shell{max-width:1500px!important;margin-left:auto!important;margin-right:auto!important}
.px20-hero{border-radius:34px!important;border:1px solid color-mix(in srgb,var(--line) 80%,transparent)!important;box-shadow:0 30px 90px rgba(0,0,0,.22)!important;overflow:hidden!important}
.px20-hero:after{content:"";position:absolute;inset:auto -12% -45% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary2) 18%,transparent),transparent 64%);pointer-events:none}
.px20-section,.px20-library,.px20-seo-content{scroll-margin-top:110px}
.asset-card{border-radius:22px!important;overflow:hidden!important;background:color-mix(in srgb,var(--card) 96%,transparent)!important;border:1px solid color-mix(in srgb,var(--line) 90%,transparent)!important;box-shadow:0 12px 40px rgba(0,0,0,.10)!important}
.asset-card:hover{transform:translateY(-6px)!important;box-shadow:0 28px 70px rgba(0,0,0,.24)!important;border-color:color-mix(in srgb,var(--primary2) 34%,var(--line))!important}
.asset-cover{overflow:hidden!important}.asset-cover>img:first-child{transition:transform .55s cubic-bezier(.2,.75,.2,1)!important}.asset-card:hover .asset-cover>img:first-child{transform:scale(1.035)!important}
.asset-body{padding:16px 16px 17px!important}.asset-body h3{min-height:2.6em}
.asset-download-main{min-height:45px;border-radius:13px!important}
.library-toolbar{border-radius:18px!important;padding:9px!important;box-shadow:0 12px 34px rgba(0,0,0,.08)}
.static-page{padding:34px 24px 80px!important}.static-hero-card{border-radius:30px!important;padding:42px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--surface2) 96%,transparent),color-mix(in srgb,var(--primary2) 5%,var(--surface)))!important;border:1px solid var(--line)!important}.static-card{border-radius:26px!important;padding:34px!important}.static-content{font-size:16px!important;line-height:1.85!important;max-width:980px}
.support-page-grid,.account-content-grid{gap:26px!important}.form-panel-modern,.account-form-card,.account-access-card{border-radius:26px!important;box-shadow:0 20px 60px rgba(0,0,0,.12)!important}

/* ---------- Trial ---------- */
.px26-trial-status{display:inline-flex;align-items:center;gap:8px;margin:18px auto 0;padding:10px 14px;border:1px solid color-mix(in srgb,var(--primary2) 35%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--primary2) 10%,var(--surface));color:var(--text);font-size:13px}
.px26-trial-status svg{width:17px;height:17px;color:var(--primary2)}

/* ---------- Marca d'água ---------- */
.asset-cover,.asset-preview-image,.asset-preview-modal>div{position:relative!important}
.px-watermark{
  position:absolute!important;z-index:8!important;pointer-events:none!important;display:flex!important;align-items:center;gap:8px;
  max-width:min(70%,420px);opacity:var(--px-watermark-opacity,.7)!important;filter:drop-shadow(0 2px 7px rgba(0,0,0,.28));
}
.px-watermark img{width:var(--px-watermark-size,24%)!important;min-width:42px;max-width:220px;height:auto!important;max-height:90px!important;object-fit:contain!important}
.px-watermark-text{display:inline-block;padding:7px 10px;border-radius:9px;background:rgba(0,0,0,.48);color:#fff;font-size:clamp(9px,1.05vw,13px);line-height:1.15;font-weight:800;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.45);backdrop-filter:blur(4px);white-space:normal}
.px-watermark-top-right{top:14px!important;right:14px!important;left:auto!important;bottom:auto!important;justify-content:flex-end}
.px-watermark-top-left{top:14px!important;left:14px!important;right:auto!important;bottom:auto!important}
.px-watermark-bottom-right{bottom:14px!important;right:14px!important;left:auto!important;top:auto!important;justify-content:flex-end}
.px-watermark-bottom-left{bottom:14px!important;left:14px!important;right:auto!important;top:auto!important}
.px-watermark-center{top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;justify-content:center}
.asset-preview-modal .px-watermark{max-width:55%}
.asset-preview-modal .px-watermark img{max-width:260px!important}
.px26-config-divider{border:0;border-top:1px solid var(--line);margin:24px 0}
.px26-asset-watermark-card{margin:18px 0;padding:22px!important;background:color-mix(in srgb,var(--surface2) 72%,transparent)!important}
.px26-choice{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.px26-choice input{grid-row:1/3;margin-top:4px}.px26-choice b{font-size:14px}.px26-choice small{color:var(--muted);line-height:1.4}

/* ---------- Pack de recursos ---------- */
.px26-pack-shell{padding:24px 24px 80px}
.px26-pack-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.55fr);gap:24px;padding:38px;border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at 8% 0,color-mix(in srgb,var(--primary2) 12%,transparent),transparent 34%),linear-gradient(145deg,var(--surface),var(--surface2));box-shadow:0 30px 90px rgba(0,0,0,.18)}
.px26-pack-copy h1{font-size:clamp(42px,6vw,82px);line-height:.95;letter-spacing:-.055em;margin:14px 0 18px;max-width:900px}.px26-pack-copy>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:800px}
.px26-pack-badges{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.px26-pack-badges span{display:inline-flex;gap:7px;align-items:center;padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 86%,transparent);font-size:12px;font-weight:800}.px26-pack-badges svg{width:15px}
.px26-pack-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.px26-pack-pending{display:flex;gap:9px;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--primary2) 35%,var(--line));background:color-mix(in srgb,var(--primary2) 9%,var(--surface));font-weight:750}
.px26-pack-access-card{min-height:300px;border-radius:28px;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 94%,transparent);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.px26-pack-access-card>span{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:color-mix(in srgb,var(--muted) 12%,transparent);margin-bottom:18px}.px26-pack-access-card>span svg{width:30px;height:30px}.px26-pack-access-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.px26-pack-access-card strong{font-size:28px;margin-top:8px}.px26-pack-access-card p{color:var(--muted)}.px26-pack-access-card.is-active{border-color:color-mix(in srgb,var(--primary2) 42%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--primary2) 12%,var(--card)),var(--card))}.px26-pack-access-card.is-active>span{background:color-mix(in srgb,var(--primary2) 18%,transparent);color:var(--primary2)}
.px26-pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.px26-pack-panel{padding:30px;border:1px solid var(--line);border-radius:28px;background:var(--surface)}.px26-pack-panel h2{font-size:28px;margin:8px 0 22px}.px26-pack-items{display:grid;gap:10px}.px26-pack-items>div{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.px26-pack-items svg{width:17px;color:var(--primary2)}.px26-pack-categories{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}.px26-pack-categories span{padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--primary2) 10%,var(--surface2));border:1px solid color-mix(in srgb,var(--primary2) 18%,var(--line));font-weight:750}.px26-pack-note{display:flex;gap:14px;align-items:flex-start;margin-top:24px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface2) 80%,transparent)}.px26-pack-note>svg{width:22px;flex:0 0 22px;color:var(--primary2)}.px26-pack-note p{margin:5px 0 0;color:var(--muted)}

/* ---------- Painel administrativo ---------- */
.admin-body.admin-studio{background:radial-gradient(circle at 72% 0,color-mix(in srgb,var(--primary2) 7%,transparent),transparent 30%),var(--bg)!important}
.admin-side{top:12px!important;left:12px!important;bottom:12px!important;height:auto!important;width:252px!important;border:1px solid var(--line)!important;border-radius:24px!important;background:color-mix(in srgb,var(--surface) 95%,transparent)!important;box-shadow:0 24px 70px rgba(0,0,0,.24)!important;overflow:hidden!important}
.admin-side-scroll{padding-bottom:20px!important}.admin-side-label{font-size:10px!important;letter-spacing:.12em!important}.admin-side nav a{border-radius:12px!important;margin:2px 8px!important;padding:11px 12px!important}.admin-side nav a.active{background:color-mix(in srgb,var(--primary2) 12%,var(--surface2))!important;color:var(--text)!important;box-shadow:inset 3px 0 var(--primary2)}
.admin-logo-mark{background:linear-gradient(135deg,var(--primary),var(--primary2))!important;color:#06100b!important}.admin-main{margin-left:276px!important;padding:12px 24px 60px!important;min-height:100vh!important}.admin-top{position:sticky!important;top:12px!important;z-index:80!important;min-height:76px!important;border:1px solid var(--line)!important;border-radius:20px!important;background:color-mix(in srgb,var(--surface) 88%,transparent)!important;backdrop-filter:blur(20px)!important;box-shadow:0 16px 50px rgba(0,0,0,.16)!important;padding:0 18px!important;margin-bottom:22px!important}.admin-page-heading h1{font-size:24px!important;letter-spacing:-.035em}.admin-page-heading small{color:var(--muted)!important}
.admin-top-link,.admin-user-button{border:1px solid var(--line)!important;border-radius:13px!important;background:var(--surface2)!important}.admin-actions .btn{border-radius:13px!important}
.form-card,.table-card,.px25-panel,.admin-list-head,.px22-settings-command{border-radius:22px!important;border:1px solid var(--line)!important;box-shadow:0 14px 42px rgba(0,0,0,.10)!important;background:color-mix(in srgb,var(--surface) 97%,transparent)!important}
.px22-settings-command{padding:24px!important}.px22-settings-toolbar{position:sticky!important;top:101px!important;z-index:70!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:9px!important;background:color-mix(in srgb,var(--surface) 92%,transparent)!important;backdrop-filter:blur(18px)!important;box-shadow:0 14px 40px rgba(0,0,0,.13)!important}.px22-settings-tabs button{border-radius:11px!important}.px22-settings-search{border-radius:12px!important}
.admin-settings-module{border-radius:18px!important;overflow:hidden!important}.admin-settings-module summary{padding:17px!important}.admin-settings-module-body{padding:0 14px 14px!important}.admin-settings-module-body>.form-card{box-shadow:none!important;border-radius:15px!important}
.px22-settings-savebar{border-radius:18px!important;bottom:14px!important;border:1px solid color-mix(in srgb,var(--primary2) 35%,var(--line))!important;background:color-mix(in srgb,var(--surface) 92%,transparent)!important;backdrop-filter:blur(18px)!important}
.theme-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.theme-choice{border-radius:18px!important}.theme-preview-window{height:104px!important;border-radius:14px!important}
.theme-preview-ember .theme-preview-window{background:linear-gradient(135deg,#0c0807,#2b150d)!important}.theme-preview-ember .theme-preview-window i{background:#ff7a18!important}.theme-preview-ember .theme-preview-window b{background:#21130e!important}.theme-preview-ember .theme-preview-window em{background:#ffad45!important}
.theme-preview-violet .theme-preview-window{background:linear-gradient(135deg,#090713,#24143d)!important}.theme-preview-violet .theme-preview-window i{background:#9a6cff!important}.theme-preview-violet .theme-preview-window b{background:#1a1430!important}.theme-preview-violet .theme-preview-window em{background:#d65cff!important}
.theme-preview-ocean .theme-preview-window{background:linear-gradient(135deg,#031014,#0c303a)!important}.theme-preview-ocean .theme-preview-window i{background:#13d8d0!important}.theme-preview-ocean .theme-preview-window b{background:#0b252c!important}.theme-preview-ocean .theme-preview-window em{background:#47a9ff!important}
.px26-system-controls .form-card{min-height:100%}.px26-system-controls .account-row{margin:12px 0!important}

/* Temas também no admin */
html[data-site-theme="ember"] .admin-logo-mark,html[data-site-theme="ember"] .admin-actions .btn{background:linear-gradient(135deg,#ff7a18,#ffb74f)!important;color:#1b0b00!important}
html[data-site-theme="violet"] .admin-logo-mark,html[data-site-theme="violet"] .admin-actions .btn{background:linear-gradient(135deg,#9a6cff,#d65cff)!important;color:#fff!important}
html[data-site-theme="ocean"] .admin-logo-mark,html[data-site-theme="ocean"] .admin-actions .btn{background:linear-gradient(135deg,#13d8d0,#47a9ff)!important;color:#021416!important}

/* Gallery continua claro também no admin novo */
html[data-site-theme="gallery"] .admin-body.admin-studio{background:#f4f1eb!important}
html[data-site-theme="gallery"] .admin-side,html[data-site-theme="gallery"] .admin-top,html[data-site-theme="gallery"] .form-card,html[data-site-theme="gallery"] .table-card,html[data-site-theme="gallery"] .px25-panel,html[data-site-theme="gallery"] .px22-settings-command,html[data-site-theme="gallery"] .px22-settings-toolbar{background:rgba(255,255,255,.96)!important;color:#111827!important}

/* ---------- Auth ---------- */
.auth-card{border-radius:28px!important;box-shadow:0 34px 100px rgba(0,0,0,.28)!important}.auth-card .input{border-radius:13px!important;min-height:48px!important}.auth-card .btn{min-height:50px!important;border-radius:14px!important}

/* ---------- Responsivo ---------- */
@media (max-width:1180px){
  .market-nav{display:none!important}.header-search{max-width:430px!important}.theme-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .px26-pack-hero{grid-template-columns:1fr}.px26-pack-access-card{min-height:220px}
}
@media (max-width:980px){
  .admin-side{top:0!important;left:0!important;bottom:0!important;height:100%!important;border-radius:0 22px 22px 0!important;width:270px!important}
  .admin-main{margin-left:0!important;padding:74px 14px 40px!important}.admin-top{top:8px!important}.admin-mobile-menu{z-index:120!important}
  .admin-nav-collapsed .admin-main{margin-left:0!important}.theme-choice-grid{grid-template-columns:1fr 1fr!important}
}
@media (max-width:760px){
  .market-header{top:0!important;left:0!important;right:0!important;border-radius:0 0 18px 18px!important;height:68px!important}.market-header-inner{padding:0 10px!important}.market-page{padding-top:84px!important}.header-search{display:none!important}
  .px20-home,.asset-showcase-page,.content-shell,.account-shell,.academy-hero,.academy-guide-grid,.academy-cta,.static-page,.premium-modern,.vip-plans,.vip-plan-help,.px26-pack-shell{padding-left:14px!important;padding-right:14px!important}
  .px20-hero{border-radius:24px!important}.px26-pack-shell{padding-top:10px!important}.px26-pack-hero{padding:24px;border-radius:24px}.px26-pack-copy h1{font-size:44px}.px26-pack-grid{grid-template-columns:1fr}.px26-pack-panel{padding:22px;border-radius:22px}
  .theme-choice-grid{grid-template-columns:1fr!important}.px22-settings-toolbar{top:78px!important;overflow:auto!important}.px22-settings-tabs{min-width:max-content!important}.px22-settings-search{min-width:220px!important}
  .admin-top{min-height:66px!important;padding:0 12px!important}.admin-page-heading h1{font-size:20px!important}.admin-top-link,.admin-user-button{display:none!important}.admin-actions .btn{padding:10px 12px!important}
  .px-watermark-top-right{top:9px!important;right:9px!important}.px-watermark-top-left{top:9px!important;left:9px!important}.px-watermark-bottom-right{bottom:9px!important;right:9px!important}.px-watermark-bottom-left{bottom:9px!important;left:9px!important}
}