/* TUNNEL GO PPOB User Flow - Frontend Stage 5 */
.ppob-main{max-width:1480px;margin:0 auto;width:100%}
.ppob-hero{padding:26px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:stretch;overflow:hidden;position:relative;background:radial-gradient(circle at 12% 0%,rgba(56,189,248,.22),transparent 34%),radial-gradient(circle at 88% 20%,rgba(168,85,247,.20),transparent 38%),rgba(15,23,42,.72)}
.ppob-hero::after{content:"";position:absolute;right:-80px;bottom:-120px;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.16),transparent 66%)}
.ppob-hero-copy{position:relative;z-index:1}.ppob-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.ppob-balance-card{position:relative;z-index:1;border:1px solid rgba(56,189,248,.24);border-radius:24px;padding:22px;background:linear-gradient(135deg,rgba(2,6,23,.72),rgba(15,23,42,.72));display:flex;flex-direction:column;justify-content:center;min-height:190px;box-shadow:0 24px 70px rgba(0,0,0,.16)}
.ppob-mini-label{font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#7dd3fc}.ppob-balance-card strong{font-size:34px;letter-spacing:-.07em;line-height:1.1;margin:8px 0}.ppob-balance-card small{color:var(--tg-muted);line-height:1.6}
.ppob-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;margin-top:16px}.ppob-step{display:flex;align-items:center;gap:10px;border:1px solid var(--tg-line);border-radius:18px;padding:12px;color:#94a3b8;background:rgba(15,23,42,.45);font-weight:950}.ppob-step b{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:rgba(148,163,184,.12);font-size:13px}.ppob-step.active{color:#fff;border-color:rgba(56,189,248,.32);background:linear-gradient(135deg,rgba(56,189,248,.11),rgba(139,92,246,.10))}.ppob-step.active b{background:linear-gradient(135deg,var(--tg-blue),var(--tg-violet));color:#fff}
.ppob-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}.ppob-filter-card,.ppob-products-card,.ppob-order-panel,.ppob-history-card{padding:22px}.ppob-filter-card{position:sticky;top:92px}.ppob-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.btn-sm{padding:8px 10px;font-size:12px;border-radius:13px}.ppob-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ppob-quick-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.ppob-chip{border:1px solid var(--tg-line);background:rgba(15,23,42,.55);color:#cbd5e1;border-radius:999px;padding:9px 11px;font-size:12px;font-weight:950;cursor:pointer}.ppob-chip.active,.ppob-chip:hover{color:#fff;border-color:rgba(56,189,248,.38);background:linear-gradient(135deg,rgba(56,189,248,.14),rgba(139,92,246,.12))}.ppob-filter-form{display:grid;gap:13px}.ppob-promo-box{margin-top:16px;border:1px dashed rgba(56,189,248,.24);border-radius:18px;padding:13px;background:rgba(56,189,248,.05)}.ppob-promo-title{font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.14em;color:#7dd3fc;margin-bottom:10px}.ppob-promo-pill{width:100%;display:grid;gap:3px;text-align:left;border:1px solid var(--tg-line);border-radius:15px;background:rgba(15,23,42,.52);color:#cbd5e1;padding:10px;margin-top:8px;cursor:pointer}.ppob-promo-pill b{color:#fff}.ppob-promo-pill span{font-size:12px;color:#94a3b8}.ppob-promo-pill:hover{border-color:rgba(56,189,248,.34)}
.ppob-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ppob-product-card{border:1px solid var(--tg-line);border-radius:22px;background:rgba(15,23,42,.50);padding:16px;display:flex;flex-direction:column;min-height:230px;transition:.18s ease}.ppob-product-card:hover{transform:translateY(-2px);border-color:rgba(56,189,248,.32);box-shadow:0 20px 64px rgba(56,189,248,.08)}.ppob-product-card.is-disabled{opacity:.62}.ppob-product-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.ppob-product-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.24);border-radius:16px;background:rgba(56,189,248,.09);font-size:21px}.ppob-product-card h3{font-size:17px;line-height:1.25;margin:0 0 8px;letter-spacing:-.035em}.ppob-product-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.ppob-product-meta span{font-size:11px;color:#bae6fd;border:1px solid rgba(56,189,248,.18);border-radius:999px;padding:4px 8px;background:rgba(56,189,248,.06)}.ppob-product-card p{color:#94a3b8;font-size:13px;line-height:1.55;margin:0 0 14px;flex:1}.ppob-product-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.ppob-product-footer strong{font-size:16px;color:#fff;letter-spacing:-.03em}
.ppob-order-panel,.ppob-history-card{margin-top:16px}.ppob-selected-product{margin-bottom:16px}.ppob-selected-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid rgba(56,189,248,.22);border-radius:22px;padding:14px;background:linear-gradient(135deg,rgba(56,189,248,.08),rgba(139,92,246,.07))}.ppob-selected-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;background:rgba(56,189,248,.10);border:1px solid rgba(56,189,248,.20);font-size:27px}.ppob-selected-card h3{margin:0;font-size:18px}.ppob-selected-card p{margin:5px 0;color:#94a3b8}.ppob-selected-card small{display:block;color:#64748b;line-height:1.5}.ppob-order-form{display:grid;gap:14px}.ppob-field-help{display:block;color:#64748b;margin-top:7px;line-height:1.45}.ppob-preview-box{border:1px solid var(--tg-line);border-radius:20px;background:rgba(15,23,42,.42);padding:14px}.ppob-order-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.ppob-confirm .summary-row strong{max-width:62%;text-align:right;word-break:break-word}
.ppob-history-list{display:grid;gap:10px}.ppob-history-item{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--tg-line);border-radius:20px;background:rgba(15,23,42,.45);padding:14px}.ppob-history-item h3{margin:0 0 5px;font-size:16px}.ppob-history-item p{margin:0;color:#94a3b8;font-size:13px}.ppob-history-item small{display:block;margin-top:5px;color:#64748b}.ppob-history-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.ppob-history-side strong{font-size:15px}.empty{border:1px dashed var(--tg-line);border-radius:20px;padding:18px;color:#94a3b8;text-align:center;background:rgba(15,23,42,.30)}
@media(max-width:1180px){.ppob-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ppob-layout{grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:980px){.ppob-hero{grid-template-columns:1fr}.ppob-layout{grid-template-columns:1fr}.ppob-filter-card{position:relative;top:auto}.ppob-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.ppob-hero,.ppob-filter-card,.ppob-products-card,.ppob-order-panel,.ppob-history-card{padding:18px}.ppob-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.ppob-product-grid{grid-template-columns:1fr}.ppob-selected-card{grid-template-columns:48px minmax(0,1fr)}.ppob-selected-card strong{grid-column:1/-1}.ppob-order-actions{display:grid}.ppob-history-item{display:grid}.ppob-history-side{align-items:flex-start}.ppob-section-head{display:grid}.ppob-confirm .summary-row strong{max-width:100%;text-align:left}}

/* Stage 16 PPOB professional checkout additions */
.ppob-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.ppob-trust-card{border:1px solid var(--tg-line);border-radius:20px;background:linear-gradient(135deg,rgba(15,23,42,.56),rgba(2,6,23,.38));padding:15px}.ppob-trust-card b{display:block;color:#fff;font-size:14px;margin-bottom:6px}.ppob-trust-card span{display:block;color:#94a3b8;font-size:13px;line-height:1.55}.ppob-product-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.ppob-target-inspector{border:1px dashed rgba(56,189,248,.24);border-radius:18px;background:rgba(56,189,248,.05);padding:12px;display:grid;gap:7px}.ppob-target-inspector p{margin:0;color:#94a3b8;font-size:13px;line-height:1.5}.ppob-final-check{display:flex;align-items:flex-start;gap:10px;margin-top:12px;color:#cbd5e1;font-weight:800;line-height:1.45}.ppob-final-check input{margin-top:3px;accent-color:#38bdf8}.ppob-product-modal .summary-row strong{max-width:62%;text-align:right;word-break:break-word}.danger-text span,.danger-text strong{color:#fca5a5!important}.badge.danger{background:rgba(239,68,68,.13);border-color:rgba(239,68,68,.28);color:#fecaca}.badge.warn{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.28);color:#fde68a}.badge.ok{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.28);color:#bbf7d0}.badge.info{background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.28);color:#bae6fd}
@media(max-width:900px){.ppob-trust-grid{grid-template-columns:1fr}.ppob-product-actions{justify-content:flex-start}.ppob-product-modal .summary-row strong{max-width:100%;text-align:left}}