/* CentralRP Phone v1.8.6 */

/* Media controls use clean YouTube-style vector icons. */
.media-controls180 button,.shade-media-controls-v178 button{display:grid;place-items:center}
.media-controls180 button svg{width:21px;height:21px;fill:currentColor}
.media-controls180 button:nth-child(2) svg,.media-controls180 button:nth-child(4) svg{width:24px;height:24px}
.media-actions180 button{display:flex!important;align-items:center;justify-content:center;gap:7px}
.media-actions180 button svg{width:18px;height:18px;fill:currentColor;flex:0 0 auto}
.media-list-play181{width:34px;height:34px;border-radius:50%;display:grid!important;place-items:center;background:rgba(255,255,255,.12);color:currentColor}
.media-list-play181 svg{width:18px;height:18px;fill:currentColor}
.music-row-v160 .media-list-play181{margin-left:auto}
.ct-thumb .media-list-play181{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.62);color:#fff}

/* Landscape is one coherent physical phone shell. Volume/power/front camera
   follow the same positions they would have after a 90-degree rotation. */
.phone-wrap.open.media-landscape{
  right:50%!important;bottom:4.5vh!important;height:clamp(277px,28.62vh,452px)!important;
  aspect-ratio:19.5/9!important;transform:translateX(50%) scale(var(--phone-scale))!important;
  transform-origin:bottom center!important;opacity:1!important
}
.phone-wrap.media-landscape .front-camera{top:50%!important;left:15px!important;transform:translateY(-50%)!important}
.phone-wrap.media-landscape .volume-up{left:19%!important;right:auto!important;top:auto!important;bottom:-3px!important;width:8%!important;height:5px!important;border-radius:0 0 3px 3px!important}
.phone-wrap.media-landscape .volume-down{left:28%!important;right:auto!important;top:auto!important;bottom:-3px!important;width:8%!important;height:5px!important;border-radius:0 0 3px 3px!important}
.phone-wrap.media-landscape .power-button{left:24%!important;right:auto!important;top:-3px!important;bottom:auto!important;width:13%!important;height:5px!important;border-radius:3px 3px 0 0!important}
.media-actions180 .media-landscape-exit181{display:none!important}
.phone-wrap.media-landscape #mediaLandscape180,.phone-wrap.media-landscape #mediaShare180{display:none!important}
.phone-wrap.media-landscape .media-actions180{position:absolute!important;z-index:230!important;right:12px!important;top:12px!important;width:44px!important;height:44px!important;display:block!important}
.phone-wrap.media-landscape .media-landscape-exit181{display:grid!important;place-items:center;position:absolute;inset:0;width:44px!important;height:44px!important;padding:0!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:50%!important;background:rgba(5,8,12,.76)!important;color:#fff!important;box-shadow:0 5px 18px rgba(0,0,0,.35)!important}
.phone-wrap.media-landscape .media-landscape-exit181 svg{width:22px;height:22px}
.phone-wrap.media-landscape .youtube180,.phone-wrap.media-landscape .direct-media180.video{overflow:hidden!important}
.phone-wrap.media-landscape .youtube-chrome-mask180{display:none!important}

/* Persistent mini player never changes DOM parent, preventing iframe reloads. */
.persistent-media-v178{
  position:fixed!important;left:var(--media-pip-left,auto)!important;right:auto!important;
  top:var(--media-pip-top,-10000px)!important;width:var(--media-pip-width,110px)!important;
  max-height:none!important;z-index:470!important
}
.persistent-media-v178.parked{left:-10000px!important;top:-10000px!important}
.persistent-media-v178 .media-pip-content-v178{overflow:hidden}
.persistent-media-v178 .youtube180,.persistent-media-v178 .direct-media180{padding:0!important;border:0!important;border-radius:0!important;gap:4px!important}
.persistent-media-v178 .youtube-stage180,.persistent-media-v178 .direct-media180 video{width:100%!important;height:auto!important;aspect-ratio:16/9!important;border-radius:0!important;object-fit:cover!important}
.persistent-media-v178 .media-actions180{display:none!important}
.persistent-media-v178 .media-controls180{padding:4px;gap:3px;background:#0a111a}
.persistent-media-v178 .media-controls180 button{height:27px!important;border-radius:7px!important;padding:2px!important}
.persistent-media-v178 .media-controls180 button svg{width:16px;height:16px}
.persistent-media-v178.expanded{
  inset:auto!important;left:var(--media-phone-left)!important;top:var(--media-phone-top)!important;
  width:var(--media-phone-width)!important;height:var(--media-phone-height)!important;max-height:none!important;
  border-radius:15px!important
}
.persistent-media-v178.expanded .media-pip-content-v178{height:calc(100% - 27px)!important}
.persistent-media-v178.expanded .youtube180,.persistent-media-v178.expanded .direct-media180{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto}
.persistent-media-v178.expanded .youtube-stage180,.persistent-media-v178.expanded .direct-media180 video{height:100%!important;aspect-ratio:auto!important;object-fit:contain!important}
.persistent-media-v178.expanded .media-controls180 button{height:38px!important}
.shade-media-controls-v178 button svg{width:23px;height:23px;fill:currentColor}

.offline181{margin:18px 8px;padding:26px 18px;text-align:center;display:grid;justify-items:center;gap:9px}
.offline181>div{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(88,151,231,.14);font-size:28px}
.offline181 strong{font-size:16px}.offline181 p{margin:0 0 8px;color:var(--muted);line-height:1.5}

/* Widget controls are actual controls and remain available outside edit mode. */
.widget-calendar-v152-head button{width:28px;height:28px;border:0;border-radius:50%;background:rgba(90,110,138,.14);color:#667386;font-size:17px;display:grid;place-items:center;cursor:pointer}
.widget-browser-form,.widget-browser-form input,.widget-browser-form button{pointer-events:auto!important}
.widget-browser-form input{cursor:text!important;user-select:text!important;-webkit-user-select:text!important}

/* Samsung-inspired camera. There is deliberately no QR/scan control. */
.camera-overlay.active{pointer-events:none!important;text-shadow:none!important}
.samsung-camera181{position:absolute;inset:0;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.96) 0 76px,transparent 108px 61%,rgba(0,0,0,.92) 70%,#000 100%);font-family:inherit}
.samsung-camera181 button{pointer-events:auto;border:0;color:#fff;cursor:pointer}
.camera-top181{position:absolute;z-index:5;left:14px;right:14px;top:18px;height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.camera-top181 button{position:relative;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.22)}
.camera-top181 button svg{width:22px;height:22px;fill:currentColor}.camera-top181 button small{position:absolute;right:-2px;bottom:0;font-size:7px;font-weight:900;color:#ffd84d}
.camera-top181>span{font-size:12px;font-weight:800;letter-spacing:.04em}.camera-top181>span:nth-of-type(2){color:rgba(255,255,255,.72);font-size:9px}
.camera-reticle181{position:absolute;left:50%;top:42%;width:92px;height:118px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.18);border-radius:9px}
.camera-rec181{position:absolute;z-index:5;top:66px;left:50%;transform:translateX(-50%);padding:5px 9px;border-radius:14px;background:rgba(0,0,0,.58);color:#ff4f5d;font-weight:900;font-size:10px}
.camera-zoom181{position:absolute;z-index:5;left:50%;bottom:184px;transform:translateX(-50%);height:38px;padding:4px;display:flex;align-items:center;gap:2px;border-radius:22px;background:rgba(0,0,0,.48);backdrop-filter:blur(7px)}
.camera-zoom181 button{min-width:31px;height:30px;padding:0 7px;border-radius:16px;background:transparent;font-size:11px;font-weight:800;color:#eee}
.camera-zoom181 button.active{background:rgba(255,255,255,.18);color:#ffe066;font-size:13px}
.camera-actions181{position:absolute;z-index:5;left:24px;right:24px;bottom:91px;height:74px;display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;justify-items:center}
.camera-gallery181,.camera-flip181{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.13);overflow:hidden}
.camera-gallery181 img{width:100%;height:100%;object-fit:cover}.camera-gallery181 svg,.camera-flip181 svg{width:25px;height:25px;fill:currentColor}
.camera-shutter181{width:72px;height:72px;border-radius:50%;padding:5px;background:transparent!important;box-shadow:inset 0 0 0 4px #f7f7f4}
.camera-shutter181 i{display:block;width:100%;height:100%;border-radius:50%;background:#f7f7f4;transition:transform .1s ease}
.camera-shutter181:active i{transform:scale(.88)}
.samsung-camera181.video-mode .camera-shutter181 i{background:#ff384b;transform:scale(.72)}
.camera-modes181{position:absolute;z-index:5;left:5px;right:5px;bottom:48px;height:31px;display:flex;align-items:center;justify-content:center;gap:16px;overflow:hidden}
.camera-modes181 button{height:30px;padding:0 2px;background:transparent;color:rgba(255,255,255,.55);font-size:10px;font-weight:850;white-space:nowrap}
.camera-modes181 button.active{color:#fff;font-size:12px}.camera-modes181 button.active::after{content:"";display:block;width:4px;height:4px;margin:3px auto 0;border-radius:50%;background:#ffd84d}
.camera-look-hint181{position:absolute;left:0;right:0;bottom:20px;text-align:center;font-size:8px;color:rgba(255,255,255,.5)}
.camera-warning181{position:absolute;z-index:8;left:12px;right:12px;bottom:226px;padding:7px;border-radius:9px;background:rgba(180,102,0,.88);font-size:9px;text-align:center}.camera-warning181.video{bottom:252px;background:rgba(160,42,52,.9)}
.phone-wrap.mouse-look181{cursor:none!important}.phone-wrap.mouse-look181 .camera-overlay button{pointer-events:none!important}

@media(max-height:900px){
  .phone-wrap.open.media-landscape{height:clamp(249px,33.23vh,300px)!important}
  .camera-zoom181{bottom:168px}.camera-actions181{bottom:82px}.camera-modes181{bottom:43px}.camera-look-hint181{bottom:16px}
}