/* PasTele — Canonical UI Core 2026.09
   Loaded after each page stylesheet. One theme, one responsive system. */
:root{
  --bg:#f5f7fb;--surface:#fff;--surface-2:#f8fafc;--surface-3:#eef2f7;
  --text:#101828;--muted:#667085;--line:#e4e7ec;--line-strong:#d0d5dd;
  --primary:#635bff;--primary-2:#8b5cf6;--cyan:#06b6d4;--blue:#3b82f6;
  --green:#12b76a;--orange:#f79009;--red:#f04438;--pink:#ec4899;
  --radius:16px;--shadow:0 14px 40px rgba(16,24,40,.07);--nav-h:72px;
  color-scheme:light;
}
html[data-theme="dark"],html.theme-dark,body.theme-dark{
  --bg:#080d16;--surface:#101722;--surface-2:#151e2b;--surface-3:#1c2735;
  --text:#f8fafc;--muted:#98a6b8;--line:rgba(255,255,255,.10);--line-strong:rgba(255,255,255,.17);
  --shadow:0 18px 55px rgba(0,0,0,.30);color-scheme:dark;
}
html{background:var(--bg);color-scheme:light;overflow-x:hidden}html[data-theme="dark"]{color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)!important;color:var(--text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::selection{background:color-mix(in srgb,var(--primary) 22%,transparent)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg,video,iframe{max-width:100%}h1,h2,h3,h4,h5,h6{color:var(--text);line-height:1.2}p{color:var(--text)}
.container,.page-container,.main-container,.content-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.section{padding:34px 0}main{min-height:calc(100vh - var(--nav-h))}.muted,.hint,.help-text{color:var(--muted)!important}.hidden,[hidden]{display:none!important}
.card,.panel,.box,.form-card,.create-card,.content-card,.dashboard-card,.stat-card,.market-card,.product-card,.settings-card{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:var(--radius);box-shadow:var(--shadow)}
.card{padding:20px}.card:hover{border-color:var(--line-strong)!important}
.btn,.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface)!important;color:var(--text)!important;font-weight:800;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.btn:hover,.button:hover{transform:translateY(-1px);background:var(--surface-2)!important}.btn.primary,.btn-primary,.button-primary,button.primary{border-color:transparent!important;background:linear-gradient(135deg,var(--primary),var(--primary-2))!important;color:#fff!important;box-shadow:0 10px 26px rgba(99,91,255,.22)}.btn.primary i,.btn-primary i,.button-primary i,button.primary i{color:#fff!important}.btn.danger{color:var(--red)!important;background:color-mix(in srgb,var(--red) 8%,var(--surface))!important}.btn.success{background:linear-gradient(135deg,var(--green),#059669)!important;color:#fff!important;border:0}
input:not([type="radio"]):not([type="checkbox"]),select,textarea,.input,.select,.textarea,.composer{width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--line-strong)!important;border-radius:12px;background:var(--surface)!important;color:var(--text)!important;outline:0}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--muted)!important;opacity:1}input:focus,select:focus,textarea:focus,.input:focus,.select:focus,.textarea:focus,.composer:focus{border-color:var(--primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 15%,transparent)!important}.field{display:grid;gap:7px}.field label,label{color:var(--text);font-weight:750}.field small{color:var(--muted)}
.badge,.chip,.eyebrow{display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--line));background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary)!important;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:850}.notice{background:color-mix(in srgb,var(--cyan) 8%,var(--surface))!important;color:var(--text)!important;border:1px solid color-mix(in srgb,var(--cyan) 22%,var(--line))!important;border-radius:13px;padding:14px}
.table-wrap{max-width:100%;overflow:auto;background:var(--surface)!important;border:1px solid var(--line);border-radius:14px;-webkit-overflow-scrolling:touch}.table{width:100%;min-width:680px;border-collapse:collapse}.table th,.table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;color:var(--text)}.table th{background:var(--surface-2);color:var(--muted);font-size:11px;text-transform:uppercase}.empty{color:var(--muted);text-align:center;padding:42px}
/* Colorful Font Awesome system */
.fa-link,.fa-arrow-up-right-from-square,.fa-paperclip{color:#3b82f6}.fa-code,.fa-file-code,.fa-terminal,.fa-laptop-code,.fa-robot{color:#8b5cf6}.fa-credit-card,.fa-wallet,.fa-coins,.fa-money-check-dollar,.fa-money-bill-transfer{color:#10b981}.fa-chart-line,.fa-chart-simple,.fa-chart-pie,.fa-chart-column,.fa-gauge-high{color:#f59e0b}.fa-telegram,.fa-paper-plane{color:#06a9e8}.fa-rocket,.fa-wand-magic-sparkles,.fa-sparkles{color:#ec4899}.fa-shield-halved,.fa-lock,.fa-key,.fa-user-shield{color:#6366f1}.fa-users,.fa-user-group,.fa-user-plus{color:#06b6d4}.fa-box,.fa-box-open,.fa-bag-shopping{color:#f97316}.fa-bolt,.fa-circle-check,.fa-check{color:#10b981}.fa-store,.fa-cart-shopping{color:#f43f5e}.fa-gear,.fa-sliders,.fa-wrench{color:#64748b}.fa-bell,.fa-bullhorn{color:#eab308}.fa-trash,.fa-xmark,.fa-circle-xmark{color:#ef4444}.fa-circle-info,.fa-info{color:#06b6d4}.fa-question,.fa-circle-question{color:#a855f7}.fa-right-to-bracket{color:#3b82f6}.fa-right-from-bracket{color:#ef4444}.fa-arrow-trend-up{color:#10b981}.fa-arrow-trend-down{color:#ef4444}.fa-star,.fa-crown,.fa-gem{color:#f59e0b}.fa-eye{color:#06b6d4}.fa-heart{color:#ec4899}.fa-share-nodes{color:#8b5cf6}.fa-circle-notch{color:var(--primary)}
.feature-icon,.step-icon,.profile-quick-icon,.section-icon,.preview-icon,.stat-icon,.kpi-icon,.detail-icon,.plan-icon,.benefit-icon,.premium-icon{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--surface)),color-mix(in srgb,var(--cyan) 11%,var(--surface)))!important;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line))!important}
/* Dark theme safety: eliminate common hard-coded light surfaces/text */
html[data-theme="dark"] .notice-card,html[data-theme="dark"] .notice-inner,html[data-theme="dark"] .profile-card,html[data-theme="dark"] .price-box,html[data-theme="dark"] .access-option>span,html[data-theme="dark"] .switch-row,html[data-theme="dark"] .create-result,html[data-theme="dark"] .result-url,html[data-theme="dark"] .product-comment-item{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}html[data-theme="dark"] .notice-card * ,html[data-theme="dark"] .profile-page * ,html[data-theme="dark"] .create-detail-page * ,html[data-theme="dark"] .plans-section *{border-color:var(--line)}html[data-theme="dark"] .btn.secondary{background:var(--surface)!important;color:var(--text)!important}.toast{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important}
/* Forms / create */
.create-detail-page .create-detail{width:min(860px,calc(100% - 32px));margin:auto;padding:30px 0 60px}.create-detail-page .create-card{padding:28px}.detail-title{display:flex;gap:14px;align-items:flex-start}.detail-title h1{margin:0;font-size:clamp(26px,4vw,36px)}.detail-icon{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:16px}.detail-icon i{font-size:22px}.access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.access-option{cursor:pointer}.access-option input{position:absolute;opacity:0;pointer-events:none}.access-option>span{display:flex;flex-direction:column;justify-content:center;min-height:76px;padding:14px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);transition:.18s}.access-option input:checked+span{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.access-option b{color:var(--text);display:flex;gap:8px;align-items:center}.access-option small{color:var(--muted);margin-top:4px}.price-box{padding:16px;border-radius:15px;background:color-mix(in srgb,var(--primary) 5%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line))}.money-input{position:relative}.money-input>span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:800}.money-input input{padding-left:42px!important}.create-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.create-result{margin-top:18px;padding:20px;border-radius:16px;background:color-mix(in srgb,var(--green) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--green) 20%,var(--line))}.result-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--green),var(--cyan));color:#fff}.result-icon i{color:#fff}.result-url{display:flex;margin-top:14px}.result-url input{border-radius:11px 0 0 11px!important}.result-url button{width:48px;border:0;border-radius:0 11px 11px 0;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}.result-url button i{color:#fff}.result-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}
/* Profile */
.profile-page{display:grid;gap:18px}.profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.profile-avatar{width:88px;height:88px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--cyan),var(--pink));color:#fff;font-size:30px;font-weight:900}.profile-heading{min-width:0}.profile-heading h1{margin:7px 0 4px;font-size:clamp(28px,4vw,42px)}.profile-eyebrow{color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.1em}.profile-handle{display:inline-flex;margin-top:8px;padding:6px 10px;border-radius:99px;background:var(--surface-2);color:var(--muted);font-size:12px}.profile-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.profile-social-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-stat-card{padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.profile-details,.profile-content-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-quick-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.profile-quick-card{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
/* Notifications */
.notice-card{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:18px;overflow:hidden;margin-bottom:14px;box-shadow:var(--shadow)}.notice-card img{width:100%;max-height:320px;object-fit:cover}.notice-inner{padding:18px;background:var(--surface)!important}.notice-inner h2{color:var(--text);margin:10px 0}.notice-short{color:var(--text);white-space:pre-wrap;line-height:1.65;max-height:7.5em;overflow:hidden}.notice-inner>small{display:block;color:var(--muted);margin-top:12px}
/* Plans */
.plans-section{min-height:calc(100dvh - var(--nav-h));padding:36px 0}.plans-wrap{max-width:1080px}.plan-hero{text-align:center;margin-bottom:22px}.plan-hero h1{font-size:clamp(30px,5vw,48px);margin:12px 0 8px}.plan-hero p{max-width:680px;margin:auto;color:var(--muted)}.plan-profile{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--surface);margin-bottom:18px}.plan-profile-avatar{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff;font-weight:900;font-size:18px}.plan-profile-main{display:grid;min-width:0;flex:1}.plan-profile-main strong{color:var(--text)}.plan-profile-main small{color:var(--muted)}.plan-status-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:99px;font-size:11px;font-weight:900;background:color-mix(in srgb,var(--green) 10%,var(--surface));color:var(--green)}.benefit-card{display:flex;gap:15px;padding:20px;margin-bottom:18px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.benefit-icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:15px;font-size:21px}.benefit-card h2{margin:2px 0 7px}.benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.benefit-item{display:flex;gap:8px;align-items:center;color:var(--text)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plan-card{position:relative;display:flex;flex-direction:column;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.plan-card.featured{border-color:color-mix(in srgb,var(--primary) 45%,var(--line));transform:translateY(-4px)}.plan-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;font-size:20px}.plan-duration{font-size:10px;letter-spacing:.1em;font-weight:900;color:var(--muted);margin-top:13px}.plan-card>strong{font-size:30px;color:var(--text);margin:7px 0}.plan-card p{color:var(--muted);min-height:48px}.plan-card ul{padding:0;margin:12px 0 18px;list-style:none;display:grid;gap:7px}.plan-card li{color:var(--text);font-size:12px}.premium-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.premium-benefit-item{display:flex;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.premium-benefit-item>i{font-size:19px;flex:0 0 22px}.premium-benefit-item strong,.premium-benefit-item span{display:block}.premium-benefit-item span{color:var(--muted);font-size:12px;margin-top:3px}.premium-price{text-align:center;padding:30px;margin-top:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),color-mix(in srgb,var(--pink) 6%,var(--surface)));border:1px solid var(--line);border-radius:22px}.premium-price strong{display:block;font-size:42px;color:var(--text);margin:8px}.premium-icon{width:58px;height:58px;margin:auto;display:grid;place-items:center;border-radius:17px;font-size:24px}.active-plan{display:flex;align-items:center;gap:11px;width:min(100%,720px);margin:18px auto 0;padding:15px;border-radius:15px;background:color-mix(in srgb,var(--green) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--green) 25%,var(--line));color:var(--text)}
/* Marketplace engagement */
.product-social-bar{display:flex;gap:8px;flex-wrap:wrap}.product-like-button,.product-share-button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface)!important;color:var(--text)!important;font-weight:800}.product-like-button[aria-pressed="true"]{border-color:color-mix(in srgb,var(--pink) 35%,var(--line));background:color-mix(in srgb,var(--pink) 8%,var(--surface))!important}.market-card-stats{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:11px}.market-card-stats i{margin-right:4px}.product-card-link{display:block}.market-share-btn{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--surface);display:grid;place-items:center;z-index:3;box-shadow:0 7px 18px rgba(0,0,0,.08)}

/* =========================================================
   NAVBAR — CLEAN TOP BAR
   Menu | Logo | Username
   ========================================================= */
.navbar{
  position:sticky!important;top:0;z-index:1100;width:100%;
  min-height:68px;background:color-mix(in srgb,var(--surface) 94%,transparent)!important;
  border-bottom:1px solid var(--line)!important;backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.nav-inner{
  width:min(1180px,calc(100% - 28px));min-height:68px;margin:auto;
  display:flex;align-items:center;gap:12px;
}
.nav-toggle{
  width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;
  border:1px solid var(--line)!important;border-radius:12px;
  background:var(--surface-2)!important;color:var(--text)!important;
  box-shadow:none;transition:.18s;
}
.nav-toggle:hover{border-color:var(--line-strong)!important;background:var(--surface-3)!important}
.nav-toggle i{font-size:17px;color:var(--primary)!important}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:950;white-space:nowrap}
.brand-mark{
  width:40px;height:40px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(135deg,var(--primary),var(--cyan),var(--green));
  box-shadow:0 8px 22px rgba(99,91,255,.18);
}
.brand-mark i{color:#fff!important}.brand-text{color:var(--text)}
.nav-spacer{flex:1}
.nav-user-wrap{position:relative}
.nav-user-button{
  min-height:44px;display:flex;align-items:center;gap:9px;padding:5px 10px 5px 6px;
  border:1px solid var(--line)!important;border-radius:13px;background:var(--surface)!important;
  color:var(--text)!important;font-weight:850;max-width:min(260px,45vw);
}
.nav-user-button:hover{background:var(--surface-2)!important;border-color:var(--line-strong)!important}
.nav-avatar{
  width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;
  overflow:hidden;background:linear-gradient(135deg,var(--primary),var(--pink));color:#fff!important;
}
.nav-avatar.large{width:44px;height:44px;flex-basis:44px;border-radius:13px}
.nav-avatar img{width:100%;height:100%;object-fit:cover}
.nav-avatar i{color:#fff!important}
.nav-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-premium-check{color:var(--green)!important;font-size:13px}
.nav-user-chevron{color:var(--muted)!important;font-size:11px}
.nav-user-dropdown{
  position:absolute;right:0;top:calc(100% + 10px);width:min(330px,calc(100vw - 20px));
  padding:12px;background:var(--surface)!important;border:1px solid var(--line)!important;
  border-radius:18px;box-shadow:0 20px 55px rgba(0,0,0,.16);z-index:1300;
}
.nav-user-dropdown[hidden]{display:none!important}
.nav-user-dropdown-head{display:flex;align-items:center;gap:11px;padding:8px 8px 12px;border-bottom:1px solid var(--line)}
.nav-user-dropdown-head>div{display:grid;min-width:0}.nav-user-dropdown-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-user-dropdown-head small{color:var(--muted);margin-top:2px}
.nav-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0}
.nav-account-card{
  min-height:74px;display:grid;grid-template-columns:auto 1fr;align-content:center;gap:1px 8px;
  padding:11px;border:1px solid var(--line)!important;border-radius:13px;
  background:var(--surface-2)!important;color:var(--text)!important;text-align:left;
}
.nav-account-card i{grid-row:1/3;align-self:center;font-size:17px}
.nav-account-card span{font-size:10px;color:var(--muted);font-weight:800}
.nav-account-card strong{font-size:12px;white-space:nowrap}
.nav-account-card:hover{background:var(--surface-3)!important}
.nav-dropdown-profile{
  display:flex;align-items:center;gap:8px;padding:11px 9px;border-top:1px solid var(--line);
  color:var(--text)!important;font-weight:800;font-size:12px;
}
.nav-dropdown-profile .fa-user-gear{color:var(--primary)!important}.nav-dropdown-profile .fa-arrow-right{margin-left:auto;color:var(--muted)!important}
.nav-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.45);backdrop-filter:blur(2px);z-index:1190;opacity:0;pointer-events:none;transition:.2s}
.nav-backdrop.open{opacity:1;pointer-events:auto}
.nav-drawer{
  position:fixed;left:0;top:0;bottom:0;width:min(370px,88vw);z-index:1200;
  display:flex;flex-direction:column;background:var(--surface)!important;
  border-right:1px solid var(--line)!important;box-shadow:18px 0 55px rgba(0,0,0,.16);
  transform:translateX(-105%);transition:transform .24s ease;
}
.nav-drawer.open{transform:translateX(0)}
.nav-drawer-head{
  min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;
  border-bottom:1px solid var(--line);
}
.nav-drawer-head>div{display:grid}.nav-drawer-kicker{font-size:9px;color:var(--primary);font-weight:950;letter-spacing:.12em}
.nav-drawer-head strong{font-size:17px}
.nav-drawer-close{
  width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line)!important;
  border-radius:11px;background:var(--surface-2)!important;color:var(--text)!important;
}
.nav-menu-list{flex:1;overflow:auto;padding:14px 12px;-webkit-overflow-scrolling:touch}
.nav-menu-group{margin-bottom:18px}.nav-menu-group h3{
  margin:0 7px 7px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em
}
.nav-menu-link{
  width:100%;min-height:46px;display:flex;align-items:center;gap:10px;padding:8px 10px;
  margin:2px 0;border:1px solid transparent!important;border-radius:12px;
  background:transparent!important;color:var(--text)!important;text-align:left;font-weight:800;
}
.nav-menu-link:hover{background:var(--surface-2)!important}
.nav-menu-link.active{background:color-mix(in srgb,var(--primary) 10%,var(--surface))!important;border-color:color-mix(in srgb,var(--primary) 18%,var(--line))!important;color:var(--primary)!important}
.nav-menu-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--primary) 9%,var(--surface-2))}
.nav-menu-icon i{font-size:14px}.nav-menu-label{flex:1}.nav-menu-arrow{font-size:10px;color:var(--muted)!important}
.nav-drawer-bottom{padding:12px;border-top:1px solid var(--line);background:var(--surface)}
.nav-menu-link.special{background:color-mix(in srgb,var(--green) 7%,var(--surface))!important;margin-bottom:5px}
.nav-menu-link.logout{color:var(--red)!important}.nav-menu-link.logout .nav-menu-icon{background:color-mix(in srgb,var(--red) 10%,var(--surface-2))}
.nav-menu-link.logout .nav-menu-icon i{color:var(--red)!important}
.nav-alert-count{margin-left:auto;min-width:20px;padding:2px 6px;border-radius:99px;background:var(--red);color:#fff!important;font-size:9px}

/* FOOTER — CLEAN */
.pastele-footer{
  margin-top:52px;padding:42px 0 18px;background:var(--surface)!important;
  color:var(--muted)!important;border-top:1px solid var(--line)!important;
}
.footer-container{width:min(1180px,calc(100% - 28px));margin:auto}
.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:28px}
.footer-brand{min-width:0}.footer-brand-link{display:inline-flex;align-items:center;gap:9px;color:var(--text)!important;font-weight:950;font-size:18px}
.footer-brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--cyan),var(--pink));color:#fff}
.footer-brand-mark i{color:#fff!important}.footer-description{max-width:390px;margin:13px 0;color:var(--muted)!important;font-size:13px}
.footer-platform-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:99px;background:var(--surface-2);font-size:10px;font-weight:850}
.footer-status-indicator{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 13%,transparent)}
.footer-column{min-width:0}.footer-column h3,.footer-column h4{margin:2px 0 10px;color:var(--text)!important;font-size:12px}
.footer-column a{display:flex;align-items:center;gap:8px;padding:6px 0;color:var(--muted)!important;font-size:12px;font-weight:650}
.footer-column a:hover{color:var(--primary)!important}.footer-column a i{width:17px;text-align:center}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;padding-top:17px;border-top:1px solid var(--line)}
.footer-copyright{display:flex;gap:7px;align-items:center;color:var(--muted)!important;font-size:11px}.footer-dot{opacity:.5}
.footer-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted)!important;font-size:10px}
.footer-meta span{display:inline-flex;align-items:center;gap:5px}.footer-meta i{color:var(--primary)!important}

/* Responsive — navbar/footer */
@media(max-width:900px){
  .nav-inner{min-height:64px}.navbar{min-height:64px;--nav-h:64px}
  .nav-user-name{max-width:120px}
}
@media(max-width:700px){
  .nav-inner{width:calc(100% - 16px);gap:9px}
  .brand{font-size:17px}.brand-mark{width:37px;height:37px}
  .nav-user-button{max-width:55vw;padding-right:7px}.nav-user-name{max-width:105px}
  .nav-user-dropdown{right:-2px}
  .nav-drawer{width:min(340px,92vw)}
  .footer-container{width:calc(100% - 20px)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:22px}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{align-items:flex-start;flex-direction:column}
}
@media(max-width:420px){
  .nav-user-name{max-width:80px}.nav-user-chevron{display:none}
  .brand-text{display:none}
  .footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
}
@supports(padding:max(0px)){.nav-inner{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}

/* Page responsive */
@media(max-width:1000px){
.profile-hero{grid-template-columns:auto 1fr}.profile-actions{grid-column:1/-1;justify-content:flex-start}
.profile-grid{grid-template-columns:1fr}.premium-benefits{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
.section{padding:24px 0}.card{padding:16px}
.profile-hero{grid-template-columns:auto 1fr;padding:17px;border-radius:18px}.profile-avatar{width:66px;height:66px;border-radius:19px;font-size:23px}
.profile-heading h1{font-size:27px}.profile-actions{grid-column:1/-1}.profile-actions .btn{flex:1}
.profile-social-stats{grid-template-columns:1fr 1fr 1fr}.profile-grid,.profile-quick-links{grid-template-columns:1fr}
.access-grid,.plan-grid,.premium-benefits,.benefit-list{grid-template-columns:1fr}.plan-card.featured{transform:none}
.plan-profile{align-items:flex-start}.plan-status-pill{margin-left:auto}.create-detail-page .create-detail{width:calc(100% - 4px);padding:20px 0 44px}
.create-detail-page .create-card{padding:17px;border-radius:18px}.detail-title{gap:10px}.detail-icon{width:46px;height:46px;flex-basis:46px}
.create-actions{flex-direction:column-reverse}.create-actions .btn,.result-actions .btn{width:100%}.result-url input{min-width:0}
.market-share-btn{width:42px;height:42px}.product-social-bar{display:grid;grid-template-columns:1fr 1fr}.product-like-button,.product-share-button{justify-content:center}
}
@media(max-width:420px){
.profile-social-stats{grid-template-columns:1fr}.profile-actions{flex-direction:column}.profile-actions .btn{width:100%}
.plan-status-pill{font-size:0;width:32px;height:32px;padding:0;justify-content:center}.plan-status-pill i{font-size:12px}
.access-grid{grid-template-columns:1fr}.btn{min-height:46px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.btn:hover{transform:none}}