/* PGS Shop & Portal – Frontend (Glassmorphism, Platin-Look) */
.pgs-portal{
  --pgs-bg:#070708; --pgs-card:rgba(96,140,255,.06); --pgs-card-brd:rgba(118,150,235,.16);
  --pgs-ink:#F4F4F6; --pgs-txt:#D6D6DC; --pgs-muted:#8A8A95;
  --pgs-acc:#5B8CFF; --pgs-acc2:#86A8FF; --pgs-ok:#3FBF8F; --pgs-warn:#E2B14C; --pgs-err:#E06B6B;
  --pgs-r:16px; --pgs-r-sm:10px; --pgs-gap:18px;
  /* erweiterte Tokens (Design-Blaupause) */
  --pgs-h:#F4F4F6;
  --pgs-card-2:rgba(96,140,255,.045);
  --pgs-pop-bg:#16171c;
  --pgs-card-brd-strong:rgba(124,156,240,.24);
  --pgs-focus:0 0 0 3px rgba(134,168,255,.22);
  --pgs-focus-brd:rgba(134,168,255,.55);
  --pgs-glow-acc:0 0 0 1px rgba(91,140,255,.22), 0 18px 60px rgba(91,140,255,.14);
  --pgs-shadow-2:0 18px 60px rgba(0,0,0,.55);
  --pgs-ease:cubic-bezier(.22,1,.36,1); --pgs-dur-2:220ms;
  color:var(--pgs-txt);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  padding:48px 18px;
}
.pgs-portal *{box-sizing:border-box;}
.pgs-portal__inner{max-width:780px;margin:0 auto;}

/* Fokus & Reduced Motion */
.pgs-portal a:focus-visible,.pgs-portal button:focus-visible,.pgs-portal input:focus-visible,.pgs-portal textarea:focus-visible{outline:none;box-shadow:var(--pgs-focus);}
@media (prefers-reduced-motion: reduce){.pgs-portal *{transition:none !important;animation:none !important;}}

.pgs-eyebrow{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--pgs-acc2);background:rgba(91,140,255,.10);border:1px solid rgba(91,140,255,.22);
  padding:5px 12px;border-radius:999px;backdrop-filter:blur(10px);}
.pgs-head{margin-bottom:22px;}
.pgs-head--row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.pgs-h1{color:var(--pgs-ink);font-size:30px;line-height:1.15;margin:12px 0 6px;font-weight:700;}
.pgs-h3{color:var(--pgs-ink);font-size:18px;margin:0 0 14px;font-weight:600;}
.pgs-sub{color:var(--pgs-muted);font-size:15px;margin:0;}
.pgs-muted{color:var(--pgs-muted);font-size:13px;}

.pgs-card{
  background:linear-gradient(160deg,rgba(96,140,255,.075),rgba(255,255,255,.022));
  border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r);
  padding:26px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:0 14px 40px rgba(12,22,60,.32);margin-bottom:var(--pgs-gap);
}
.pgs-card--error{border-color:rgba(224,107,107,.35);}

/* Formulare */
.pgs-form{display:flex;flex-direction:column;gap:16px;max-width:420px;}
.pgs-label{display:flex;flex-direction:column;gap:7px;font-size:14px;color:var(--pgs-txt);}
.pgs-input{
  background:rgba(255,255,255,.04);border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r-sm);
  color:var(--pgs-ink);padding:12px 14px;font-size:15px;transition:border-color .18s ease, box-shadow .18s ease;
}
.pgs-input:focus-visible,.pgs-input:focus{outline:none;border-color:var(--pgs-acc);box-shadow:0 0 0 3px rgba(91,140,255,.22);}
.pgs-input::placeholder{color:#5b5b66;}
/* Native Dropdown-Liste lesbar: dunkles Popup statt heller Schrift auf weiss */
select.pgs-input{color-scheme:dark;}
select.pgs-input option{background-color:#16171c;color:#F4F4F6;}

.pgs-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;
  border-radius:999px;padding:13px 22px;font-size:15px;font-weight:600;border:1px solid transparent;
  transition:transform .15s ease, opacity .15s ease, background-color .15s ease;text-decoration:none;
}
.pgs-btn--sm{padding:8px 16px;font-size:13px;}
.pgs-btn--primary{background:linear-gradient(180deg,var(--pgs-acc2),var(--pgs-acc));color:#0C0C0D;}
.pgs-btn--primary:hover{transform:translateY(-1px);}
.pgs-btn--ghost{background:rgba(255,255,255,.04);border-color:var(--pgs-card-brd);color:var(--pgs-ink);}
.pgs-btn--ghost:hover{background:rgba(255,255,255,.08);}
.pgs-btn:active{transform:translateY(0);}
.pgs-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(91,140,255,.30);}

.pgs-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:4px;}
.pgs-links a{color:var(--pgs-acc2);font-size:14px;text-decoration:none;}
.pgs-links a:hover{text-decoration:underline;}
.pgs-logout{margin:0;}

/* Notices */
.pgs-note{border-radius:var(--pgs-r-sm);padding:13px 16px;margin-bottom:16px;font-size:14px;border:1px solid var(--pgs-card-brd);backdrop-filter:blur(10px);}
.pgs-note--info{background:rgba(91,140,255,.10);border-color:rgba(91,140,255,.30);color:#cfe0ff;}
.pgs-note--success{background:rgba(63,191,143,.10);border-color:rgba(63,191,143,.30);color:#b8f0d8;}
.pgs-note--error{background:rgba(224,107,107,.10);border-color:rgba(224,107,107,.32);color:#f6c9c9;}

/* Auftraege */
.pgs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--pgs-gap);}
.pgs-order{
  display:flex;flex-direction:column;gap:12px;text-decoration:none;
  background:var(--pgs-card);border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r);
  padding:20px;backdrop-filter:blur(16px);transition:transform .15s ease, border-color .15s ease;
}
.pgs-order:hover{transform:translateY(-2px);border-color:rgba(91,140,255,.35);}
.pgs-order__top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.pgs-order__num{color:var(--pgs-ink);font-weight:700;font-size:16px;}
.pgs-order__meta{display:flex;flex-wrap:wrap;gap:8px;}
.pgs-chip{font-size:12px;color:var(--pgs-txt);background:rgba(255,255,255,.05);border:1px solid var(--pgs-card-brd);padding:4px 10px;border-radius:999px;}
.pgs-order__cta{color:var(--pgs-acc2);font-size:13px;font-weight:600;}
.pgs-order__eta{font-size:12px;}
.pgs-order__meta--detail{margin:16px 0 4px;}
.pgs-statusline{color:var(--pgs-txt);font-size:14px;line-height:1.5;margin:14px 0 0;background:rgba(91,140,255,.07);border:1px solid rgba(91,140,255,.20);border-radius:var(--pgs-r-sm);padding:11px 14px;}
.pgs-grade-word{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--pgs-muted);text-align:center;margin-top:2px;}
.pgs-grade-wrap{display:flex;flex-direction:column;align-items:center;}

.pgs-bar{height:6px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;}
.pgs-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--pgs-acc),var(--pgs-acc2));border-radius:999px;transition:width .3s ease;}

/* Badges */
.pgs-badge{font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;border:1px solid var(--pgs-card-brd);}
.pgs-badge.is-received{background:rgba(138,138,149,.14);color:#c7c7d0;}
.pgs-badge.is-grading{background:rgba(226,177,76,.14);color:#f0d79a;border-color:rgba(226,177,76,.30);}
.pgs-badge.is-done{background:rgba(91,140,255,.14);color:#bcd0ff;border-color:rgba(91,140,255,.30);}
.pgs-badge.is-ready{background:rgba(167,124,255,.14);color:#d8c8ff;border-color:rgba(167,124,255,.32);}
.pgs-badge.is-shipped{background:rgba(63,191,143,.14);color:#bff0db;border-color:rgba(63,191,143,.30);}
/* Zahlungs-Status-Info (Auftrag abgeschlossen, noch offen) */
.pgs-paynote{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:11px 13px;border-radius:var(--pgs-r-sm,12px);font-size:13px;line-height:1.45;border:1px solid var(--pgs-card-brd);}
.pgs-paynote svg{flex:0 0 auto;width:18px;height:18px;margin-top:1px;}
.pgs-paynote--warn{background:rgba(226,177,76,.12);border-color:rgba(226,177,76,.40);color:#f0d79a;}
.pgs-paynote--soft{background:rgba(138,138,149,.10);color:var(--pgs-txt);}
.pgs-paynote b{color:var(--pgs-ink);}

/* Timeline */
.pgs-timeline{display:flex;justify-content:space-between;gap:8px;margin:22px 0 6px;position:relative;}
.pgs-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;}
.pgs-step::before{content:"";position:absolute;top:9px;left:-50%;width:100%;height:2px;background:rgba(255,255,255,.10);z-index:0;}
.pgs-step:first-child::before{display:none;}
.pgs-dot{width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.10);border:2px solid rgba(255,255,255,.18);z-index:1;}
.pgs-step__lbl{font-size:12px;color:var(--pgs-muted);text-align:center;}
.pgs-step--done .pgs-dot{background:var(--pgs-acc);border-color:var(--pgs-acc);}
.pgs-step--active .pgs-dot{background:var(--pgs-acc2);border-color:var(--pgs-acc2);box-shadow:0 0 0 4px rgba(91,140,255,.20);}
.pgs-step--done .pgs-step__lbl,.pgs-step--active .pgs-step__lbl{color:var(--pgs-ink);}

/* Karten / Noten */
.pgs-cards{display:flex;flex-direction:column;gap:10px;}
.pgs-cardrow{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px 16px;background:rgba(255,255,255,.03);border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r-sm);}
.pgs-cardrow__info{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0;}
.pgs-cardrow__thumb{flex:0 0 44px;width:44px;height:44px;border-radius:8px;overflow:hidden;
  background:var(--pgs-card-2);border:1px solid var(--pgs-card-brd);}
.pgs-cardrow__thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.pgs-cardrow__name{color:var(--pgs-ink);font-weight:600;font-size:15px;}
.pgs-subgrades{font-size:12px;color:var(--pgs-muted);}
.pgs-cardrow__grade{display:flex;align-items:center;gap:12px;}
.pgs-grade{font-size:22px;font-weight:800;color:var(--pgs-ink);
  background:linear-gradient(180deg,var(--pgs-acc2),var(--pgs-acc));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.pgs-link-sm{color:var(--pgs-acc2);font-size:13px;text-decoration:none;white-space:nowrap;}
.pgs-link-sm:hover{text-decoration:underline;}

.pgs-back{color:var(--pgs-acc2);text-decoration:none;font-size:14px;}
.pgs-back:hover{text-decoration:underline;}
.pgs-empty{text-align:left;}
.pgs-empty h3{color:var(--pgs-ink);margin:0 0 6px;font-size:18px;}

@media (max-width:560px){
  .pgs-portal{padding:32px 14px;}
  .pgs-h1{font-size:24px;}
  .pgs-step__lbl{font-size:11px;}
}

/* ===================== Modernes Dashboard (Auftragskarten) ===================== */
.pgs-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 8px;}
.pgs-stat{background:var(--pgs-card-2);border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r);padding:16px 18px;display:flex;flex-direction:column;gap:3px;}
.pgs-stat__n{color:var(--pgs-h);font-weight:900;font-size:24px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.pgs-stat__l{color:var(--pgs-muted);font-size:12px;font-weight:600;}

/* Auftragskarte – ueberschreibt die alte .pgs-order */
.pgs-grid{grid-template-columns:1fr;gap:14px;}
@media(min-width:680px){.pgs-grid{grid-template-columns:1fr 1fr;}}
.pgs-order{display:flex;flex-direction:column;gap:0;padding:20px;text-decoration:none;
  transition:transform var(--pgs-dur-2) var(--pgs-ease),border-color var(--pgs-dur-2) var(--pgs-ease),box-shadow var(--pgs-dur-2) var(--pgs-ease);}
.pgs-order:hover{transform:translateY(-2px);border-color:rgba(91,140,255,.34);box-shadow:var(--pgs-glow-acc);}
.pgs-order__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.pgs-order__id{display:flex;flex-direction:column;gap:4px;min-width:0;}
.pgs-order__kicker{color:var(--pgs-h);font-weight:800;font-size:16px;letter-spacing:-.01em;}
.pgs-order__meta{color:var(--pgs-muted);font-size:13px;font-weight:600;display:block;}
.pgs-order__right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right;white-space:nowrap;}
.pgs-order__eta{color:var(--pgs-muted);font-size:12px;}

.pgs-order__progress{margin:18px 0 14px;}
.pgs-progress{height:7px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;}
.pgs-progress__bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--pgs-acc),var(--pgs-acc2));transition:width .4s var(--pgs-ease);}
.pgs-order__progress-label{margin-top:7px;color:var(--pgs-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}

.pgs-order__foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);}
.pgs-rail{list-style:none;display:flex;align-items:flex-start;gap:0;margin:0;padding:0;flex:1;}
.pgs-rail__step{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;}
.pgs-rail__step::before{content:"";position:absolute;top:6px;left:-50%;width:100%;height:2px;background:rgba(255,255,255,.10);}
.pgs-rail__step:first-child::before{display:none;}
.pgs-rail__dot{width:13px;height:13px;border-radius:50%;background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.16);position:relative;z-index:1;}
.pgs-rail__lbl{font-size:10px;color:var(--pgs-muted);font-weight:600;text-align:center;}
.pgs-rail__step.is-done .pgs-rail__dot{background:var(--pgs-acc);border-color:var(--pgs-acc);}
.pgs-rail__step.is-done::before{background:var(--pgs-acc);}
.pgs-rail__step.is-current .pgs-rail__dot{background:var(--pgs-acc2);border-color:var(--pgs-acc2);box-shadow:0 0 0 4px rgba(91,140,255,.22);}
.pgs-rail__step.is-done .pgs-rail__lbl,.pgs-rail__step.is-current .pgs-rail__lbl{color:var(--pgs-txt);}

/* ---- Fortschrittslinie (ersetzt die Einzel-Kreise) ---- */
.pgs-prog{margin:10px 0 2px;}
.pgs-prog__track{position:relative;height:6px;border-radius:999px;background:rgba(255,255,255,.10);overflow:hidden;}
.pgs-prog__fill{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--pgs-acc),var(--pgs-acc2));box-shadow:0 0 12px rgba(91,140,255,.45);transition:width .35s ease;}
.pgs-prog__steps{list-style:none;margin:9px 0 0;padding:0;display:flex;gap:6px;}
.pgs-prog__step{flex:1 1 0;min-width:0;}
.pgs-prog__lbl{display:block;font-size:11px;line-height:1.25;color:var(--pgs-muted);font-weight:600;text-align:center;}
.pgs-prog__step:first-child .pgs-prog__lbl{text-align:left;}
.pgs-prog__step:last-child .pgs-prog__lbl{text-align:right;}
.pgs-prog__step.is-done .pgs-prog__lbl{color:var(--pgs-txt);}
.pgs-prog__step.is-current .pgs-prog__lbl{color:var(--pgs-acc2);font-weight:800;}
.pgs-order__foot .pgs-btn--sm{flex:none;}

@media(max-width:560px){
  .pgs-stats{grid-template-columns:repeat(3,1fr);gap:8px;}
  .pgs-stat{padding:12px;}
  .pgs-stat__n{font-size:20px;}
  .pgs-rail__lbl{font-size:9px;line-height:1.2;}
  .pgs-prog__steps{gap:4px;}
  .pgs-prog__lbl{font-size:10px;}
  .pgs-order__foot{flex-wrap:nowrap;}
}

/* Dashboard: Abschnitte + Auftrags-Dropdown (Karten & Noten) */
.pgs-sec{margin:26px 0;}
.pgs-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px;}
.pgs-sec-head .pgs-h2{margin:0;}
.pgs-sec-head__hint{font-size:13px;}
.pgs-order__cards{margin:2px 0 4px;border-top:1px solid rgba(255,255,255,.07);}
.pgs-order__cardsum{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;
  list-style:none;padding:13px 2px 5px;color:var(--pgs-ink);font-weight:700;font-size:14px;-webkit-user-select:none;user-select:none;
  transition:color .15s ease;}
.pgs-order__cardsum::-webkit-details-marker{display:none;}
.pgs-order__cardsum:hover{color:var(--pgs-acc2);}
.pgs-order__cardsum:focus-visible{outline:none;box-shadow:var(--pgs-focus);border-radius:var(--pgs-r-sm);}
.pgs-order__chev{color:var(--pgs-muted);transition:transform .2s ease;flex:none;}
.pgs-order__cards[open] .pgs-order__chev{transform:rotate(180deg);}
.pgs-order__cardlist{display:flex;flex-direction:column;margin:6px 0 10px;padding:2px 14px;
  border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r-sm);background:var(--pgs-card-2);}
.pgs-review__done{margin:6px 0 0;padding:12px 14px;border-radius:var(--pgs-r-sm);
  background:rgba(91,140,255,.08);border:1px solid rgba(91,140,255,.26);color:var(--pgs-ink);font-size:13px;font-weight:600;}

/* Variante 2: Akkordeon-Sektionen je Auftrag (Rechnung / Grading-Auftrag / Gradings) */
.pgs-acc-group{display:flex;flex-direction:column;gap:8px;margin:4px 0 14px;}
.pgs-acc{border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r-sm);background:var(--pgs-card-2);overflow:hidden;
  transition:border-color .15s ease;}
.pgs-acc[open]{border-color:var(--pgs-card-brd-strong);}
.pgs-acc__sum{display:flex;align-items:center;gap:12px;padding:13px 14px;cursor:pointer;list-style:none;
  -webkit-user-select:none;user-select:none;transition:background-color .15s ease;}
.pgs-acc__sum::-webkit-details-marker{display:none;}
.pgs-acc__sum:hover{background:rgba(255,255,255,.025);}
.pgs-acc__sum:focus-visible{outline:none;box-shadow:var(--pgs-focus);border-radius:var(--pgs-r-sm);}
.pgs-acc__ico{width:34px;height:34px;border-radius:9px;flex:none;display:flex;align-items:center;justify-content:center;
  background:rgba(91,140,255,.12);color:var(--pgs-acc2);}
.pgs-acc__t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.pgs-acc__t b{font-size:14px;font-weight:700;color:var(--pgs-ink);line-height:1.2;}
.pgs-acc__t span{font-size:12px;font-weight:500;color:var(--pgs-muted);line-height:1.3;}
.pgs-acc__chev{color:var(--pgs-muted);flex:none;transition:transform .2s ease;}
.pgs-acc[open] .pgs-acc__chev{transform:rotate(180deg);}
.pgs-acc__body{padding:2px 14px 14px;}
.pgs-acc__btn{width:100%;justify-content:center;margin-top:12px;}
.pgs-acc__rail{margin-top:14px;}
.pgs-order__detailbtn{width:100%;justify-content:center;}
/* Rechnungs-Aufstellung */
.pgs-inv{display:flex;flex-direction:column;}
.pgs-inv__row{display:flex;justify-content:space-between;gap:14px;font-size:13px;font-weight:500;color:var(--pgs-txt);
  padding:5px 0;font-variant-numeric:tabular-nums;}
.pgs-inv__row--total{border-top:1px solid var(--pgs-card-brd);margin-top:4px;padding-top:9px;font-size:15px;font-weight:800;color:var(--pgs-ink);}

/* Spoiler-Schutz für Noten */
.pgs-spoilbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 8px;}
.pgs-eye{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;cursor:pointer;
  background:rgba(91,140,255,.12);border:1px solid rgba(91,140,255,.32);color:var(--pgs-acc2);
  font-size:12px;font-weight:700;line-height:1;transition:background .15s ease,border-color .15s ease;}
.pgs-eye:hover{background:rgba(91,140,255,.2);border-color:rgba(91,140,255,.5);}
.pgs-eye:focus-visible{outline:none;box-shadow:var(--pgs-focus);}
.pgs-eye__ic{flex:none;}
.pgs-eye__ic--off{display:none;}
.pgs-eye.is-on .pgs-eye__ic--on{display:none;}
.pgs-eye.is-on .pgs-eye__ic--off{display:inline-block;}
.pgs-spoil{transition:opacity .2s ease;}
/* Voll-Maskierung: echte Note wird NICHT gerendert (display:none), nur ••• sichtbar. */
.pgs-mask{display:none;letter-spacing:.14em;color:var(--pgs-muted);font-weight:800;}
.pgs-cards-spoiler.is-hidden .pgs-reveal{display:none;}
.pgs-cards-spoiler.is-hidden .pgs-mask{display:inline-block;}
.pgs-cards-spoiler.is-hidden .pgs-grade{color:var(--pgs-muted);}
.pgs-grade-locked{display:inline-flex;align-items:center;gap:5px;color:var(--pgs-muted);font-size:12px;font-weight:600;white-space:nowrap;}
.pgs-grade-locked svg{flex:none;}
.pgs-spoil-note{display:flex;align-items:center;gap:8px;margin:6px 0 10px;padding:10px 12px;border-radius:var(--pgs-r-sm);
  background:rgba(255,255,255,.04);border:1px solid var(--pgs-card-brd);color:var(--pgs-muted);font-size:12.5px;line-height:1.4;}
.pgs-spoil-note svg{flex:none;color:var(--pgs-acc2);}


/* Adressverwaltung */
.pgs-head__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.pgs-addrform{max-width:560px;}
.pgs-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media (max-width:560px){.pgs-form-row{grid-template-columns:1fr;}}

/* Meine Bestellungen: Tabelle, Suche & Pagination */
.pgs-shoporders{margin-top:var(--pgs-gap);}
.pgs-so-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px;}
.pgs-sec-title{color:var(--pgs-ink);font-size:20px;font-weight:700;margin:0;}
.pgs-so-search{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.pgs-so-search__input{
  background:rgba(255,255,255,.04);border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r-sm);
  color:var(--pgs-ink);padding:9px 13px;font-size:14px;min-width:230px;
  transition:border-color .18s ease, box-shadow .18s ease;}
.pgs-so-search__input::placeholder{color:var(--pgs-muted);}
.pgs-so-search__input:focus,.pgs-so-search__input:focus-visible{outline:none;border-color:var(--pgs-focus-brd);box-shadow:var(--pgs-focus);}
.pgs-socard{padding:0;overflow:hidden;}
.pgs-sotbl{width:100%;border-collapse:collapse;font-size:14px;}
.pgs-sotbl thead th{
  text-align:left;color:var(--pgs-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:14px 16px;border-bottom:1px solid var(--pgs-card-brd);background:rgba(255,255,255,.02);}
.pgs-sotbl td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);color:var(--pgs-txt);vertical-align:middle;}
.pgs-sotbl tbody tr:last-child td{border-bottom:none;}
.pgs-sotbl tbody tr{transition:background-color .15s ease;}
.pgs-sotbl tbody tr:hover{background:rgba(255,255,255,.025);}
.pgs-sotbl td strong{color:var(--pgs-ink);}
.pgs-r{text-align:right;}
.pgs-xs{font-size:11px;}
.pgs-sostatus{display:inline-block;font-size:12px;font-weight:600;padding:4px 11px;border-radius:999px;border:1px solid var(--pgs-card-brd);background:rgba(255,255,255,.05);color:var(--pgs-txt);white-space:nowrap;}
.pgs-sostatus--paid,.pgs-sostatus--completed{color:var(--pgs-ok);border-color:rgba(63,191,143,.32);background:rgba(63,191,143,.10);}
.pgs-sostatus--processing,.pgs-sostatus--shipped{color:var(--pgs-acc2);border-color:rgba(91,140,255,.32);background:rgba(91,140,255,.10);}
.pgs-sostatus--pending,.pgs-sostatus--new{color:var(--pgs-warn);border-color:rgba(226,177,76,.32);background:rgba(226,177,76,.10);}
.pgs-sostatus--cancelled,.pgs-sostatus--refunded{color:var(--pgs-err);border-color:rgba(224,107,107,.32);background:rgba(224,107,107,.10);}
.pgs-so-empty{padding:28px 18px;text-align:center;color:var(--pgs-muted);font-size:14px;}
.pgs-so-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px;}
.pgs-so-count{color:var(--pgs-muted);font-size:13px;}
.pgs-pager{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.pgs-pager__btn{
  display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;
  border-radius:var(--pgs-r-sm);border:1px solid var(--pgs-card-brd);background:rgba(255,255,255,.04);
  color:var(--pgs-txt);font-size:14px;font-weight:600;text-decoration:none;
  transition:border-color .15s ease, background-color .15s ease, color .15s ease;}
.pgs-pager__btn:hover{border-color:var(--pgs-focus-brd);color:var(--pgs-ink);background:rgba(91,140,255,.08);}
.pgs-pager__btn.is-active{background:linear-gradient(180deg,var(--pgs-acc2),var(--pgs-acc));border-color:transparent;color:#0C0C0D;}
.pgs-pager__btn.is-disabled{opacity:.4;pointer-events:none;}
.pgs-pager__btn:focus-visible{outline:none;box-shadow:var(--pgs-focus);}
@media (max-width:640px){
  .pgs-so-search__input{min-width:0;flex:1;}
  .pgs-sotbl thead{display:none;}
  .pgs-sotbl,.pgs-sotbl tbody,.pgs-sotbl tr,.pgs-sotbl td{display:block;width:100%;}
  .pgs-sotbl tr{padding:8px 4px;border-bottom:1px solid var(--pgs-card-brd);}
  .pgs-sotbl td{padding:5px 16px;border:none;text-align:left;}
  .pgs-r{text-align:left;}
}

/* ============ Loyalty: Punkte & Bewertungs-Bonus ============ */
.pgs-h2{color:var(--pgs-ink);font-size:21px;margin:0 0 6px;font-weight:700;}
.pgs-points__grid{display:grid;grid-template-columns:minmax(200px,260px) 1fr;gap:24px;}
.pgs-points__balance{display:flex;flex-direction:column;align-items:flex-start;gap:6px;
  background:linear-gradient(160deg,rgba(91,140,255,.16),rgba(91,140,255,.04));
  border:1px solid rgba(91,140,255,.28);border-radius:var(--pgs-r);padding:20px;}
.pgs-points__label{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--pgs-acc2);}
.pgs-points__num{font-size:46px;line-height:1;font-weight:800;color:var(--pgs-ink);}
.pgs-points__eur{font-size:14px;color:var(--pgs-txt);margin-bottom:6px;}
.pgs-points__how .pgs-h3{margin-bottom:10px;}
.pgs-points__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.pgs-points__list li{position:relative;padding-left:24px;font-size:14px;color:var(--pgs-txt);line-height:1.4;}
.pgs-points__list li::before{content:"";position:absolute;left:0;top:6px;width:14px;height:14px;border-radius:50%;
  background:radial-gradient(circle at 50% 40%,var(--pgs-acc2),var(--pgs-acc));box-shadow:0 0 0 3px rgba(91,140,255,.16);}
.pgs-points__history{margin-top:22px;border-top:1px solid var(--pgs-card-brd);padding-top:18px;}
.pgs-points__table{width:100%;border-collapse:collapse;}
.pgs-points__table td{padding:9px 6px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13.5px;vertical-align:top;}
.pgs-points__date{color:var(--pgs-muted);white-space:nowrap;width:90px;}
.pgs-points__note{color:var(--pgs-txt);}
.pgs-points__amt{text-align:right;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;}
.pgs-points__amt.is-pos{color:var(--pgs-ok);}
.pgs-points__amt.is-neg{color:var(--pgs-acc2);}

.pgs-review__claims{list-style:none;margin:14px 0 18px;padding:0;display:flex;flex-direction:column;gap:8px;}
.pgs-review__claim{display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:rgba(255,255,255,.035);border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r-sm);padding:10px 14px;font-size:14px;color:var(--pgs-txt);}
.pgs-review__form{max-width:480px;margin-top:6px;}
.pgs-chip--ok{color:var(--pgs-ok);border-color:rgba(63,191,143,.4);background:rgba(63,191,143,.1);}
.pgs-chip--pending{color:var(--pgs-warn);border-color:rgba(226,177,76,.4);background:rgba(226,177,76,.1);}
.pgs-chip--err{color:var(--pgs-err);border-color:rgba(224,107,107,.4);background:rgba(224,107,107,.1);}
@media (max-width:640px){.pgs-points__grid{grid-template-columns:1fr;}}

/* ============ Globaler Feinschliff (Shop + Portal) ============ */
/* Marken-Textauswahl */
.pgs-portal ::selection{background:rgba(91,140,255,.32);color:#fff;}
.pgs-portal ::-moz-selection{background:rgba(91,140,255,.32);color:#fff;}
/* Dezenter, themenkonformer Scrollbalken */
.pgs-portal{scrollbar-width:thin;scrollbar-color:rgba(91,140,255,.45) transparent;}
.pgs-portal ::-webkit-scrollbar{width:10px;height:10px;}
.pgs-portal ::-webkit-scrollbar-track{background:transparent;}
.pgs-portal ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:999px;border:2px solid transparent;background-clip:padding-box;}
.pgs-portal ::-webkit-scrollbar-thumb:hover{background:rgba(91,140,255,.5);background-clip:padding-box;}
/* Konsistente Überschrift-Skala (vereinheitlicht Shop/Portal) */
.pgs-portal .pgs-h2{font-size:21px;line-height:1.2;}
@media (max-width:560px){.pgs-portal .pgs-h2{font-size:19px;}}
/* Bilder ohne Alt-Text-Sprung, sauberes Rendering */
.pgs-portal img{max-width:100%;height:auto;}

/* ===================== Sendungs-Tracking (Mystery Boxes etc.) ===================== */
.pgs-track .pgs-order__kicker{display:inline-flex;align-items:center;gap:7px;}
.pgs-track .pgs-order__kicker svg{color:var(--pgs-acc2);flex:none;}
.pgs-rail--ship{margin:6px 0 14px;}
.pgs-track__foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding-top:14px;border-top:1px solid rgba(255,255,255,.07);}
.pgs-track__num{color:var(--pgs-txt);font-size:13px;}
.pgs-track__num strong{color:var(--pgs-ink);font-variant-numeric:tabular-nums;}

/* ===================== Adress-Autocomplete (Photon) ===================== */
.pgs-ac{position:relative;display:block;}
.pgs-ac__list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:200;max-height:280px;overflow-y:auto;
  background:var(--pgs-pop-bg,#16171c);border:1px solid var(--pgs-card-brd-strong,rgba(255,255,255,.16));border-radius:var(--pgs-r-sm);
  box-shadow:0 18px 40px rgba(0,0,0,.6);padding:5px;}
.pgs-ac__item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;cursor:pointer;
  padding:9px 11px;border:0;border-radius:var(--pgs-r-sm);background:transparent;color:var(--pgs-ink);
  transition:background-color .12s ease;}
.pgs-ac__item:hover,.pgs-ac__item.is-active{background:rgba(91,140,255,.14);}
.pgs-ac__main{font-size:14px;font-weight:700;color:var(--pgs-ink);line-height:1.25;}
.pgs-ac__sub{font-size:12px;color:var(--pgs-muted);line-height:1.3;}

/* ===================== Grading-Bestellungen (Intake / Karten senden) ===================== */
.pgs-badge.is-wait{background:rgba(224,107,107,.14);color:#f3b6b6;border-color:rgba(224,107,107,.30);}
.pgs-badge.is-action{background:rgba(91,140,255,.16);color:#cfe0ff;border-color:rgba(91,140,255,.40);}
.pgs-intake__hint{margin:10px 0 0;font-size:13px;}
.pgs-intake__body{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:14px;}
.pgs-intake__addr{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border-radius:var(--pgs-r-sm);
  background:rgba(255,255,255,.03);border:1px solid var(--pgs-card-brd);}
.pgs-intake__addrlbl{display:inline-flex;align-items:center;gap:8px;color:var(--pgs-h);font-weight:700;font-size:13px;}
.pgs-intake__addrlbl svg{color:var(--pgs-acc2);flex:none;}
.pgs-intake__addrval{color:var(--pgs-txt);font-size:13.5px;line-height:1.5;padding-left:24px;}
.pgs-intake__form{display:flex;flex-direction:column;gap:8px;}
.pgs-intake__flbl{color:var(--pgs-h);font-weight:700;font-size:13px;}
.pgs-intake__frow{display:flex;gap:10px;align-items:stretch;}
.pgs-intake__frow .pgs-field{flex:1 1 auto;min-width:0;width:100%;padding:11px 14px;border-radius:var(--pgs-r-sm);
  border:1px solid var(--pgs-card-brd);background:rgba(255,255,255,.04);color:var(--pgs-ink);font-size:14px;
  transition:border-color .15s ease,box-shadow .15s ease;}
.pgs-intake__frow .pgs-field:focus{outline:none;border-color:rgba(91,140,255,.55);box-shadow:var(--pgs-focus);}
.pgs-intake__frow .pgs-btn{flex:none;white-space:nowrap;}
.pgs-intake__ok{margin:2px 0 0;color:var(--pgs-ok);font-size:13px;}
.pgs-intake__ok strong{color:var(--pgs-ink);font-variant-numeric:tabular-nums;}
@media(max-width:520px){.pgs-intake__frow{flex-direction:column;}.pgs-intake__frow .pgs-btn{width:100%;}}
.pgs-intake__warn{display:flex;align-items:flex-start;gap:9px;margin:0;padding:11px 13px;border-radius:var(--pgs-r-sm);
  background:rgba(226,177,76,.10);border:1px solid rgba(226,177,76,.32);color:var(--pgs-txt);font-size:13px;line-height:1.5;}
.pgs-intake__warn svg{color:var(--pgs-warn);flex:none;margin-top:2px;}
.pgs-intake__warn strong{color:var(--pgs-h);}

/* Benachrichtigungs-Einstellungen (Status-Mails) */
.pgs-notifycard{padding:18px 20px;}
.pgs-notify__form{display:flex;flex-direction:column;gap:14px;}
.pgs-switch{display:flex;align-items:flex-start;gap:12px;cursor:pointer;line-height:1.45;}
.pgs-switch input{margin-top:2px;width:18px;height:18px;accent-color:var(--pgs-acc);flex:0 0 auto;cursor:pointer;}
.pgs-switch__txt{color:var(--pgs-ink);font-size:14px;}
.pgs-notify__row{display:flex;justify-content:flex-start;}

/* Echtzeit-Countdown auf der Auftragskarte */
.pgs-cd{display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:10px 12px;
  background:rgba(91,140,255,.08);border:1px solid rgba(91,140,255,.20);border-radius:var(--pgs-r-sm);}
.pgs-cd__icon{display:flex;color:var(--pgs-acc2);flex:0 0 auto;}
.pgs-cd__txt{display:flex;flex-direction:column;line-height:1.25;}
.pgs-cd__lbl{color:var(--pgs-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;}
.pgs-cd__val{color:var(--pgs-ink);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;}
.pgs-cd.is-soon{background:rgba(63,191,143,.10);border-color:rgba(63,191,143,.28);}
.pgs-cd.is-soon .pgs-cd__icon{color:var(--pgs-ok);}
.pgs-cd.is-soon .pgs-cd__val{color:var(--pgs-ok);}

/* ===================== Dashboard-Redesign: Glas-Optik & Konsolidierung ===================== */
.pgs-portal{position:relative;overflow:hidden;}
.pgs-portal-bg{position:absolute;inset:0;z-index:0;pointer-events:none;}
.pgs-portal-bg i{position:absolute;border-radius:50%;filter:blur(100px);}
.pgs-portal-bg i:nth-child(1){width:540px;height:540px;background:rgba(91,140,255,.26);top:-150px;left:-120px;}
.pgs-portal-bg i:nth-child(2){width:460px;height:460px;background:rgba(124,92,255,.17);top:360px;right:-160px;}
.pgs-portal-bg i:nth-child(3){width:420px;height:420px;background:rgba(63,191,143,.10);top:920px;left:32%;}
.pgs-portal__inner{position:relative;z-index:1;}
.pgs-portal__inner--wide{max-width:1120px;}

/* Glas-Karten verstärken (transluzent + Blur + Tiefe) */
.pgs-portal__inner--wide .pgs-card{
  background:rgba(255,255,255,.055);
  -webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 16px 48px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);}

.pgs-head--row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.pgs-head--row .pgs-sub{margin:6px 0 0;color:var(--pgs-muted);font-size:14px;}
.pgs-sec{margin:0 0 26px;}
.pgs-sec-head--search{align-items:center;}

/* Treuepunkte-Karte (konsolidiert) */
.pgs-pr{margin-bottom:26px;}
.pgs-pr__grid{display:grid;grid-template-columns:1.05fr 1fr 1.25fr;gap:24px;align-items:start;}
.pgs-pr__bal{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:14px;
  background:linear-gradient(160deg,rgba(91,140,255,.22),rgba(91,140,255,.05));border:1px solid rgba(91,140,255,.22);}
.pgs-pr__bal .pgs-btn{margin-top:8px;justify-content:center;}
.pgs-pr__how,.pgs-pr__rev{min-width:0;}
.pgs-pr__sub{color:var(--pgs-muted);font-size:13px;line-height:1.5;margin:0 0 12px;}
.pgs-pr__rev .pgs-review__form{display:flex;flex-direction:column;gap:9px;}
.pgs-pr__rev .pgs-input{width:100%;}
.pgs-review__claims{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;}
.pgs-review__claim{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--pgs-txt);}
/* Bewertungen alle freigegeben -> Bereich verkleinert, aber sichtbar (eingeklapptes Akkordeon). */
.pgs-pr__rev--mini{align-self:start;}
.pgs-review__mini{border:1px solid var(--pgs-card-brd);border-radius:var(--pgs-r-sm,12px);background:rgba(63,191,143,.06);}
.pgs-review__minihead{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;padding:11px 14px;font-size:14px;font-weight:600;color:var(--pgs-ink);user-select:none;}
.pgs-review__minihead::-webkit-details-marker{display:none;}
.pgs-review__minihead::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--pgs-muted);border-bottom:2px solid var(--pgs-muted);transform:rotate(45deg);transition:transform .2s ease;}
.pgs-review__mini[open] .pgs-review__minihead::after{transform:rotate(-135deg);}
.pgs-review__miniok{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:rgba(63,191,143,.18);color:var(--pgs-ok);font-size:12px;font-weight:700;}
.pgs-review__minibody{padding:2px 14px 12px;}
.pgs-review__minibody .pgs-review__claims{margin:0;}
@media(max-width:880px){.pgs-pr__grid{grid-template-columns:1fr;gap:18px;}}

/* Konsolidierte Auftrags-Liste */
.pgs-uorders{display:grid;grid-template-columns:1fr;gap:16px;}
.pgs-uorder{padding:0;overflow:hidden;}
.pgs-uorder__top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 18px;
  border-bottom:1px solid var(--pgs-card-brd);background:linear-gradient(180deg,rgba(91,140,255,.05),transparent);}
.pgs-uorder__id{flex:1;min-width:150px;}
.pgs-uorder__id b{font-size:14px;font-weight:800;color:var(--pgs-ink);}
.pgs-uorder__id span{display:block;font-size:12.5px;color:var(--pgs-muted);margin-top:4px;}
.pgs-uorder__amt{font-size:16px;font-weight:800;color:var(--pgs-ink);font-variant-numeric:tabular-nums;white-space:nowrap;}
.pgs-uorder__docs{display:flex;gap:6px;flex-wrap:wrap;flex-basis:100%;}
.pgs-uorder__body{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:16px 18px;}
.pgs-uorder__body--single{grid-template-columns:1fr;}
@media(max-width:560px){.pgs-uorder__body{grid-template-columns:1fr;}}
.pgs-uorder__col{min-width:0;}
.pgs-ublk__lbl{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pgs-muted);margin-bottom:10px;}
.pgs-ship{display:flex;gap:11px;align-items:flex-start;padding:11px 13px;border-radius:11px;background:var(--pgs-card-2);border:1px solid var(--pgs-card-brd);}
.pgs-ship svg{width:18px;height:18px;color:var(--pgs-acc2);flex:none;margin-top:2px;}
.pgs-ship__b b{font-size:13px;color:var(--pgs-ink);font-weight:600;line-height:1.45;}
/* Abholbereit: positiv hervorgehobener Standort-Block */
.pgs-uorder__sec--ready .pgs-ublk__lbl{color:var(--pgs-ok);}
.pgs-ship--ready{background:rgba(63,191,143,.10);border-color:rgba(63,191,143,.34);}
.pgs-ship--ready svg{color:var(--pgs-ok);}
.pgs-ready__title{display:block;font-size:13px;color:var(--pgs-ink);font-weight:700;line-height:1.45;}
.pgs-ready__addr{display:block;font-size:13px;color:var(--pgs-txt);font-weight:600;line-height:1.5;margin-top:4px;}
.pgs-utrk{display:flex;gap:8px;margin-top:12px;}
.pgs-utrk .pgs-field{flex:1;min-width:0;width:100%;padding:10px 13px;border-radius:var(--pgs-r-sm);
  background:rgba(255,255,255,.05);border:1px solid var(--pgs-card-brd);color:var(--pgs-ink);font-size:13px;color-scheme:dark;}
.pgs-utrk .pgs-field:focus{outline:none;border-color:var(--pgs-focus-brd);box-shadow:var(--pgs-focus);}
.pgs-uorder__note{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:#f0c878;
  background:rgba(226,177,76,.08);border:1px solid rgba(226,177,76,.24);border-radius:10px;padding:10px 12px;margin:12px 0 0;line-height:1.45;}
.pgs-uorder__note svg{width:16px;height:16px;flex:none;margin-top:1px;color:#f0c878;}
.pgs-uorder__note strong{color:var(--pgs-ink);}
.pgs-uorder__hint{margin:10px 0 0;font-size:12.5px;}
.pgs-acc__rail .pgs-rail{flex:1;}

/* Fuß: Zähler + Pagination */
.pgs-so-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap;}
.pgs-so-count{font-size:12.5px;color:var(--pgs-muted);}


/* ============ Auftragskarte – Glas-Look / Apple (Vibrant) ============ */
.pgs-uorder--glass{position:relative;overflow:hidden;padding:0 0 20px;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));
  border:1px solid var(--pgs-card-brd);border-radius:22px;
  -webkit-backdrop-filter:blur(30px) saturate(150%);backdrop-filter:blur(30px) saturate(150%);
  box-shadow:0 26px 60px -24px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.10);}
.pgs-uorder__glow{position:absolute;top:-70px;left:50%;width:60%;height:200px;transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(91,140,255,.30),transparent);filter:blur(28px);pointer-events:none;z-index:0;}
.pgs-uorder__head,.pgs-uorder__meta,.pgs-uorder__sec,.pgs-uorder__hair{position:relative;z-index:1;}

.pgs-uorder__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 14px;flex-wrap:wrap;}
.pgs-uorder__id{min-width:0;}
.pgs-uorder__id b{font-size:19px;font-weight:800;letter-spacing:-.01em;color:var(--pgs-ink);}
.pgs-uorder__id span{display:block;font-size:13px;color:var(--pgs-muted);margin-top:5px;}
.pgs-uorder__head-r{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}

.pgs-eta{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:14px;
  background:linear-gradient(180deg,rgba(91,140,255,.22),rgba(91,140,255,.08));border:1px solid rgba(134,168,255,.42);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
.pgs-eta__ico{display:flex;color:var(--pgs-acc2);}
.pgs-eta__txt{display:flex;flex-direction:column;line-height:1.15;}
.pgs-eta__lbl{font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#cdd6ff;}
.pgs-eta__val{font-size:15px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;}

.pgs-uorder__docs{display:flex;gap:8px;flex-wrap:wrap;flex-basis:auto;}

.pgs-uorder__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 22px;}
.pgs-uorder__pay{font-size:12px;font-weight:700;padding:3px 11px;border-radius:999px;}
.pgs-uorder__pay.is-paid{color:var(--pgs-ok);background:rgba(63,191,143,.12);border:1px solid rgba(63,191,143,.30);}
.pgs-uorder__pay.is-open{color:#f0c878;background:rgba(240,200,120,.10);border:1px solid rgba(240,200,120,.30);}
.pgs-uorder__total{margin-left:auto;font-size:16px;font-weight:800;color:var(--pgs-ink);font-variant-numeric:tabular-nums;}

.pgs-uorder__hair{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);margin:14px 0;}
.pgs-uorder__sec{padding:0 22px;}
.pgs-uorder__sec .pgs-ublk__lbl{margin-bottom:4px;}

.pgs-uorder--glass .pgs-acc__rail{margin-top:18px;}
.pgs-uorder--glass .pgs-rail__dot{width:18px;height:18px;}
.pgs-uorder--glass .pgs-rail__step.is-done .pgs-rail__dot{background:linear-gradient(180deg,var(--pgs-acc2),var(--pgs-acc));border-color:transparent;box-shadow:0 3px 12px rgba(91,140,255,.5);}
.pgs-uorder--glass .pgs-rail__step.is-current .pgs-rail__dot{background:linear-gradient(180deg,#fff,var(--pgs-acc2));border-color:#fff;box-shadow:0 0 0 5px rgba(91,140,255,.22),0 4px 14px rgba(91,140,255,.55);}
.pgs-uorder--glass .pgs-rail__step.is-done::before,.pgs-uorder--glass .pgs-rail__step.is-current::before{background:linear-gradient(90deg,var(--pgs-acc),var(--pgs-acc2));height:3px;top:7px;box-shadow:0 0 12px rgba(91,140,255,.55);}
.pgs-uorder--glass .pgs-rail__lbl{font-size:11px;}

.pgs-actfeed{display:flex;flex-direction:column;gap:14px;margin-top:8px;}
.pgs-actfeed__row{display:flex;gap:12px;align-items:flex-start;}
.pgs-actfeed__dot{flex:none;width:10px;height:10px;border-radius:50%;margin-top:5px;background:linear-gradient(180deg,var(--pgs-acc2),var(--pgs-acc));box-shadow:0 0 10px rgba(91,140,255,.6);}
.pgs-actfeed__row.is-old .pgs-actfeed__dot{background:rgba(255,255,255,.22);box-shadow:none;}
.pgs-actfeed__main b{font-size:14.5px;font-weight:600;color:var(--pgs-ink);}
.pgs-actfeed__row.is-old .pgs-actfeed__main b{color:var(--pgs-muted);font-weight:500;}
.pgs-actfeed__time{display:block;font-size:12.5px;color:var(--pgs-muted);margin-top:2px;}

.pgs-uorder__sec--grad .pgs-acc{background:rgba(255,255,255,.04);border-radius:16px;}
.pgs-uorder__sec--grad .pgs-acc__sum{padding:15px 16px;}

.pgs-utrk{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;}
.pgs-utrk .pgs-field{flex:1;min-width:180px;}
.pgs-intake__ok{margin:10px 0 0;font-size:13px;color:var(--pgs-ok);}
.pgs-track__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap;}
.pgs-track__num{font-size:13px;color:var(--pgs-muted);}

/* Rückversand: DHL-Sendungsnummer-Karte (immer DHL) */
.pgs-dhltrack{margin-top:12px;}
.pgs-dhltrack__link{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border-radius:14px;text-decoration:none;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  transition:transform .18s ease,background-color .18s ease,border-color .18s ease;}
.pgs-dhltrack__link:hover{transform:translateY(-1px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);}
.pgs-dhltrack__link:focus-visible{outline:2px solid var(--pgs-acc2);outline-offset:2px;}
.pgs-dhl-logo{flex:none;display:block;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.25);}
.pgs-dhltrack__txt{display:flex;flex-direction:column;line-height:1.3;min-width:0;flex:1 1 150px;}
.pgs-dhltrack__lbl{font-size:11px;color:var(--pgs-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;}
.pgs-dhltrack__num{font-size:14px;color:var(--pgs-ink);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;}
.pgs-dhltrack__go{flex:none;margin-left:auto;font-size:13px;font-weight:600;color:var(--pgs-acc2);white-space:nowrap;}
@media(max-width:560px){
  .pgs-dhltrack__lbl{white-space:normal;}
  .pgs-dhltrack__num{font-size:13px;letter-spacing:0;}
  .pgs-dhltrack__go{width:100%;margin-left:0;text-align:left;margin-top:2px;}
}
.pgs-eta-note{margin:10px 0 0;font-size:11.5px;color:var(--pgs-muted);line-height:1.4;}
.pgs-nextstep{display:flex;align-items:flex-start;gap:7px;margin:8px 0 0;font-size:12px;color:var(--pgs-muted);line-height:1.45;}
.pgs-nextstep svg{flex:none;width:14px;height:14px;margin-top:2px;color:var(--pgs-acc2);}

@media(max-width:560px){
  .pgs-uorder__head{flex-direction:column;}
  .pgs-uorder__head-r{width:100%;justify-content:space-between;}
}

.pgs-ship__note{display:block;font-size:12.5px;color:var(--pgs-muted);margin-top:4px;}

/* ===================== #6 Sammlungs-Vitrine ===================== */
.pgs-share{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding:10px 12px;border-radius:14px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);}
.pgs-share__lbl{display:inline-flex;align-items:center;gap:6px;color:var(--pgs-muted);font-size:13px;font-weight:600;}
.pgs-share__url{flex:1;min-width:180px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);border-radius:10px;
  color:var(--pgs-text);font-size:12.5px;padding:7px 10px;}
.pgs-collgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-bottom:18px;}
.pgs-collcard{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);box-shadow:0 8px 24px rgba(0,0,0,.28);}
.pgs-collcard__img{position:relative;aspect-ratio:3/4;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.pgs-collcard__img img{width:100%;height:100%;object-fit:cover;}
.pgs-collcard__ph{color:rgba(255,255,255,.25);}
.pgs-collcard__body{display:flex;flex-direction:column;gap:8px;padding:12px;}
.pgs-collcard__name{font-weight:700;font-size:14px;line-height:1.3;color:var(--pgs-text);}
.pgs-collcard__meta{font-size:12px;color:var(--pgs-muted);}
.pgs-collcard__note{font-size:12.5px;color:var(--pgs-text);opacity:.85;margin:0;}
.pgs-collcard__noteform{display:flex;flex-direction:column;gap:6px;}
.pgs-collcard__noteform textarea{width:100%;resize:vertical;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);
  border-radius:10px;color:var(--pgs-text);font-size:12.5px;padding:7px 9px;font-family:inherit;}
.pgs-collcard__actions{display:flex;flex-wrap:wrap;gap:6px;}
.pgs-collcard__actions form{display:inline-flex;margin:0;}
.pgs-collgrade{position:absolute;top:8px;right:8px;display:inline-flex;flex-direction:column;align-items:center;line-height:1;
  background:linear-gradient(160deg,#d4af37,#b8860b);color:#1a1400;font-weight:800;font-size:14px;padding:6px 9px;border-radius:10px;
  box-shadow:0 4px 12px rgba(0,0,0,.35);}
.pgs-collgrade small{font-size:8px;font-weight:700;letter-spacing:.04em;margin-top:2px;opacity:.85;}
.pgs-btn--danger{background:rgba(229,84,75,.14);border:1px solid rgba(229,84,75,.4);color:#ff8b82;}
.pgs-btn--danger:hover{background:rgba(229,84,75,.24);}
.pgs-btn.is-on{background:rgba(90,200,120,.16);border-color:rgba(90,200,120,.4);color:#7fe0a0;}
.pgs-btn svg{margin-right:5px;vertical-align:-2px;}
.pgs-empty{color:var(--pgs-muted);font-size:13.5px;padding:14px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;}
/* Import-Kacheln */
.pgs-impgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;}
.pgs-impcard{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:14px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);margin:0;}
.pgs-impcard__img{position:relative;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:rgba(0,0,0,.3);
  display:flex;align-items:center;justify-content:center;}
.pgs-impcard__img img{width:100%;height:100%;object-fit:cover;}
.pgs-impcard__name{font-size:12.5px;font-weight:600;color:var(--pgs-text);line-height:1.3;}
/* #8 Crack & Regrade */
.pgs-crack{display:flex;gap:14px;align-items:flex-start;}
.pgs-crack__ico{flex:none;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px;
  background:rgba(91,141,239,.14);color:#9db8ff;}
.pgs-crack__title{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--pgs-text);}
.pgs-crack__txt{margin:0 0 12px;font-size:13.5px;color:var(--pgs-muted);line-height:1.5;}
/* #9 Bulk */
.pgs-bulkform{display:flex;flex-direction:column;gap:12px;max-width:520px;}
.pgs-bulkform .pgs-field{display:flex;flex-direction:column;gap:5px;}
.pgs-bulkform label{font-size:12.5px;font-weight:600;color:var(--pgs-muted);}
.pgs-bulkform input,.pgs-bulkform textarea{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);
  border-radius:10px;color:var(--pgs-text);font-size:13.5px;padding:9px 11px;font-family:inherit;}
/* #10 Vorher/Nachher-Fotos */
.pgs-ba{display:flex;gap:8px;margin-top:8px;}
.pgs-ba__item{margin:0;width:64px;}
.pgs-ba__item img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.12);display:block;}
.pgs-ba__item figcaption{font-size:10px;color:var(--pgs-muted);text-align:center;margin-top:3px;}
@media (max-width:560px){
  .pgs-collgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;}
  .pgs-crack{flex-direction:column;}
}

/* ===================== Portal Tab-Navigation ===================== */
.pgs-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 24px;padding:6px;border-radius:16px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);}
.pgs-tab{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:11px;
  font-size:13.5px;font-weight:600;color:var(--pgs-muted);text-decoration:none;white-space:nowrap;
  transition:background .18s ease,color .18s ease;}
.pgs-tab:hover{color:var(--pgs-text);background:rgba(255,255,255,.05);}
.pgs-tab.is-active{color:#fff;background:rgba(255,255,255,.10);box-shadow:0 2px 10px rgba(0,0,0,.25);}
.pgs-tab:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px;}
/* ===================== Rechnungsliste ===================== */
.pgs-invlist{display:flex;flex-direction:column;padding:6px;gap:2px;}
.pgs-invrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:14px 14px;border-radius:12px;transition:background .15s ease;}
.pgs-invrow:hover{background:rgba(255,255,255,.04);}
.pgs-invrow + .pgs-invrow{border-top:1px solid rgba(255,255,255,.06);}
.pgs-invrow__main{display:flex;flex-direction:column;gap:3px;}
.pgs-invrow__num{font-weight:700;font-size:14px;color:var(--pgs-text);}
.pgs-invrow__meta{font-size:12.5px;}
.pgs-invrow__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.pgs-ibadge{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.02em;}
.pgs-ibadge--paid{background:rgba(90,200,120,.16);color:#7fe0a0;border:1px solid rgba(90,200,120,.35);}
.pgs-ibadge--open{background:rgba(229,178,75,.15);color:#e9c46a;border:1px solid rgba(229,178,75,.35);}
.pgs-passform .pgs-form-row{gap:14px;}
@media (max-width:560px){
  .pgs-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;}
  .pgs-tab{padding:9px 13px;font-size:13px;}
  .pgs-invrow{align-items:flex-start;}
}

/* ============================================================
   Aurora / Platin Konsistenz – „Mein Konto" auf Shop/Checkout-Look
   (portal.css wird auch ohne shop.css geladen -> hier eigenstaendig)
   ============================================================ */
@keyframes pgs-sheen{0%{transform:translateX(-130%);}55%{transform:translateX(130%);}100%{transform:translateX(130%);}}
@keyframes pgs-metalshift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}

/* Wiederverwendbarer Aurora-Schleier (identisch zu Shop/Checkout) */
.pgs-veil{position:relative;overflow:hidden;isolation:isolate;}
.pgs-veil>*{position:relative;z-index:2;}
.pgs-veil::before{content:"";position:absolute;inset:-30%;z-index:0;pointer-events:none;filter:blur(46px);opacity:.20;
  background:radial-gradient(40% 50% at 20% 20%,rgba(91,140,255,.5),transparent 70%),
            radial-gradient(40% 50% at 80% 30%,rgba(124,92,255,.45),transparent 70%),
            radial-gradient(50% 60% at 60% 90%,rgba(78,215,168,.30),transparent 70%);}
.pgs-veil::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;
  background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.10) 50%,transparent 58%);
  transform:translateX(-130%);animation:pgs-sheen 9s ease-in-out infinite;will-change:transform;}

/* Primary-Button im Portal = Platin/Metallic (statt blau) – wie Shop/Checkout */
.pgs-btn--primary{position:relative;overflow:hidden;isolation:isolate;color:#0C0C0D !important;
  background:linear-gradient(105deg,#9aa0ad 0%,#e9ebf0 16%,#ffffff 30%,#c3c7d1 46%,#9aa0ad 60%,#eef0f4 76%,#c3c7d1 92%) !important;
  background-size:200% 100% !important;
  box-shadow:0 12px 34px -20px rgba(214,214,220,.55),inset 0 1px 0 rgba(255,255,255,.6),0 0 0 1px rgba(91,140,255,.18);
  animation:pgs-metalshift 6s ease-in-out infinite;}
.pgs-btn--primary>*{position:relative;z-index:2;}
.pgs-btn--primary::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;
  background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.8) 50%,transparent 62%);
  transform:translateX(-130%);animation:pgs-sheen 6s ease-in-out infinite;}
.pgs-btn--primary svg{position:relative;z-index:2;}
.pgs-btn--primary:hover{transform:translateY(-2px);
  box-shadow:0 18px 44px -18px rgba(91,140,255,.4),inset 0 1px 0 rgba(255,255,255,.7),0 0 0 1px rgba(91,140,255,.38);}

/* dezenter Aurora-Schleier auf den Glas-Auftragskarten (Dashboard/Detail) */
.pgs-uorder--glass::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(110deg,transparent 44%,rgba(255,255,255,.06) 50%,transparent 56%);
  transform:translateX(-130%);animation:pgs-sheen 11s ease-in-out infinite;will-change:transform;}

@media (prefers-reduced-motion:reduce){
  .pgs-veil::after,.pgs-uorder--glass::after{animation:none;}
  .pgs-btn--primary{animation:none;}
  .pgs-btn--primary::after{animation:none;display:none;}
}

/* ============================================================
   v0.52 – Euro-Guthaben-Karte (nur sichtbar bei Guthaben > 0)
   ============================================================ */
.pgs-creditcard{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding:20px 22px;margin-bottom:18px;border:1px solid rgba(78,215,168,.30);
  background:linear-gradient(160deg,rgba(78,215,168,.10),rgba(78,215,168,.02));}
.pgs-creditcard__main{display:flex;align-items:center;gap:14px;}
.pgs-creditcard__icn{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#9af0d2;
  background:rgba(78,215,168,.14);border:1px solid rgba(78,215,168,.32);flex:0 0 auto;}
.pgs-creditcard__id{display:flex;flex-direction:column;gap:2px;}
.pgs-creditcard .pgs-points__label{color:#9af0d2;}
.pgs-creditcard__num{font-size:26px;font-weight:900;color:#9af0d2;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.pgs-creditcard__side{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.pgs-creditcard__side p{margin:0;font-size:12.5px;max-width:40ch;line-height:1.5;}
@media (max-width:640px){.pgs-creditcard__side{width:100%;}}

/* v0.54.0 – DHL Live-Status (Sendungsverfolgung via DHL-API) */
.pgs-dhltrack__live{margin-top:8px;}
.pgs-dhltrack__live--intake{margin-top:6px;}
.pgs-dhl-live{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#c8cfdd;line-height:1.35;}
.pgs-dhl-live__dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto;}
.pgs-dhl-live.is-ok{color:#7fe0b0;border-color:rgba(127,224,176,.35);background:rgba(127,224,176,.08);}
.pgs-dhl-live.is-info{color:#8db7ff;border-color:rgba(141,183,255,.35);background:rgba(141,183,255,.08);}
.pgs-dhl-live.is-open{color:#ffd27d;border-color:rgba(255,210,125,.35);background:rgba(255,210,125,.08);}
.pgs-dhl-live.is-err{color:#ff9b9b;border-color:rgba(255,155,155,.35);background:rgba(255,155,155,.08);}
.pgs-dhl-live.is-na{color:#9aa1b3;border-color:rgba(154,161,179,.3);}