/* ============ TPSSF YAMA — Profil Sistemi Stilleri (v2) ============ */
.apx-badge{background:var(--gold);color:#1a1206;font-size:10.5px;font-weight:700;
  border-radius:9px;padding:1px 7px;margin-left:5px;vertical-align:1px}
#nav-approvals.active .apx-badge{background:#fff}

.apx-btns{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.apx-btns .btn{width:100%}
.gl-foto{width:100%;aspect-ratio:3/4;height:auto;object-fit:cover;object-position:center top;
  border-radius:4px;display:block;border:1px solid var(--line)}
.apx-note{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);
  font-size:11.5px;color:var(--mute);line-height:1.5}

.apx-photo-row{display:flex;align-items:center;gap:12px}
.apx-prev{width:74px;height:92px;border:1.5px dashed var(--line);border-radius:6px;
  display:grid;place-items:center;font-size:10.5px;color:var(--mute);text-align:center;
  overflow:hidden;background:var(--bg);flex-shrink:0}
.apx-prev img{width:100%;height:100%;object-fit:cover}
.apx-kvkk{font-size:11px;color:var(--mute);margin:14px 0 0;line-height:1.5}

.apx-tabs{display:flex;gap:6px;flex-wrap:wrap}
.apx-tabs button{background:#fff;border:1px solid var(--line);border-radius:9px;
  padding:9px 16px;font-size:13.5px;font-weight:500;color:var(--slate)}
.apx-tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}

.apx-claim-card{display:flex;gap:14px;align-items:center;padding:13px 16px;margin-bottom:10px}
.apx-claim-img{width:64px;height:80px;object-fit:cover;border-radius:6px;
  border:1px solid var(--line);background:var(--bg);flex-shrink:0}
.apx-claim-info{flex:1;font-size:13.5px;line-height:1.65}
.apx-claim-acts{display:flex;flex-direction:column;gap:6px;flex-shrink:0}
.apx-wa{color:#16a34a;font-weight:600;border-bottom:1px dotted #16a34a}
.apx-cand{display:flex;gap:14px;align-items:center;padding:13px 16px;margin-bottom:10px}
.apx-cand-main{flex:1;font-size:13.5px;line-height:1.7}
.apx-why{margin-top:4px;font-size:12.5px;color:var(--slate);font-style:italic}

/* v2: canlı sporcu arama açılır kutusu */
.apx-ta{position:fixed;z-index:9999;background:#fff;border:1px solid var(--line);
  border-radius:10px;box-shadow:0 10px 30px rgba(15,20,30,.18);overflow:hidden;
  max-height:290px;overflow-y:auto}
.apx-ta-item{padding:9px 13px;cursor:pointer;display:flex;flex-direction:column;gap:1px;
  border-bottom:1px solid var(--line2, #f0ece4)}
.apx-ta-item:last-child{border-bottom:0}
.apx-ta-item:hover{background:#FBF6EE}
.apx-ta-item b{font-size:13.5px}
.apx-ta-item span{font-size:11.5px;color:var(--slate)}

/* v4: kadraj (crop) ekranı */
.apx-crop-ov{position:fixed;inset:0;background:rgba(10,12,18,.72);z-index:10050;
  display:grid;place-items:center;padding:16px}
.apx-crop-box{background:#fff;border-radius:14px;padding:18px 20px;max-width:340px;width:100%;
  box-shadow:0 24px 60px rgba(0,0,0,.35);text-align:center}
.apx-crop-box h3{margin:0 0 4px;font-family:'Oswald',sans-serif;letter-spacing:.03em;font-size:17px}
.apx-crop-box p{margin:0 0 12px;font-size:12px;color:var(--slate)}
.apx-crop-frame{position:relative;margin:0 auto;overflow:hidden;border-radius:8px;
  background:#0e1116;cursor:grab;touch-action:none;user-select:none;
  outline:2px solid var(--gold);outline-offset:2px}
.apx-crop-frame:active{cursor:grabbing}
.apx-crop-frame img{position:absolute;top:0;left:0;max-width:none;will-change:transform;
  pointer-events:none}
.apx-face-guide{position:absolute;left:50%;top:13%;width:54%;height:46%;
  transform:translateX(-50%);border:2px dashed rgba(255,255,255,.65);border-radius:50%;
  pointer-events:none;box-shadow:0 0 0 2000px rgba(0,0,0,.16)}
.apx-crop-ctl{display:flex;align-items:center;gap:10px;margin:12px 4px 4px}
.apx-crop-ctl span{font-size:18px;color:var(--slate);font-weight:700}
.apx-crop-ctl input[type=range]{flex:1;accent-color:var(--red)}
.apx-crop-btns{display:flex;gap:8px;justify-content:center;margin-top:12px}

@media(max-width:600px){
  .apx-claim-card,.apx-cand{flex-direction:column;align-items:flex-start}
  .apx-claim-acts{flex-direction:row}
}

/* v5: beyan dereceleri */
.apx-decl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.apx-decl-grid input{width:100%;border:1px solid var(--line);border-radius:8px;
  padding:8px 6px;font-size:13px;text-align:center;font-family:inherit}
.apx-decl-hint{margin-top:5px;font-size:10.5px;color:var(--mute)}
.apx-beyan{display:inline-block;background:var(--gold);color:#1a1206;font-size:9px;
  font-weight:700;letter-spacing:.08em;border-radius:8px;padding:2px 8px;
  margin-left:8px;vertical-align:1px;text-transform:uppercase}
.apx-noresult{background:#fff;border:1px solid #eee5d6;border-top:0;padding:16px 18px;
  font-size:13.5px;line-height:1.7;color:var(--slate)}