/* Gublu Print Hud V26 — Aurora Orbit Design System
   Visual redesign layer. No PHP routes, database logic, print behavior or Print Type behavior changed. */
:root{
 --gph-bg:#f5f7fb;--gph-surface:rgba(255,255,255,.88);--gph-surface2:#ffffff;
 --gph-ink:#101828;--gph-muted:#667085;--gph-line:#e7ebf3;
 --gph-navy:#0b1220;--gph-blue:#2563eb;--gph-indigo:#5b4df5;--gph-cyan:#06b6d4;
 --gph-mint:#10b981;--gph-coral:#f97360;--gph-gold:#f59e0b;
 --gph-shadow:0 22px 70px rgba(15,23,42,.10);--gph-shadow2:0 10px 30px rgba(15,23,42,.07);--gph-radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0!important;min-height:100vh!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;color:var(--gph-ink)!important;background:
 radial-gradient(circle at 8% 4%,rgba(37,99,235,.14),transparent 28%),
 radial-gradient(circle at 92% 5%,rgba(6,182,212,.12),transparent 25%),
 radial-gradient(circle at 60% 100%,rgba(91,77,245,.10),transparent 34%),#f7f9fc!important;}
body:before{content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.45),transparent 42%,rgba(255,255,255,.25));}
a{text-decoration:none!important;color:inherit}
button,input,select,textarea{font:inherit}

/* Universal typography */
h1{font-size:clamp(32px,4vw,52px)!important;line-height:1.04!important;letter-spacing:-2.2px!important;font-weight:950!important}
h2{letter-spacing:-1.1px!important;font-weight:900!important}
h3{font-weight:850!important}
.muted{color:var(--gph-muted)!important}

/* Universal premium surfaces */
.card,.stat,.gateway,.pricebox,.box,.orderWrap,.demoForm,.feature,.plan,.heroCard,.poster,.bar,.notice,.ok,.err{
 background:var(--gph-surface)!important;border:1px solid rgba(255,255,255,.92)!important;
 border-radius:var(--gph-radius)!important;box-shadow:var(--gph-shadow2)!important;
 backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.card,.stat,.feature,.plan,.gateway,.pricebox,.box{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.card:hover,.stat:hover,.feature:hover,.plan:hover,.gateway:hover,.pricebox:hover{transform:translateY(-3px);box-shadow:var(--gph-shadow)!important;border-color:rgba(37,99,235,.16)!important}

/* Buttons */
.btn,.navbtn,button.btn{background:linear-gradient(135deg,#2563eb 0%,#5b4df5 55%,#06b6d4 125%)!important;color:#fff!important;border:0!important;border-radius:14px!important;font-weight:900!important;box-shadow:0 12px 28px rgba(37,99,235,.20)!important;transition:.2s ease!important}
.btn:hover,.navbtn:hover,button.btn:hover{transform:translateY(-2px)!important;filter:saturate(1.08)!important;box-shadow:0 17px 34px rgba(37,99,235,.28)!important}
.btn.alt{background:#fff!important;color:#3156d9!important;border:1px solid #dce3f2!important;box-shadow:var(--gph-shadow2)!important}

/* Forms */
input,select,textarea{background:rgba(255,255,255,.90)!important;border:1px solid #dfe5ef!important;border-radius:13px!important;color:#101828!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;outline:none!important}
input:focus,select:focus,textarea:focus{border-color:rgba(37,99,235,.48)!important;box-shadow:0 0 0 4px rgba(37,99,235,.09)!important;background:#fff!important}
label{font-weight:750}

/* =========================================================
   PUBLIC FRONT PAGE — Gublu Aurora Print Studio
   ========================================================= */
body:has(.hero){background:
 radial-gradient(circle at 12% 0%,rgba(37,99,235,.22),transparent 30%),
 radial-gradient(circle at 88% 10%,rgba(6,182,212,.18),transparent 28%),
 linear-gradient(180deg,#f8fbff 0%,#f5f7fc 48%,#eef2ff 100%)!important;}
body:has(.hero) .nav{position:sticky!important;top:12px!important;margin:12px auto 0!important;max-width:1240px!important;border-radius:20px!important;background:rgba(10,18,34,.90)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 20px 55px rgba(15,23,42,.18)!important;backdrop-filter:blur(20px)!important;z-index:100}
body:has(.hero) .navin{padding:14px 20px!important}
body:has(.hero) .logo{color:#fff!important;font-size:23px!important;font-weight:950!important}
body:has(.hero) .logo span{background:linear-gradient(90deg,#5ee7f5,#8b7cff);-webkit-background-clip:text;background-clip:text;color:transparent!important}
body:has(.hero) .links{color:#dbe5f5!important}
body:has(.hero) .links a:hover{color:#7de8f6!important}
body:has(.hero) .navbtn{padding:11px 16px!important}
body:has(.hero) .hero{max-width:1240px!important;padding:86px 20px 45px!important;gap:52px!important;position:relative}
body:has(.hero) .hero:before{content:"";position:absolute;left:-80px;top:40px;width:260px;height:260px;border-radius:50%;background:rgba(37,99,235,.10);filter:blur(40px);pointer-events:none}
body:has(.hero) .eyebrow{display:inline-flex!important;padding:8px 12px!important;border-radius:999px!important;background:rgba(37,99,235,.08)!important;border:1px solid rgba(37,99,235,.12)!important;color:#3156d9!important}
body:has(.hero) .hero h1{font-size:clamp(46px,6vw,76px)!important;letter-spacing:-4.8px!important;max-width:760px!important}
body:has(.hero) .hero h1 span{background:linear-gradient(90deg,#2563eb,#5b4df5,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent!important}
body:has(.hero) .hero p{font-size:18px!important;line-height:1.8!important;max-width:690px!important}
body:has(.hero) .actions .btn{padding:14px 18px!important}
body:has(.hero) .chip{background:rgba(255,255,255,.78)!important;border:1px solid rgba(148,163,184,.18)!important;box-shadow:0 7px 18px rgba(15,23,42,.04)!important}
body:has(.hero) .heroCard{padding:26px!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(240,244,255,.86))!important;border:1px solid rgba(255,255,255,.96)!important;box-shadow:0 35px 90px rgba(37,99,235,.13)!important;position:relative;overflow:hidden}
body:has(.hero) .heroCard:before{content:"";position:absolute;right:-90px;top:-90px;width:240px;height:240px;border-radius:50%;background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(6,182,212,.08));filter:blur(4px)}
body:has(.hero) .flowItem{border:1px solid rgba(148,163,184,.16)!important;border-radius:18px!important;background:rgba(255,255,255,.84)!important;box-shadow:0 8px 25px rgba(15,23,42,.045)!important}
body:has(.hero) .flowIcon{background:linear-gradient(135deg,#eef4ff,#ecfbff)!important;border:1px solid rgba(37,99,235,.10)!important}
body:has(.hero) .stats{max-width:1240px!important;padding:15px 20px 70px!important}
body:has(.hero) .stat{position:relative!important;overflow:hidden!important;text-align:left!important;padding:22px!important;background:rgba(255,255,255,.78)!important}
body:has(.hero) .stat strong{font-size:30px!important;margin-bottom:9px!important}
body:has(.hero) .section{max-width:1240px!important;padding:62px 20px!important}
body:has(.hero) .sectionHead h2{font-size:clamp(32px,4vw,48px)!important}
body:has(.hero) .feature{min-height:180px!important;padding:24px!important}
body:has(.hero) .feature .ico{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#eef4ff,#eefcff);font-size:23px}
body:has(.hero) .plans{grid-template-columns:repeat(3,1fr)!important}
body:has(.hero) .plan{padding:28px!important;overflow:hidden}
body:has(.hero) .plan.highlight{border:1px solid rgba(37,99,235,.30)!important;background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(239,245,255,.92))!important;box-shadow:0 25px 75px rgba(37,99,235,.14)!important}
body:has(.hero) .plan .price{font-size:42px!important}
body:has(.hero) .demoBand{border-radius:30px!important;background:linear-gradient(135deg,#091321 0%,#14285a 48%,#25316e 100%)!important;box-shadow:0 28px 80px rgba(9,19,33,.22)!important;position:relative;overflow:hidden}
body:has(.hero) .demoBand:after{content:"";position:absolute;right:-120px;bottom:-160px;width:360px;height:360px;border-radius:50%;background:rgba(6,182,212,.18);filter:blur(15px)}
body:has(.hero) .demoForm{position:relative;z-index:1}
body:has(.hero) .orderWrap{box-shadow:0 25px 70px rgba(15,23,42,.09)!important}
body:has(.hero) .foot{background:#0b1220!important;color:#aebbd0!important;border-top:0!important;margin-top:40px!important;padding:50px 20px!important}
body:has(.hero) .foot b{color:#fff!important}

/* =========================================================
   ADMIN + RETAILER LOGIN / DASHBOARDS
   ========================================================= */
body:has(.cards){background:radial-gradient(circle at 15% 10%,rgba(37,99,235,.30),transparent 28%),radial-gradient(circle at 85% 12%,rgba(6,182,212,.22),transparent 27%),linear-gradient(135deg,#07101d,#101d38 48%,#171536 100%)!important}
body:has(.cards) .wrap{max-width:1100px!important;padding:55px 22px!important}
body:has(.cards) .wrap>h1{color:#fff!important;font-size:54px!important}
body:has(.cards) .wrap>.muted{color:#b8c6dc!important}
body:has(.cards) .cards{gap:22px!important}
body:has(.cards) .cards .card{padding:30px!important;background:rgba(255,255,255,.95)!important;border-radius:28px!important;box-shadow:0 30px 90px rgba(0,0,0,.22)!important}
body:has(.cards) .cards .card h2{font-size:25px!important}
body:has(.cards) .cards .card:first-child{border-top:4px solid #2563eb!important}
body:has(.cards) .cards .card:last-child{border-top:4px solid #06b6d4!important}

/* Admin dashboard */
body:has(.tabs) .nav{position:sticky!important;top:0!important;z-index:50!important;background:linear-gradient(110deg,#08111f,#111e39 55%,#17265a)!important;color:#fff!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.10)!important;padding:18px 26px!important;box-shadow:0 15px 45px rgba(15,23,42,.18)!important}
body:has(.tabs) .wrap{max-width:1400px!important;padding:30px 24px 70px!important}
body:has(.tabs) .wrap>h1{margin-top:20px!important}
body:has(.tabs) .tabs{display:flex!important;gap:9px!important;padding:9px!important;margin:18px 0 25px!important;border-radius:20px!important;background:rgba(255,255,255,.70)!important;border:1px solid rgba(255,255,255,.90)!important;box-shadow:0 12px 35px rgba(15,23,42,.07)!important;backdrop-filter:blur(16px)!important;position:sticky!important;top:72px!important;z-index:30!important}
body:has(.tabs) .tab{padding:11px 14px!important;border-radius:13px!important;background:#fff!important;color:#344054!important;border:1px solid #e5eaf2!important;font-weight:900!important}
body:has(.tabs) .tab:hover{color:#2563eb!important;border-color:#bcd0ff!important;transform:translateY(-2px)!important}
body:has(.tabs) .stats{grid-template-columns:repeat(4,1fr)!important;gap:16px!important}
body:has(.tabs) .stat{padding:22px!important;min-height:120px!important}
body:has(.tabs) .num{font-size:39px!important;background:linear-gradient(90deg,#2563eb,#5b4df5);-webkit-background-clip:text;background-clip:text;color:transparent!important}
body:has(.tabs) .grid2{gap:18px!important}
body:has(.tabs) .card{padding:23px!important}
body:has(.tabs) .table{border-radius:18px!important;background:rgba(255,255,255,.55)!important;border:1px solid #e8edf4!important}
body:has(.tabs) .table th{background:linear-gradient(180deg,#f7f9fd,#eef3fb)!important;color:#344054!important}
body:has(.tabs) .table tr:hover td{background:rgba(37,99,235,.035)!important}

/* Retailer shop dashboard */
body:has(.side){background:
 radial-gradient(circle at 100% 0%,rgba(6,182,212,.14),transparent 28%),
 radial-gradient(circle at 0% 20%,rgba(37,99,235,.11),transparent 25%),#f6f8fc!important}
body:has(.side) .nav{position:sticky!important;top:0!important;z-index:50!important;padding:15px 26px!important;background:linear-gradient(110deg,#07101c,#10254b 65%,#0d5264)!important;color:#fff!important;border:0!important;box-shadow:0 15px 45px rgba(15,23,42,.17)!important}
body:has(.side) .nav a{color:#fff!important}
body:has(.side) .wrap{max-width:1400px!important;padding:28px 24px 70px!important}
body:has(.side) .side{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;padding:9px!important;margin:0!important;overflow:visible!important;flex-wrap:nowrap!important;border-radius:20px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;backdrop-filter:none!important;position:static!important;top:auto!important;z-index:auto!important}
body:has(.side) .side a{white-space:nowrap!important;padding:12px 13px!important;border-radius:13px!important;background:rgba(255,255,255,.055)!important;border:1px solid transparent!important;color:#cbd5e1!important;font-weight:850!important;transition:all .18s ease!important}.sidebar .side a.active{background:linear-gradient(135deg,#2563eb,#5b4df5)!important;color:#fff!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 10px 25px rgba(37,99,235,.24)!important}.sidebar .side a:hover{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.08)!important;transform:translateX(3px)!important}

body:has(.side) .stats{grid-template-columns:repeat(4,1fr)!important;gap:16px!important;padding:0!important;max-width:none!important}
body:has(.side) .stat{padding:23px!important;min-height:122px!important}
body:has(.side) .stat{user-select:none!important}
body:has(.side) .stats .stat:nth-child(1){border-top:4px solid #7c3aed!important;background:linear-gradient(145deg,#fff,#faf7ff)!important}
body:has(.side) .stats .stat:nth-child(2){border-top:4px solid #10b981!important;background:linear-gradient(145deg,#fff,#f5fffb)!important}
body:has(.side) .stats .stat:nth-child(3){border-top:4px solid #ef4444!important;background:linear-gradient(145deg,#fff,#fff7f7)!important}
body:has(.side) .stats .stat:nth-child(4){border-top:4px solid #06b6d4!important;background:linear-gradient(145deg,#fff,#f3fdff)!important}
body:has(.side) .stats .stat:nth-child(1) .num{background:linear-gradient(90deg,#7c3aed,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent!important}
body:has(.side) .stats .stat:nth-child(2) .num{background:linear-gradient(90deg,#059669,#10b981);-webkit-background-clip:text;background-clip:text;color:transparent!important}
body:has(.side) .stats .stat:nth-child(3) .num{background:linear-gradient(90deg,#dc2626,#f43f5e);-webkit-background-clip:text;background-clip:text;color:transparent!important}
body:has(.side) .stats .stat:nth-child(4) .num{background:linear-gradient(90deg,#0891b2,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent!important}
body:has(.side) .stats .stat small{user-select:none!important}
body:has(.side) .stats .stat:after{opacity:.75}
body:has(.side) .num{font-size:40px!important;background:linear-gradient(90deg,#2563eb,#5b4df5,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent!important}
body:has(.side) .card{padding:23px!important}
body:has(.side) .pricebox{background:linear-gradient(145deg,#fff,#f7f9ff)!important}
body:has(.side) .pill{background:rgba(37,99,235,.09)!important;color:#2853c7!important;border:1px solid rgba(37,99,235,.13)!important}
body:has(.side) .table{border-radius:18px!important;background:rgba(255,255,255,.60)!important;border:1px solid #e7ecf4!important}
body:has(.side) .table th{background:#f4f7fb!important}

/* QR / poster pages */
.bar{background:rgba(255,255,255,.82)!important;border-radius:22px!important;box-shadow:var(--gph-shadow)!important}
.poster{border-radius:26px!important;box-shadow:0 30px 90px rgba(15,23,42,.16)!important}

/* Generic inner pages */
body:has(.box):not(:has(.cards)){background:radial-gradient(circle at 10% 0%,rgba(37,99,235,.14),transparent 28%),radial-gradient(circle at 90% 10%,rgba(6,182,212,.10),transparent 25%),#f6f8fc!important}
body:has(.box):not(:has(.cards)) .box{max-width:720px!important;margin:7vh auto!important;padding:30px!important}
body:has(.box):not(:has(.cards)) .box h1{font-size:40px!important}
body:has(.box):not(:has(.cards)) .box button{border-radius:14px!important}

/* Print editor — preserve usability, improve shell */
body:has(#editor),body:has(#uploadStep){background:#f4f7fb!important}
body:has(#editor) .card,body:has(#uploadStep) .card{box-shadow:0 20px 60px rgba(15,23,42,.09)!important}

/* Mobile */
@media(max-width:980px){
 body:has(.hero) .hero{grid-template-columns:1fr!important;padding-top:52px!important}
 body:has(.hero) .hero h1{font-size:50px!important}
 body:has(.hero) .features{grid-template-columns:1fr 1fr!important}
 body:has(.hero) .plans{grid-template-columns:1fr!important}
 body:has(.hero) .demoBand{grid-template-columns:1fr!important}
 body:has(.tabs) .stats,body:has(.side) .stats{grid-template-columns:1fr 1fr!important}
}
@media(max-width:700px){
 body:has(.hero) .links{display:none!important}
 body:has(.hero) .hero{padding:40px 15px 30px!important}
 body:has(.hero) .hero h1{font-size:40px!important;letter-spacing:-2.8px!important}
 body:has(.hero) .features{grid-template-columns:1fr!important}
 body:has(.hero) .stats{grid-template-columns:1fr 1fr!important;padding-left:15px!important;padding-right:15px!important}
 body:has(.hero) .section{padding:45px 15px!important}
 body:has(.tabs) .wrap,body:has(.side) .wrap{padding:22px 14px 55px!important}
 body:has(.tabs) .tabs,body:has(.side) .side{top:64px!important}
 body:has(.tabs) .stats,body:has(.side) .stats{grid-template-columns:1fr 1fr!important}
 body:has(.grid2) .grid2{grid-template-columns:1fr!important}
}
@media(max-width:500px){
 body:has(.hero) .stats{grid-template-columns:1fr!important}
 body:has(.tabs) .stats,body:has(.side) .stats{grid-template-columns:1fr!important}
 body:has(.cards) .wrap{padding:30px 14px!important}
 body:has(.cards) .wrap>h1{font-size:40px!important}
 .card,.stat,.box{border-radius:19px!important;padding:17px!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}