/* CentralRP Phone v1.8.0 */
.phone-wrap{--bg-soft:rgba(255,255,255,.075)}
.phone-wrap[data-theme="light"]{--bg-soft:rgba(25,55,88,.08)}

/* The phone remains at its normal position while the scripted camera is active;
   the game world stays visible around it in rear and selfie modes. */
.phone-wrap.open.camera-live,
.phone-wrap.open.camera-live.camera-landscape{
  top:auto!important;
  right:2.1vw!important;
  bottom:2.2vh!important;
  transform:translateY(0) scale(var(--phone-scale))!important;
  transform-origin:bottom right!important;
  box-shadow:0 22px 58px rgba(0,0,0,.48)!important;
}

/* Official YouTube playback with all interaction routed through CentralRP's
   controls. The top mask removes Google's Share/title chrome from this UI. */
.youtube180{display:grid;gap:9px;padding:8px;border:1px solid var(--border);border-radius:15px;background:var(--bg-card);overflow:hidden}
.youtube-stage180{position:relative;aspect-ratio:16/9;border-radius:11px;background:#000;overflow:hidden}
.youtube-stage180>div:first-child,.youtube-stage180 iframe{width:100%!important;height:100%!important;border:0!important}
.youtube-chrome-mask180{position:absolute;z-index:5;left:0;right:0;top:0;height:34px;background:linear-gradient(180deg,rgba(0,0,0,.98),rgba(0,0,0,.72) 70%,transparent);pointer-events:none}
.youtube-guard180{position:absolute;z-index:4;inset:0;display:grid;place-items:center;padding:20px;text-align:center;background:transparent;pointer-events:auto}
.youtube-stage180.error iframe{visibility:hidden!important}
.youtube-stage180.error .youtube-guard180{z-index:7;background:linear-gradient(145deg,#111c2a,#05080d);color:#fff}
.youtube180.audio-only .youtube-guard180{background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.62)),var(--media-cover),linear-gradient(145deg,#203853,#070c13);background-size:cover;background-position:center}
.youtube180.audio-only .youtube-chrome-mask180{display:none}

.media-controls180{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.media-controls180 button{height:38px;border:0;border-radius:11px;background:var(--bg-soft);color:var(--text);font-size:13px;font-weight:850;cursor:pointer}
.media-controls180 button:nth-child(3){background:var(--cr-blue);color:#fff;font-size:17px}
.media-actions180{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.media-actions180:has(>button:only-child){grid-template-columns:1fr}
.media-actions180 button{width:100%;margin:0!important}

.direct-media180{display:grid;gap:9px;border:1px solid var(--border);border-radius:15px;background:var(--bg-card);padding:8px;overflow:hidden}
.direct-media180 video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:10px;background:#000}
.direct-media180 audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.direct-cover180{display:block;width:100%;aspect-ratio:1;max-height:245px;object-fit:cover;border-radius:11px;background:#07101b}

.phone-wrap.media-landscape .youtube180,
.phone-wrap.media-landscape .direct-media180.video{position:absolute!important;inset:0!important;z-index:190!important;border:0!important;border-radius:0!important;padding:0!important;background:#000!important}
.phone-wrap.media-landscape .youtube-stage180,
.phone-wrap.media-landscape .direct-media180 video{width:100%!important;height:100%!important;aspect-ratio:auto!important;border-radius:0!important}
.phone-wrap.media-landscape .media-controls180{position:absolute;z-index:194;left:50%;bottom:18px;width:min(520px,82%);transform:translateX(-50%);padding:8px;border-radius:14px;background:rgba(0,0,0,.58)}
.phone-wrap.media-landscape .media-actions180{position:absolute;z-index:195;right:14px;top:14px;width:170px}

/* Full-height native-style system screens; avoids the duplicate Telefon/Zprávy
   header that the generic application shell added. */
.system-app180{position:relative;height:100%!important;padding:0!important;overflow:hidden!important;background:var(--app-bg,transparent)}
.system-app180 .dial179{height:calc(100% - 72px)!important}
.system-app180 .recent179,.system-app180 .contacts179{height:calc(100% - 174px);overflow:auto!important}
.system-app180 .message-inbox179{height:calc(100% - 100px);overflow:auto!important;padding-bottom:78px}
.message-search180{display:none;padding:0 12px 8px}
.message-search180.active{display:block}
.message-search180 .input{width:100%}
.message-compose180{display:grid;gap:9px;margin:10px 13px;padding:13px}
.message-compose180 label{font-size:11px;font-weight:750;color:var(--muted)}
.message-compose180 textarea{min-height:130px;resize:none;line-height:1.4}

@media(max-height:900px){
  .phone-wrap.open.camera-live,.phone-wrap.open.camera-live.camera-landscape{right:1.6vw!important;bottom:1.7vh!important}
  .youtube-chrome-mask180{height:29px}
  .media-controls180 button{height:34px}
}