/* Good Media API storefront — isolated styles for App Charging + Social Support */
:root{--gm-accent:var(--neon,#98ff00);--gm-card:var(--card,#101411);--gm-card2:var(--card2,#151b16);--gm-border:var(--border,#273029);--gm-muted:var(--muted,#94a398);--gm-text:var(--text,#f5fff6)}

.gm-welcome{padding:52px 0 18px;text-align:center}.gm-welcome h1{margin:8px 0 10px;font-size:clamp(32px,5vw,52px)}.gm-welcome p{margin:0 auto;color:var(--gm-muted);max-width:680px;font-size:18px}.gm-main-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px 0 54px}.gm-main-card{display:flex;gap:18px;align-items:center;background:linear-gradient(145deg,var(--gm-card2),var(--gm-card));border:1px solid var(--gm-border);border-radius:20px;padding:24px;min-height:185px;transition:.2s}.gm-main-card:hover{border-color:var(--gm-accent);transform:translateY(-2px)}.gm-main-icon{width:76px;height:76px;flex:0 0 76px;border-radius:20px;display:grid;place-items:center;font-size:34px;background:#98ff0018;border:1px solid #98ff003c}.gm-main-card span{font-size:13px;color:var(--gm-muted)}.gm-main-card h2{margin:5px 0 8px;font-size:27px}.gm-main-card p{margin:0 0 14px;color:var(--gm-muted);line-height:1.7}.gm-main-card b{color:var(--gm-accent)}

.store-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:22px;align-items:end;padding:34px 0 24px}.store-section-head>.back-link{grid-column:1/-1}.store-section-head h1{font-size:clamp(30px,4vw,46px);margin:5px 0 8px}.store-section-head p{margin:0;color:var(--gm-muted);max-width:650px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--gm-muted);font-weight:700}.back-link:hover{color:var(--gm-accent)}.store-search{display:flex;gap:8px;align-items:stretch}.store-search input{min-width:0}.store-search button{border:0;border-radius:12px;padding:0 20px;background:var(--gm-accent);color:#071006;font-weight:800}

.reference-app-grid,.reference-social-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:16px!important;margin:10px 0 48px!important;align-items:stretch!important}.reference-app-card,.reference-social-card{display:flex!important;flex-direction:column!important;min-width:0!important;background:var(--gm-card)!important;border:1px solid var(--gm-border)!important;border-radius:17px!important;padding:10px!important;overflow:hidden!important;box-shadow:0 8px 24px #0003!important}.reference-app-image,.reference-social-logo{width:100%!important;height:140px!important;min-height:140px!important;max-height:140px!important;border-radius:12px!important;background:#ffffff08!important;display:grid!important;place-items:center!important;overflow:hidden!important;position:relative!important}.reference-app-image img,.reference-social-logo img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important}.reference-app-image img{object-fit:cover!important}.reference-social-logo{padding:22px!important}.reference-social-logo img{object-fit:contain!important}.reference-app-image span{width:72px;height:72px;border-radius:18px;background:var(--gm-accent);color:#071006;display:grid;place-items:center;font-size:25px;font-weight:900}.reference-app-body{display:flex;flex-direction:column;flex:1;padding-top:10px}.reference-app-card h3,.reference-social-card h3{margin:6px 0 11px!important;text-align:center!important;font-size:15px!important;line-height:1.45!important;min-height:44px!important;display:grid!important;place-items:center!important;overflow-wrap:anywhere!important}.reference-social-card h3{flex:1}.reference-buy-btn,.reference-view-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:40px!important;margin-top:auto!important;border-radius:10px!important;background:var(--gm-accent)!important;color:#071006!important;font-weight:850!important;font-size:13px!important;text-decoration:none!important}

.reference-order-shell,.social-reference-shell{max-width:820px!important;margin:0 auto!important;padding:32px 0 58px!important}.reference-order-card,.social-reference-card{margin-top:14px!important;background:var(--gm-card)!important;border:1px solid var(--gm-border)!important;border-radius:20px!important;padding:24px!important;overflow:hidden!important}.reference-order-brand,.social-ref-heading{display:flex!important;align-items:center!important;gap:18px!important;padding-bottom:20px!important;border-bottom:1px solid var(--gm-border)!important;margin-bottom:20px!important}.reference-order-logo,.social-ref-heading>img{display:block!important;width:96px!important;height:96px!important;min-width:96px!important;max-width:96px!important;min-height:96px!important;max-height:96px!important;border-radius:17px!important;background:#ffffff08!important;border:1px solid var(--gm-border)!important;object-fit:contain!important;overflow:hidden!important;flex:0 0 96px!important;margin:0!important}.reference-order-logo{display:grid!important;place-items:center!important}.reference-order-logo img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;margin:0!important}.reference-order-logo span{width:62px;height:62px;border-radius:15px;background:var(--gm-accent);color:#071006;display:grid;place-items:center;font-size:23px;font-weight:900}.reference-order-brand>div:last-child>span,.social-ref-heading div>span{font-size:12px;color:var(--gm-muted)}.reference-order-brand h1,.social-ref-heading h1{margin:4px 0 5px!important;font-size:30px!important;line-height:1.3!important}.reference-order-brand p,.social-ref-heading p{margin:0;color:var(--gm-muted);line-height:1.65}

.reference-order-form,.social-reference-order{display:grid!important;gap:14px!important}.reference-order-form label,.social-reference-order label,.social-filter-panel label{display:grid!important;gap:7px!important;font-weight:700!important}.reference-order-form input,.reference-order-form select,.social-reference-order input,.social-reference-order select,.social-filter-panel input,.social-filter-panel select{width:100%!important;min-width:0!important;min-height:48px!important;padding:12px 14px!important;border-radius:11px!important;border:1px solid var(--gm-border)!important;background:#090c0a!important;color:var(--gm-text)!important;outline:none!important}.reference-order-form input:focus,.reference-order-form select:focus,.social-reference-order input:focus,.social-filter-panel input:focus,.social-filter-panel select:focus{border-color:var(--gm-accent)!important;box-shadow:0 0 0 3px #98ff0018!important}.reference-single-service{display:grid;gap:5px;padding:14px;border:1px solid var(--gm-border);border-radius:12px;background:#ffffff05}.reference-single-service small{color:var(--gm-muted)}.reference-price-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:14px!important;padding:15px!important;border:1px solid var(--gm-border)!important;border-radius:12px!important;background:#ffffff05!important}.reference-price-row span{color:var(--gm-muted)}.reference-price-row strong{font-size:21px!important;color:var(--gm-accent)!important}.reference-confirm-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:50px!important;border:0!important;border-radius:11px!important;background:var(--gm-accent)!important;color:#071006!important;font-weight:900!important;font-size:15px!important;text-decoration:none!important}.reference-confirm-btn:disabled{opacity:.45!important;cursor:not-allowed!important}.balance-note{display:block;text-align:center;color:var(--gm-muted)}

.social-filter-panel{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-bottom:16px!important}.social-filter-panel label:first-child,.social-filter-panel label:last-child{grid-column:1/-1!important}.social-service-preview{margin:8px 0 18px!important;padding:17px!important;border:1px solid var(--gm-border)!important;border-radius:14px!important;background:#ffffff05!important}.social-service-preview:empty{display:none!important}.social-service-preview h2{margin:4px 0 6px!important;font-size:20px!important;line-height:1.45!important}.social-service-preview p{margin:0!important;color:var(--gm-muted)!important;font-size:13px!important;overflow-wrap:anywhere}.social-service-preview small{color:var(--gm-accent)!important;font-weight:800!important}.social-service-facts{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:14px!important}.social-service-facts span{padding:7px 9px!important;border-radius:9px!important;border:1px solid var(--gm-border)!important;font-size:12px!important;color:var(--gm-muted)!important}.social-reference-order{padding-top:18px!important;border-top:1px solid var(--gm-border)!important}

@media(max-width:760px){.gm-main-cards{grid-template-columns:1fr}.gm-main-card{padding:20px}.store-section-head{grid-template-columns:1fr}.store-search{width:100%}.reference-app-grid,.reference-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.reference-app-card,.reference-social-card{padding:8px!important}.reference-app-image,.reference-social-logo{height:112px!important;min-height:112px!important;max-height:112px!important}.reference-social-logo{padding:17px!important}.reference-app-card h3,.reference-social-card h3{font-size:13px!important;min-height:38px!important}.reference-order-card,.social-reference-card{padding:16px!important}.reference-order-brand,.social-ref-heading{align-items:flex-start!important}.reference-order-logo,.social-ref-heading>img{width:74px!important;height:74px!important;min-width:74px!important;max-width:74px!important;min-height:74px!important;max-height:74px!important;flex-basis:74px!important}.reference-order-brand h1,.social-ref-heading h1{font-size:23px!important}.social-filter-panel{grid-template-columns:1fr!important}.social-filter-panel label:first-child,.social-filter-panel label:last-child{grid-column:auto!important}}
@media(max-width:390px){.reference-app-grid,.reference-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.reference-app-image,.reference-social-logo{height:96px!important;min-height:96px!important;max-height:96px!important}.reference-app-card h3,.reference-social-card h3{font-size:12px!important}}

/* v3: compact searchable service picker (avoids huge native dropdowns on laptops) */
.social-picker-label{position:relative!important}.social-service-picker{position:relative;width:100%}.social-service-button{width:100%;min-height:46px;border:1px solid var(--border);background:#090c0a;color:var(--text);border-radius:12px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:right;cursor:pointer}.social-service-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-service-button small{direction:ltr;color:var(--neon);flex:0 0 auto}.social-service-menu{position:absolute;z-index:120;top:calc(100% + 7px);right:0;left:0;max-height:min(340px,52vh);overflow-y:auto;overscroll-behavior:contain;background:#0b0f0c;border:1px solid #334037;border-radius:14px;box-shadow:0 18px 45px #000b;padding:7px}.social-menu-group{position:sticky;top:-7px;z-index:2;background:#151b16;color:var(--neon);font-weight:800;padding:9px 10px;margin:0 0 5px;border-radius:8px}.social-menu-item{width:100%;border:0;border-bottom:1px solid #202a22;background:transparent;color:#eef5ef;padding:11px 9px;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right;cursor:pointer}.social-menu-item:last-child{border-bottom:0}.social-menu-item:hover{background:#182019}.social-menu-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.45}.social-menu-item small{direction:ltr;color:#9cff57;white-space:nowrap}.social-menu-empty{padding:18px;text-align:center;color:var(--muted)}
@media(max-width:700px){.social-service-menu{max-height:45vh}.social-service-button{font-size:14px}}

/* v4: compact searchable service dropdown */
.social-reference-card{overflow:visible!important}
.social-filter-panel{position:relative!important;z-index:20!important}
.social-picker-label{position:relative!important;z-index:30!important}
.social-service-picker{position:relative!important}
.social-service-menu{
  position:absolute!important;top:calc(100% + 6px)!important;right:0!important;left:0!important;
  z-index:9999!important;max-height:290px!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;
  scrollbar-width:thin!important;scrollbar-color:#66746b #111713!important;
}
.social-service-menu::-webkit-scrollbar{width:9px}.social-service-menu::-webkit-scrollbar-track{background:#111713;border-radius:9px}.social-service-menu::-webkit-scrollbar-thumb{background:#66746b;border-radius:9px;border:2px solid #111713}
.social-menu-item{justify-content:flex-start!important;align-items:flex-start!important;gap:9px!important;padding:10px!important}
.social-menu-item .service-number,.social-service-button .service-number{order:0!important;direction:ltr!important;color:var(--neon)!important;font-weight:900!important;white-space:nowrap!important;flex:0 0 auto!important}
.social-menu-item span,.social-service-button span{order:1!important;min-width:0!important;line-height:1.4!important}
.social-service-button{justify-content:flex-start!important;overflow:hidden!important}
.preview-service-id{display:block!important;color:var(--neon)!important;font-size:14px!important;font-weight:900!important;direction:ltr!important;text-align:right!important;margin-bottom:5px!important}
.service-description{white-space:pre-wrap!important;line-height:1.75!important;color:#d8e0da!important;margin:9px 0!important;padding:10px 12px!important;border-radius:10px!important;background:#ffffff06!important;border:1px solid #ffffff0d!important}
.service-category{color:var(--gm-muted)!important;font-size:13px!important}
@media(min-width:900px){.social-service-menu{max-height:260px!important}.social-reference-card{overflow:visible!important}}
@media(max-width:700px){.social-service-menu{max-height:42vh!important}}

/* v6: native service dropdown + private supplier controls */
.social-native-select-label{grid-column:1/-1!important}.social-native-select{display:block!important;width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 13px!important;line-height:48px!important;overflow:hidden!important;font-size:14px!important}.social-native-select option,.social-native-select optgroup{font-size:14px!important}.provider-admin-box{margin:10px 0!important;padding:11px 13px!important;border:1px solid var(--gm-border)!important;border-radius:10px!important;background:#ffffff05!important;line-height:1.7!important}.provider-error{margin-top:6px!important;padding:8px 10px!important;border-radius:8px!important;background:#ff4d4d12!important;overflow-wrap:anywhere!important}.admin-order-actions{display:grid!important;gap:9px!important;min-width:min(100%,330px)!important}.manual-reject-form{display:grid!important;gap:8px!important;padding-top:9px!important;border-top:1px solid var(--gm-border)!important}.manual-reject-form textarea{width:100%!important;min-height:72px!important;resize:vertical!important}.btn.danger{background:#b52c2c!important;color:#fff!important;border-color:#b52c2c!important}
@media(max-width:900px){.social-native-select{font-size:13px!important}.admin-order-actions{min-width:0!important;width:100%!important}}