@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap");
@import "tailwindcss";

:root{--bg:#0b0b0c;--panel:#151516;--panel2:#222e32;--gold:#d4af7c;--gold2:#f2cf8d;--ivory:#faf7ee;--muted:#9d9a96;--green:#0f4d3b;--soft-sage:#e6efe9;--rose-gold:#e7c9a8;--positive:#40d58b;--danger:#e46f6f;--line:rgba(212,175,124,.18);--font-display:"Fraunces",Georgia,serif;--font-ui:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-family:var(--font-ui)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ivory)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:256px;background:linear-gradient(180deg,#0a0a0b,#131211);border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;z-index:50}.sidebar-top{display:flex;align-items:center;justify-content:space-between}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{font-family:var(--font-display);font-size:38px;font-style:italic;color:var(--gold2);text-shadow:0 0 24px rgba(212,175,124,.25)}.brand-name{font-family:var(--font-display);letter-spacing:.14em;color:var(--gold2);font-size:18px}.brand-tagline{font-size:7px;letter-spacing:.24em;color:#c9c4ba;margin-top:4px}.nav-list{display:grid;gap:7px;margin-top:48px}.nav-item{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:10px;color:#b9b6b1}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(212,175,124,.16),rgba(212,175,124,.06));color:var(--gold2);box-shadow:inset 0 0 0 1px rgba(212,175,124,.08)}.admin-switch{margin-top:18px;border:1px solid var(--line);justify-content:center}.sidebar-user{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,var(--gold),#7d5429);display:grid;place-items:center;color:#111;overflow:hidden;font-weight:700}.avatar.small{width:32px;height:32px}.avatar img{width:100%;height:100%;object-fit:cover}.user-copy{display:grid;min-width:0;flex:1}.user-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-copy small{font-size:10px;color:var(--muted);text-transform:uppercase}.icon-btn{border:0;background:transparent;color:#ddd;cursor:pointer;padding:6px}.main-wrap{margin-left:256px;min-height:100vh;background:radial-gradient(circle at 80% 0%,rgba(15,77,59,.16),transparent 26%),radial-gradient(circle at 20% 20%,rgba(212,175,124,.07),transparent 28%),#0e0e0f}.topbar{height:82px;padding:0 34px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(14,14,15,.88);backdrop-filter:blur(18px);z-index:30}.topbar h1{font-family:var(--font-display);font-size:22px;margin:3px 0 0}.top-user{display:flex;align-items:center;gap:10px;font-size:13px}.content{padding:32px 34px 100px;max-width:1500px;margin:auto}.eyebrow{font-size:10px;letter-spacing:.18em;color:#928e88}.eyebrow.gold,.gold{color:var(--gold2)}.welcome,.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.welcome{margin-bottom:24px}.welcome h2,.section-head h2,.reward-hero h2{font-family:var(--font-display);font-size:30px;margin:6px 0}.welcome p,.section-head p,.muted{color:var(--muted);margin:0}.btn{border:1px solid transparent;border-radius:9px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:650}.btn.primary{background:linear-gradient(180deg,#f0c97f,#cf9d4f);color:#18120a;box-shadow:0 8px 30px rgba(207,157,79,.15)}.btn.secondary{background:#171718;border-color:#49433c;color:#eee}.btn.google{background:white;color:#222;border-color:#e6e2dc;width:100%;margin-top:20px}.btn.danger{border-color:rgba(228,111,111,.45);background:rgba(228,111,111,.08);color:#ffb0b0}.btn.full{width:100%}.btn.tiny{padding:7px 10px;font-size:12px;background:#2a241c;color:var(--gold2);border-color:var(--line)}.card{background:linear-gradient(180deg,rgba(28,28,30,.98),rgba(20,20,21,.98));border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.18)}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.stat-card{padding:20px;min-height:180px;position:relative;overflow:hidden}.stat-value{font-family:var(--font-display);font-size:34px;margin:12px 0 4px}.positive{color:var(--positive);font-size:12px}.sparkline{position:absolute;right:20px;bottom:24px;height:58px;width:42%;display:flex;align-items:flex-end;gap:5px}.sparkline i{display:block;width:14%;border-radius:8px 8px 0 0}.gold-line i{background:linear-gradient(#f1cc89,#5f451f)}.green-line i{background:linear-gradient(#4dd69a,#173d31)}.sparkline i:nth-child(1){height:20%}.sparkline i:nth-child(2){height:28%}.sparkline i:nth-child(3){height:45%}.sparkline i:nth-child(4){height:39%}.sparkline i:nth-child(5){height:58%}.sparkline i:nth-child(6){height:72%}.sparkline i:nth-child(7){height:92%}.compact-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:18px}.compact-stats div{display:grid;gap:9px;padding:8px 18px;border-right:1px solid rgba(255,255,255,.06)}.compact-stats div:last-child{border:0}.compact-stats span{font-size:11px;color:var(--muted)}.compact-stats strong{font-family:var(--font-display);font-size:22px}.reward-card{padding:18px;display:flex;gap:16px}.reward-emblem{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#111;background:linear-gradient(145deg,#f3cf88,#a4742d);box-shadow:0 0 0 6px rgba(212,175,124,.08)}.reward-emblem.large{width:78px;height:78px;margin:auto}.reward-card h3{font-family:var(--font-display);margin:8px 0 4px}.reward-card a{display:inline-block;color:var(--gold2);font-size:12px;margin-top:10px}.progress{height:7px;background:#2a2a2c;border-radius:20px;overflow:hidden;margin-top:12px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#c9954c,#f0cf8c)}.section-head{margin:30px 0 16px}.item-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gold-card,.collection-card{background:#171718;border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;transition:.2s}.gold-card:hover,.collection-card:hover{transform:translateY(-2px);border-color:rgba(212,175,124,.3)}.gold-card img{width:100%;height:160px;object-fit:cover}.placeholder-gold{height:160px;display:grid;place-items:center;font-size:62px;color:var(--gold);background:radial-gradient(circle,rgba(212,175,124,.22),transparent 56%),#111}.gold-card-body{padding:14px;display:grid;gap:10px}.gold-card-body>div{display:grid}.gold-card-body small,.collection-body small{color:var(--muted)}.gold-card-body b,.collection-body b{color:var(--gold2)}.quick-actions{display:none}.empty{padding:46px;text-align:center}.empty-icon{font-size:58px;color:var(--gold)}.empty h3{font-family:var(--font-display);font-size:25px}.empty p{color:var(--muted)}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.collection-image{height:210px;position:relative;background:#111;display:grid;place-items:center;font-size:64px;color:var(--gold)}.collection-image img{width:100%;height:100%;object-fit:cover}.karat-badge{position:absolute;left:10px;top:10px;background:#16130e;color:var(--gold2);border:1px solid var(--line);padding:5px 8px;border-radius:20px;font-size:11px}.collection-body{padding:14px;display:grid;gap:5px}.collection-body b{margin-top:8px}.form-shell{display:grid;grid-template-columns:.8fr 1.5fr;gap:18px;max-width:1050px}.upload-card,.item-form{padding:24px}.upload-card{text-align:center;align-self:start}.upload-icon{width:66px;height:66px;margin:10px auto 16px;display:grid;place-items:center;border-radius:18px;background:rgba(212,175,124,.09);color:var(--gold2)}.upload-card p{color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label,.auth-card label{display:grid;gap:7px;color:#c9c5bf;font-size:12px}.span-2{grid-column:span 2}input,select,textarea{width:100%;background:#101011;color:#eee;border:1px solid #333;border-radius:8px;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#a77e49;box-shadow:0 0 0 3px rgba(212,175,124,.09)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.form-errors,.field-error{color:#ff9e9e;font-size:12px;margin-top:12px}.detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.detail-photo{overflow:hidden;min-height:540px;display:grid;place-items:center}.detail-photo img{width:100%;height:100%;object-fit:cover}.placeholder-gold.large{height:100%;width:100%}.detail-summary{padding:28px}.detail-summary h2{font-family:var(--font-display);font-size:34px;margin-bottom:4px}.detail-summary>p{color:var(--muted)}.value-box{margin:22px 0;border-radius:14px;padding:18px;background:linear-gradient(135deg,#123b31,#0f211c);display:grid;gap:5px;border:1px solid rgba(64,213,139,.14)}.value-box strong{font-family:var(--font-display);font-size:32px}.value-box span,.value-box small{color:#b6d8ca}.breakdown{margin:0 0 24px}.breakdown div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);padding:13px 0}.breakdown dt{color:var(--muted)}.history-card{padding:20px;margin-top:18px}.history-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06);padding:13px 0}.history-row>div{display:grid;gap:4px}.history-row small{color:var(--muted)}.reward-hero{text-align:center;padding:34px;max-width:700px;margin:auto}.reward-hero>strong{font-size:28px;color:var(--gold2)}.reward-hero p{color:var(--muted)}.benefit-grid,.admin-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.benefit-grid .card{padding:20px}.benefit-grid svg{color:var(--gold2);margin-bottom:14px}.benefit-grid p{color:var(--muted);font-size:13px}.admin-stat-grid{grid-template-columns:repeat(4,1fr)}.admin-stat-grid .stat-card{min-height:140px}.admin-stat-grid svg{position:absolute;right:20px;top:20px;color:var(--gold)}.admin-live{padding:24px;display:flex;justify-content:space-between;align-items:end}.admin-live h2{font-family:var(--font-display);font-size:34px}.admin-live p{color:var(--muted)}.admin-chart{height:90px;display:flex;align-items:flex-end;gap:8px;width:44%}.admin-chart i{flex:1;background:linear-gradient(#44c58f,#153d31);border-radius:8px 8px 0 0}.admin-chart i:nth-child(1){height:22%}.admin-chart i:nth-child(2){height:31%}.admin-chart i:nth-child(3){height:38%}.admin-chart i:nth-child(4){height:34%}.admin-chart i:nth-child(5){height:50%}.admin-chart i:nth-child(6){height:62%}.admin-chart i:nth-child(7){height:57%}.admin-chart i:nth-child(8){height:79%}.admin-chart i:nth-child(9){height:95%}.pricing-top{display:grid;grid-template-columns:1.4fr .8fr;gap:16px}.provider-card,.base-price{padding:22px}.provider-row{display:flex;align-items:center;justify-content:space-between}.provider-row h2{font-family:var(--font-display)}.provider-row p{color:var(--muted)}.base-price{display:grid;gap:12px}.base-price>strong{font-family:var(--font-display);font-size:28px;color:var(--gold2)}.base-price small{font-size:12px;color:var(--muted)}.check{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center;gap:8px}.check input{width:auto}.table-card{padding:20px;margin-top:18px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th,td{text-align:left;padding:12px;border-top:1px solid rgba(255,255,255,.06);font-size:12px}th{color:var(--muted);font-weight:600}.table-input{width:70px;padding:7px}.table-input.wide{width:110px}.switch input{display:none}.switch span{display:inline-block;width:38px;height:22px;background:#3a3a3c;border-radius:20px;position:relative}.switch span:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#999;transition:.2s}.switch input:checked+span{background:#155b45}.switch input:checked+span:after{left:19px;background:#5be0a5}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.auth-visual{position:relative;padding:48px;overflow:hidden;background:radial-gradient(circle at 70% 70%,rgba(212,175,124,.33),transparent 20%),radial-gradient(circle at 50% 30%,rgba(15,77,59,.22),transparent 30%),linear-gradient(145deg,#080808,#17130e)}.auth-visual:after{content:"";position:absolute;inset:auto -12% -20% 18%;height:45%;transform:rotate(-10deg);background:linear-gradient(120deg,transparent,#d8a84e 42%,#5a3613 48%,#f4d28d 51%,#2f1e0f 56%,transparent 76%);filter:blur(2px);opacity:.65}.hero-copy{position:absolute;left:48px;bottom:120px;z-index:2}.hero-copy h1{font-family:var(--font-display);font-size:62px;line-height:.96;margin:15px 0}.hero-copy p{color:#c8c2b8;max-width:420px}.auth-form-wrap{display:grid;place-items:center;background:#f8f5ee;color:#1c1b19;padding:32px}.auth-card{width:min(440px,100%)}.auth-card h2{font-family:var(--font-display);font-size:34px;margin-bottom:6px}.auth-card .muted{color:#777}.auth-card label{color:#595959;margin-top:14px}.auth-card input{background:white;color:#222;border-color:#d9d4cd}.divider{display:flex;align-items:center;gap:10px;color:#999;font-size:11px;margin:20px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#ddd}.google-g{font-weight:900;color:#4285f4}.legal{text-align:center;color:#999;font-size:10px;margin-top:18px}.mobile-brand{display:none}.flash{margin:18px 34px 0;padding:11px 14px;border-radius:9px;font-size:13px}.flash.success{background:rgba(64,213,139,.12);color:#8ee3b8;border:1px solid rgba(64,213,139,.2)}.flash.error{background:rgba(228,111,111,.12);color:#ffaaaa;border:1px solid rgba(228,111,111,.2)}.bottom-nav,.mobile-only{display:none}
@media(max-width:1100px){.sidebar{width:220px}.main-wrap{margin-left:220px}.item-row,.collection-grid{grid-template-columns:repeat(3,1fr)}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:46px}.form-shell{grid-template-columns:1fr}.upload-card{display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-105%);width:86%;max-width:330px;transition:.22s}.sidebar.open{transform:none}.main-wrap{margin-left:0}.mobile-only{display:inline-flex}.topbar{height:72px;padding:0 18px}.top-user > span{display:none}.content{padding:22px 16px 100px}.topbar .eyebrow{display:none}.welcome{align-items:flex-start}.welcome h2,.section-head h2{font-size:25px}.welcome .btn{display:none}.dashboard-grid,.pricing-top,.detail-grid{grid-template-columns:1fr}.item-row,.collection-grid{grid-template-columns:repeat(2,1fr)}.gold-card img,.placeholder-gold{height:130px}.collection-image{height:150px}.compact-stats{grid-template-columns:1fr 1fr}.compact-stats div:nth-child(2){border:0}.compact-stats div:last-child{grid-column:span 2;border-top:1px solid rgba(255,255,255,.06);margin-top:8px}.benefit-grid{grid-template-columns:1fr}.detail-photo{min-height:320px}.detail-summary{padding:20px}.auth-page{display:block;background:#0b0b0c;min-height:100vh}.auth-visual{height:250px;padding:24px}.auth-visual>.brand-lockup{display:none}.hero-copy{left:24px;bottom:38px}.hero-copy h1{font-size:38px}.hero-copy p{display:none}.auth-form-wrap{min-height:calc(100vh - 250px);padding:26px 20px;border-radius:24px 24px 0 0;margin-top:-24px;position:relative}.mobile-brand{display:block;margin-bottom:28px}.auth-form-wrap .brand-name{color:#7b592f}.auth-form-wrap .brand-tagline{color:#8c8174}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);left:0;right:0;bottom:0;height:70px;background:rgba(13,13,14,.96);backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:40;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:grid;place-items:center;align-content:center;gap:3px;color:#777;font-size:10px}.bottom-nav a.active{color:var(--gold2)}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.quick-actions a{display:grid;place-items:center;gap:6px;padding:11px 4px;background:#171718;border:1px solid rgba(255,255,255,.06);border-radius:12px;font-size:9px}.section-head.collection-title{align-items:flex-start}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.admin-live{align-items:start;display:grid}.admin-chart{width:100%;margin-top:20px}.stat-value{font-size:28px}.flash{margin:12px 16px 0}}
@media(max-width:380px){.item-row,.collection-grid{grid-template-columns:1fr}.compact-stats{grid-template-columns:1fr}.compact-stats div,.compact-stats div:last-child{grid-column:auto;border-right:0;border-top:1px solid rgba(255,255,255,.06)}.hero-copy h1{font-size:32px}}
.detail-actions{display:flex;gap:10px;flex-wrap:wrap}code{color:var(--gold2);font-size:11px}td small{color:var(--muted)}

/* Superadmin provider switcher */
.provider-list-card{padding:22px;margin-top:18px}.provider-list-head{align-items:flex-start}.provider-list-head p{color:var(--muted);max-width:780px;margin-top:5px;font-size:13px}.provider-list{display:grid;gap:10px;margin-top:18px}.provider-list-row{display:grid;grid-template-columns:minmax(280px,1.8fr) minmax(150px,.65fr) minmax(155px,.7fr) auto;gap:16px;align-items:center;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.018);transition:.18s}.provider-list-row:hover{border-color:rgba(212,175,124,.3);background:rgba(212,175,124,.025)}.provider-list-row.active{border-color:rgba(212,175,124,.52);box-shadow:inset 3px 0 0 var(--gold);background:linear-gradient(90deg,rgba(212,175,124,.075),rgba(255,255,255,.012))}.provider-list-main{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:start;min-width:0}.provider-status{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#242427;color:#8a8a8d}.provider-status.available{background:rgba(48,190,126,.12);color:#5bd69d}.provider-status.error{background:rgba(231,102,102,.12);color:#ee8c8c}.provider-title-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.provider-title-row strong{font-size:14px}.active-pill{font-size:9px;letter-spacing:.09em;padding:4px 7px;border-radius:20px;background:rgba(212,175,124,.14);color:var(--gold2);border:1px solid rgba(212,175,124,.23)}.provider-list-main code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:4px;color:#91877b}.provider-list-main small{display:block;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.provider-price-col,.provider-basis-col{display:grid;gap:4px}.provider-price-col span,.provider-basis-col label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.provider-price-col strong{font-size:14px;color:#eee}.provider-price-col small{color:var(--muted);font-size:10px}.provider-basis-col select{padding:9px 10px}.provider-actions-col{display:flex;gap:8px;align-items:center;justify-content:flex-end}.provider-apply{white-space:nowrap;min-width:94px}.icon-link{width:36px;height:36px;border-radius:9px;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;color:#aaa}.icon-link:hover{color:var(--gold2);border-color:rgba(212,175,124,.4)}.current-source-name{display:flex;align-items:center;gap:9px;color:var(--gold2)}.current-source-name h2{color:#eee}.provider-row .btn{display:flex;align-items:center;gap:7px}.spin{animation:alka-spin .8s linear infinite}@keyframes alka-spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.provider-list-row{grid-template-columns:1fr 170px 180px}.provider-actions-col{grid-column:1/-1;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.06);padding-top:10px}}
@media(max-width:760px){.provider-list-card{padding:16px}.provider-list-head{display:grid;gap:12px}.provider-list-row{grid-template-columns:1fr;gap:11px}.provider-price-col,.provider-basis-col{padding-left:45px}.provider-actions-col{grid-column:auto}.provider-list-main small{white-space:normal}.provider-list-main code{font-size:9px}.provider-actions-col .provider-apply{flex:1}.current-source-card .provider-row{display:grid;gap:12px;align-items:start}}
.locale-switch{margin:14px 14px 0;display:flex;align-items:center;gap:7px;color:#777;font-size:11px;padding:9px 11px;border:1px solid rgba(255,255,255,.06);border-radius:10px}.locale-switch button,.top-locale button{border:0;background:transparent;color:#777;font:inherit;cursor:pointer}.locale-switch button.active,.top-locale button.active{color:var(--gold2);font-weight:700}.top-locale{display:flex;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:2px}.top-locale button{padding:4px 6px;font-size:10px}.top-locale button.active{background:rgba(212,175,124,.12);border-radius:5px}@media(max-width:760px){.top-locale{display:none}}
.auth-language{display:flex;justify-content:flex-end;gap:4px;margin-bottom:14px}.auth-language button{border:1px solid #ddd;background:#fff;color:#777;border-radius:7px;padding:5px 8px;cursor:pointer}.auth-language button.active{background:#17130e;color:#e5bb78;border-color:#17130e}

/* ALKA GOLD v4 design system — derived from the approved concept board. */
.brand-lockup{min-width:0}.brand-logo-img{display:block;width:206px;height:auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 7px 20px rgba(212,175,124,.08))}.brand-logo-img.light{width:236px}.brand-lockup-compact{width:46px;height:46px}.brand-icon-img{width:46px;height:46px;object-fit:contain}.sidebar .brand-logo-img{width:190px;margin:-18px 0 -20px -4px}.mobile-brand .brand-logo-img{width:210px;margin:-16px 0 -20px}.auth-visual>.brand-lockup .brand-logo-img{width:245px;margin:-24px 0 -26px}.auth-visual{background-image:linear-gradient(90deg,rgba(7,7,8,.91),rgba(7,7,8,.55)),url('/assets/brand/v4/hero-brand-dark.jpg');background-size:cover;background-position:center}.auth-visual:after{display:none}.gold-orb{position:absolute;right:-4%;bottom:-8%;width:52%;aspect-ratio:1;background:url('/assets/brand/v4/gold-texture.jpg') center/cover;border-radius:50%;filter:saturate(.92) contrast(1.08);opacity:.55;mask-image:radial-gradient(circle,#000 42%,transparent 72%)}
.topbar h1,.welcome h2,.section-head h2,.section-head h3,.detail-summary h2,.auth-card h2,.stat-value,.compact-stats strong,.value-box strong,.reward-card h3{font-family:var(--font-display)}
.card{background:linear-gradient(145deg,rgba(27,27,28,.98),rgba(15,15,16,.985));border-color:rgba(212,175,124,.095);box-shadow:0 22px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)}
.btn.primary{background:linear-gradient(135deg,#f4d89d 0%,#d4af7c 46%,#b7823d 100%);box-shadow:0 10px 28px rgba(212,175,124,.19),inset 0 1px 0 rgba(255,255,255,.35)}
.btn.primary:hover{filter:brightness(1.05);transform:translateY(-1px)}
.nav-item.active{box-shadow:inset 3px 0 0 var(--gold),inset 0 0 0 1px rgba(212,175,124,.08)}
.brand-upload-card{position:relative;overflow:hidden}.brand-upload-card:before{content:"";position:absolute;inset:0;background:url('/assets/brand/v4/gold-texture.jpg') center/cover;opacity:.1;pointer-events:none}.upload-art{height:80px;display:grid;place-items:center;position:relative}.upload-art img{height:76px;width:90px;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(212,175,124,.22))}

/* Master Karat */
.karat-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}.karat-summary{padding:18px;display:flex;align-items:center;gap:14px}.karat-summary>svg{color:var(--gold2);width:28px;height:28px}.karat-summary>div{display:grid;gap:3px}.karat-summary span{color:var(--muted);font-size:11px}.karat-summary strong{font-family:var(--font-display);font-size:26px}.summary-dot{width:18px;height:18px;border-radius:50%;background:#49494b;box-shadow:0 0 0 6px rgba(255,255,255,.03)}.summary-dot.active{background:#46d59b;box-shadow:0 0 0 6px rgba(70,213,155,.08)}
.master-karat-table{padding:0;overflow:hidden}.master-karat-table table{min-width:980px}.master-karat-table th{background:rgba(255,255,255,.018);border-top:0;padding-top:15px;padding-bottom:15px}.master-karat-table td{padding-top:13px;padding-bottom:13px}.karat-name-cell{display:flex;align-items:center;gap:11px;min-width:190px}.karat-name-cell>div{display:grid;gap:3px}.karat-name-cell small{color:#756f68}.karat-medallion{width:52px;height:36px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,rgba(212,175,124,.19),rgba(212,175,124,.05));border:1px solid rgba(212,175,124,.25);color:var(--gold2);font-weight:700;font-size:11px}.status-pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.06em}.status-pill.ok{background:rgba(64,213,139,.1);color:#68dba6}.status-pill.off{background:rgba(255,255,255,.06);color:#888}.row-actions{white-space:nowrap}.danger-icon{display:inline-grid!important;color:#c97d7d;margin-left:6px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;z-index:100}.modal-card{width:min(760px,100%);max-height:92vh;overflow:auto;background:linear-gradient(145deg,#1b1a19,#0e0e0f);border:1px solid rgba(212,175,124,.22);border-radius:20px;padding:24px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head h2{font-family:var(--font-display);margin:5px 0 0;font-size:28px}.toggle-field{align-content:start}.toggle-field>.switch{margin-top:8px;width:max-content}

/* Pricing table: dense enough for desktop without unnecessary horizontal scroll. */
.pricing-karat-cell{display:grid;gap:3px;min-width:145px}.pricing-karat-cell small{color:#756f68;font-size:9px;max-width:180px;white-space:normal}.input-suffix{display:flex;align-items:center;gap:4px}.input-suffix span{color:var(--muted)}.table-input.charge{width:102px}.table-card table{min-width:0}.table-card th,.table-card td{white-space:nowrap}.table-card .section-head{align-items:flex-start}.table-card .section-head p{max-width:720px;margin-top:4px;font-size:12px}.table-scroll{scrollbar-color:#6f6559 #1b1b1c;scrollbar-width:thin}

@media(max-width:1050px){.karat-summary-grid{grid-template-columns:1fr 1fr 1fr}.table-card table{min-width:980px}}
@media(max-width:760px){.brand-logo-img{width:170px}.sidebar .brand-logo-img{width:180px}.karat-summary-grid{grid-template-columns:1fr}.master-karat-table{border-radius:14px}.modal-backdrop{padding:10px}.modal-card{padding:18px;border-radius:16px}.modal-head h2{font-size:24px}.table-card .section-head{display:grid}.auth-visual{background-position:34% center}.gold-orb{width:70%;right:-25%;bottom:-18%}}

/* ALKA GOLD v5 — customer buy formula, 5-year portfolio history and direct selling */
.purchase-formula-card{padding:22px;margin-top:18px}.purchase-formula-card>.section-head{align-items:flex-start}.purchase-formula-card>.section-head>svg{color:var(--gold2)}.purchase-formula-card h3,.collection-trend-card h3{font-family:var(--font-display);font-size:23px;margin:5px 0}.purchase-formula-card p{max-width:780px;color:var(--muted);font-size:13px}.formula-editor-grid{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(170px,.65fr) minmax(300px,1.4fr) auto;gap:14px;align-items:end;margin-top:20px}.formula-editor-grid>label{display:grid;gap:7px}.formula-editor-grid>label>span{font-size:11px;color:var(--muted)}.currency-input{display:flex;align-items:center;border:1px solid rgba(255,255,255,.11);background:#111112;border-radius:9px;overflow:hidden}.currency-input b,.currency-input .currency-prefix{padding:0 10px;color:var(--gold2);font-size:12px;font-weight:700}.currency-input .currency-suffix{padding:0 10px 0 4px;color:#d8d0c4;font-size:12px;font-weight:650;white-space:nowrap}.currency-input input{border:0!important;border-left:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;background:transparent!important;width:100%}.input-suffix.wide{border:1px solid rgba(255,255,255,.11);border-radius:9px;background:#111112;padding-right:10px}.input-suffix.wide input{border:0!important;background:transparent!important;width:100%}.formula-example{padding:11px 13px;border:1px solid rgba(212,175,124,.16);background:rgba(212,175,124,.04);border-radius:10px;display:grid;grid-template-columns:auto auto;gap:3px 12px}.formula-example span{font-size:10px;color:var(--muted)}.formula-example strong{color:var(--gold2)}.formula-example small{grid-column:1/-1;color:#a7a29b;line-height:1.45}.buy-purity{color:var(--positive);display:block}.formula-note{display:block;margin-top:3px}.table-card td .status-pill{width:max-content}

.collection-trend-card{padding:22px;margin:20px 0 24px;overflow:hidden}.trend-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.trend-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.trend-change{min-width:150px;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 8px}.trend-change.up{color:var(--positive);background:rgba(64,213,139,.045)}.trend-change.down{color:#ef8e8e;background:rgba(239,142,142,.045)}.trend-change small{grid-column:1/-1;color:var(--muted);font-size:9px}.trend-chart-wrap{position:relative;margin-top:12px}.trend-tooltip{position:absolute;right:8px;top:4px;z-index:2;display:grid;text-align:right;pointer-events:none}.trend-tooltip span,.trend-tooltip small{color:var(--muted);font-size:9px}.trend-tooltip strong{font-family:var(--font-display);font-size:20px;color:var(--ivory)}.trend-chart{width:100%;height:310px;overflow:visible}.trend-grid-line{stroke:rgba(255,255,255,.055);stroke-width:1}.trend-axis-value,.trend-axis-label{fill:#77736e;font-size:9px;font-family:var(--font-ui)}.trend-line{fill:none;stroke:#d4af7c;stroke-width:3;filter:drop-shadow(0 5px 9px rgba(212,175,124,.22))}.trend-point{fill:#151516;stroke:#d4af7c;stroke-width:2;cursor:pointer;transition:.15s}.trend-point:hover,.trend-point.active{fill:#f0c97f;stroke:#fff}.trend-foot{display:flex;flex-wrap:wrap;gap:8px 20px;border-top:1px solid rgba(255,255,255,.06);padding-top:12px;color:var(--muted);font-size:10px}.trend-foot b{color:#c7c2ba}.partial-note{color:#d3a96e}.history-empty{min-height:140px;display:flex;align-items:center;justify-content:center;gap:14px;color:#777}.history-empty>svg{color:var(--gold)}.history-empty strong{color:#ccc}.history-empty p{margin:4px 0 0;color:var(--muted);font-size:12px}.buy-label{display:block;color:#8a8379;font-size:9px;text-transform:uppercase;letter-spacing:.07em;margin-top:7px}

.purchase-value-box{background:linear-gradient(145deg,rgba(15,77,59,.22),rgba(212,175,124,.055));border:1px solid rgba(212,175,124,.18)}.purchase-formula-note{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border:1px solid rgba(64,213,139,.14);border-radius:10px;background:rgba(64,213,139,.04);color:#a9cdbc;font-size:11px;line-height:1.45;margin:12px 0}.purchase-formula-note svg{flex:none;color:var(--positive)}.breakdown dd small{color:var(--muted)}.sell-gold-btn{flex:1}.sell-helper{font-size:10px!important;color:#777!important;line-height:1.45;margin-top:10px!important}

.sales-table-card{margin-top:20px;overflow:hidden}.block-muted{display:block;color:var(--muted);margin-top:3px}.sale-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.05em}.sale-status.new{background:rgba(212,175,124,.12);color:var(--gold2)}.sale-status.contacted{background:rgba(66,142,230,.12);color:#8ebcff}.sale-status.completed{background:rgba(64,213,139,.11);color:#6adba8}.sale-status.cancelled{background:rgba(228,111,111,.1);color:#e99494}.sale-detail-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:16px;margin-top:20px}.sale-detail-card{padding:20px}.sale-card-title{display:flex;gap:11px;align-items:center;margin-bottom:16px}.sale-card-title>svg{color:var(--gold2)}.sale-card-title>div{display:grid}.sale-card-title span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.sale-card-title strong{font-family:var(--font-display);font-size:20px}.calculation-card{border-color:rgba(212,175,124,.19)}.sale-message-card{padding:20px;margin-top:16px}.sale-message-card pre{white-space:pre-wrap;word-break:break-word;color:#c9c5be;background:#101011;border:1px solid rgba(255,255,255,.06);padding:14px;border-radius:10px;font-family:var(--font-ui);font-size:12px;line-height:1.6}

.settings-card{padding:22px;margin-top:20px;display:grid;grid-template-columns:72px 1fr;gap:20px}.settings-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,rgba(212,175,124,.18),rgba(15,77,59,.14));color:var(--gold2);border:1px solid rgba(212,175,124,.18)}.settings-form{display:grid;gap:16px;max-width:850px}.settings-form label{display:grid;gap:7px}.settings-form label>span{font-size:11px;color:var(--muted)}.settings-form small{color:#777}.placeholder-help{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid rgba(212,175,124,.12);border-radius:10px;background:rgba(212,175,124,.035)}.placeholder-help>svg{color:var(--gold2);flex:none}.placeholder-help div{display:grid;gap:5px}.placeholder-help code{white-space:normal;line-height:1.5}

@media(max-width:1050px){.formula-editor-grid{grid-template-columns:1fr 1fr}.formula-example{grid-column:1/-1}.formula-editor-grid>.btn{width:max-content}.sale-detail-grid{grid-template-columns:1fr 1fr}.calculation-card{grid-column:1/-1}.trend-chart{height:270px}}
@media(max-width:760px){.formula-editor-grid{grid-template-columns:1fr}.formula-example{grid-column:auto}.formula-editor-grid>.btn{width:100%}.trend-head{display:grid}.trend-change{width:100%}.trend-tooltip{position:static;text-align:left;margin:10px 0 -8px}.trend-chart{height:230px;min-width:680px}.trend-chart-wrap{overflow-x:auto}.trend-foot{display:grid;gap:5px}.sale-detail-grid{grid-template-columns:1fr}.calculation-card{grid-column:auto}.settings-card{grid-template-columns:1fr}.settings-icon{width:50px;height:50px}.collection-trend-card{padding:16px}}

/* ALKA GOLD v6 — transparent branding, private customer pricing, purchase baseline */
.transparent-brand{background:transparent!important;mix-blend-mode:normal}.sidebar .brand-logo-img{width:202px;margin:-6px 0 -8px -2px;filter:drop-shadow(0 10px 24px rgba(212,175,124,.13))}.mobile-brand .brand-logo-img{width:220px;margin:-8px 0 -10px}.auth-visual>.brand-lockup .brand-logo-img{width:260px;margin:-8px 0 -12px}.brand-icon-img{object-fit:contain;filter:drop-shadow(0 8px 18px rgba(212,175,124,.18))}.purchase-baseline{stroke:#f0b83f;stroke-width:2;stroke-dasharray:10 8;opacity:.95}.chart-legend{display:flex;flex-wrap:wrap;gap:10px 22px;margin:2px 0 14px;color:#aaa49b;font-size:10px}.chart-legend span{display:inline-flex;align-items:center;gap:8px}.legend-line{display:block;width:28px;height:0;border-top:2px solid #d4af7c}.legend-line.purchase{border-top-color:#f0b83f;border-top-style:dashed}.purchase-caption{font-size:10px;color:#a59d91;margin-top:7px}.private-formula-note{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border:1px solid rgba(212,175,124,.13);border-radius:10px;background:rgba(212,175,124,.035);color:#aaa39a;font-size:11px;line-height:1.5;margin:12px 0}.private-formula-note svg{color:var(--gold2);flex:none}.customer-breakdown dd.positive{font-size:12px}.customer-breakdown dd.negative{color:#ef8e8e}.currency-field{display:flex;align-items:center;background:#101011;border:1px solid #333;border-radius:8px;overflow:hidden}.currency-field:focus-within{border-color:#a77e49;box-shadow:0 0 0 3px rgba(212,175,124,.09)}.currency-field .currency-prefix{padding:0 11px;color:var(--gold2);font-weight:650;border-right:1px solid rgba(255,255,255,.06)}.currency-field .currency-suffix{padding:0 12px 0 4px;color:#d8d0c4;font-weight:650;white-space:nowrap}.currency-field input{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.field-help{color:#777;line-height:1.4}.collection-trend-card{border-color:rgba(212,175,124,.12);background:radial-gradient(circle at 86% 12%,rgba(15,77,59,.13),transparent 28%),linear-gradient(180deg,rgba(25,25,26,.99),rgba(16,16,17,.99))}.trend-chart{min-height:280px}.trend-tooltip{background:rgba(11,11,12,.78);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:8px 10px;backdrop-filter:blur(10px)}
@media(max-width:760px){.sidebar .brand-logo-img{width:190px}.mobile-brand .brand-logo-img{width:205px}.auth-visual>.brand-lockup .brand-logo-img{width:220px}.chart-legend{margin-top:8px}.trend-chart{min-height:230px}}

/* v6.2 value-history range controls */
.trend-range-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}.trend-range-tabs{display:inline-flex;align-items:center;padding:3px;border:1px solid rgba(255,255,255,.08);background:#101011;border-radius:10px}.trend-range-tabs button{appearance:none;border:0;background:transparent;color:#807b74;font:600 10px/1 var(--font-ui);padding:8px 11px;border-radius:7px;cursor:pointer;transition:.18s}.trend-range-tabs button:hover{color:#e3d9c9;background:rgba(255,255,255,.035)}.trend-range-tabs button.active{color:#17120c;background:linear-gradient(135deg,#f2d08d,#c99143);box-shadow:0 4px 14px rgba(212,175,124,.18)}.history-availability{font-size:10px;color:#77716a}.history-availability b{color:#c8b9a3;font-weight:600}.detail-grid+.collection-trend-card{margin-top:20px}.collection-trend-card+.history-card{margin-top:20px}
@media(max-width:760px){.trend-range-row{display:grid;gap:9px}.trend-range-tabs{width:max-content;max-width:100%;overflow-x:auto}.trend-range-tabs button{padding:8px 10px}.history-availability{padding-left:2px}}

/* v6.3 ownership-period trend + item editor */
.trend-period-summary{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin-top:14px;padding:10px 12px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(255,255,255,.018);width:max-content;max-width:100%}.trend-period-summary span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#77716a}.trend-period-summary strong{font-size:11px;color:#d9c7ab}.trend-period-summary small{font-size:10px;color:#7e7870}.edit-photo-preview{width:100%;height:100%;object-fit:cover;border-radius:16px}.detail-actions .btn{min-height:42px}.detail-actions a.btn{text-decoration:none}
@media(max-width:760px){.trend-period-summary{display:grid;gap:4px;width:100%}.detail-actions{display:grid;grid-template-columns:1fr 1fr}.detail-actions .sell-gold-btn{grid-column:1/-1}.detail-actions .btn{justify-content:center}}

/* v6.4 — premium collection cards + ownership/purchase-step chart */
.premium-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.premium-collection-card{display:flex;flex-direction:column;min-height:100%;background:linear-gradient(180deg,rgba(24,24,25,.98),rgba(15,15,16,.99));border-color:rgba(212,175,124,.13);box-shadow:0 16px 40px rgba(0,0,0,.18)}
.premium-collection-card:hover{transform:translateY(-4px);border-color:rgba(212,175,124,.34);box-shadow:0 22px 54px rgba(0,0,0,.28)}
.premium-collection-image{height:245px;background:linear-gradient(145deg,#f4f0e7,#ded8cb);padding:14px;overflow:hidden}
.premium-collection-image img{width:100%;height:100%;object-fit:contain;border-radius:10px;filter:saturate(.98) contrast(1.02)}
.collection-placeholder{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle,rgba(212,175,124,.18),transparent 58%),#161616;color:var(--gold);font-size:64px;border-radius:10px}
.premium-collection-image .karat-badge{left:14px;top:14px;background:rgba(12,12,13,.9);backdrop-filter:blur(10px);box-shadow:0 6px 20px rgba(0,0,0,.18)}
.premium-collection-body{padding:17px;gap:12px;flex:1}
.collection-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.collection-card-title>div{display:grid;gap:4px;min-width:0}
.collection-card-title strong{font-family:var(--font-display);font-size:18px;color:var(--ivory);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collection-card-title small{font-size:11px;color:#8f8a83}
.collection-performance{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap;background:rgba(64,213,139,.08)}
.collection-performance.negative{color:#ef8e8e;background:rgba(239,142,142,.08)}
.collection-estimate{display:grid;gap:4px;padding:13px 14px;border:1px solid rgba(212,175,124,.11);background:linear-gradient(135deg,rgba(212,175,124,.055),rgba(15,77,59,.07));border-radius:12px}
.collection-estimate span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#928b82}
.collection-estimate b{font-family:var(--font-display);font-size:24px;color:var(--gold2);line-height:1.1}
.collection-purchase-row,.collection-delta{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px}
.collection-purchase-row{padding-top:2px;color:#979089}
.collection-purchase-row strong{color:#c8c2b8;font-weight:650}
.collection-delta span{color:#8f8a83}.collection-delta strong{font-size:11px}
.collection-delta.negative strong{color:#ef8e8e}
.collection-card-actions{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:4px;border-top:1px solid rgba(255,255,255,.055)}
.collection-view-link{flex:1;display:flex;align-items:center;justify-content:space-between;padding-top:11px;color:#e6d1aa;font-size:11px;font-weight:650}
.collection-view-link:hover{color:var(--gold2)}
.collection-edit-link{margin-top:8px;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;border:1px solid rgba(212,175,124,.18);color:#c7b28d;background:rgba(212,175,124,.045)}
.collection-edit-link:hover{background:rgba(212,175,124,.11);color:var(--gold2)}
.purchase-step-line{fill:none;stroke:#f0b83f;stroke-width:2.2;stroke-dasharray:9 7;opacity:.96;filter:drop-shadow(0 3px 7px rgba(240,184,63,.08))}
.purchase-event-marker circle{fill:#0e0e0f;stroke:#f0b83f;stroke-width:2.2;cursor:pointer;transition:.15s}
.purchase-event-marker:hover circle{fill:#f0b83f;stroke:#fff}
.trend-tooltip .muted-value{color:#746f68}

@media(max-width:1100px){.premium-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-collection-image{height:225px}}
@media(max-width:760px){.premium-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.premium-collection-image{height:170px;padding:9px}.premium-collection-body{padding:13px;gap:9px}.collection-card-title{display:grid}.collection-card-title strong{font-size:16px}.collection-performance{width:max-content}.collection-estimate{padding:11px}.collection-estimate b{font-size:19px}.collection-purchase-row,.collection-delta{display:grid;gap:2px}.collection-card-actions{margin-top:4px}}
@media(max-width:480px){.premium-collection-grid{grid-template-columns:1fr}.premium-collection-image{height:235px}.collection-purchase-row,.collection-delta{display:flex}}

/* v6.5: balanced item detail media + camera/file photo source */
.detail-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:stretch}
.detail-photo{min-height:0;height:clamp(390px,46vw,560px);max-height:560px;padding:22px;background:linear-gradient(145deg,#f4f0e8,#ded8cc)}
.detail-photo img{width:100%;height:100%;object-fit:contain;border-radius:12px;display:block}
.detail-summary{min-height:clamp(390px,46vw,560px);display:flex;flex-direction:column}
.detail-summary .detail-actions{margin-top:auto}
.photo-picker{display:grid;gap:12px;margin-top:16px;position:relative}
.photo-picker-preview{height:250px;border:1px solid rgba(212,175,124,.16);border-radius:14px;background:linear-gradient(145deg,#f7f3ea,#ded8cc);padding:12px;display:grid;place-items:center;overflow:hidden}
.photo-picker-preview img{width:100%;height:100%;object-fit:contain;border-radius:9px}
.photo-picker-empty{color:#a87e45;display:grid;place-items:center}
.photo-source-help{font-size:11px!important;color:var(--muted);margin:0!important}
.photo-source-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.photo-source-btn{width:100%;white-space:nowrap}
.selected-photo-name{display:block;color:var(--gold2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1050px){.detail-grid{grid-template-columns:1fr 1fr}.detail-photo,.detail-summary{height:auto;min-height:420px;max-height:520px}.photo-picker-preview{height:220px}}
@media(max-width:760px){.detail-grid{grid-template-columns:1fr}.detail-photo{height:330px;min-height:330px;max-height:330px;padding:14px}.detail-summary{min-height:0;max-height:none}.photo-source-actions{grid-template-columns:1fr}.photo-picker-preview{height:220px}}

/* v6.6 — latest-first responsive chart behavior */
.trend-chart-wrap{position:relative;isolation:isolate}.trend-chart-scroll{width:100%;overflow-x:hidden;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:rgba(212,175,124,.38) transparent}.trend-chart-canvas{width:100%;min-width:100%}.trend-latest-overlay{position:absolute;right:12px;top:8px;z-index:8;display:grid;text-align:right;pointer-events:none;background:rgba(9,9,10,.92);border:1px solid rgba(255,255,255,.06);border-radius:11px;padding:9px 11px;backdrop-filter:blur(12px);box-shadow:0 8px 30px rgba(0,0,0,.28);max-width:220px}.trend-latest-overlay span,.trend-latest-overlay small{color:var(--muted);font-size:9px;white-space:nowrap}.trend-latest-overlay strong{font-family:var(--font-display);font-size:21px;color:var(--ivory);white-space:nowrap}.trend-latest-overlay .muted-value{color:#746f68}.trend-axis-right{position:absolute;z-index:7;right:7px;top:62px;bottom:40px;width:66px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;pointer-events:none}.trend-axis-right span{font:500 9px/1 var(--font-ui);color:#817b73;background:linear-gradient(90deg,transparent,rgba(15,15,16,.78) 28%,rgba(15,15,16,.94));padding:3px 3px 3px 10px;white-space:nowrap}.trend-mobile-history-hint{display:none}.trend-chart{display:block;width:100%;height:320px;overflow:visible}.trend-axis-value{display:none}

@media(max-width:760px){
  .collection-trend-card{overflow:visible}
  .trend-chart-wrap{margin-left:-4px;margin-right:-4px;padding-top:2px}
  .trend-chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:none;padding-bottom:4px}
  .trend-chart-canvas{width:920px;min-width:920px}
  .trend-chart{width:920px;height:285px;min-height:285px}
  .trend-latest-overlay{position:absolute;right:8px;top:7px;text-align:right;margin:0;max-width:calc(100vw - 72px);padding:8px 10px}
  .trend-latest-overlay strong{font-size:19px}
  .trend-axis-right{right:3px;top:62px;bottom:43px;width:62px}
  .trend-axis-right span{font-size:8px;padding-left:8px}
  .trend-mobile-history-hint{display:block;position:absolute;left:9px;top:12px;z-index:6;color:#77716a;font-size:8px;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;background:rgba(14,14,15,.76);padding:4px 6px;border-radius:6px}
  .chart-legend{margin-top:5px;padding-right:4px}
}

@media(max-width:420px){
  .trend-chart-canvas,.trend-chart{width:860px;min-width:860px}
  .trend-latest-overlay{right:6px}
  .trend-axis-right{right:1px;width:58px}
}

/* v6.7 — Royal Luxury surface system
   Obsidian base + champagne gold + soft silver + restrained emerald ambience.
   Decorative layers stay behind content to preserve text/chart contrast. */
:root{
  --royal-obsidian:#08090a;
  --royal-charcoal:#111315;
  --royal-gold:#d6b276;
  --royal-gold-soft:#f0d49a;
  --royal-silver:#b9bec6;
  --royal-emerald:#164f42;
  --royal-border:rgba(218,185,126,.15);
  --royal-silver-line:rgba(198,204,214,.075);
}
body{
  background:
    radial-gradient(circle at 16% -8%,rgba(214,178,118,.08),transparent 30%),
    radial-gradient(circle at 92% 8%,rgba(185,190,198,.055),transparent 28%),
    #070809;
}
.app-shell{background:#070809}
.main-wrap{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(ellipse at 88% 3%,rgba(214,178,118,.125),transparent 27%),
    radial-gradient(ellipse at 8% 34%,rgba(194,200,210,.065),transparent 30%),
    radial-gradient(ellipse at 92% 72%,rgba(22,79,66,.09),transparent 29%),
    linear-gradient(155deg,#0d0e10 0%,#090a0c 42%,#0c0e0f 72%,#08090a 100%);
}
.main-wrap::before{
  content:"";
  position:fixed;
  z-index:-2;
  inset:0 0 0 256px;
  pointer-events:none;
  background-image:
    linear-gradient(120deg,rgba(255,255,255,.012),transparent 32%,rgba(214,178,118,.016) 64%,transparent 88%),
    url('/assets/brand/v4/gold-texture.jpg');
  background-size:auto,760px auto;
  background-repeat:no-repeat,no-repeat;
  background-position:center,108% -110px;
  opacity:.20;
  mix-blend-mode:soft-light;
  filter:saturate(.72) contrast(.96);
}
.main-wrap::after{
  content:"";
  position:fixed;
  z-index:-1;
  inset:0 0 0 256px;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0%,rgba(220,225,232,.018) 49.7%,rgba(255,255,255,.032) 50%,transparent 50.3%),
    radial-gradient(circle at 52% 16%,rgba(255,255,255,.025),transparent 1px);
  background-size:100% 100%,72px 72px;
  opacity:.55;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),rgba(0,0,0,.18) 52%,transparent 93%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),rgba(0,0,0,.18) 52%,transparent 93%);
}
.sidebar{
  background:
    radial-gradient(circle at 20% 3%,rgba(214,178,118,.105),transparent 22%),
    radial-gradient(circle at 110% 78%,rgba(185,190,198,.05),transparent 30%),
    linear-gradient(180deg,#0a0a0b 0%,#10100f 58%,#08090a 100%);
  border-right-color:rgba(214,178,118,.16);
  box-shadow:18px 0 60px rgba(0,0,0,.24),inset -1px 0 rgba(198,204,214,.025);
}
.topbar{
  background:
    linear-gradient(90deg,rgba(13,14,15,.94),rgba(12,13,14,.88) 62%,rgba(18,17,15,.92));
  border-bottom-color:rgba(214,178,118,.10);
  box-shadow:0 12px 38px rgba(0,0,0,.16),inset 0 -1px rgba(198,204,214,.025);
}
.content{position:relative;z-index:1}
.welcome{
  position:relative;
  padding:4px 0 2px;
}
.welcome::before{
  content:"";
  position:absolute;
  width:180px;
  height:100px;
  left:-55px;
  top:-28px;
  pointer-events:none;
  background:radial-gradient(ellipse,rgba(214,178,118,.09),transparent 70%);
  filter:blur(10px);
}
.welcome h2,.section-head h2,.topbar h1{color:#fffaf0;text-shadow:0 1px 18px rgba(214,178,118,.045)}
.card,
.gold-card,
.collection-card,
.premium-collection-card,
.collection-trend-card,
.history-card,
.table-card,
.provider-card,
.base-price,
.upload-card,
.item-form,
.detail-photo,
.detail-summary{
  border-color:var(--royal-border);
  background:
    radial-gradient(circle at 96% 0%,rgba(214,178,118,.055),transparent 25%),
    radial-gradient(circle at 0% 100%,rgba(185,190,198,.025),transparent 29%),
    linear-gradient(148deg,rgba(28,28,29,.965),rgba(13,14,15,.982) 54%,rgba(17,18,18,.975));
  box-shadow:
    0 22px 70px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(246,231,201,.035),
    inset 1px 0 0 rgba(198,204,214,.018);
}
.card:hover,.gold-card:hover,.collection-card:hover,.premium-collection-card:hover{
  border-color:rgba(218,185,126,.27);
  box-shadow:0 25px 74px rgba(0,0,0,.27),0 0 32px rgba(214,178,118,.035),inset 0 1px rgba(255,244,219,.05);
}
.stat-card::after,
.reward-card::after,
.collection-trend-card::after{
  content:"";
  position:absolute;
  pointer-events:none;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(112deg,transparent 0 62%,rgba(202,207,215,.026) 73%,rgba(214,178,118,.036) 83%,transparent 94%);
  opacity:.75;
}
.stat-card,.reward-card,.collection-trend-card{position:relative;overflow:hidden}
.stat-card>* ,.reward-card>* ,.collection-trend-card>*{position:relative;z-index:1}
.value-box{
  background:
    radial-gradient(circle at 90% 0%,rgba(214,178,118,.085),transparent 32%),
    linear-gradient(135deg,rgba(14,61,50,.94),rgba(12,27,24,.97));
  border-color:rgba(88,205,157,.16);
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 42px rgba(0,0,0,.18);
}
.btn.primary{
  background:linear-gradient(180deg,#f1d492 0%,#d4aa62 52%,#b9823c 100%);
  border-color:rgba(255,236,192,.30);
  box-shadow:0 10px 32px rgba(196,140,57,.18),inset 0 1px rgba(255,255,255,.38);
}
.btn.secondary{
  background:linear-gradient(145deg,rgba(30,30,31,.96),rgba(15,16,17,.98));
  border-color:rgba(194,200,210,.12);
}
input,select,textarea{
  background:linear-gradient(145deg,rgba(13,14,15,.98),rgba(18,18,19,.98));
  border-color:rgba(194,200,210,.12);
}
input:focus,select:focus,textarea:focus{border-color:rgba(214,178,118,.55);box-shadow:0 0 0 3px rgba(214,178,118,.085),0 0 28px rgba(214,178,118,.035)}
.bottom-nav{
  background:
    radial-gradient(circle at 50% 0%,rgba(214,178,118,.07),transparent 42%),
    linear-gradient(180deg,rgba(15,16,17,.94),rgba(7,8,9,.985));
  border-top-color:rgba(214,178,118,.18);
  box-shadow:0 -16px 44px rgba(0,0,0,.36),inset 0 1px rgba(198,204,214,.035);
}
.bottom-nav a{position:relative;transition:color .2s ease,transform .2s ease}
.bottom-nav a.active{text-shadow:0 0 16px rgba(214,178,118,.18)}
.bottom-nav a.active::before{
  content:"";
  position:absolute;
  top:0;
  left:34%;
  right:34%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--royal-gold-soft),transparent);
  box-shadow:0 0 10px rgba(214,178,118,.45);
}
.trend-chart-wrap{
  border-radius:14px;
  background:
    radial-gradient(circle at 90% 14%,rgba(214,178,118,.035),transparent 24%),
    radial-gradient(circle at 3% 80%,rgba(185,190,198,.022),transparent 29%),
    linear-gradient(180deg,rgba(10,11,12,.52),rgba(8,9,10,.22));
}
.trend-latest-overlay{
  background:linear-gradient(145deg,rgba(16,16,17,.965),rgba(7,8,9,.96));
  border-color:rgba(214,178,118,.15);
  box-shadow:0 12px 34px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035);
}
.trend-axis-right span{background:linear-gradient(90deg,transparent,rgba(10,11,12,.82) 30%,rgba(10,11,12,.96));color:#aaa59d}

@media(max-width:1100px){
  .main-wrap::before,.main-wrap::after{left:220px}
}
@media(max-width:760px){
  body,.app-shell{background:#08090a}
  .main-wrap{
    background:
      radial-gradient(ellipse at 102% 3%,rgba(214,178,118,.16),transparent 29%),
      radial-gradient(ellipse at -12% 37%,rgba(192,198,207,.075),transparent 31%),
      radial-gradient(ellipse at 100% 78%,rgba(22,79,66,.095),transparent 30%),
      linear-gradient(165deg,#0c0d0f 0%,#090a0b 43%,#0b0d0e 72%,#070809 100%);
  }
  .main-wrap::before{
    inset:0;
    background-size:auto,520px auto;
    background-position:center,125% -55px;
    opacity:.22;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.65) 34%,rgba(0,0,0,.18) 74%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.65) 34%,rgba(0,0,0,.18) 74%,transparent 100%);
  }
  .main-wrap::after{
    inset:0;
    opacity:.38;
    background-size:100% 100%,58px 58px;
  }
  .topbar{
    background:linear-gradient(90deg,rgba(9,10,11,.96),rgba(14,14,14,.92) 62%,rgba(21,18,14,.94));
    box-shadow:0 10px 32px rgba(0,0,0,.30),inset 0 -1px rgba(214,178,118,.065);
  }
  .content{padding-top:26px}
  .welcome{padding:5px 0 8px}
  .welcome::after{
    content:"";
    position:absolute;
    right:-18px;
    top:-38px;
    width:150px;
    height:150px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(198,204,214,.065),rgba(214,178,118,.035) 34%,transparent 68%);
    pointer-events:none;
  }
  .card,.gold-card,.collection-card,.premium-collection-card,.collection-trend-card,.history-card,.table-card,.detail-summary,.detail-photo{
    background:
      radial-gradient(circle at 102% -5%,rgba(214,178,118,.07),transparent 27%),
      radial-gradient(circle at -8% 105%,rgba(194,200,210,.035),transparent 30%),
      linear-gradient(150deg,rgba(26,26,27,.96),rgba(12,13,14,.985) 62%,rgba(16,17,17,.98));
    border-color:rgba(214,178,118,.13);
    box-shadow:0 18px 48px rgba(0,0,0,.25),inset 0 1px rgba(255,244,219,.03);
  }
  .stat-card{min-height:180px}
  .bottom-nav{height:70px}
}


/* === ALKA GOLD v6.8 — Royal atmosphere + typography + dashboard sparkline fix === */
:root{
  --font-display:"Fraunces",Georgia,serif;
  --font-ui:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --royal-gold-glow:rgba(214,178,118,.14);
  --royal-silver-glow:rgba(205,211,220,.075);
}
html,body,button,input,select,textarea{font-family:var(--font-ui)}
body{font-weight:400;letter-spacing:-.01em}
.topbar h1,.welcome h2,.section-head h2,.section-head h3,.detail-summary h2,.auth-card h2,
.stat-value,.compact-stats strong,.value-box strong,.reward-card h3,.trend-latest-overlay strong{
  font-family:var(--font-display);
  font-variation-settings:"opsz" 72;
  font-weight:500;
  letter-spacing:-.025em;
}
.eyebrow,.nav-item,.bottom-nav,.btn,.positive,.muted,.gold-card-body,.collection-body{
  font-family:var(--font-ui);
}
.welcome h2{font-weight:500;line-height:1.08}
.stat-value{font-weight:500;line-height:1.04}

/* Stronger but still restrained royal background. */
.main-wrap{
  background:
    radial-gradient(ellipse at 78% -5%,rgba(222,184,117,.19),transparent 27%),
    radial-gradient(ellipse at 9% 22%,rgba(204,210,220,.095),transparent 30%),
    radial-gradient(ellipse at 94% 58%,rgba(24,91,72,.09),transparent 27%),
    radial-gradient(ellipse at 50% 112%,rgba(181,132,65,.075),transparent 35%),
    linear-gradient(155deg,#0e0f10 0%,#090a0b 38%,#0d0e0f 68%,#08090a 100%);
}
.main-wrap::before{
  opacity:.31;
  background-image:
    linear-gradient(120deg,rgba(255,255,255,.016),transparent 28%,rgba(214,178,118,.025) 62%,transparent 89%),
    url('/assets/brand/v4/gold-texture.jpg');
  background-size:auto,900px auto;
  background-position:center,112% -90px;
  filter:saturate(.78) contrast(.98) brightness(.88);
}
.main-wrap::after{
  opacity:.68;
  background:
    radial-gradient(circle at 83% 17%,rgba(235,214,174,.065) 0 1px,transparent 1.6px),
    radial-gradient(circle at 17% 46%,rgba(210,216,225,.038) 0 1px,transparent 1.6px),
    linear-gradient(118deg,transparent 0 47%,rgba(214,178,118,.018) 52%,transparent 57%);
  background-size:86px 86px,112px 112px,100% 100%;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.45) 56%,transparent 96%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.45) 56%,transparent 96%);
}
.content::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  width:min(72vw,980px);
  height:420px;
  top:-70px;
  right:-160px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(218,180,114,.075),rgba(204,210,220,.025) 45%,transparent 72%);
  filter:blur(18px);
}
.card{
  backdrop-filter:blur(1.5px);
}

/* Fix v6.7 regression: decorative layer must not override absolute sparkline positioning. */
.stat-card > .eyebrow,
.stat-card > .stat-value,
.stat-card > .positive,
.reward-card > :not(.sparkline),
.collection-trend-card > :not(.sparkline){position:relative;z-index:1}
.stat-card > .sparkline{
  position:absolute !important;
  z-index:2;
  right:20px;
  bottom:24px;
  width:min(42%,164px);
  height:58px;
  margin:0;
  pointer-events:none;
}
.stat-card > .sparkline i{flex:1;min-width:0;max-width:18px}

@media(max-width:760px){
  .main-wrap{
    background:
      radial-gradient(ellipse at 96% -4%,rgba(222,184,117,.205),transparent 30%),
      radial-gradient(ellipse at -12% 29%,rgba(205,211,220,.105),transparent 34%),
      radial-gradient(ellipse at 104% 73%,rgba(24,91,72,.095),transparent 31%),
      linear-gradient(165deg,#0d0e10 0%,#090a0b 40%,#0c0d0e 72%,#070809 100%);
  }
  .main-wrap::before{
    opacity:.29;
    background-size:auto,610px auto;
    background-position:center,145% -34px;
  }
  .content::before{
    width:520px;height:300px;right:-230px;top:-38px;
    background:radial-gradient(ellipse,rgba(218,180,114,.085),rgba(205,211,220,.025) 48%,transparent 72%);
  }
  .welcome h2{font-size:27px;line-height:1.12}
  .stat-value{font-size:29px}
  .stat-card > .sparkline{
    right:18px;
    bottom:25px;
    width:43%;
    max-width:154px;
    height:58px;
  }
}

/* === ALKA GOLD v6.9 — mobile viewport containment + persistent navigation === */
html{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  overscroll-behavior-x:none;
}
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  overscroll-behavior-x:none;
}
#app,.app-shell{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:clip;
}
.main-wrap{
  min-width:0;
  max-width:100%;
  overflow-x:clip;
}
.content{
  min-width:0;
  width:100%;
  max-width:1500px;
  overflow-x:clip;
}
/* Ambient light must remain decorative and may never increase layout width. */
.content::before{
  width:min(72%,980px);
  max-width:100%;
  right:0;
  transform:translateX(30%);
}
.bottom-nav{
  box-sizing:border-box;
  width:100%;
  max-width:100vw;
  min-width:0;
  left:0;
  right:auto;
  grid-template-columns:repeat(3,minmax(0,1fr));
  overflow:hidden;
}
.bottom-nav a{
  min-width:0;
  width:100%;
  overflow:hidden;
  text-align:center;
}
.bottom-nav a span{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media(max-width:760px){
  html,body,#app,.app-shell,.main-wrap{
    width:100%;
    max-width:100vw;
    overflow-x:hidden;
  }
  .main-wrap{position:relative}
  .main-wrap::before,.main-wrap::after{
    inset:0 !important;
    width:auto !important;
    max-width:none !important;
    transform:none !important;
    overflow:hidden;
  }
  .content{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:clip;
  }
  .content::before{
    width:100%;
    max-width:100%;
    height:300px;
    right:0;
    top:-38px;
    transform:none;
    border-radius:0;
    background:
      radial-gradient(ellipse at 108% 20%,rgba(218,180,114,.09),rgba(205,211,220,.025) 44%,transparent 70%);
    filter:blur(16px);
  }
  .topbar{
    position:sticky !important;
    top:0;
    left:0;
    right:0;
    width:100%;
    max-width:100vw;
    z-index:90;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
    backface-visibility:hidden;
  }
  .bottom-nav{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    max-width:100vw !important;
    min-width:0 !important;
    height:calc(70px + env(safe-area-inset-bottom));
    padding:0 0 env(safe-area-inset-bottom);
    margin:0;
    z-index:120;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    will-change:transform;
    backface-visibility:hidden;
    contain:layout paint;
  }
  .bottom-nav a{
    display:flex;
    min-width:0;
    width:auto;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:6px 4px;
  }
  .bottom-nav a svg{flex:0 0 auto}
  .bottom-nav a span{font-size:9px;line-height:1.2}
  .content{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
  /* Components can scroll internally, but the page itself must never pan horizontally. */
  .trend-chart-wrap,.trend-chart-scroll,.trend-range-tabs,.table-scroll{
    max-width:100%;
  }
}


/* === ALKA GOLD v6.10 — unified typography + live brand lockup === */
.auth-page,.auth-card,.auth-form-wrap,.auth-visual,.hero-copy,
.auth-language,.divider,.legal,.google-g{
  font-family:var(--font-ui);
}
.auth-card h2,.hero-copy h1{
  font-family:var(--font-display);
  font-variation-settings:"opsz" 72;
  font-weight:500;
  letter-spacing:-.028em;
}
.brand-lockup{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:max-content;
  max-width:100%;
}
.brand-lockup-compact{gap:0}
.brand-icon-img{
  display:block;
  width:58px;
  height:58px;
  object-fit:contain;
  flex:0 0 auto;
}
.brand-copy{
  display:grid;
  justify-items:center;
  gap:3px;
  min-width:0;
}
.brand-wordmark{
  font-family:var(--font-ui);
  font-size:17px;
  font-weight:600;
  line-height:1;
  letter-spacing:.205em;
  color:var(--gold2);
  white-space:nowrap;
  text-shadow:0 8px 28px rgba(212,175,124,.14);
}
.brand-tagline-live{
  font-family:var(--font-ui);
  font-size:6.5px;
  font-weight:500;
  line-height:1.35;
  letter-spacing:.18em;
  color:#aaa59d;
  white-space:nowrap;
}
.brand-lockup.light .brand-wordmark{color:#b58143}
.brand-lockup.light .brand-tagline-live{color:#756d64}
.sidebar .brand-lockup{width:100%;margin:1px 0 3px}
.sidebar .brand-icon-img{width:68px;height:68px}
.sidebar .brand-wordmark{font-size:18px}
.auth-visual>.brand-lockup{
  position:relative;
  z-index:3;
  align-items:flex-start;
}
.auth-visual>.brand-lockup .brand-copy{justify-items:start}
.auth-visual>.brand-lockup .brand-icon-img{width:86px;height:86px}
.auth-visual>.brand-lockup .brand-wordmark{font-size:24px;letter-spacing:.22em}
.auth-visual>.brand-lockup .brand-tagline-live{font-size:7.5px}
.mobile-brand .brand-lockup{margin:0 auto 22px}
.mobile-brand .brand-icon-img{width:72px;height:72px}
.mobile-brand .brand-wordmark{font-size:19px}

/* Legacy raster logo rules are intentionally neutralized; the brand text is now live typography. */
.brand-logo-img{display:none!important}

@media(max-width:760px){
  .auth-visual>.brand-lockup .brand-icon-img{width:72px;height:72px}
  .auth-visual>.brand-lockup .brand-wordmark{font-size:20px}
  .brand-wordmark{letter-spacing:.18em}
}


/* === ALKA GOLD v6.11 — collection item photo editor responsive repair ===
   The legacy <=1100px stylesheet hid .upload-card entirely.  Create/Edit now
   share a dedicated editor shell so the media source is always available. */
.item-editor-shell{
  display:grid;
  grid-template-columns:minmax(330px,390px) minmax(0,1fr);
  gap:20px;
  align-items:start;
  width:100%;
  max-width:1180px;
  margin:0 auto;
}
.item-editor-shell>.item-photo-panel{
  display:block!important;
  min-width:0;
  width:100%;
  padding:20px;
  position:sticky;
  top:104px;
  overflow:hidden;
  align-self:start;
}
.item-editor-shell>.item-form{
  min-width:0;
  width:100%;
  padding:24px;
}
.item-photo-panel .upload-art{
  height:58px;
  margin-bottom:4px;
}
.item-photo-panel .upload-art img{
  width:72px;
  height:58px;
}
.item-photo-panel>h3{
  font-family:var(--font-display);
  font-size:20px;
  line-height:1.2;
  margin:5px 0 5px;
}
.item-photo-panel>p{
  max-width:300px;
  margin:0 auto;
  line-height:1.5;
}
.item-photo-panel .photo-picker{
  margin-top:16px;
  gap:11px;
}
.item-photo-panel .photo-picker-preview{
  width:100%;
  height:240px;
  min-height:0;
  padding:12px;
  border-radius:14px;
}
.item-photo-panel .photo-picker-preview img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.item-photo-panel .photo-source-help{
  line-height:1.45;
  text-align:center;
  max-width:310px;
  margin:0 auto!important;
}
.item-photo-panel .photo-source-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:9px;
  width:100%;
}
.item-photo-panel .photo-source-btn{
  width:100%;
  min-width:0;
  min-height:44px;
  padding:10px 10px;
  white-space:normal;
  text-align:center;
  font-size:12px;
  line-height:1.25;
}
.item-photo-panel .photo-source-btn svg{
  flex:0 0 auto;
}
.item-photo-panel .selected-photo-name{
  max-width:100%;
  text-align:left;
}

@media(max-width:1100px){
  .item-editor-shell{
    grid-template-columns:minmax(285px,340px) minmax(0,1fr);
    max-width:100%;
  }
  .item-editor-shell>.item-photo-panel{display:block!important;padding:18px;top:92px}
  .item-photo-panel .photo-picker-preview{height:210px}
  .item-photo-panel .photo-source-actions{grid-template-columns:1fr}
}

@media(max-width:820px){
  .item-editor-shell{
    grid-template-columns:minmax(0,1fr);
    gap:14px;
  }
  .item-editor-shell>.item-photo-panel{
    display:block!important;
    position:relative;
    top:auto;
    order:0;
    padding:16px;
  }
  .item-editor-shell>.item-form{order:1;padding:18px}
  .item-photo-panel .upload-art{height:44px;margin:0}
  .item-photo-panel .upload-art img{width:58px;height:44px}
  .item-photo-panel>h3{font-size:18px;margin:4px 0}
  .item-photo-panel>p{font-size:11px;max-width:340px}
  .item-photo-panel .photo-picker{
    margin-top:12px;
    grid-template-columns:minmax(0,1fr);
  }
  .item-photo-panel .photo-picker-preview{height:190px;padding:10px}
  .item-photo-panel .photo-source-actions{grid-template-columns:1fr 1fr}
}

@media(max-width:560px){
  .item-editor-shell{gap:12px}
  .item-editor-shell>.item-photo-panel{display:block!important;padding:14px;border-radius:14px}
  .item-editor-shell>.item-form{padding:16px;border-radius:14px}
  .item-photo-panel .upload-art{display:none}
  .item-photo-panel>h3{font-size:17px;text-align:left;margin:0 0 4px}
  .item-photo-panel>p{text-align:left;margin:0;max-width:none}
  .item-photo-panel .photo-picker-preview{height:165px;border-radius:12px}
  .item-photo-panel .photo-source-help{text-align:left;max-width:none}
  .item-photo-panel .photo-source-actions{grid-template-columns:1fr 1fr;gap:8px}
  .item-photo-panel .photo-source-btn{font-size:11px;padding:9px 7px;gap:6px}
  .item-editor-shell .form-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .item-editor-shell .form-actions .btn{width:100%}
}

@media(max-width:380px){
  .item-photo-panel .photo-source-actions{grid-template-columns:1fr}
  .item-photo-panel .photo-picker-preview{height:150px}
}


/* =========================================================
   Alka Gold v6.12 — native select contrast + form polish
   ========================================================= */
select{
  color:var(--ivory);
  color-scheme:dark;
  -webkit-text-fill-color:var(--ivory);
}
select option,
select optgroup{
  background:#121214;
  color:#f8f3e9;
  -webkit-text-fill-color:#f8f3e9;
}
select option:checked{
  background:#9a6b2f;
  color:#fff9ec;
}
select:disabled{
  color:#777;
  -webkit-text-fill-color:#777;
}

/* =========================================================
   Alka Gold v6.15 — Royal Luxury Glass Auth + account logout
   ========================================================= */
.auth-page-luxury{
  min-height:100dvh;
  overflow:hidden;
  background:#070809;
}
.auth-visual-luxury{
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(4,5,6,.92),rgba(5,6,7,.62) 48%,rgba(5,6,7,.40)),
    radial-gradient(circle at 68% 18%,rgba(214,178,118,.18),transparent 34%),
    url('/assets/brand/v4/hero-brand-dark.jpg') center/cover no-repeat;
}
.auth-visual-luxury::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 25%,rgba(0,0,0,.18)),
    radial-gradient(circle at 50% 50%,transparent 35%,rgba(0,0,0,.58) 100%);
}
.auth-visual-brand{position:relative;z-index:3}
.auth-ambient{position:absolute;pointer-events:none;z-index:1;border-radius:999px;filter:blur(8px)}
.auth-ambient-gold{width:380px;height:380px;right:-120px;top:8%;background:radial-gradient(circle,rgba(220,178,104,.20),transparent 68%)}
.auth-ambient-silver{width:300px;height:300px;left:18%;bottom:-100px;background:radial-gradient(circle,rgba(190,198,210,.08),transparent 70%)}
.hero-copy-luxury{z-index:3;max-width:620px}
.hero-copy-luxury h1{font-weight:500;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 10px 42px rgba(0,0,0,.45)}
.hero-copy-luxury p{font-family:var(--font-ui);font-size:15px;line-height:1.65;color:#d7d0c4}
.auth-trust-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:24px;color:#c7bda9;font:500 11px/1.4 var(--font-ui)}
.auth-trust-row span{display:inline-flex;align-items:center;gap:7px}
.auth-trust-row svg{color:var(--gold2)}

.auth-form-wrap-luxury{
  position:relative;
  overflow:hidden;
  color:var(--ivory);
  background:
    radial-gradient(circle at 105% -5%,rgba(214,178,118,.15),transparent 30%),
    radial-gradient(circle at -10% 100%,rgba(181,190,201,.07),transparent 34%),
    linear-gradient(150deg,#0d0f10 0%,#090a0c 62%,#11100e 100%);
}
.auth-form-wrap-luxury::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.11;
  background:url('/assets/brand/v4/gold-texture.jpg') 118% 110%/520px auto no-repeat;
  mix-blend-mode:screen;
  filter:saturate(.65) contrast(.95);
}
.auth-glass-shell{
  position:relative;
  z-index:1;
  width:min(510px,100%);
  padding:1px;
  border-radius:30px;
  background:linear-gradient(145deg,rgba(245,216,154,.35),rgba(210,217,226,.10) 38%,rgba(255,255,255,.035) 70%,rgba(214,178,118,.18));
  box-shadow:0 30px 80px rgba(0,0,0,.42),0 0 80px rgba(214,178,118,.035);
}
.auth-card-glass{
  width:100%;
  position:relative;
  overflow:hidden;
  border-radius:29px;
  padding:34px 34px 30px;
  background:linear-gradient(145deg,rgba(24,24,25,.76),rgba(10,11,12,.84));
  -webkit-backdrop-filter:blur(24px) saturate(120%);
  backdrop-filter:blur(24px) saturate(120%);
  border:1px solid rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,248,232,.055),inset 1px 0 rgba(199,205,215,.025);
}
.auth-card-glass::before{
  content:"";
  position:absolute;
  width:220px;height:220px;right:-90px;top:-100px;
  pointer-events:none;
  background:radial-gradient(circle,rgba(218,178,105,.15),transparent 68%);
}
.auth-card-heading{position:relative;z-index:1;margin-top:4px}
.auth-card-glass h2{font-family:var(--font-display);font-size:40px;line-height:1.05;color:#fff9ef;font-weight:500;letter-spacing:-.025em;margin:10px 0 8px}
.auth-card-glass .muted{color:#aaa49b;font-size:14px}
.auth-card-glass label{color:#c8c1b6;font-size:12px;margin-top:15px}
.auth-card-glass input[type="email"],.auth-card-glass input[type="password"]{
  min-height:48px;
  color:#f8f4ec;
  background:rgba(5,6,7,.62);
  border-color:rgba(220,205,181,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.auth-card-glass input:focus{border-color:rgba(228,190,122,.60);box-shadow:0 0 0 3px rgba(212,175,124,.10),0 8px 26px rgba(0,0,0,.18)}
.auth-language-glass{position:relative;z-index:2;margin:0 0 8px;gap:3px}
.auth-language-glass button{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#8f8b84;border-radius:10px;padding:7px 10px}
.auth-language-glass button.active{background:linear-gradient(180deg,#211b12,#15110c);color:#f0c979;border-color:rgba(212,175,124,.26);box-shadow:inset 0 1px rgba(255,240,205,.05)}
.auth-google-btn{min-height:50px;margin-top:24px!important;background:rgba(250,248,243,.97)!important;border-color:rgba(255,255,255,.85)!important;border-radius:12px!important;font-weight:650;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.auth-divider{color:#77736d;margin:22px 0}
.auth-divider::before,.auth-divider::after{background:rgba(255,255,255,.09)}
.auth-check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:9px!important;color:#aaa49b!important}
.auth-check input{width:17px;height:17px;accent-color:#c99b50}
.auth-submit{min-height:50px;border-radius:12px!important;margin-top:5px;background:linear-gradient(180deg,#f0d08f 0%,#d7a653 52%,#be8638 100%)!important;box-shadow:0 12px 32px rgba(203,151,66,.22),inset 0 1px rgba(255,255,255,.35)!important}
.auth-card-glass .legal{color:#706c66;line-height:1.55;margin-top:22px}
.auth-brand-centered{position:relative;z-index:1}

.user-menu-wrap{position:relative;display:flex;align-items:center}
.user-menu-trigger{display:flex;align-items:center;gap:4px;border:1px solid transparent;background:transparent;color:#a8a39b;border-radius:999px;padding:3px 4px;cursor:pointer}
.user-menu-trigger:hover,.user-menu-trigger[aria-expanded="true"]{border-color:rgba(212,175,124,.18);background:rgba(212,175,124,.055);color:var(--gold2)}
.user-menu-card{position:absolute;right:0;top:calc(100% + 11px);z-index:90;width:240px;padding:10px;border-radius:14px;background:rgba(15,15,16,.96);border:1px solid rgba(212,175,124,.17);box-shadow:0 20px 55px rgba(0,0,0,.45);backdrop-filter:blur(18px)}
.user-menu-profile{display:grid;gap:3px;padding:9px 10px 11px;border-bottom:1px solid rgba(255,255,255,.06)}
.user-menu-profile strong{font-size:13px;color:#f8f3e9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-menu-profile small{font-size:10px;color:#89847c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-menu-profile span{font-size:9px;color:var(--gold2);text-transform:uppercase;letter-spacing:.1em;margin-top:2px}
.user-menu-logout{width:100%;display:flex;align-items:center;gap:9px;margin-top:7px;padding:10px;border:0;border-radius:9px;background:transparent;color:#d7c5aa;cursor:pointer;text-align:left}
.user-menu-logout:hover{background:rgba(212,175,124,.08);color:#f4d99f}
.logout-icon{color:#aaa49b}
.logout-icon:hover{color:#f1cb83}

@media(max-width:760px){
  .auth-page-luxury{background:#08090a;overflow:auto}
  .auth-visual-luxury{height:310px;padding:22px;background-position:56% center}
  .auth-visual-brand{display:none}
  .hero-copy-luxury{left:24px;right:20px;bottom:52px}
  .hero-copy-luxury h1{font-size:39px;line-height:1.02;margin:12px 0 0}
  .hero-copy-luxury p,.auth-trust-row{display:none}
  .auth-form-wrap-luxury{min-height:calc(100dvh - 282px);padding:0 14px 28px;border-radius:30px 30px 0 0;margin-top:-28px;background:linear-gradient(180deg,rgba(15,15,16,.96),#090a0b 62%,#0b0b0b)}
  .auth-form-wrap-luxury::before{background-size:360px auto;background-position:130% 110%;opacity:.075}
  .auth-glass-shell{width:100%;border-radius:28px;margin-top:0;box-shadow:0 -12px 50px rgba(0,0,0,.36)}
  .auth-card-glass{border-radius:27px;padding:22px 19px 24px;background:linear-gradient(160deg,rgba(26,26,27,.80),rgba(10,11,12,.91));backdrop-filter:blur(22px)}
  .auth-language-glass{margin-bottom:4px}
  .auth-brand-centered{display:block!important;margin:2px 0 10px}
  .auth-brand-centered .brand-lockup{justify-content:flex-start!important;margin:0!important}
  .auth-brand-centered .brand-icon-img{width:58px;height:58px}
  .auth-brand-centered .brand-wordmark{font-size:18px;letter-spacing:.18em}
  .auth-brand-centered .brand-tagline-live{font-size:6.5px}
  .auth-card-glass h2{font-size:34px;margin-top:8px}
  .auth-google-btn{margin-top:20px!important}
  .top-user>span{display:none}
  .user-menu-card{position:fixed;top:64px;right:12px;width:min(270px,calc(100vw - 24px))}
}

@media(max-width:390px){
  .hero-copy-luxury h1{font-size:34px}
  .auth-visual-luxury{height:290px}
  .auth-card-glass{padding-left:16px;padding-right:16px}
}

/* v6.16 Account & OAuth feedback */
.auth-error-alert{margin:0 0 14px;padding:11px 13px;border:1px solid rgba(239,110,110,.28);background:rgba(122,24,24,.12);color:#9b302d;border-radius:14px;font-size:.86rem;line-height:1.45}
.auth-card-glass .auth-error-alert{color:#ffe0dd;background:rgba(110,25,25,.24);border-color:rgba(255,133,124,.28)}
.account-nav-item{margin-top:auto}
.user-menu-account,.user-menu-logout{width:100%;display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:10px;border:0;background:transparent;color:inherit;text-decoration:none;cursor:pointer;font:inherit}
.user-menu-account:hover,.user-menu-logout:hover{background:rgba(212,175,124,.09)}
.account-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:18px;align-items:start}
.account-profile-card,.account-password-card{padding:26px}
.account-profile-card{display:grid;gap:20px;position:relative;overflow:hidden}
.account-profile-card::after{content:"";position:absolute;width:240px;height:240px;right:-90px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,124,.12),transparent 68%);pointer-events:none}
.account-avatar-large{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#e8c98c,#a9732c);color:#171008;font:600 1.7rem Fraunces,serif;box-shadow:0 12px 32px rgba(0,0,0,.28)}
.account-avatar-large img{width:100%;height:100%;object-fit:cover}
.account-identity h3{margin:.35rem 0 .7rem;font-size:1.65rem}
.account-meta{display:flex;gap:9px;align-items:center;color:var(--muted);margin-top:8px;word-break:break-word}
.account-provider-status{display:grid;gap:10px;margin-top:4px}
.account-provider-status>div{display:flex;gap:12px;align-items:center;padding:13px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
.account-provider-status strong,.account-provider-status small{display:block}.account-provider-status small{color:var(--muted);margin-top:2px}
.account-provider-status .connected{border-color:rgba(72,211,151,.2);background:rgba(27,119,84,.08)}
.account-provider-status .connected>svg{color:#53d6a4}.account-provider-status .setup-required>svg{color:#d4af7c}
.account-password-card{display:grid;gap:22px}
.account-password-head{display:flex;gap:16px;align-items:flex-start}.account-password-head h3{margin:.25rem 0 .35rem}.account-password-head p{color:var(--muted);margin:0;line-height:1.55}
.security-icon{width:48px;height:48px;flex:0 0 48px;border-radius:15px;display:grid;place-items:center;color:#e7c680;background:rgba(212,175,124,.1);border:1px solid rgba(212,175,124,.18)}
.account-password-form{display:grid;gap:15px}.account-password-form label{display:grid;gap:7px}.account-password-form label>span{font-size:.88rem;color:var(--muted)}
.account-password-form input{width:100%}.account-password-help{color:var(--muted);margin-top:-4px}.account-password-form .btn{justify-self:start;min-width:190px}
@media(max-width:900px){.account-grid{grid-template-columns:1fr}.account-profile-card,.account-password-card{padding:20px}.account-nav-item{margin-top:8px}}
@media(max-width:640px){.account-heading{padding-top:4px}.account-profile-card,.account-password-card{border-radius:20px}.account-password-head{gap:12px}.security-icon{width:42px;height:42px;flex-basis:42px}.account-password-form .btn{width:100%;justify-content:center}}

/* === ALKA GOLD v6.17 — navigation-only fixes === */
.topbar{
  transition:transform .24s ease,opacity .2s ease,box-shadow .2s ease;
  will-change:transform;
}
.topbar.topbar-hidden{
  transform:translateY(calc(-100% - 2px));
  pointer-events:none;
  opacity:.985;
}
.top-account-avatar,.account-avatar-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  flex:0 0 auto;
}
.top-account-avatar{transition:transform .18s ease,box-shadow .18s ease}
.top-account-avatar:hover{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(212,175,124,.09)}
.account-avatar-link{color:inherit}
@media(min-width:761px){
  .bottom-nav{display:none!important}
}
@media(max-width:760px){
  .bottom-nav{display:grid!important}
  .topbar.topbar-hidden{transform:translateY(calc(-100% - 2px))!important}
}

/* === ALKA GOLD v6.18 — restore account dropdown + robust auto-hide header === */
.topbar{
  transition:transform .24s ease,opacity .18s ease,box-shadow .2s ease!important;
  will-change:transform;
}
.user-menu-wrap{position:relative;display:flex;align-items:center;z-index:150}
.user-menu-trigger{display:flex;align-items:center;gap:4px;border:1px solid transparent;background:transparent;color:#a8a39b;border-radius:999px;padding:3px 4px;cursor:pointer}
.user-menu-trigger:hover,.user-menu-trigger[aria-expanded="true"]{border-color:rgba(212,175,124,.18);background:rgba(212,175,124,.055);color:var(--gold2)}
.user-menu-card{position:absolute;right:0;top:calc(100% + 11px);z-index:180;width:240px;padding:10px;border-radius:14px;background:rgba(15,15,16,.98);border:1px solid rgba(212,175,124,.17);box-shadow:0 20px 55px rgba(0,0,0,.48);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.user-menu-profile{display:grid;gap:3px;padding:9px 10px 11px;border-bottom:1px solid rgba(255,255,255,.06)}
.user-menu-profile strong{font-size:13px;color:#f8f3e9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-menu-profile small{font-size:10px;color:#89847c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-menu-profile span{font-size:9px;color:var(--gold2);text-transform:uppercase;letter-spacing:.1em;margin-top:2px}
.user-menu-account,.user-menu-logout{width:100%;display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:10px;border:0;background:transparent;color:#d7c5aa;text-decoration:none;cursor:pointer;font:inherit;text-align:left}
.user-menu-account:hover,.user-menu-logout:hover{background:rgba(212,175,124,.09);color:#f4d99f}
@media(max-width:760px){
  .user-menu-card{position:fixed;top:68px;right:12px;width:min(280px,calc(100vw - 24px));z-index:200}
}


/* === ALKA GOLD v6.18.1 — mobile account dropdown label visibility fix === */
@media(max-width:760px){
  .user-menu-card span,
  .user-menu-card .user-menu-account span,
  .user-menu-card .user-menu-logout span{
    display:inline!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .user-menu-account span,.user-menu-logout span{color:inherit!important;font-size:13px!important;line-height:1.25!important}
}

/* === ALKA GOLD v6.19 — requested header/navigation behavior only === */
/* Language control now lives only in the top header. */
.sidebar .locale-switch{display:none!important}

.mobile-header-logo{display:none}
.topbar-title{min-width:0}

@media(max-width:760px){
  /* Customer navigation is the bottom bar; do not expose an extra sidebar drawer. */
  .sidebar.customer-sidebar{display:none!important}

  /* A fixed header makes hide/show deterministic on mobile browsers. */
  .main-wrap{margin-left:0!important;padding-top:72px}
  .topbar{
    position:fixed!important;
    inset:0 0 auto 0!important;
    width:100%!important;
    height:72px!important;
    padding:0 14px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    z-index:120!important;
    background:rgba(10,10,11,.94)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    backdrop-filter:blur(18px)!important;
    transition:transform .24s ease,opacity .18s ease!important;
  }
  .topbar-title{text-align:center;overflow:hidden}
  .topbar-title .eyebrow{display:none!important}
  .topbar-title h1{font-size:20px!important;line-height:1.1!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .mobile-header-logo{display:flex!important;align-items:center;justify-content:flex-start;width:42px;height:42px}
  .mobile-header-logo .brand-lockup{width:38px!important;height:38px!important;margin:0!important;gap:0!important}
  .mobile-header-logo .brand-icon-img{width:36px!important;height:36px!important}

  /* Admin still needs its drawer because customer bottom navigation does not contain admin routes. */
  .mobile-admin-menu{display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:42px;padding:0!important}

  .top-user{justify-self:end;gap:6px!important;min-width:0}
  .top-user>span{display:none!important}
  .top-locale{
    display:flex!important;
    align-items:center;
    border:1px solid rgba(212,175,124,.14)!important;
    border-radius:10px!important;
    padding:2px!important;
    background:rgba(255,255,255,.025)!important;
  }
  .top-locale button{display:block!important;padding:5px 6px!important;font-size:9px!important;line-height:1!important;min-width:26px}
  .top-locale button.active{background:rgba(212,175,124,.13)!important;color:var(--gold2)!important}

  .user-menu-trigger{padding:2px!important;gap:2px!important}
  .user-menu-trigger>svg{width:12px;height:12px}
  .avatar.small{width:32px;height:32px}

  /* Keep existing content spacing; only compensate for the fixed header. */
  .content{padding-top:22px!important}
}