/* =====================================================================
   OY-OY-OYNAYALIM · Pano (Instagram tarzı gönderi + kampanya)
   ===================================================================== */
.pano-feed{display:flex;flex-direction:column;gap:16px;max-width:520px;margin:0 auto}
.pp{background:#fff;color:#1b1633;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px -10px rgba(20,12,60,.35),0 0 0 1px rgba(20,12,60,.06);text-align:left}
.pp-head{display:flex;align-items:center;gap:10px;padding:10px 12px}
.pp-av{width:38px;height:38px;border-radius:50%;flex:none;padding:2px;background:conic-gradient(#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75);display:grid;place-items:center}
.pp-av img,.pp-av b{width:100%;height:100%;border-radius:50%;border:2px solid #fff;background:#fff;object-fit:contain;display:grid;place-items:center;font-size:15px;color:#5b4be6;box-sizing:border-box}
.pp-who{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1}
.pp-who b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-who small{font-size:12px;color:#8a86a3}
.pp-tag{font-size:10.5px;font-weight:900;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#f56040,#d62976);border-radius:999px;padding:4px 9px}
.pp-del{border:0;border-radius:9px;background:#fdecea;color:#b3261e;font-weight:800;font-size:12px;padding:6px 10px;cursor:pointer;margin:0;width:auto}
.pp-media{background:#0d0a1f;display:grid;place-items:center;max-height:560px;overflow:hidden}
.pp-media img,.pp-media video{width:100%;max-height:560px;object-fit:cover;display:block}
.pp-media video{object-fit:contain;background:#000}
.pp-poster{aspect-ratio:4/3;background:radial-gradient(120% 90% at 10% 0%,#ff9a5a 0%,transparent 55%),linear-gradient(135deg,#d62976,#5b4be6);color:#fff;text-align:center;padding:20px}
.pp-poster small{display:block;font-weight:900;letter-spacing:.35em;font-size:12px;opacity:.85}
.pp-poster strong{display:block;font-size:clamp(34px,11vw,58px);line-height:1.05;font-weight:900;margin:8px 0;text-shadow:0 4px 18px rgba(0,0,0,.25)}
.pp-poster span{display:block;font-size:18px;font-weight:800}
.pp-camp{margin:10px 12px 0;border-radius:14px;padding:10px 12px;background:linear-gradient(135deg,#fff4ec,#ffe9f1);border:1px solid #ffd3c2;display:grid;gap:4px}
.pp-camp-label{font-weight:900;font-size:16px;color:#c2410c}
.pp-camp-when{font-size:13px;font-weight:700;color:#4a4566}
.pp-camp-status{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:900;color:#8a86a3}
.pp-camp-status i{width:9px;height:9px;border-radius:50%;background:#b8b4c8;flex:none}
.pp-camp.active .pp-camp-status{color:#15803d}
.pp-camp.active .pp-camp-status i{background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:ppLive 1.6s infinite}
.pp-camp.upcoming .pp-camp-status{color:#b45309}
.pp-camp.upcoming .pp-camp-status i{background:#f59e0b}
.pp-camp.ended{filter:grayscale(1);opacity:.7}
@keyframes ppLive{70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.pp-actions{display:flex;gap:4px;padding:8px 8px 0}
.pp-actions button{border:0;background:transparent;font-size:22px;line-height:1;padding:4px 6px;cursor:pointer;color:#1b1633;width:auto;margin:0;box-shadow:none}
.pp-like.on{animation:ppPop .3s}
@keyframes ppPop{50%{transform:scale(1.3)}}
.pp-text{padding:8px 14px 14px}
.pp-title{display:block;font-size:15px;margin-bottom:3px}
.pp-body{margin:0;font-size:14px;line-height:1.45;white-space:pre-wrap;color:#2c2745}
.pp-body.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pp-more{border:0;background:transparent;color:#8a86a3;font-weight:700;padding:2px 0;cursor:pointer;font-size:13px;width:auto;margin:0;box-shadow:none}
.pp.flash{animation:ppFlash 1.6s ease-out}
@keyframes ppFlash{0%{box-shadow:0 0 0 4px #f59e0b}100%{box-shadow:0 8px 24px -10px rgba(20,12,60,.35),0 0 0 1px rgba(20,12,60,.06)}}
@media (prefers-reduced-motion:reduce){.pp-camp.active .pp-camp-status i,.pp.flash,.pp-like.on{animation:none}}

/* Bildirim paneli (üst zil) */
.notif-sheet h3{margin:14px 0 6px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#8a86a3}
.notif-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-radius:14px;padding:10px 12px;margin:0 0 6px;background:#f5f3fd;color:#1b1633;cursor:pointer;font:inherit}
.notif-item .ni-ico{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:#fff;flex:none;overflow:hidden}
.notif-item .ni-ico img{width:100%;height:100%;object-fit:cover}
.notif-item .ni-txt{min-width:0;flex:1}
.notif-item .ni-txt b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notif-item .ni-txt small{display:block;font-size:12px;color:#6b6785;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notif-item.new{background:#fff4e5}
.notif-item.new .ni-txt b::after{content:'YENİ';margin-left:6px;font-size:9.5px;font-weight:900;color:#fff;background:#f97316;border-radius:6px;padding:2px 5px;vertical-align:2px}
.notif-item .ni-go{color:#8a86a3;font-weight:900}

/* Kampanya hatırlatma */
.camp-remind .pp{box-shadow:none;border:1px solid #eee}
.camp-remind .cr-go{width:100%;margin-top:12px}

/* Admin: gönderi editörü */
.pano-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:18px;align-items:start}
@media (max-width:900px){.pano-editor{grid-template-columns:1fr}}
.pe-kind{display:flex;gap:6px;margin-bottom:10px}
.pe-kind button{flex:1;margin:0;background:#f3f1fa;color:#3a3358;box-shadow:none;border:2px solid transparent}
.pe-kind button.on{border-color:#5b4be6;background:#ebe8ff;color:#2d2280}
.pe-media{display:flex;align-items:center;gap:10px;border:2px dashed #d9d4ee;border-radius:14px;padding:12px;cursor:pointer;margin-top:4px}
.pe-media input{display:none}
.pe-media span{font-weight:700;color:#5b4be6}
.pe-media small{color:#8a86a3;display:block}
.pe-camp{border-top:1px solid #eee;margin-top:12px;padding-top:6px}
.pe-presets{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}
.pe-presets button{margin:0;padding:7px 11px;font-size:12.5px;background:#fff4ec;color:#c2410c;box-shadow:none;border:1px solid #ffd3c2;width:auto}
.pe-days{display:flex;gap:5px;flex-wrap:wrap}
.pe-days button{margin:0;width:46px;padding:9px 0;font-size:12.5px;background:#f3f1fa;color:#3a3358;box-shadow:none;border:2px solid transparent}
.pe-days button.on{background:#5b4be6;color:#fff}
.pe-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pe-hint{font-size:12px;color:#8a86a3;margin:4px 0 0}
.pe-preview{position:sticky;top:12px}
.pe-preview h3{margin:0 0 8px;font-size:14px;color:#6b6785}
.pano-admin-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:14px}
.win-badge.hidden{display:none}

/* Üstteki bildirim şeridi: Pano başlığı */
.pano-ticker{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 10px;border:0;border-radius:16px;padding:9px 12px;cursor:pointer;text-align:left;font:inherit;
  background:linear-gradient(135deg,#fff7ed,#ffe4ef);color:#3b1d2e;box-shadow:0 6px 16px -8px rgba(214,41,118,.45);border:1px solid #ffd3c2}
.pano-ticker.hidden{display:none}
.pano-ticker .pt-ico{font-size:22px;flex:none}
.pano-ticker .pt-txt{min-width:0;flex:1;line-height:1.2}
.pano-ticker small{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;color:#c2410c;text-transform:uppercase}
.pano-ticker b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pano-ticker .pt-go{flex:none;font-size:12px;font-weight:900;color:#d62976}
.pano-ticker.live{background:linear-gradient(135deg,#ecfdf5,#fff7ed);border-color:#a7f3d0}
.pano-ticker.live small{color:#15803d}