/* Gosscard — nabídka zdroje fotky (js/gosscard-photo-source.js). Spodní sheet nad vším ostatním; jedna instance v , sdílí tokeny s .gc-mtg-sheet. Ukazuje se jen na dotykových zařízeních, proto neřeší hover stavy pro myš. */ .gc-photosrc-backdrop { position: fixed; inset: 0; /* Nad jQuery UI dialogy (10000+), spodním sheetem setkání (10050) i lištou PWA. */ z-index: 100050; background: rgba(0, 0, 0, .45); display: flex; align-items: flex-end; justify-content: center; } .gc-photosrc-backdrop[hidden] { display: none; } .gc-photosrc { width: 100%; max-width: 480px; box-sizing: border-box; background: var(--gc-surface, #fff); border-radius: var(--gc-radius-lg, 16px) var(--gc-radius-lg, 16px) 0 0; /* --gc-safe-bottom: ať poslední tlačítko nekončí pod indikátorem gest (iOS) ani pod spodní lištou Androidu v nativní appce (gosscard-theme.css). */ padding: 10px 12px calc(12px + var(--gc-safe-bottom, 0px)); box-shadow: var(--gc-shadow-sheet, 0 -8px 30px rgba(0, 0, 0, .22)); font-family: var(--gc-font, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif); animation: gcPhotoSrcUp .2s ease-out; } @keyframes gcPhotoSrcUp { from { transform: translateY(20px); opacity: .5; } to { transform: translateY(0); opacity: 1; } } .gc-photosrc__grip { width: 40px; height: 4px; border-radius: 2px; background: var(--gc-border, #e2e8f0); margin: 0 auto 10px; } .gc-photosrc__btn { display: flex; align-items: center; gap: 14px; width: 100%; box-sizing: border-box; /* 52 px výšky = pohodlný cíl palcem i na malém displeji. */ padding: 15px 14px; border: 0; background: transparent; border-radius: var(--gc-radius, 12px); font-family: inherit; font-size: 16px; font-weight: 600; color: var(--gc-text, #1a202c); text-align: left; cursor: pointer; } .gc-photosrc__btn:active { background: var(--gc-primary-soft, #eff6ff); } .gc-photosrc__btn:focus-visible { outline: none; box-shadow: var(--gc-focus-ring, 0 0 0 3px rgba(0, 123, 255, .3)); } .gc-photosrc__btn i { width: 26px; text-align: center; font-size: 19px; color: var(--gc-primary, #007bff); } .gc-photosrc__cancel { justify-content: center; margin-top: 6px; border-top: 1px solid var(--gc-border, #e2e8f0); border-radius: 0; font-weight: 500; color: var(--gc-text-muted, #5c6b7f); } /* Dočasné vykreslení skrytého inputu, aby na něj šlo programově kliknout (u