/* ============================================================
   Parcel Empire — Phase 10.2
   Loading-screen matched visual foundation
   ============================================================ */
:root{
  --pe10-space:#020b22;
  --pe10-navy:#061a44;
  --pe10-blue:#087eea;
  --pe10-cyan:#31d8ff;
  --pe10-sky:#8deaff;
  --pe10-gold:#ffc83d;
  --pe10-gold-deep:#f08a00;
  --pe10-green:#72e339;
  --pe10-white:#f7fbff;
  --pe10-muted:#9fc7e6;
  --pe10-panel:rgba(5,24,58,.92);
  --pe10-panel-strong:rgba(4,18,46,.98);
  --pe10-border:rgba(76,205,255,.34);
  --pe10-gold-border:rgba(255,200,61,.72);
  --pe10-shadow:0 16px 42px rgba(0,8,31,.55);
}

html,body{
  background:var(--pe10-space);
  color:var(--pe10-white);
}

body.pe-v10-theme{
  background:
    radial-gradient(circle at 50% -12%,rgba(24,133,255,.24),transparent 36%),
    linear-gradient(180deg,#041330,#020918 78%);
}

body.pe-v10-theme::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.36;
  background-image:
    radial-gradient(circle at 12% 16%,#fff 0 1px,transparent 1.5px),
    radial-gradient(circle at 82% 11%,#8eeaff 0 1px,transparent 1.6px),
    radial-gradient(circle at 67% 29%,#fff 0 .8px,transparent 1.4px),
    radial-gradient(circle at 23% 68%,#5ccfff 0 1px,transparent 1.6px);
  background-size:280px 260px,340px 310px,230px 220px,390px 360px;
}

body.pe-v10-theme :is(button,a,input,select,textarea){font-family:inherit}
body.pe-v10-theme button{touch-action:manipulation}

/* Shared premium panel language used by later Phase 10 screens. */
body.pe-v10-theme .sheetPanel,
body.pe-v10-theme .peRightCard,
body.pe-v10-theme .parcelCard{
  border-color:var(--pe10-border)!important;
  background:
    linear-gradient(160deg,rgba(8,42,88,.96),rgba(3,17,43,.98))!important;
  box-shadow:var(--pe10-shadow),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

body.pe-v10-theme .primaryAction{
  color:#09214b!important;
  border:2px solid rgba(255,255,255,.72)!important;
  background:linear-gradient(180deg,#ffe369 0%,#ffc02e 52%,#f18a00 100%)!important;
  box-shadow:0 12px 28px rgba(240,138,0,.32),inset 0 2px 0 rgba(255,255,255,.5)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.38);
}

body.pe-v10-theme .ghostAction{
  color:#eaf8ff!important;
  border:1px solid rgba(79,210,255,.42)!important;
  background:linear-gradient(180deg,rgba(16,69,127,.88),rgba(5,34,75,.94))!important;
}

body.pe-v10-theme .bottomNav.peFiveNav{
  border-color:rgba(66,199,255,.28)!important;
  background:linear-gradient(180deg,rgba(7,32,72,.96),rgba(3,17,43,.98))!important;
  box-shadow:0 14px 38px rgba(0,5,26,.56),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
body.pe-v10-theme .bottomNav.peFiveNav button.active{
  color:#fff!important;
  border-color:rgba(255,204,61,.62)!important;
  background:linear-gradient(180deg,rgba(20,127,226,.95),rgba(7,68,145,.96))!important;
  box-shadow:0 0 0 2px rgba(255,200,61,.16) inset,0 8px 24px rgba(0,128,255,.24)!important;
}