/* ── Toast ── */
.pg-toast{position:fixed;bottom:20px;left:20px;z-index:99999;padding:10px 20px;border-radius:10px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;box-shadow:0 4px 16px rgba(0,0,0,.15);opacity:0;transform:translateY(10px);transition:all .3s;pointer-events:none}
.pg-toast-show{opacity:1;transform:translateY(0)}
.pg-toast-info{background:#1a2e3a;color:#fff}
.pg-toast-ok{background:#38a169;color:#fff}
.pg-toast-error{background:#e53e3e;color:#fff}

/* ── Modal ── */
#pgModalBox{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99998;align-items:center;justify-content:center}
.pg-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}
.pg-modal-content{position:relative;background:#fff;border-radius:14px;padding:28px 32px;max-width:420px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.25);font-family:'Montserrat',sans-serif;max-height:80vh;overflow-y:auto}
.pg-modal-content h3{margin:0 0 4px;font-size:18px;color:#1a2e3a}
.pg-modal-sub{margin:0 0 16px;color:#718096;font-size:13px}
.pg-modal-content label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#4a5568;margin:12px 0 4px}
.pg-modal-content input[type="password"],.pg-modal-content input[type="text"],.pg-modal-content input[type="url"],.pg-modal-content input[type="file"],.pg-modal-content textarea,.pg-modal-content select{width:100%;padding:10px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:'Montserrat',sans-serif;box-sizing:border-box;transition:border-color .2s}
.pg-modal-content input:focus,.pg-modal-content textarea:focus{outline:none;border-color:#0cc0df}
.pg-modal-btns{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}
.pg-btn-cancel{padding:8px 18px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;cursor:pointer;font-weight:600;font-size:13px;font-family:'Montserrat',sans-serif}
.pg-btn-save{padding:8px 18px;border:none;border-radius:8px;background:#0cc0df;color:#fff;cursor:pointer;font-weight:600;font-size:13px;font-family:'Montserrat',sans-serif}
.pg-btn-save:hover{background:#0aa8c4}
.pg-btn-danger{padding:8px 18px;border:none;border-radius:8px;background:#e53e3e;color:#fff;cursor:pointer;font-weight:600;font-size:13px;font-family:'Montserrat',sans-serif}
.pg-msg-err{color:#e53e3e;font-size:12px;font-weight:600;display:block;margin-top:8px}
.pg-msg-ok{color:#38a169;font-size:12px;font-weight:600;display:block;margin-top:8px}
.pg-msg-info{color:#3182ce;font-size:12px;font-weight:600;display:block;margin-top:8px}

/* ── Admin buttons ── */
.pg-admin-btn{position:fixed;bottom:20px;right:20px;z-index:9999;padding:10px 20px;border-radius:24px;border:1.5px solid #e4edf1;background:#fff;color:#4a5568;cursor:pointer;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:600;box-shadow:0 2px 12px rgba(0,0,0,.12);transition:all .3s}
.pg-admin-btn:hover{border-color:#0cc0df;color:#0cc0df}
.pg-admin-btn.pg-logged-in{background:#0cc0df;color:#fff;border-color:#0cc0df}
.pg-settings-btn{display:none;position:fixed;bottom:20px;right:140px;z-index:9999;padding:10px 20px;border-radius:24px;border:1.5px solid #e4edf1;background:#fff;color:#4a5568;cursor:pointer;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:600;box-shadow:0 2px 12px rgba(0,0,0,.12);transition:all .3s}
.pg-settings-btn:hover{border-color:#0cc0df;color:#0cc0df}

/* ── Sync button ── */
.pg-sync-btn{position:fixed;bottom:20px;left:20px;z-index:9999;padding:10px 20px;border-radius:24px;border:1.5px solid #e4edf1;background:#fff;color:#4a5568;cursor:pointer;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:600;box-shadow:0 2px 12px rgba(0,0,0,.12);transition:all .3s}
.pg-sync-btn:hover{border-color:#0cc0df;color:#0cc0df}
.pg-sync-saving{background:#0cc0df;color:#fff;border-color:#0cc0df;animation:pgPulse 1s infinite}
.pg-sync-ok{background:#38a169;color:#fff;border-color:#38a169}
.pg-sync-error{background:#e53e3e;color:#fff;border-color:#e53e3e}
@keyframes pgPulse{0%,100%{opacity:1}50%{opacity:.7}}

/* ── Editable highlight ── */
[contenteditable="true"]{outline:2px dashed rgba(12,192,223,.4);outline-offset:2px;transition:outline-color .2s;min-height:1em}
[contenteditable="true"]:focus{outline-color:#0cc0df}

/* ── Photo edit buttons ── */
.pg-photo-edit,.gc-photo-edit{display:none;position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:14px;z-index:10;transition:background .2s}
.pg-photo-edit:hover,.gc-photo-edit:hover{background:rgba(12,192,223,.9)}

/* ── Lazy image placeholder ── */
img.pg-lazy-img[src=""],
img.pg-lazy-img:not([src]) {
  background: linear-gradient(135deg, #f0eeeb 0%, #e4e0db 50%, #f0eeeb 100%);
  background-size: 200% 100%;
  animation: pg-shimmer 1.5s ease-in-out infinite;
  min-height: 200px;
  object-fit: cover;
  border-radius: inherit;
}
img.pg-lazy-img {
  transition: opacity .3s ease;
}
@keyframes pg-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}