/* Uploaded artwork is decorative. Business identity, prices and verification remain live application data. */
:root {
  --ultra-violet:#7b1cff;
  --ultra-orchid:#c02bff;
  --ultra-gold:#f7c844;
  --ultra-cyan:#1eb7ff;
  --ultra-rim:rgba(123,28,255,.16);
  --ultra-soft-shadow:0 9px 28px rgba(54,32,100,.055),0 1px 0 rgba(247,200,68,.12) inset;
}
html[data-time-theme="night"] {
  --ultra-rim:rgba(188,119,255,.28);
  --ultra-soft-shadow:0 12px 32px rgba(0,0,0,.18),0 1px 0 rgba(247,200,68,.12) inset;
}

/* Keep the existing geometric backdrop and opaque text surfaces; add light only at their edges. */
body :is(.panel,.season-panel,.account-card,.search-panel,.kpi,.product-card) {
  border-color:var(--ultra-rim);
  box-shadow:var(--ultra-soft-shadow);
}
body :is(.site-header,.seller-head,.season-top,.pos-head,.courier-head,.risk-head,.finance-head,.wallet-head) {
  border-bottom-color:rgba(123,28,255,.19);
  box-shadow:0 1px 0 rgba(247,200,68,.24),0 6px 24px rgba(123,28,255,.035);
}
img.empire-asset-logo {
  display:block;
  width:56px;
  height:56px;
  max-width:56px;
  max-height:56px;
  object-fit:contain;
  flex:0 0 auto;
  filter:drop-shadow(0 2px 5px rgba(102,42,157,.13));
}

/* Compact feature strip: the crest has its own space, never behind copy or a control. */
.empire-ultra-hero {
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  gap:25px;
  min-width:0;
  min-height:176px;
  margin:0 0 28px;
  padding:20px 28px;
  overflow:hidden;
  border:1px solid rgba(247,200,68,.52);
  border-radius:26px;
  color:#fff7e8;
  background:radial-gradient(ellipse at 88% 25%,rgba(123,28,255,.37),transparent 52%),radial-gradient(ellipse at 8% 95%,rgba(30,183,255,.18),transparent 45%),linear-gradient(125deg,#170f28,#251339 56%,#151828);
  box-shadow:0 10px 34px rgba(64,26,97,.13),0 0 0 4px rgba(123,28,255,.025),inset 0 1px 0 rgba(255,239,178,.15);
}
.empire-ultra-hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(112deg,transparent 18%,rgba(247,200,68,.09) 36%,rgba(192,43,255,.09) 46%,transparent 66%);
  transform:translateX(-16%);
  animation:ultra-light-pass 12s ease-in-out 3 alternate;
}
.empire-ultra-crest {
  display:block;
  width:140px;
  height:140px;
  flex:0 0 140px;
  object-fit:contain;
  filter:drop-shadow(0 3px 12px rgba(247,200,68,.17));
}
.empire-ultra-copy {flex:1;min-width:0;max-width:780px;}
.empire-ultra-copy h2 {margin:0 0 9px;color:#fff7e8;font-size:clamp(23px,2.7vw,34px);font-weight:850;line-height:1.25;letter-spacing:-.6px;}
.empire-ultra-copy p {margin:0;color:#e6d9f3;font-size:15px;line-height:1.7;max-width:62ch;}
.empire-ultra-hero .btn {flex-shrink:0;white-space:normal;text-align:center;}
.empire-ultra-hero .btn.primary {
  color:#342408;
  background:linear-gradient(125deg,#ffe699,#f7c844);
  border:1px solid #ffe8a7;
  box-shadow:0 4px 14px rgba(247,200,68,.11);
}
.empire-ultra-hero .btn.primary:hover {background:#ffe79d;box-shadow:0 5px 22px rgba(247,200,68,.19);}
.empire-ultra-hero :is(button,a):focus-visible {outline:3px solid #8de5ff;outline-offset:4px;}

/* Independent frame layer preserves the merchant's uploaded photo and leaves it clickable. */
.empire-framed-avatar {
  position:relative;
  isolation:isolate;
  display:grid;
  place-items:center;
  width:88px;
  height:88px;
  flex:0 0 88px;
  overflow:visible;
  background:transparent;
}
.empire-framed-avatar .empire-avatar-photo {
  position:absolute;
  inset:20%;
  display:block;
  width:60%;
  height:60%;
  margin:0;
  overflow:hidden;
  border-radius:50%;
  object-fit:cover;
  color:var(--empire-ink,#142129);
  background:var(--empire-tint,#e6f8fc);
}
.empire-avatar-photo img {display:block;width:100%;height:100%;object-fit:cover;}
.empire-framed-avatar::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
  background:url('/assets/brand/ultra/merchant-frame.webp') center/contain no-repeat;
  pointer-events:none;
  filter:drop-shadow(0 2px 6px rgba(123,28,255,.16));
}
.store-grid .store-identity .empire-framed-avatar {margin-block:-7px;}

/* Existing glass-card selectors have explicit specificity so the LED rim survives their white outline. */
.store-grid .store-card {
  border-color:rgba(143,90,205,.23);
  box-shadow:0 9px 27px rgba(54,32,100,.055),0 1px 0 rgba(255,255,255,.9) inset;
}
.store-grid .store-card::before {
  border-top-color:rgba(247,200,68,.48);
  border-inline-start-color:rgba(192,43,255,.2);
  border-inline-end-color:rgba(30,183,255,.24);
  border-bottom-color:rgba(123,28,255,.13);
  pointer-events:none;
}
@media(hover:hover) and (pointer:fine) {
  .store-grid .store-card:hover {
    border-color:rgba(147,65,225,.36);
    box-shadow:0 12px 30px rgba(92,39,140,.09),0 0 15px rgba(192,43,255,.065),0 0 21px rgba(247,200,68,.045);
  }
  .store-grid .store-card:hover .empire-framed-avatar::after {filter:drop-shadow(0 2px 9px rgba(123,28,255,.24));}
}
html[data-time-theme="night"] .store-grid .store-card {
  border-color:rgba(186,125,234,.34);
  box-shadow:0 12px 32px rgba(0,0,0,.2),0 1px 0 rgba(247,200,68,.1) inset;
}
html[data-time-theme="night"] .store-grid .store-card::before {
  border-top-color:rgba(247,200,68,.42);
  border-inline-start-color:rgba(192,43,255,.3);
  border-inline-end-color:rgba(30,183,255,.3);
  border-bottom-color:rgba(123,28,255,.22);
}
html[data-time-theme="night"] .store-grid .store-card:hover {
  border-color:rgba(200,151,251,.56);
  box-shadow:0 15px 34px rgba(0,0,0,.26),0 0 17px rgba(192,43,255,.085);
}

/* The image garland is activated exclusively by the real Sukkot event marker. */
.season-business-decorated>.season-card-trim[data-season-motif="sukkot"] {
  height:48px;
  padding:0;
  border-bottom:1px solid rgba(247,200,68,.22);
  background-color:#f7f7ee;
  background-image:url('/assets/brand/ultra/sukkot-garland.webp'),linear-gradient(110deg,#f2f9ec,#fff4d7,#f2f8eb);
  background-position:center;
  background-repeat:repeat-x,no-repeat;
  background-size:auto 48px,cover;
}
.season-card-trim[data-season-motif="sukkot"]>svg,
.season-card-trim[data-season-motif="sukkot"]>.season-card-symbol {opacity:0;}
.season-surface-decorated>.season-card-trim[data-season-motif="sukkot"] {
  height:14px;
  opacity:.38;
  background:url('/assets/brand/ultra/sukkot-garland.webp') center/auto 35px repeat-x;
}
.store-card.season-business-decorated:has(>.season-card-trim[data-season-motif="sukkot"]) .store-open {top:63px;}
html[data-time-theme="night"] .season-business-decorated>.season-card-trim[data-season-motif="sukkot"] {
  background-color:#1c3028;
  background-image:url('/assets/brand/ultra/sukkot-garland.webp'),linear-gradient(110deg,#193628,#303022,#18342d);
}

@keyframes ultra-light-pass {from{transform:translateX(-16%);opacity:.55}to{transform:translateX(16%);opacity:1}}
@media(max-width:900px) {
  .empire-ultra-hero {gap:18px;padding:18px 20px;}
  .empire-ultra-hero>.btn {max-width:170px;}
}
@media(max-width:680px) {
  img.empire-asset-logo {width:48px;height:48px;max-width:48px;max-height:48px;}
  .empire-ultra-hero {min-height:0;gap:12px;flex-wrap:wrap;padding:16px;border-radius:21px;margin-bottom:22px;}
  .empire-ultra-crest {width:96px;height:96px;flex-basis:96px;}
  .empire-ultra-copy {flex-basis:calc(100% - 108px);}
  .empire-ultra-copy h2 {font-size:23px;line-height:1.25;letter-spacing:-.35px;margin-bottom:6px;}
  .empire-ultra-copy p {font-size:12px;line-height:1.65;}
  .empire-ultra-hero>.btn {max-width:none;min-height:42px;width:100%;margin-inline-start:0;}
  .empire-framed-avatar {width:60px;height:60px;flex-basis:60px;}
  .store-grid .store-identity {gap:10px;}
  .store-grid .store-identity .empire-framed-avatar {margin-block:-2px;}
  .season-business-decorated>.season-card-trim[data-season-motif="sukkot"] {height:40px;background-size:auto 40px,cover;}
  .store-card.season-business-decorated:has(>.season-card-trim[data-season-motif="sukkot"]) .store-open {top:55px;}
}
@media(prefers-reduced-motion:reduce) {
  .empire-ultra-hero::before {animation:none;transform:none;}
  .empire-framed-avatar::after {transition:none;}
}
html[data-reduce-motion] .empire-ultra-hero::before {animation:none;transform:none;}
html[data-reduce-motion] .empire-framed-avatar::after {transition:none;}
@media print {
  .empire-ultra-hero::before,.empire-framed-avatar::after {display:none!important;}
  .empire-ultra-hero {background:#fff!important;color:#111!important;box-shadow:none;border-color:#aaa;}
  .empire-ultra-copy :is(h2,p) {color:#111!important;}
  body :is(.panel,.season-panel,.account-card,.search-panel,.kpi,.product-card,.store-card) {box-shadow:none!important;}
}

/* Image illustrations share the vector slots without changing their layout footprint. */
.season-banner-art img,.season-card-symbol img,.empire-seasonal-corner img {
  display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;
}
.season-preview img {display:block;width:80px;height:80px;flex:0 0 80px;object-fit:contain;}
.empire-seasonal-corner[data-season-motif="sukkot"] {
  width:92px;height:92px;opacity:.72;
  background:url('/assets/brand/ultra/sukkot-corner.webp') center/contain no-repeat;
  filter:drop-shadow(0 3px 9px rgba(73,70,29,.13));
}
.empire-seasonal-corner[data-season-motif="sukkot"] img {opacity:0;}
img.empire-welcome-crest {display:block;width:62px;height:62px;max-width:100%;object-fit:contain;}
.store-grid .store-identity>.empire-framed-avatar+div {flex:1;min-width:0;}
.store-grid .store-identity>.empire-framed-avatar+div h3 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.empire-framed-avatar .empire-avatar-initials {display:grid;place-items:center;font-size:18px;font-weight:850;}
.empire-ultra-eyebrow {display:block;margin-bottom:7px;color:#f5d78f;font-size:11px;font-weight:750;letter-spacing:.025em;}
/* Override the shared night theme's multi-selector background specificity for this artwork strip only. */
html[data-time-theme="night"] .marketplace-app .discover-banner.empire-ultra-hero {
  color:#fff7e8;border-color:rgba(247,200,68,.52);
  background:radial-gradient(ellipse at 88% 25%,rgba(123,28,255,.37),transparent 52%),radial-gradient(ellipse at 8% 95%,rgba(30,183,255,.18),transparent 45%),linear-gradient(125deg,#170f28,#251339 56%,#151828);
}
.marketplace-app .empire-ultra-hero .empire-ultra-copy p {color:#e6d9f3;}
.marketplace-app .empire-ultra-hero .empire-ultra-copy h2 {color:#fff7e8;}
@media(max-width:680px) {
  .empire-ultra-eyebrow {font-size:10px;margin-bottom:5px;}
  .empire-framed-avatar .empire-avatar-initials {font-size:13px;}
}
@media print {
  .empire-seasonal-corner[data-season-motif="sukkot"] {display:none!important;}
  .marketplace-app .empire-ultra-hero .empire-ultra-copy :is(h2,p) {color:#111!important;}
}
/* Match ambient LEDs to the supplied violet and gold art, keeping the geometric cyan traces. */
body::after{background:radial-gradient(ellipse 31% 35% at 1% 28%,#7b1cff20,transparent 76%),radial-gradient(ellipse 25% 30% at 98% 68%,#f7c84420,transparent 76%),radial-gradient(ellipse 24% 28% at 5% 95%,#1eb7ff15,transparent 78%)}
html[data-time-theme="night"] body::after{background:radial-gradient(ellipse 32% 36% at 0 27%,#9c35ff36,transparent 76%),radial-gradient(ellipse 28% 35% at 99% 62%,#f7c84424,transparent 76%),radial-gradient(ellipse 30% 30% at 10% 95%,#1eb7ff22,transparent 78%)}
.marketplace-app .discover-banner.empire-ultra-hero .btn.primary{background:linear-gradient(125deg,#ffe699,#f7c844);color:#342408;border-color:#ffe8a7;box-shadow:0 0 18px #f7c84420}
.marketplace-app .discover-banner.empire-ultra-hero .btn.primary:hover{background:#ffe79d;color:#342408}
html[data-time-theme="night"] .season-business-decorated>.season-card-trim[data-season-motif="sukkot"]{background-repeat:repeat-x,no-repeat;background-position:center;background-size:auto 48px,cover}
@media(max-width:680px){html[data-time-theme="night"] .season-business-decorated>.season-card-trim[data-season-motif="sukkot"]{background-size:auto 40px,cover}}
/* The order indicator belongs to the same gold/violet visual system. */
body .empire-order-circle{border-color:#e0b950;background:linear-gradient(145deg,#fff8df,#f1e5ff);color:#472166;box-shadow:0 5px 20px #7b1cff29,0 0 0 3px #f7c84415}
html[data-time-theme="night"] .empire-order-circle{background:linear-gradient(145deg,#3d2456,#1c142e);border-color:#f7c844;color:#ffe9a8;box-shadow:0 6px 24px #10081c66,0 0 16px #9a40e83b}
html[data-time-theme="night"] .empire-order-detail{background:#1b2436;color:#f6edff;border-color:#785798}
html[data-time-theme="night"] .empire-order-detail :is(.empire-order-description,.empire-order-number,.empire-order-freshness,.empire-order-choose,.empire-order-steps li){color:#d4c9df}
html[data-time-theme="night"] .empire-order-detail .empire-order-current{color:#ffe6a0}
html[data-time-theme="night"] .empire-order-detail :is(select,.empire-order-close,.empire-order-dismiss){background:#30213f;color:#f5e8ff;border-color:#655077}
html[data-time-theme="night"] .empire-order-detail .empire-order-steps li[aria-current="step"]{color:#ffe6a0}
html[data-time-theme="night"] .empire-order-detail .empire-order-steps li[aria-current="step"]::before{background:#f7c844}
@media print{.empire-order-follow,.empire-order-detail{display:none!important}}
/* Polished compact tracker: supplied imperial ring, original step illustrations, and a clear timeline. */
body .empire-order-follow .empire-order-circle{position:relative;isolation:isolate;width:76px;height:76px;padding:17px 12px 15px;gap:2px;border:0;background:radial-gradient(circle,#38234f 32%,#1b102c 68%);color:#fff0be;box-shadow:0 7px 25px #45206b3d;overflow:visible}
body .empire-order-follow .empire-order-circle::before{content:"";position:absolute;inset:-5px;background:url('/assets/brand/ultra/avatar-ring.webp') center/contain no-repeat;pointer-events:none;z-index:1;filter:drop-shadow(0 0 5px #c02bff5c)}
body .empire-order-follow .empire-order-circle::after{content:"";position:absolute;inset:4px;border:1px solid #f7c84444;border-radius:50%;box-shadow:0 0 17px #c02bff2b;pointer-events:none;animation:ultra-order-glow 5s ease-in-out 3}
.empire-order-glyph svg{display:block;width:25px;height:25px}.empire-order-circle .empire-order-label{font-size:10px;color:#fff1c9;position:relative;z-index:2}.empire-order-count{z-index:3}
body dialog.empire-order-detail{width:min(420px,calc(100vw - 28px));border-radius:30px;padding:20px 22px 23px;border:1px solid #d4b078;background:radial-gradient(ellipse at 10% 0,#f2e5ff,transparent 48%),linear-gradient(145deg,#fffdf8,#f9f8ff);box-shadow:0 25px 80px #31144840}
.empire-order-crest{display:block;width:64px;height:64px;object-fit:contain;margin:0 auto 6px;filter:drop-shadow(0 3px 7px #c02bff20)}
body .empire-order-detail h2{text-align:center;padding:0;margin:0 0 12px;font-size:24px;letter-spacing:-.5px}
body .empire-order-detail .empire-order-number{text-align:center;font-size:11px;line-height:1.65;margin:0 auto 12px;max-width:270px}
body .empire-order-detail .empire-order-current{text-align:center;padding:12px;margin:12px 0 18px;border-radius:17px;background:#f1e8fb;color:#603583;font-size:27px;letter-spacing:-.6px}
body .empire-order-detail .empire-order-steps{gap:0;margin:20px -6px 24px}.empire-order-detail .empire-order-steps li{display:flex;flex-direction:column;align-items:center;gap:9px;padding:0;font-size:11px;z-index:0}
body .empire-order-detail .empire-order-steps li::before{top:21px;inset-inline:-1px;height:2px;background:#ded6e6;z-index:-1}
body .empire-order-detail .empire-order-steps li:first-child::before{inset-inline-start:50%}body .empire-order-detail .empire-order-steps li:last-child::before{inset-inline-end:50%}
.empire-order-step-art{display:grid;place-items:center;width:40px;height:40px;box-sizing:border-box;border:1px solid #d9d0e2;border-radius:14px;background:#f6f2fa;color:#80718c}
.empire-order-step-art svg{width:22px;height:22px}.empire-order-steps li[data-progress="done"] .empire-order-step-art{background:#eee2ff;color:#793cb7;border-color:#be9be0}
.empire-order-steps li[data-progress="current"] .empire-order-step-art{background:linear-gradient(130deg,#ffe9a8,#e9b83c);border-color:#f8d881;color:#4d350c;box-shadow:0 4px 16px #e8bb4444;transform:translateY(-2px)}
body .empire-order-detail .empire-order-description{text-align:center;line-height:1.7;padding:0 8px;font-size:14px}
body .empire-order-detail .empire-order-freshness{text-align:center;border-top-color:#d9cce7;padding-top:14px;font-size:10px}
html[data-time-theme="night"] body dialog.empire-order-detail{background:radial-gradient(ellipse at 5% 0,#46225877,transparent 52%),linear-gradient(145deg,#21192f,#171c2b);border-color:#9a7951;box-shadow:0 28px 90px #06040b99,0 0 28px #7b1cff15}
html[data-time-theme="night"] body .empire-order-detail .empire-order-current{background:linear-gradient(120deg,#55396966,#332342);color:#ffe4a0;border:1px solid #87664555}
html[data-time-theme="night"] .empire-order-step-art{background:#292338;color:#9d92ae;border-color:#50435f}html[data-time-theme="night"] .empire-order-steps li[data-progress="done"] .empire-order-step-art{background:#463159;color:#ddbcff;border-color:#806098}
html[data-time-theme="night"] body .empire-order-detail .empire-order-steps li::before{background:#54415e}html[data-time-theme="night"] .empire-order-steps li[data-progress="current"] .empire-order-step-art{background:linear-gradient(125deg,#ffe3a0,#e3b238);color:#3e2c0b;border-color:#ffe69a}
@keyframes ultra-order-glow{50%{box-shadow:0 0 23px #c02bff60}}@media(prefers-reduced-motion:reduce){.empire-order-circle::after{animation:none!important}}html[data-reduce-motion] .empire-order-circle::after{animation:none!important}
.brand-mark img.empire-asset-logo{width:100%;height:100%;max-width:100%;max-height:100%}.welcome-phone-top img.empire-asset-logo{width:28px;height:28px}.welcome-float-b img.empire-asset-logo{width:38px;height:38px}
/* Compact edge control; details are only shown after an explicit click. */
body .empire-order-follow .empire-order-circle{width:50px;min-width:50px;height:50px;box-sizing:border-box;padding:8px;gap:1px;box-shadow:0 3px 12px #45206b25}
body .empire-order-follow .empire-order-circle::before{inset:-3px;filter:drop-shadow(0 0 3px #c02bff44)}
body .empire-order-follow .empire-order-circle::after{animation:none;box-shadow:0 0 8px #c02bff20}
body .empire-order-follow .empire-order-glyph svg{width:18px;height:18px}
body .empire-order-follow .empire-order-label{position:relative;font-size:8px;line-height:10px;max-width:34px;white-space:nowrap}
body .empire-order-follow{inset-inline-start:10px}
