/* Yönetici ve şoför kabuğu sahnesi — .rk-* (rol anahtarı, iki telefon, kilit şeridi, rozetler) */
.rk{display:flex;flex-direction:column;align-items:center;gap:16px;padding:4px 0 8px;min-width:0}

/* segmented rol anahtarı */
.rk-seg{position:relative;display:grid;grid-template-columns:1fr 1fr;width:260px;max-width:100%;padding:4px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.rk-seg::before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:#34d399;transition:transform .45s cubic-bezier(.4,0,.2,1)}
.rk.sofor .rk-seg::before{transform:translateX(100%)}
.rk-seg button{position:relative;z-index:1;border:0;background:transparent;font:inherit;font-size:14px;font-weight:800;padding:9px 0;border-radius:999px;color:rgba(214,235,224,.7);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:color .3s}
.rk-seg button svg{opacity:.8}
.rk.yonetici .rk-seg button:first-child,.rk.sofor .rk-seg button:last-child{color:#05130c}

/* iki telefon */
.rk-stage{width:100%;display:flex;justify-content:center;height:412px;overflow:visible}
.rk-phones{display:flex;gap:28px;align-items:flex-start;transform:scale(.9);transform-origin:top center}
.rk-ph{position:relative;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s,filter .5s}
.rk-ph.dim{transform:scale(.92);opacity:.5;filter:saturate(.7)}
.rk-ph .fph{box-shadow:0 0 0 1.5px #3a403d inset,0 0 0 1px #000,0 30px 60px rgba(0,0,0,.45);transition:box-shadow .5s}
.rk-ph:not(.dim) .fph{box-shadow:0 0 0 1.5px #3a403d inset,0 0 0 1px #000,0 0 0 3px rgba(52,211,153,.35),0 30px 60px rgba(0,0,0,.55)}
.rk-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:800;letter-spacing:.04em;padding:4px 10px;border-radius:999px;background:#34d399;color:#05130c;white-space:nowrap;z-index:6;transition:opacity .4s}
.rk-ph.dim .rk-tag{opacity:0}

/* telefon içi: avatar, ciro kartı, alt sekme çubuğu */
.rk-av{width:24px;height:24px;border-radius:50%;background:#ddf3ea;color:#1f7a57;font-size:9px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.rk-ph .fph-stat b{font-size:19px}
.rk-money{display:flex;justify-content:space-between;align-items:center}
.rk-money small{display:block;font-size:9px;opacity:.7}
.rk-money b{font-size:13px}
.rk-tabs{margin-top:auto;margin-bottom:8px;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-radius:14px 14px 0 0;padding:8px 2px 10px;margin-left:-11px;margin-right:-11px;border-top:1px solid #e4eae6}
.rk-tabs span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:7.5px;font-weight:700;color:#8a9a91}
.rk-tabs span.on{color:#1f7a57}
.rk-tabs svg{width:15px;height:15px}

/* kilit şeridi + rozetler */
.rk-foot{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.rk-locks{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.rk-locks>b{font-size:12.5px;font-weight:800;color:rgba(214,235,224,.75);white-space:nowrap;min-width:150px}
.rk-locks>b span{display:none}
.rk.sofor .rk-locks>b .s,.rk.yonetici .rk-locks>b .y{display:inline}
.rk-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:999px;background:rgba(52,211,153,.14);color:#6ee7b7;transition:background .4s,color .4s,transform .4s}
.rk-chip svg{width:12px;height:12px}
.rk-chip .l{display:none}
.rk.sofor .rk-chip{background:rgba(245,165,36,.16);color:#f5a524;text-decoration:line-through;text-decoration-color:rgba(245,165,36,.6)}
.rk.sofor .rk-chip .l{display:inline}.rk.sofor .rk-chip .c{display:none}
.rk-badges{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:rgba(214,235,224,.7);white-space:nowrap;margin-left:auto}
.rk-badges span{display:inline-flex;align-items:center;gap:4px}
.rk-badges svg{width:12px;height:12px;opacity:.8}
.rk-badges i{font-style:normal;opacity:.4}

@media (max-width:600px){
 .rk-phones{gap:14px;transform:scale(.7)}
 .rk-stage{height:324px}
 .rk-foot{justify-content:center}
 .rk-badges{margin-left:0}
 .rk-locks{justify-content:center}
 .rk-locks>b{min-width:0;width:100%;text-align:center}
}
@media (max-width:380px){
 .rk-phones{transform:scale(.66)}
 .rk-stage{height:306px}
}
@media (prefers-reduced-motion:reduce){
 .rk-seg::before,.rk-ph,.rk-tag,.rk-chip,.rk-ph .fph{transition:none}
}