.ld-guvenlik-kameralari-app{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:20px;align-items:start}.ld-guvenlik-kameralari-vms{border-radius:var(--radius-lg);background:#0c1322;color:#d7e0ee;box-shadow:0 18px 40px rgba(6,14,32,.28);overflow:hidden;min-width:0}.ld-guvenlik-kameralari-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#131c2f;border-bottom:1px solid #22304a}.ld-guvenlik-kameralari-brand{display:inline-flex;align-items:center;gap:7px;font:700 13px/1 var(--font-display);color:#fff;white-space:nowrap}.ld-guvenlik-kameralari-brand .ico{width:17px;height:17px;color:#3da7d7}.ld-guvenlik-kameralari-chs{display:flex;gap:4px;margin-left:auto;overflow-x:auto;scrollbar-width:none}.ld-guvenlik-kameralari-chs button,.ld-guvenlik-kameralari-lay button{min-height:32px;padding:4px 10px;border:1px solid #2a3a58;border-radius:7px;background:#182338;color:#b8c6dc;font:700 12px/1 var(--font-sans);cursor:pointer;white-space:nowrap}.ld-guvenlik-kameralari-chs button[aria-selected="true"],.ld-guvenlik-kameralari-lay button[aria-pressed="true"]{background:#1f6fd1;border-color:#1f6fd1;color:#fff}.ld-guvenlik-kameralari-lay{display:flex;gap:4px}.ld-guvenlik-kameralari-lay button{display:grid;place-items:center;width:34px;padding:0}.ld-guvenlik-kameralari-lay .ico{width:16px;height:16px}.ld-guvenlik-kameralari-stage{position:relative;background:#000}.ld-guvenlik-kameralari-vp{position:relative;aspect-ratio:16 / 9;overflow:hidden;cursor:grab;touch-action:none;outline-offset:-3px;-webkit-user-select:none;user-select:none}.ld-guvenlik-kameralari-vp.is-drag{cursor:grabbing}.ld-guvenlik-kameralari-img{position:absolute;left:0;top:0;transform-origin:0 0}.ld-guvenlik-kameralari-src picture,.ld-guvenlik-kameralari-src img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-drag:none}.ld-guvenlik-kameralari-osd{position:absolute;z-index:2;font:700 13px/1 ui-monospace,Consolas,"Courier New",monospace;color:#fff;text-shadow:0 0 2px #000,1px 1px 0 #000,-1px -1px 0 #000;letter-spacing:.03em;pointer-events:none;white-space:nowrap}.ld-guvenlik-kameralari-osd--dt{left:10px;top:10px}.ld-guvenlik-kameralari-osd--nm{right:10px;bottom:10px}.ld-guvenlik-kameralari-osd--rec{right:10px;top:10px;display:flex;align-items:center;gap:5px;color:#ff5252}.ld-guvenlik-kameralari-osd--rec i{width:9px;height:9px;border-radius:50%;background:#ff3030;box-shadow:0 0 5px #ff3030}.ld-guvenlik-kameralari-osd--ptz{left:10px;bottom:10px;color:#ffe27a}.ld-guvenlik-kameralari-osd--msg{left:50%;top:42px;transform:translateX(-50%);padding:4px 8px;background:rgba(0,0,0,.45);color:#ffe27a}.ld-guvenlik-kameralari-osd--alert{left:10px;bottom:10px;padding:4px 8px;background:#d61f1f;text-shadow:none}.ld-guvenlik-kameralari-quad{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#000}.ld-guvenlik-kameralari-quad[hidden]{display:none}.ld-guvenlik-kameralari-tile{position:relative;display:block;aspect-ratio:16 / 9;padding:0;border:0;background:#000;overflow:hidden;cursor:pointer}.ld-guvenlik-kameralari-tile picture,.ld-guvenlik-kameralari-tile img{display:block;width:100%;height:100%;object-fit:cover}.ld-guvenlik-kameralari-tile .ld-guvenlik-kameralari-osd{font-size:10.5px}.ld-guvenlik-kameralari-tile .ld-guvenlik-kameralari-osd--dt{left:6px;top:6px}.ld-guvenlik-kameralari-tile .ld-guvenlik-kameralari-osd--nm{right:6px;bottom:6px}.ld-guvenlik-kameralari-tile:hover,.ld-guvenlik-kameralari-tile:focus-visible{outline:2px solid #3da7d7;outline-offset:-2px}.ld-guvenlik-kameralari-ptz{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:14px;background:#111a2c;border-top:1px solid #22304a}.ld-guvenlik-kameralari-joy{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:4px;padding:8px;border-radius:50%;background:radial-gradient(circle,#1c2942,#121b2e 70%);align-self:center}.ld-guvenlik-kameralari-dir{border:1px solid #2a3a58;border-radius:10px;background:linear-gradient(180deg,#22314d,#182338);color:#cfe0f7;font:700 15px/1 var(--font-sans);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.ld-guvenlik-kameralari-dir:active,.ld-guvenlik-kameralari-dir.is-on{background:#1f6fd1;border-color:#1f6fd1;color:#fff}.ld-guvenlik-kameralari-dir.is-home{display:grid;place-items:center;border-radius:50%}.ld-guvenlik-kameralari-dir .ico{width:18px;height:18px}.ld-guvenlik-kameralari-ctl{display:grid;gap:10px;align-content:start;min-width:0}.ld-guvenlik-kameralari-zoom{display:flex;align-items:center;gap:8px}.ld-guvenlik-kameralari-zoom input{flex:1;min-width:0;accent-color:#3da7d7}.ld-guvenlik-kameralari-zb,.ld-guvenlik-kameralari-sm,.ld-guvenlik-kameralari-pre{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:6px 10px;border:1px solid #2a3a58;border-radius:9px;background:#182338;color:#d7e0ee;font:700 12.5px/1.15 var(--font-sans);cursor:pointer;touch-action:manipulation}.ld-guvenlik-kameralari-zb{width:40px;padding:0}.ld-guvenlik-kameralari-zb .ico,.ld-guvenlik-kameralari-sm .ico{width:17px;height:17px}.ld-guvenlik-kameralari-spd,.ld-guvenlik-kameralari-sens{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700}.ld-guvenlik-kameralari-spd input{width:120px;accent-color:#3da7d7}.ld-guvenlik-kameralari-pres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ld-guvenlik-kameralari-pre{justify-content:flex-start;text-align:left}.ld-guvenlik-kameralari-pre b{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:5px;background:#24365a;color:#8fd0f0;font-size:11px}.ld-guvenlik-kameralari-pre.is-cur{border-color:#3da7d7}.ld-guvenlik-kameralari-row{display:flex;flex-wrap:wrap;gap:6px}.ld-guvenlik-kameralari-sm[aria-pressed="true"]{background:#1f6fd1;border-color:#1f6fd1;color:#fff}.ld-guvenlik-kameralari-vms [disabled]{opacity:.4;cursor:not-allowed}.ld-guvenlik-kameralari-note{margin:0;font-size:12.5px;color:#ffd27a}.ld-guvenlik-kameralari-md{display:grid;gap:12px}.ld-guvenlik-kameralari-md .ldx-card__t{margin:0}.ld-guvenlik-kameralari-priv{display:flex;gap:8px;margin:0;padding:10px 12px;border-radius:10px;background:var(--tone-ok-bg);color:var(--tone-ok-ink);font-size:13px;line-height:1.45}.ld-guvenlik-kameralari-priv .ico{flex:none;width:18px;height:18px;margin-top:1px}.ld-guvenlik-kameralari-mdv{position:relative;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:#0c1322}.ld-guvenlik-kameralari-mirror{position:absolute;inset:0;transform:scaleX(-1)}.ld-guvenlik-kameralari-mirror video,.ld-guvenlik-kameralari-mirror canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ld-guvenlik-kameralari-off{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;color:#7f8ea8;font-weight:700;font-size:14px}.ld-guvenlik-kameralari-off .ico{width:34px;height:34px}.ld-guvenlik-kameralari-mdv .ld-guvenlik-kameralari-osd{font-size:11.5px}.ld-guvenlik-kameralari-mdc{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ld-guvenlik-kameralari-mdc [hidden]{display:none}.ld-guvenlik-kameralari-sens input{width:110px;accent-color:var(--primary)}.ld-guvenlik-kameralari-meter{height:6px;border-radius:3px;background:var(--surface-tint);overflow:hidden}.ld-guvenlik-kameralari-meter i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#20b26b,#f2b01e 60%,#e23b3b);transform-origin:0 50%;transform:scaleX(0);transition:transform .12s linear}.ld-guvenlik-kameralari-mdmsg{margin:0;font-size:13.5px;color:var(--ink-muted);line-height:1.45}@media (max-width:1100px){.ld-guvenlik-kameralari-app{grid-template-columns:1fr}.ld-guvenlik-kameralari-md{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.ld-guvenlik-kameralari-md>.ldx-card__t,.ld-guvenlik-kameralari-priv{grid-column:1 / -1}}@media (max-width:760px){.ld-guvenlik-kameralari-md{grid-template-columns:1fr}.ld-guvenlik-kameralari-ptz{grid-template-columns:1fr;justify-items:center}.ld-guvenlik-kameralari-ctl{width:100%}.ld-guvenlik-kameralari-pres{grid-template-columns:1fr 1fr}.ld-guvenlik-kameralari-chs span{display:none}.ld-guvenlik-kameralari-brand{display:none}.ld-guvenlik-kameralari-chs{margin-left:0}.ld-guvenlik-kameralari-lay{margin-left:auto}.ld-guvenlik-kameralari-osd{font-size:10.5px}}