.live-staff-full-page{margin:0;min-height:100vh;background:#e9eef2;color:#152530;overflow:hidden}
.live-staff-full-head{height:70px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border-bottom:1px solid #d9e1e6;box-shadow:0 6px 24px rgba(22,38,48,.08)}
.live-staff-full-head>div{display:flex;align-items:center;gap:12px}.live-staff-full-head>div:first-child>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#109f62;color:#fff;font-weight:950;font-size:20px}.live-staff-full-head>div:first-child>div{display:flex;flex-direction:column}.live-staff-full-head strong{font-size:17px}.live-staff-full-head small{color:#74828c;margin-top:2px}.live-staff-full-head b{display:flex;align-items:center;gap:8px;color:#13784c;font-size:12px}.live-staff-full-head b i{width:8px;height:8px;border-radius:50%;background:#22cb7c;box-shadow:0 0 0 4px rgba(34,203,124,.13)}.live-staff-full-head b em{font-style:normal}.live-staff-full-head button{border:1px solid #d7e0e5;border-radius:10px;background:#fff;color:#30434f;padding:9px 13px;font-weight:750;cursor:pointer}.live-staff-full-head button:hover{border-color:#55c892;background:#f2fff9}
.live-staff-full-layout{height:calc(100vh - 70px);padding:16px;display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px;box-sizing:border-box}.live-staff-full-layout .live-staff-directory,.live-staff-full-layout .live-staff-viewer{height:100%;min-height:0}.live-staff-full-layout .live-staff-list{max-height:none;flex:1}.live-staff-full-layout .live-staff-screen{min-height:0;padding:0}.live-staff-full-layout .live-staff-screen img{width:auto;height:auto;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}
.live-staff-full-layout .live-staff-replay{min-width:0;min-height:0}
@media(max-width:820px){.live-staff-full-page{overflow:auto}.live-staff-full-head{height:auto;padding:12px;align-items:flex-start}.live-staff-full-head>div:last-child b{display:none}.live-staff-full-layout{height:auto;grid-template-columns:1fr}.live-staff-full-layout .live-staff-directory{height:280px}.live-staff-full-layout .live-staff-viewer{min-height:520px}}

/* İzleme araçları tek kompakt satırda kalır; dar ekranda yatay kaydırılır. */
.live-staff-full-head{height:54px;min-height:54px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding:0 14px}
.live-staff-full-head>div{flex:0 0 auto;white-space:nowrap}
.live-staff-full-head>div:first-child{min-width:0;flex:1 1 auto}
.live-staff-full-head>div:last-child{overflow-x:auto;display:flex;flex-wrap:nowrap;justify-content:flex-end}
.live-staff-full-layout .live-staff-viewer>header{min-height:48px;padding:6px 10px;flex-wrap:nowrap;overflow:hidden}
.live-staff-full-layout .live-staff-viewer>header>div:first-child{min-width:0;flex:1 1 auto}
.live-staff-full-layout .live-staff-viewer-actions{flex:0 0 auto;display:flex;flex-wrap:nowrap!important;align-items:center;gap:6px;max-width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.live-staff-full-layout .live-staff-viewer-actions>*{flex:0 0 auto}
.live-staff-full-layout .live-staff-viewer-actions button{padding:6px 9px;font-size:11px;white-space:nowrap}
.live-staff-full-layout .live-staff-viewer-actions button.live-staff-danger{border-color:#e7a4a4;background:#fff5f5;color:#a62d2d}
.live-staff-full-layout .live-staff-viewer-actions button.live-staff-danger:hover{border-color:#c94b4b;background:#ffe9e9;color:#8e1f1f}
.live-staff-full-head>div:last-child>.live-staff-tool-btn,
.live-staff-full-head>div:last-child>#remote-support-request,
.live-staff-full-head>div:last-child>#remote-support-screen,
.live-staff-full-head>div:last-child>#remote-support-stop{padding:6px 9px;font-size:11px;white-space:nowrap}
.live-staff-full-head>div:last-child>.rs-owner-status{font-size:10px;max-width:220px;color:#36668d;white-space:nowrap}
@media(max-width:820px){
  .live-staff-full-head{height:50px;min-height:50px;padding:0 10px;align-items:center}
  .live-staff-full-head>div:last-child{display:flex;align-items:center;overflow-x:auto}
  .live-staff-full-layout .live-staff-viewer>header{align-items:center;flex-direction:row}
  .live-staff-full-layout .live-staff-viewer>header>div:first-child{display:flex;flex:1 1 auto}
  .live-staff-full-layout .live-staff-viewer-actions{width:auto;justify-content:flex-end}
}

/* Kaynak viewport'u bozmadan gerçek boyut ve tam ekran inceleme */
.live-staff-full-layout .live-staff-screen[data-view-mode="actual"]{overflow:auto;place-items:start center;padding:18px;background:#0a1217}
.live-staff-full-layout .live-staff-screen[data-view-mode="actual"] img{max-width:none;max-height:none;width:var(--live-source-css-width,auto);height:auto;object-fit:initial;flex:0 0 auto}
.live-staff-full-layout .live-staff-screen[data-view-mode="actual"] .live-staff-replay{flex:0 0 auto;overflow:hidden}
.live-staff-full-layout .live-staff-screen[data-view-mode="actual"]:after{content:"Gerçek boyut · kaydırarak tamamını inceleyin";position:absolute;right:14px;bottom:12px;z-index:2;padding:6px 9px;border-radius:7px;background:rgba(4,12,16,.78);color:#b7c6ce;font-size:10px;pointer-events:none}
.live-staff-full-layout .live-staff-viewer:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;box-shadow:none}
.live-staff-full-layout .live-staff-viewer:fullscreen .live-staff-screen{min-height:0}
.live-staff-full-layout .live-staff-viewer:fullscreen .live-staff-screen[data-view-mode="actual"]{padding:24px}

/* Personel altında açık Bakım.tr sekmelerinin tamamı */
.live-staff-person-group{border:1px solid #e2e9ed;border-radius:14px;background:#fff;overflow:hidden;flex:0 0 auto}
.live-staff-person-group>header{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;background:#f7fafb;border-bottom:1px solid #e8eef1}
.live-staff-person-group>header .live-staff-avatar{width:36px;height:36px;font-size:11px}
.live-staff-person-group>header>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:2px}
.live-staff-person-group>header strong,.live-staff-person-group>header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-staff-person-group>header strong{font-size:12px;color:#172b36}.live-staff-person-group>header small{font-size:10px;color:#73828b}
.live-staff-person-group>header b{padding:4px 7px;border-radius:999px;background:#e8f7f0;color:#087447;font-size:9px;white-space:nowrap}
.live-staff-person-tabs{padding:6px;display:flex;flex-direction:column;gap:4px}
.live-staff-person-tabs>button{width:100%;border:1px solid transparent;border-radius:10px;background:transparent;padding:8px;display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;text-align:left;color:#233640;cursor:pointer}
.live-staff-person-tabs>button:hover{background:#f3f8fa;border-color:#dce8ed}.live-staff-person-tabs>button.is-selected{background:#eafff5;border-color:#62d59d;box-shadow:0 4px 12px rgba(20,160,96,.1)}
.live-staff-person-tabs>button>i{width:7px;height:7px;border-radius:50%;background:#aab6bd}.live-staff-person-tabs>button>i.is-visible{background:#1bc779;box-shadow:0 0 0 3px rgba(27,199,121,.13)}
.live-staff-person-tabs>button>span{display:flex;min-width:0;flex-direction:column;gap:2px}.live-staff-person-tabs>button strong,.live-staff-person-tabs>button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-staff-person-tabs>button strong{font-size:11px}.live-staff-person-tabs>button small{font-size:9px;color:#7b8991}.live-staff-person-tabs>button time{font-size:9px;color:#71808a;white-space:nowrap}

/* Seçilen kullanıcının ekranı, yönetici popup alanının tamamını kullanır. */
body.live-staff-embedded{margin:0;overflow:hidden!important;height:100vh;height:100dvh}
.live-staff-embedded>.live-staff-full-head,.live-staff-embedded .live-staff-full-layout>.live-staff-directory{display:none!important}
.live-staff-embedded>.live-staff-full-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:100vh;height:100dvh;padding:0;gap:0}
.live-staff-embedded .live-staff-full-layout>.live-staff-viewer{height:100%;min-height:0;border:0;border-radius:0;grid-template-rows:minmax(0,1fr) auto}
.live-staff-embedded .live-staff-viewer>header{display:none!important}
.live-staff-embedded .live-staff-viewer>footer{min-height:22px;padding:4px 10px}
.live-staff-embedded .live-staff-screen{min-height:0;flex:1}

.live-staff-tabs{display:flex;align-items:center;gap:6px;padding:6px 10px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;background:#f6faf8;border-bottom:1px solid #dce6e0;scrollbar-width:thin}
.live-staff-tabs>button{flex:0 0 auto;display:flex;align-items:center;gap:7px;max-width:260px;min-height:32px;padding:6px 11px;border:1px solid #d8e3dd;border-radius:7px;background:#fff;color:#365548;font:600 11px Arial,sans-serif;white-space:nowrap;cursor:pointer}
.live-staff-tabs>button span{overflow:hidden;text-overflow:ellipsis}
.live-staff-tabs>button.is-selected{background:#e2f9ed;border-color:#3bc58b;color:#08663d}
.live-staff-tabs>button>i{width:6px;height:6px;flex:none;border-radius:50%;background:#aebdb5}
.live-staff-tabs>button>i.is-visible{background:#14b66c}
.live-staff-tabs>button.live-staff-auto-tab{background:#eaf1ed}
.live-staff-tabs>button.live-staff-auto-tab.is-selected{color:#087448;border-color:#77c39d}

/* Ziyaretçi görünümünde sekme şeridi yoktur; ekran kalan tek satırı doldurur. */
body.live-staff-embedded.live-staff-visitor>.live-staff-full-layout{grid-template-rows:minmax(0,1fr)}
.live-staff-embedded.live-staff-visitor .live-staff-full-layout>.live-staff-viewer{grid-row:1;min-height:0;height:100%}
.live-staff-embedded.live-staff-visitor .live-staff-screen{min-height:0}