#pg-customer {
            --lux-gold: var(--brand-gold);
            --lux-gold-soft: #e6cf9c;
            --lux-gold-deep: #9a7b3c;
            --lux-navy: var(--brand-navy);
            /* พื้นหลังหน้าหรู: แชมเปญทองด้านบน ไล่เป็นฟ้าเย็นด้านล่าง (เปลี่ยนโทนทั้งหน้า)
               ต้อง !important เพื่อชนะ ket-theme.css ".page{background:transparent!important}" */
            background:
              radial-gradient(1200px 480px at 100% -8%, rgba(200, 169, 106, .22), transparent 55%),
              linear-gradient(180deg, #f4e9cf 0%, #eef0f6 32%, #eceff5 100%) !important;
          }

          /* ════ HEADER: น้ำเงินหรู + กรอบทอง + แสงทองกวาด + avatar วงทอง ════ */
          #pg-customer .cp-header {
            background:
              radial-gradient(900px 300px at 90% -40%, rgba(200, 169, 106, .26), transparent 60%),
              linear-gradient(135deg, #16243f 0%, var(--brand-navy) 46%, #091a35 100%);
            border: 1px solid rgba(200, 169, 106, .55);
            border-radius: 18px;
            padding: 30px 34px;
            box-shadow:
              0 18px 44px rgba(8, 18, 40, .42),
              inset 0 0 0 1px rgba(200, 169, 106, .20),
              inset 0 2px 0 0 rgba(200, 169, 106, .65);
          }
          /* แสงทองกวาดผ่านหัวการ์ด (transform = ลื่น) */
          #pg-customer .cp-header::before {
            content: '';
            position: absolute; top: 0; bottom: 0; left: 0; right: auto;
            width: 55%; height: auto; border-radius: 0;
            background: linear-gradient(105deg, transparent 0%, rgba(255, 243, 208, .16) 50%, transparent 100%);
            transform: translateX(-185%) skewX(-18deg);
            animation: cpSheen 6s ease-in-out 3;  /* เล่น 3 รอบแล้วหยุด — ไม่กิน GPU ตลอดบนแท็บเล็ต POS */
            pointer-events: none; z-index: 0;
          }
          @keyframes cpSheen {
            0% { transform: translateX(-185%) skewX(-18deg); }
            60%, 100% { transform: translateX(330%) skewX(-18deg); }
          }
          /* แสงทองนวลมุมขวาล่าง */
          #pg-customer .cp-header::after {
            width: 300px; height: 300px; right: -70px; bottom: -120px;
            background: radial-gradient(circle, rgba(200, 169, 106, .22), transparent 70%);
          }
          #pg-customer .cp-avatar {
            background: linear-gradient(150deg, rgba(200, 169, 106, .42), rgba(200, 169, 106, .10));
            border: 2px solid rgba(200, 169, 106, .8);
            color: #f6e9c9;
            letter-spacing: .5px;
            box-shadow: 0 0 0 4px rgba(200, 169, 106, .14), 0 8px 22px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .18);
          }
          #pg-customer .cp-name { font-size: 24px; letter-spacing: .3px; }
          #pg-customer .cp-nick { color: var(--lux-gold-soft); }
          #pg-customer .cp-meta-item { color: rgba(255, 255, 255, .62); }
          #pg-customer .cp-meta-item i { color: var(--lux-gold-soft); }
          #pg-customer .cp-header-actions .btn {
            border-color: rgba(200, 169, 106, .65) !important;
            color: #f6e9c9 !important;
            transition: background .2s, border-color .2s;
          }
          #pg-customer .cp-header-actions .btn:hover {
            background: rgba(200, 169, 106, .2) !important;
            border-color: var(--lux-gold) !important;
          }

          /* ════ KPI: ขีดทองติดตลอด + การ์ด "ยอดกู้รวม" เป็นทองคำทั้งใบ ════ */
          #pg-customer .cp-kpi {
            position: relative;
            border-radius: 14px;
            overflow: hidden;
            box-shadow: 0 3px 10px rgba(15, 42, 82, .06);
            transition: transform .2s, box-shadow .2s, border-color .2s;
          }
          #pg-customer .cp-kpi::before {
            content: '';
            position: absolute; top: 0; left: 0; right: 0; height: 3px;
            background: linear-gradient(90deg, var(--lux-gold-deep), var(--lux-gold), var(--lux-gold-soft));
            opacity: .92;
          }
          #pg-customer .cp-kpi:hover {
            transform: translateY(-4px);
            border-color: rgba(200, 169, 106, .55);
            box-shadow: 0 14px 30px rgba(15, 42, 82, .14);
          }
          #pg-customer .cp-kpi-val { letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
          #pg-customer .cp-kpi-val.blue { color: var(--lux-navy); }
          /* การ์ด "ยอดกู้รวม" = ทองคำทั้งใบ (hero) */
          #pg-customer .cp-kpi:has(#cpk-loan) {
            background: linear-gradient(145deg, #e9d49c 0%, #cdb074 55%, #bb9a58 100%);
            border-color: #ad8c4a;
            box-shadow: 0 14px 30px rgba(150, 110, 55, .34);
          }
          #pg-customer .cp-kpi:has(#cpk-loan)::before { display: none; }
          #pg-customer .cp-kpi:has(#cpk-loan) .cp-kpi-lbl { color: #5a4413; }
          #pg-customer #cpk-loan { color: #33270a; text-shadow: 0 1px 0 rgba(255, 255, 255, .25); }

          /* ════ TABS: active = ทองชัด ════ */
          #pg-customer .cp-tabs { border-radius: 14px 14px 0 0; }
          #pg-customer .cp-tab { border-bottom-width: 3px; transition: background .15s, color .15s; }
          #pg-customer .cp-tab:hover { background: rgba(200, 169, 106, .08); }
          #pg-customer .cp-tab.on {
            color: var(--lux-navy);
            border-bottom-color: var(--lux-gold);
            background: linear-gradient(180deg, rgba(200, 169, 106, .18), rgba(200, 169, 106, .02));
          }
          #pg-customer .cp-tab.on .badge { background: rgba(200, 169, 106, .22); color: var(--lux-gold-deep); }

          /* ════ LEFT PANELS: หัวข้อแถบทองหนา + เซลล์สรุปไอวอรี่ขอบทอง ════ */
          #pg-customer .cp-left { background: linear-gradient(180deg, #fffdf7, #fbfaf5); }
          #pg-customer .cp-left-panel-hd { color: var(--lux-navy); font-weight: 800; position: relative; padding-left: 14px; }
          #pg-customer .cp-left-panel-hd::before {
            content: '';
            position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
            background: linear-gradient(var(--lux-gold), var(--lux-gold-deep));
            border-radius: 3px;
          }
          #pg-customer .cp-left-panel-hd a { color: var(--lux-gold-deep); }
          #pg-customer .cp-sum-cell {
            border-radius: 10px;
            border: 1px solid #ece6d6;
            border-left: 3px solid rgba(200, 169, 106, .6);
            background: linear-gradient(180deg, #fffdf8, #f7f3e9);
            transition: border-color .2s, box-shadow .2s, transform .15s;
          }
          #pg-customer .cp-sum-cell:hover {
            border-left-color: var(--lux-gold);
            box-shadow: 0 4px 12px rgba(150, 110, 55, .12);
            transform: translateY(-1px);
          }
          #pg-customer .cp-sum-v { color: var(--lux-navy); }

          /* ════ CONTRACT cards: ขอบทอง + hover ยก ════ */
          #pg-customer .cp-contract {
            border-radius: 14px;
            border-color: #e7e1d2;
            transition: transform .18s, box-shadow .18s, border-color .18s;
          }
          #pg-customer .cp-contract:hover {
            border-color: rgba(200, 169, 106, .7);
            box-shadow: 0 10px 26px rgba(150, 110, 55, .14);
            transform: translateY(-2px);
          }

          /* ════ TABLES: หัวตารางน้ำเงินคาดเส้นทอง ════ */
          #pg-customer .cp-pay-table thead th {
            background: linear-gradient(180deg, #14213e, var(--brand-navy));
            color: #eadfc4;
            border-bottom: 2px solid var(--lux-gold);
            text-transform: uppercase;
            letter-spacing: .04em;
          }
          #pg-customer .cp-pay-table tbody tr:hover { background: rgba(200, 169, 106, .08); }

          /* ════ tab body + scrollbar ทอง ════ */
          #pg-customer .cp-tab-body { box-shadow: 0 8px 24px rgba(15, 42, 82, .07); }
          #pg-customer .cp-left::-webkit-scrollbar,
          #pg-customer .cp-tab-body::-webkit-scrollbar { width: 9px; }
          #pg-customer .cp-left::-webkit-scrollbar-thumb,
          #pg-customer .cp-tab-body::-webkit-scrollbar-thumb {
            background: rgba(200, 169, 106, .45); border-radius: 6px;
          }
          #pg-customer .cp-left::-webkit-scrollbar-thumb:hover,
          #pg-customer .cp-tab-body::-webkit-scrollbar-thumb:hover { background: rgba(200, 169, 106, .7); }

          /* ════ ปุ่มกลับ: hover ทอง ════ */
          #pg-customer .cp-back { transition: color .2s, border-color .2s; }
          #pg-customer .cp-back:hover { color: var(--lux-gold-deep); border-color: rgba(200, 169, 106, .55); }

          @media (prefers-reduced-motion: reduce) {
            #pg-customer .cp-header::before { animation: none; opacity: .5; }
            #pg-customer .cp-kpi, #pg-customer .cp-contract, #pg-customer .cp-sum-cell { transition: none !important; }
          }