/* CRU® checkout + order confirmation · Member/Contact black graphite gold gene field · 2026-09-02 */
.cru-checkout-gene-page,
.cru-confirm-gene-page{
  --checkout-white:#fbfaf6;
  --checkout-muted:rgba(240,236,227,.72);
  --checkout-gold:#caa35d;
  --checkout-gold-light:#f0ddb2;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:calc(100vh - 72px);
  color:var(--checkout-white)!important;
  background:
    radial-gradient(circle at 83% 17%,rgba(255,223,152,.50) 0%,rgba(224,170,73,.30) 15%,rgba(168,108,31,.20) 31%,transparent 51%),
    radial-gradient(circle at 9% 88%,rgba(229,176,77,.25) 0%,rgba(145,91,25,.14) 27%,transparent 52%),
    linear-gradient(126deg,#050608 0%,#111319 27%,#28241d 44%,#9e6b22 62%,#5d401a 76%,#0b0d10 100%)!important;
  border-color:rgba(247,211,139,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,240,205,.08),inset 0 -80px 140px rgba(0,0,0,.14)!important;
}
.cru-checkout-gene-page::before,
.cru-confirm-gene-page::before{
  content:'';
  position:absolute;
  inset:-45px -55px -35px 27%;
  z-index:0;
  pointer-events:none;
  opacity:.54;
  background:url('/assets/cru-contact-white-gold-gene-branch-20260831.svg?v=gene-pages-v1') right top / cover no-repeat;
  mix-blend-mode:screen;
  transform:scale(1.015);
  transform-origin:78% 42%;
  animation:cruCheckoutGeneBreathe 17s ease-in-out infinite alternate;
}
.cru-checkout-gene-page::after,
.cru-confirm-gene-page::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:.92;
  background:
    radial-gradient(ellipse 34% 46% at 78% 18%,rgba(255,239,200,.12),transparent 72%),
    radial-gradient(ellipse 30% 42% at 91% 61%,rgba(214,160,64,.11),transparent 74%),
    linear-gradient(90deg,rgba(5,6,8,.18) 0%,transparent 36%,rgba(74,48,14,.06) 67%,rgba(255,210,123,.035) 100%);
}
.cru-checkout-gene-page > .wrap,
.cru-confirm-gene-page > .wrap{position:relative;z-index:2}
.cru-checkout-gene-page .section-head h2{
  color:transparent!important;
  background:linear-gradient(96deg,#fff 0%,#fffdf8 45%,#efdaa9 72%,#c99c51 100%);
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(0 4px 20px rgba(0,0,0,.38));
}
.cru-checkout-gene-page .eyebrow{color:var(--checkout-gold-light)!important}
.cru-checkout-gene-page .eyebrow::before{background:linear-gradient(90deg,#fff9e9,var(--checkout-gold))!important}
.cru-checkout-gene-page h3,
.cru-confirm-gene-page h2,
.cru-confirm-gene-page h3{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.34)}
.cru-checkout-gene-page .notice-box,
.cru-checkout-gene-page .pay-opt,
.cru-checkout-gene-page .summary-box,
.cru-confirm-gene-page .confirm-box{
  color:rgba(244,240,232,.80)!important;
  border-color:rgba(229,198,139,.27)!important;
  background:
    radial-gradient(320px 220px at 100% 0%,rgba(226,190,121,.08),transparent 72%),
    linear-gradient(145deg,rgba(35,38,40,.92),rgba(10,11,12,.96))!important;
  box-shadow:0 22px 58px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.045)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.cru-checkout-gene-page .field label{color:rgba(241,236,226,.72)!important}
.cru-checkout-gene-page .field input,
.cru-checkout-gene-page .field textarea,
.cru-checkout-gene-page .field select{
  color:#fff!important;
  border-color:rgba(229,198,139,.27)!important;
  background:linear-gradient(180deg,rgba(33,36,38,.92),rgba(11,12,13,.97))!important;
  box-shadow:0 12px 32px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035);
}
.cru-checkout-gene-page .field input:focus,
.cru-checkout-gene-page .field textarea:focus,
.cru-checkout-gene-page .field select:focus{
  border-color:rgba(241,218,174,.62)!important;
  box-shadow:0 0 0 4px rgba(225,187,115,.065),inset 0 1px 0 rgba(255,255,255,.05);
}
.cru-checkout-gene-page .field input::placeholder,
.cru-checkout-gene-page .field textarea::placeholder{color:rgba(241,237,228,.38)}
.cru-checkout-gene-page .pay-opt .name{color:#fff!important}
.cru-checkout-gene-page .pay-opt .desc,
.cru-checkout-gene-page .summary-row{color:rgba(240,236,227,.70)!important}
.cru-checkout-gene-page .summary-row.total{
  color:#fff!important;
  border-top-color:rgba(229,198,139,.23)!important;
}
.cru-checkout-gene-page .summary-row.total .val{color:var(--checkout-gold-light)!important}
.cru-checkout-gene-page input[type="radio"]{accent-color:var(--checkout-gold)}
.cru-checkout-gene-page #submitOrder{
  border:1px solid rgba(255,241,207,.34)!important;
  background:linear-gradient(135deg,#8e6429 0%,#d4ad62 45%,#f0d9a7 70%,#9b6e30 100%)!important;
  box-shadow:0 16px 38px rgba(183,126,43,.24),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.cru-confirm-gene-page .confirm-mark{color:var(--checkout-gold-light)!important}
.cru-confirm-gene-page .confirm-box p{color:var(--checkout-muted)!important}
@keyframes cruCheckoutGeneBreathe{
  from{transform:scale(1.015) translate3d(0,0,0);opacity:.50}
  to{transform:scale(1.055) translate3d(-13px,8px,0);opacity:.59}
}
@media(max-width:700px){
  .cru-checkout-gene-page,
  .cru-confirm-gene-page{
    background:
      radial-gradient(circle at 88% 12%,rgba(255,222,148,.36) 0%,rgba(212,151,55,.22) 18%,transparent 45%),
      radial-gradient(circle at 7% 91%,rgba(208,152,57,.17) 0%,transparent 45%),
      linear-gradient(132deg,#060708 0%,#111318 31%,#272218 52%,#81591f 70%,#2d2113 84%,#090b0e 100%)!important;
  }
  .cru-checkout-gene-page::before,
  .cru-confirm-gene-page::before{
    inset:-10px -610px auto 0;
    height:760px;
    opacity:.27;
    background-size:1020px auto;
    background-position:right top;
    animation:none;
  }
  .cru-checkout-gene-page::after,
  .cru-confirm-gene-page::after{opacity:.74}
}
@media(prefers-reduced-motion:reduce){
  .cru-checkout-gene-page::before,
  .cru-confirm-gene-page::before{animation:none}
}

/* CRU admin login · same Member/Contact black graphite gold gene field. */
.cru-admin-gene-page{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:calc(100vh - 72px);
  color:#fbfaf6!important;
  background:
    radial-gradient(circle at 83% 17%,rgba(255,223,152,.50) 0%,rgba(224,170,73,.30) 15%,rgba(168,108,31,.20) 31%,transparent 51%),
    radial-gradient(circle at 9% 88%,rgba(229,176,77,.25) 0%,rgba(145,91,25,.14) 27%,transparent 52%),
    linear-gradient(126deg,#050608 0%,#111319 27%,#28241d 44%,#9e6b22 62%,#5d401a 76%,#0b0d10 100%)!important;
}
.cru-admin-gene-page::before{
  content:'';
  position:absolute;
  inset:-45px -55px -35px 27%;
  z-index:0;
  pointer-events:none;
  opacity:.54;
  background:url('/assets/cru-contact-white-gold-gene-branch-20260831.svg?v=gene-pages-v1') right top / cover no-repeat;
  mix-blend-mode:screen;
  animation:cruCheckoutGeneBreathe 17s ease-in-out infinite alternate;
}
.cru-admin-gene-page::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:radial-gradient(ellipse 34% 46% at 78% 18%,rgba(255,239,200,.12),transparent 72%),linear-gradient(90deg,rgba(5,6,8,.18),transparent 40%,rgba(74,48,14,.06));
}
.cru-admin-gene-page>.wrap{position:relative;z-index:2}
.cru-admin-gene-page .admin-gate{
  max-width:440px;
  padding:34px;
  border:1px solid rgba(229,198,139,.28);
  border-radius:20px;
  background:radial-gradient(320px 220px at 100% 0%,rgba(226,190,121,.08),transparent 72%),linear-gradient(145deg,rgba(35,38,40,.92),rgba(10,11,12,.96));
  box-shadow:0 28px 72px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
}
.cru-admin-gene-page .admin-gate h2{color:#fff!important}
.cru-admin-gene-page .admin-gate p,.cru-admin-gene-page .field label{color:rgba(240,236,227,.72)!important}
.cru-admin-gene-page .eyebrow{color:#f0ddb2!important}
.cru-admin-gene-page .field input{
  color:#fff!important;
  border-color:rgba(229,198,139,.27)!important;
  background:linear-gradient(180deg,rgba(33,36,38,.92),rgba(11,12,13,.97))!important;
}
.cru-admin-gene-page .field input::placeholder{color:rgba(241,237,228,.38)}
@media(max-width:700px){
  .cru-admin-gene-page{background:radial-gradient(circle at 88% 12%,rgba(255,222,148,.36),transparent 45%),linear-gradient(132deg,#060708 0%,#111318 31%,#272218 52%,#81591f 70%,#090b0e 100%)!important}
  .cru-admin-gene-page::before{inset:-10px -610px auto 0;height:760px;opacity:.27;background-size:1020px auto;animation:none}
  .cru-admin-gene-page .admin-gate{margin:45px auto;padding:26px 20px}
}

/* CRU® operations dashboard · authenticated view, unified with Member / Contact. */
.cru-admin-gene-page > .wrap{
  width:min(1440px,calc(100% - 40px));
}
.cru-admin-gene-page .admin-top{
  padding:26px 28px;
  border:1px solid rgba(229,198,139,.24);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(34,37,40,.88),rgba(9,10,11,.94));
  box-shadow:0 24px 62px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
}
.cru-admin-gene-page .admin-top h2,
.cru-admin-gene-page .section-head h2{
  color:transparent!important;
  background:linear-gradient(96deg,#fff 0%,#fffdf8 44%,#efdaa9 73%,#c99c51 100%);
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(0 4px 20px rgba(0,0,0,.34));
}
.cru-admin-gene-page .eyebrow{color:#f0ddb2!important}
.cru-admin-gene-page .eyebrow::before{background:linear-gradient(90deg,#fff9e9,#caa35d)!important}
.cru-admin-gene-page .admin-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.cru-admin-gene-page .stat-card{
  min-width:0;
  padding:20px 22px;
  border:1px solid rgba(229,198,139,.22)!important;
  background:
    radial-gradient(190px 120px at 100% 0%,rgba(226,190,121,.10),transparent 72%),
    linear-gradient(145deg,rgba(34,37,39,.91),rgba(10,11,12,.96))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.cru-admin-gene-page .stat-card .n{color:#f0ddb2!important;text-shadow:0 3px 18px rgba(0,0,0,.3)}
.cru-admin-gene-page .stat-card .l{color:rgba(240,236,227,.66)!important}
.cru-admin-gene-page .section-head p{color:rgba(240,236,227,.68)!important}
.cru-admin-gene-page .inventory-alert,
.cru-admin-gene-page .empty-state,
.cru-admin-gene-page .inventory-history{
  color:rgba(240,236,227,.74)!important;
  border-color:rgba(229,198,139,.25)!important;
  background:linear-gradient(145deg,rgba(34,37,39,.88),rgba(10,11,12,.94))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.035);
}
.cru-admin-gene-page .inventory-alert strong,
.cru-admin-gene-page .inventory-history summary{color:#f0ddb2!important}
.cru-admin-gene-page .admin-table-wrap{
  border-color:rgba(229,198,139,.24)!important;
  background:rgba(8,9,10,.78)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.cru-admin-gene-page table.admin-table th{
  color:#f0ddb2!important;
  border-bottom-color:rgba(229,198,139,.24)!important;
  background:linear-gradient(180deg,rgba(48,46,40,.96),rgba(24,24,23,.98))!important;
}
.cru-admin-gene-page table.admin-table td{
  color:rgba(240,236,227,.76)!important;
  border-bottom-color:rgba(229,198,139,.13)!important;
  background:rgba(11,12,13,.64);
}
.cru-admin-gene-page table.admin-table tr:hover td{background:rgba(202,163,93,.09)!important}
.cru-admin-gene-page .inventory-product b{color:#fff!important}
.cru-admin-gene-page .inventory-product small{color:rgba(240,236,227,.46)!important}
.cru-admin-gene-page .inventory-number,
.cru-admin-gene-page .status-select,
.cru-admin-gene-page .hair-status-select,
.cru-admin-gene-page .withdraw-status-select{
  color:#fff!important;
  border-color:rgba(229,198,139,.27)!important;
  background:linear-gradient(180deg,rgba(37,39,40,.96),rgba(12,13,14,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.cru-admin-gene-page .inventory-number:focus,
.cru-admin-gene-page select:focus{
  outline:none;
  border-color:rgba(241,218,174,.65)!important;
  box-shadow:0 0 0 4px rgba(225,187,115,.07);
}
.cru-admin-gene-page .inventory-switch,
.cru-admin-gene-page .inventory-sale-label{color:rgba(240,236,227,.72)!important}
.cru-admin-gene-page .btn-outline{
  color:#f5e5c1!important;
  border-color:rgba(241,218,174,.38)!important;
  background:rgba(12,13,14,.48)!important;
}
.cru-admin-gene-page .btn-outline:hover{
  color:#fff!important;
  border-color:rgba(241,218,174,.68)!important;
  background:rgba(202,163,93,.14)!important;
}
.cru-admin-gene-page .btn-gold{
  color:#17130d!important;
  border:1px solid rgba(255,241,207,.34)!important;
  background:linear-gradient(135deg,#8e6429 0%,#d4ad62 45%,#f0d9a7 70%,#9b6e30 100%)!important;
  box-shadow:0 14px 34px rgba(183,126,43,.22),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
@media(max-width:1040px){
  .cru-admin-gene-page .admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .cru-admin-gene-page > .wrap{width:min(100% - 24px,1440px)}
  .cru-admin-gene-page .admin-top{padding:22px 18px;border-radius:18px}
  .cru-admin-gene-page .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cru-admin-gene-page .stat-card{padding:17px 16px;border-radius:14px}
  .cru-admin-gene-page .stat-card .n{font-size:24px}
  .cru-admin-gene-page .admin-table-wrap{border-radius:14px}
}
@media(max-width:420px){
  .cru-admin-gene-page .admin-stats{grid-template-columns:1fr 1fr}
  .cru-admin-gene-page .stat-card{padding:15px 13px}
}