/* PCM member accounts / logo editor V3 – isolated to public Sàn Cáp Kèo */
.capkeo-v2 .top-account{max-width:240px;min-width:48px;gap:9px}
.capkeo-v2 .account-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#0b1423;display:grid;place-items:center;overflow:hidden;border:1px solid #3cb898}
.capkeo-v2 .account-avatar img,.capkeo-v2 .member-avatar img{width:100%;height:100%;object-fit:contain}
.capkeo-v2 .member-summary{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:0 0 22px;background:#0b2331;border:1px solid #2a6a63;border-radius:17px;padding:14px}
.capkeo-v2 .member-summary .member-avatar{border:2px solid #35bb94;border-radius:50%;width:70px;height:70px;flex:0 0 70px;display:grid;place-items:center;overflow:hidden;background:#112338;font-size:30px}
.capkeo-v2 .member-summary>div:nth-child(2){flex:1;min-width:165px}
.capkeo-v2 .member-summary b{font-size:17px;color:#fff}
.capkeo-v2 .member-summary p{margin:3px 0;font-size:12px;color:#bfd0de}
.capkeo-v2 .member-summary small{font-size:11px;color:#e5ce8c}
.capkeo-v2 .member-summary .btn{font-size:12px;padding:9px 12px}
.capkeo-v2 .login-promo{background:linear-gradient(125deg,#102f34,#1c2946);border:1px solid #1e8c75;border-radius:17px;padding:19px;margin-bottom:20px}
.capkeo-v2 .login-promo h3{margin:0 0 8px;color:#ffe48b}
.capkeo-v2 .login-promo p{font-size:13px;color:#c4dce6;line-height:1.7;margin:0 0 14px}
.capkeo-v2 .login-actions{display:flex;gap:10px;flex-wrap:wrap}
.capkeo-v2 .login-actions .btn{flex:1;min-width:130px}
.capkeo-v2 .logo-editor{background:#0d192c;border:1px solid #426d78;border-radius:16px;padding:15px;grid-column:1/-1;letter-spacing:0}
.capkeo-v2 .logo-editor-title{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.capkeo-v2 .logo-editor-title b{color:#ffe18e;font-size:14px}
.capkeo-v2 .logo-editor-title small,.capkeo-v2 .logo-editor>small{font-size:11px;color:#a7bbca;line-height:1.5}
.capkeo-v2 .logo-editor-layout{display:grid;grid-template-columns:165px minmax(0,1fr);gap:14px;align-items:center}
.capkeo-v2 .logo-window{width:165px;height:165px;border-radius:50%;padding:7px;border:2px solid #dabb65;box-shadow:0 0 16px #12bd9033;background:#0b1d2c;touch-action:none;user-select:none;cursor:grab;overflow:hidden}
.capkeo-v2 .logo-window:active{cursor:grabbing}
.capkeo-v2 .logo-inner{width:100%;height:100%;position:relative;border-radius:50%;background:conic-gradient(#132238 25%,#20334b 0 50%,#132238 0 75%,#20334b 0);background-size:30px 30px;overflow:hidden;display:grid;place-items:center}
.capkeo-v2 .logo-inner img{display:block;position:absolute;width:100%;height:100%;object-fit:contain;transform-origin:center;max-width:none;pointer-events:none}
.capkeo-v2 .logo-inner img[hidden]{display:none}
.capkeo-v2 #logoEmpty{font-size:42px;color:#ffc83d;line-height:1;display:flex;flex-direction:column;align-items:center;gap:8px}
.capkeo-v2 #logoEmpty[hidden]{display:none}
.capkeo-v2 #logoEmpty small{font-size:10px;color:#d1e2e3}
.capkeo-v2 .logo-edit-controls{min-width:0;display:flex;flex-direction:column;gap:11px}
.capkeo-v2 .logo-edit-controls label{font-size:11px;color:#bde8dc;letter-spacing:0}
.capkeo-v2 .logo-edit-controls input[type=file]{width:100%;font-size:11px;background:#18293f;border-radius:9px;padding:7px;display:block;margin-top:5px;min-height:auto}
.capkeo-v2 .logo-edit-controls input[type=range]{height:25px;accent-color:#16c49a;min-height:25px;padding:0;display:block;width:100%;margin:5px 0 0}
.capkeo-v2 #logoZoomText{color:#ffe18e;font-weight:800;margin-left:7px}
.capkeo-v2 .logo-controls-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.capkeo-v2 .logo-edit-buttons{display:flex;gap:8px}
.capkeo-v2 .logo-edit-buttons .btn{font-size:11px;padding:8px 10px;min-height:36px;flex:1}
.capkeo-v2 .team-logo-small{width:48px;height:48px;border-radius:50%;border:1px solid #c5ad60;background:#111e31;display:inline-grid;place-items:center;overflow:hidden;vertical-align:middle;margin:0 8px 0 0;float:left}
.capkeo-v2 .team-logo-small img{width:100%;height:100%;object-fit:contain;max-width:none;transform-origin:center}
.capkeo-v2 .listing-title:has(.team-logo-small){min-height:50px}
@media(max-width:650px){.capkeo-v2 .top-account{padding:0 4px;min-width:44px}.capkeo-v2 .account-avatar{margin:0}.capkeo-v2 .member-summary{gap:10px}.capkeo-v2 .member-summary .member-avatar{width:56px;height:56px;flex-basis:56px}.capkeo-v2 .member-summary .btn{flex:1}.capkeo-v2 .logo-editor-layout{grid-template-columns:1fr;justify-items:center}.capkeo-v2 .logo-edit-controls{width:100%}.capkeo-v2 .logo-window{height:190px;width:190px}.capkeo-v2 .team-logo-small{width:42px;height:42px}.capkeo-v2 .logo-controls-two{gap:14px}}

.capkeo-v2 .auth-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:16px 0;background:linear-gradient(90deg,#1c3d37,#182942);border:1px solid #3bad89;border-radius:16px;padding:15px 18px}
.capkeo-v2 .auth-strip[hidden]{display:none}
.capkeo-v2 .auth-strip>div:first-child{display:flex;flex-direction:column;gap:5px}
.capkeo-v2 .auth-strip strong{font-size:15px;color:#ffe084}
.capkeo-v2 .auth-strip span{color:#bdd9d1;font-size:12px;line-height:1.5}
.capkeo-v2 .auth-strip-buttons{display:flex;gap:8px;flex-shrink:0}
.capkeo-v2 .auth-strip .btn{padding:10px 12px;min-height:44px;font-size:11px;white-space:nowrap}
@media(max-width:650px){.capkeo-v2 .auth-strip{padding:15px;flex-direction:column;align-items:stretch}.capkeo-v2 .auth-strip-buttons{width:100%}.capkeo-v2 .auth-strip-buttons .btn{flex:1;min-width:0}.capkeo-v2 .top-account.is-guest{width:auto;min-width:88px;padding:0 11px;font-size:12px}.capkeo-v2 .top-account.is-guest>span{display:inline!important}.capkeo-v2 .top-account.is-logged{width:44px;padding:0 4px}.capkeo-v2 .top-account.is-logged>span:not(.account-avatar){display:none!important}}
@media(max-width:350px){.capkeo-v2 .top-account.is-guest{min-width:78px;padding:0 8px;font-size:11px}}