/* ═══ Feature: guest-popup — popup content styles ═══ */
/* Depends on: scge-core.css (modal system, buttons) */

.scge-app .sg-popup-close { position: absolute; top: 14px; right: 14px; background: var(--scge-bg) !important; border: 1px solid var(--scge-border) !important; width: 36px !important; height: 36px; border-radius: 50% !important; display: flex !important; align-items: center; justify-content: center; font-size: 1.2rem !important; color: var(--scge-muted) !important; cursor: pointer; z-index: 10; transition: all var(--scge-tr-fast); }
.scge-app .sg-popup-close:hover { background: var(--scge-accent) !important; color: #fff !important; border-color: var(--scge-accent) !important; }
.scge-app .sg-popup-head { display: flex !important; align-items: center; gap: 16px; margin-bottom: 16px; }
.scge-app .sg-popup-img { width: 80px !important; height: 80px; border-radius: 50% !important; object-fit: cover; flex-shrink: 0; box-shadow: 0 4px 16px rgba(0,0,0,.1) !important; }
.scge-app .sg-popup-head h2 { font-size: 1.3rem !important; font-weight: 800 !important; margin: 0 0 3px; }
.scge-app .sg-popup-title { font-size: .88rem !important; color: var(--scge-accent) !important; margin: 0; font-weight: 600 !important; }
.scge-app .sg-popup-bio { font-size: .88rem !important; line-height: 1.6; color: var(--scge-muted) !important; margin-bottom: 16px; }
.scge-app .sg-popup-tabs { display: flex !important; gap: 2px; border-bottom: 1px solid var(--scge-border) !important; margin-bottom: 16px; }
.scge-app .sg-popup-tab { background: none !important; border: none !important; padding: 10px 14px !important; font-size: .82rem !important; font-weight: 600 !important; color: var(--scge-muted) !important; cursor: pointer; position: relative; font-family: inherit !important; }
.scge-app .sg-popup-tab::after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 2px; background: var(--scge-accent) !important; transform: scaleX(0); transition: transform var(--scge-tr-fast); }
.scge-app .sg-popup-tab.is-active { color: var(--scge-accent) !important; }
.scge-app .sg-popup-tab.is-active::after { transform: scaleX(1); }
.scge-app .sg-popup-panel { display: none !important; }
.scge-app .sg-popup-panel.is-active { display: block !important; }
.scge-app .sg-popup-eps { display: flex !important; flex-direction: column; gap: 8px; }
.scge-app .sg-popup-ep { display: flex !important; align-items: center; gap: 10px; padding: 8px !important; background: var(--scge-bg) !important; border-radius: 10px !important; transition: background var(--scge-tr-fast); }
.scge-app .sg-popup-ep:hover { background: rgba(233,69,96,.05) !important; }
.scge-app .sg-popup-ep img { width: 80px !important; aspect-ratio: 16/9; object-fit: cover; border-radius: 6px !important; flex-shrink: 0; }
.scge-app .sg-popup-ep-info { flex: 1; min-width: 0 !important; }
.scge-app .sg-popup-ep-info strong { font-size: .82rem !important; display: block !important; margin-bottom: 2px; }
.scge-app .sg-popup-ep-info span { font-size: .72rem !important; color: var(--scge-muted) !important; }
.scge-app .sg-popup-trigger { display: inline-block !important; padding: 10px 20px !important; border-radius: 10px !important; background: var(--scge-accent) !important; color: #fff !important; border: none !important; cursor: pointer; font-weight: 600 !important; font-size: .88rem !important; transition: all var(--scge-tr-fast); font-family: inherit !important; text-decoration: none !important; text-align: center; }
.scge-app .sg-popup-trigger:hover { background: #d63050 !important; }