/* Scoped member UI follows the original Catbet palette and type scale. */
.member-page{padding-top:32px;padding-bottom:48px}.member-heading,.member-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.member-heading{margin-bottom:26px}.member-heading h1{font-size:28px;margin:7px 0}.member-eyebrow{color:var(--gold);font-size:11px;letter-spacing:2px;font-weight:700}.member-layout{display:grid;grid-template-columns:224px minmax(0,1fr);gap:24px}.member-nav{display:flex;flex-direction:column;align-self:start;position:sticky;top:calc(var(--hdr-h) + 16px);padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.member-nav a,.member-nav button{color:var(--muted);text-align:left;padding:13px 15px;border-radius:7px;border:0;background:none;font:inherit;font-size:13px;cursor:pointer}.member-nav a:hover,.member-nav a[aria-current=page]{color:var(--gold-bright);background:var(--surface-2)}.member-card{padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-bottom:18px;min-width:0}.member-card h2{font-size:18px;margin:0 0 20px}.member-card p{color:var(--muted);line-height:1.65}.member-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.member-metrics .member-card{display:grid;gap:14px}.member-metrics span{font-size:12px;color:var(--muted)}.member-metrics strong{font-size:24px;font-weight:600;color:var(--gold-bright);overflow-wrap:anywhere}.member-actions{display:flex;gap:12px;flex-wrap:wrap}.member-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.member-field{display:grid;align-content:start;gap:9px;font-size:12px;color:var(--muted)}.member-field input,.member-field select,.member-field textarea{width:100%;min-width:0;padding:13px 14px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--text);font:inherit;font-size:16px}.member-field input:focus,.member-field select:focus,.member-field textarea:focus{outline:1px solid var(--gold)}.member-field input:disabled{opacity:.6}.member-field textarea{resize:vertical}.member-form-wide{grid-column:1/-1}.member-status{display:inline-block;padding:5px 9px;border:1px solid var(--border);border-radius:6px;font-size:11px;color:var(--gold-bright)}.member-list-item{padding:16px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.member-list-item:last-child{border-bottom:0}.member-list-item small{display:block;color:var(--muted);font-size:11px}.member-list-item p{margin:8px 0}.member-thread{display:block;width:100%;text-align:left;background:none;color:var(--text);border:0;border-bottom:1px solid var(--border);cursor:pointer}.member-unread{border-left:2px solid var(--gold);padding-left:12px}.member-table-wrap{max-width:100%;overflow-x:auto}.member-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;white-space:nowrap}.member-table th{color:var(--muted);font-weight:400}.member-table td,.member-table th{padding:14px 12px;border-bottom:1px solid var(--border)}.member-empty{padding:24px 0}.member-menu{position:relative}.member-menu summary{display:flex;align-items:center;gap:8px;cursor:pointer;padding:9px 12px;border:1px solid var(--border);border-radius:7px;list-style:none}.member-menu summary::-webkit-details-marker{display:none}.member-menu summary .ico{width:18px;height:18px}.member-menu nav{position:absolute;right:0;top:calc(100% + 10px);width:220px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface);z-index:80;box-shadow:0 18px 50px #0008}.member-menu nav a,.member-menu nav button{display:block;width:100%;padding:10px;color:var(--text);font:inherit;font-size:13px;background:none;border:0;text-align:left;border-radius:5px;cursor:pointer}.member-menu nav a:hover,.member-menu nav button:hover{background:var(--surface-2);color:var(--gold-bright)}.member-loading{min-height:210px;color:var(--muted)}.member-dialog{max-width:680px!important}.member-dialog .member-card{margin:0;border:0;padding:12px}.member-form button:disabled{opacity:.55;cursor:wait}@media(max-width:767px){.member-page{padding-top:20px}.member-heading{align-items:flex-start}.member-heading h1{font-size:23px}.member-heading>.btn{font-size:11px;padding:9px}.member-layout{display:block}.member-nav{position:static;flex-direction:row;overflow-x:auto;gap:5px;margin-bottom:16px;scrollbar-width:thin}.member-nav a,.member-nav button{white-space:nowrap;flex-shrink:0;padding:10px;font-size:12px}.member-metrics{grid-template-columns:1fr 1fr;gap:10px}.member-metrics .member-card{padding:16px;margin-bottom:0}.member-metrics .member-card:last-child{grid-column:1/-1;margin-bottom:16px}.member-metrics strong{font-size:20px}.member-card{padding:18px}.member-form{grid-template-columns:1fr}.member-menu summary{padding:8px}.member-menu summary>span{max-width:80px;overflow:hidden;text-overflow:ellipsis}.member-deposit{font-size:12px;padding:9px!important}}
@media(min-width:768px) and (max-width:1023px){.member-layout{display:block}.member-nav{position:static;flex-direction:row;overflow-x:auto;margin-bottom:20px;scrollbar-width:thin}.member-nav a,.member-nav button{white-space:nowrap;flex-shrink:0}.ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ft-col{min-width:0}}
.modal-box.member-game{width:min(1400px,calc(100vw - 40px));max-width:none;height:calc(100dvh - 40px);padding:0;background:var(--bg);overflow:hidden}.member-game .modal-close{z-index:3;top:12px;right:12px}.member-game .modal-content{height:100%}.member-game-shell{height:100%;display:flex;flex-direction:column;background:var(--bg)}.member-game-shell header{height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 60px 12px 20px}.member-game-shell header strong{font-size:14px}.member-game-shell iframe{display:block;width:100%;flex:1;min-height:0;border:0;background:#000}.member-game-loading{padding:60px;text-align:center;color:var(--muted)}@media(max-width:767px){.modal-box.member-game{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.member-game-shell header{height:58px;padding-left:12px}.member-game-shell header .btn{font-size:11px;padding:8px}}

/* The account accent is sampled from the gold lettering in the Catbet logo. */
.member-menu,.member-page,.header-actions .member-deposit{--member-gold:#cea13b;--member-gold-light:#f2d48a;--gold:#cea13b;--gold-bright:#f2d48a;--gold-soft:rgba(206,161,59,.15)}
.header-actions .member-deposit,.member-page .btn-gold{background:var(--member-gold);color:#111}
.member-menu summary{border-color:var(--member-gold);color:var(--member-gold-light)}
.member-menu summary>.ico:first-child{color:var(--member-gold)}
.member-menu summary>.ico:last-child{width:14px;height:14px;margin-left:auto;color:var(--member-gold)}
.member-menu nav{width:248px;max-width:calc(100vw - 20px);border-color:rgba(206,161,59,.42)}
.member-menu nav a,.member-menu nav button,.member-nav a,.member-nav button{display:flex;align-items:center;gap:11px}
.member-menu nav .ico,.member-nav .ico{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;color:var(--member-gold)}
.member-menu nav .ico svg,.member-nav .ico svg{width:100%;height:100%}
.member-menu nav a:hover,.member-menu nav button:hover,.member-nav a:hover,.member-nav a[aria-current=page]{color:var(--member-gold-light)}
.member-eyebrow,.member-metrics strong{color:var(--member-gold)}
.member-nav a[aria-current=page]{box-shadow:inset 2px 0 0 var(--member-gold)}
@media(max-width:1023px){.member-nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--member-gold)}}

/* Account rewards and image-free bonus policy cards use Catbet's own black/gold tokens. */
.member-menu nav{width:286px;max-height:min(78dvh,720px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--member-gold) transparent}
.member-menu-identity{display:flex;align-items:center;gap:11px;padding:10px 8px 8px}
.member-menu-identity strong,.member-menu-identity small{display:block}
.member-menu-identity strong{font-size:14px}.member-menu-identity small{margin-top:3px;color:var(--muted);font-size:11px}
.member-menu-avatar{display:grid;place-items:center;width:37px;height:37px;flex:none;border:1px solid var(--member-gold);border-radius:50%;color:var(--member-gold)}
.member-menu-avatar .ico{width:19px;height:19px}
.member-menu nav .member-menu-progress{display:block;height:6px;padding:0;margin:5px 8px 13px;background:var(--surface-2);border-radius:50px;overflow:hidden}
.member-menu-progress span,.member-vip-track span{display:block;height:100%;background:linear-gradient(90deg,#966f20,var(--member-gold-light));border-radius:inherit}
.member-menu-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 4px 10px;border-bottom:1px solid var(--border)}
.member-menu nav .member-menu-quick a{justify-content:center;gap:6px;padding:8px 5px;border:1px solid rgba(206,161,59,.38);white-space:nowrap;font-size:11px}
.member-menu-quick .ico{width:15px!important;height:15px!important}
.member-menu-links{padding-top:5px}
.member-vip{display:grid;grid-template-columns:60px minmax(0,1fr);gap:20px;background:linear-gradient(125deg,rgba(206,161,59,.12),transparent 42%),var(--surface)}
.member-vip-mark{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(206,161,59,.5);border-radius:14px;color:var(--member-gold)}
.member-vip-mark .ico,.member-vip-mark svg{width:31px;height:31px}
.member-vip-stats,.member-loss-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
.member-vip-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.member-vip-stats>span,.member-loss-stats>div{padding:13px;border:1px solid var(--border);border-radius:9px;background:var(--bg)}
.member-vip-stats small,.member-loss-stats small{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}
.member-vip-stats strong,.member-loss-stats strong{color:var(--member-gold-light);font-size:19px}
.member-vip-track{height:7px;background:var(--bg);border-radius:30px;overflow:hidden}
.member-vip-next,.member-loss-reason{font-size:12px}
.promo-page .member-policy-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.member-policy-art{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:128px;padding:18px 22px;background:radial-gradient(circle at 23% 50%,rgba(206,161,59,.12),transparent 48%),linear-gradient(115deg,#10100e,#1b1812);border-bottom:1px solid rgba(206,161,59,.24)}
.member-policy-art--image{position:relative;display:block;min-height:0;padding:0;aspect-ratio:7/4;overflow:hidden;background:#0d0d0c}
.member-policy-art--image picture,.member-policy-art--image picture img{display:block;width:100%;height:100%;object-fit:cover}
.member-policy-art--image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.2),transparent 72%)}
.member-policy-art-copy{position:absolute;z-index:1;left:5%;top:50%;width:43%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:5px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.85)}
.member-policy-art-copy img{width:min(75%,150px);height:auto;max-height:27px;object-fit:contain;object-position:left center}
.member-policy-art-copy strong{color:var(--member-gold-light);font-size:clamp(35px,3.5vw,52px);line-height:1;font-weight:900;letter-spacing:-.055em}
.member-policy-art-copy--title strong{font-size:clamp(22px,2.4vw,30px);line-height:1.07;letter-spacing:-.035em;text-wrap:balance}
.member-policy-art-copy span{font-size:clamp(16px,1.6vw,22px);line-height:1.05;font-weight:850;text-wrap:balance}
.member-policy-mark{display:grid;place-items:center;width:67px;height:67px;border:1px solid rgba(206,161,59,.54);border-radius:15px;color:var(--member-gold-light)}
.member-policy-mark .ico,.member-policy-mark svg{width:31px;height:31px}
.member-policy-category{color:var(--member-gold-light);font-size:11px;letter-spacing:1.3px;text-transform:uppercase;text-align:right}
.member-policy-card .pc-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:19px}
.member-policy-card h2{font-size:19px;line-height:1.25;margin:0;color:var(--text)}
.member-policy-card .pc-desc{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.member-policy-facts{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:7px}
.member-policy-facts span{padding:5px 8px;border:1px solid rgba(206,161,59,.35);border-radius:5px;color:var(--member-gold-light);font-size:11px}
.member-policy-card .pc-more{align-self:flex-start;margin-top:7px}
.member-policy-modal{max-width:680px}.member-policy-modal-head{padding:27px 30px;background:linear-gradient(110deg,rgba(206,161,59,.18),transparent),var(--surface);border-bottom:1px solid var(--border)}
.member-policy-modal-head>span{color:var(--member-gold)}.member-policy-modal-head>span .ico,.member-policy-modal-head>span svg{width:32px;height:32px}
.member-policy-modal-head small{display:block;margin-top:12px;color:var(--member-gold-light);text-transform:uppercase;letter-spacing:1px}
.member-policy-modal-head h2{font-size:25px;margin:7px 0}.member-policy-modal-head p{color:var(--muted);line-height:1.5}
.member-policy-modal .pm-body{padding:20px 30px}.member-policy-modal .pm-rules h3{font-size:17px}
.member-policy-modal .pm-rules ol{padding-left:20px}.member-policy-modal .pm-rules li{margin:9px 0;color:var(--muted);line-height:1.45}
.member-policy-reason{color:var(--member-gold-light);font-size:12px}.member-policy-actions{margin-top:18px}
@media(max-width:767px){.member-menu nav{right:-4px;width:min(286px,calc(100vw - 16px))}.member-vip{grid-template-columns:1fr}.member-loss-stats{grid-template-columns:1fr}.member-policy-art{min-height:100px}.member-policy-art--image{min-height:0}.member-policy-art-copy{width:43%;gap:3px}.member-policy-art-copy img{max-height:20px}.member-policy-art-copy strong{font-size:38px}.member-policy-art-copy--title strong{font-size:24px}.member-policy-art-copy span{font-size:16px}.member-policy-modal-head,.member-policy-modal .pm-body{padding:20px}}

/* Kasiyer: yöntem logosu, banka bilgisi ve mobil seçimler mevcut tema renkleriyle. */
.member-payment-choices{border:0;margin:0;padding:0;min-width:0}.member-payment-choices legend{color:var(--muted);font-size:12px;margin-bottom:10px}.member-payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.member-payment-option{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:76px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);cursor:pointer}.member-payment-option:has(input:checked){border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.member-payment-option:focus-within{outline:2px solid var(--gold);outline-offset:2px}.member-payment-option input{position:absolute;opacity:0;width:1px;height:1px}.member-payment-logo{display:grid;place-items:center;flex:0 0 64px;height:44px;border-radius:7px;background:var(--bg)}.member-payment-logo img{width:60px;height:32px;object-fit:contain}.member-payment-logo .ico{width:25px;height:25px;color:var(--gold)}.member-payment-info{min-width:0;display:grid;gap:4px}.member-payment-info strong{font-size:13px;color:var(--text)}.member-payment-info small{font-size:10px;color:var(--muted);line-height:1.3}.member-payment-recipient{display:grid;grid-template-columns:1fr 1fr;gap:18px}.member-payment-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;grid-column:1/-1}.member-payment-fields[hidden]{display:none}.member-payment-detail{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.member-payment-detail span{min-width:76px;font-size:12px;color:var(--muted)}.member-payment-detail strong{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px}.member-payment-detail button{border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--gold-bright);padding:7px 9px;cursor:pointer}
.member-payment-logo .member-payment-papara{filter:brightness(0) invert(1)}
@media(max-width:900px){.member-payment-grid{grid-template-columns:1fr}.member-payment-option{min-height:66px}}@media(max-width:767px){.member-payment-recipient,.member-payment-fields{grid-template-columns:1fr}.member-payment-detail{flex-wrap:wrap}.member-payment-detail strong{width:calc(100% - 90px)}}