/* DRIFT_SHARED_SIDEBAR_20260927_1 */
.drift-unified-layout {color-scheme:dark; background:linear-gradient(145deg,#061a35,#09264b);color:#eaf5ff;}
.drift-unified-layout .monitor-layout,.drift-unified-layout .drift-beta-live-shell {grid-template-columns:300px minmax(0,1fr);}
.drift-unified-layout .monitor-sidebar,.drift-unified-layout #driftBetaUtilitySidebar {width:300px;flex:0 0 300px;padding:24px 18px;box-sizing:border-box;background:#092341;border-right:1px solid #17608a;}
.drift-unified-layout.drift-beta-legacy-shell #driftBetaUtilitySidebar {height:auto;min-height:calc(100vh - 140px);position:static;overflow:visible;}
[data-drift-tree] {font:15px Arial,"Apple SD Gothic Neo",sans-serif;color:#eaf5ff;min-width:0;}
[data-drift-tree] * {box-sizing:border-box;}
[data-drift-tree] [hidden] {display:none!important;}
[data-drift-tree] .dt-search-label {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.drift-unified-layout [data-drift-tree] .dt-search {display:block;width:100%;height:46px;padding:12px 14px;color:#fff;background:#183553;border:1px solid #159dcb;border-radius:8px;font:14px Arial,sans-serif;margin:0;}
.dt-search::placeholder {color:#a6bdd0;opacity:1;}
.dt-list {margin-top:18px;display:grid;gap:10px;}
.drift-unified-layout [data-drift-tree] a {display:block;text-decoration:none;color:#eaf5ff;margin:0;line-height:1.5;font-size:14px;border-radius:8px;overflow-wrap:anywhere;}
.dt-dept-title {display:flex;align-items:stretch;background:#0c345d;border-radius:8px;}
.drift-unified-layout [data-drift-tree] .dt-dept-link {flex:1;min-width:0;padding:12px 8px 12px 0;font-weight:bold;}
.dt-toggle {width:32px;flex:0 0 32px;border:0;border-radius:8px;background:transparent;color:#bcd4e7;font-size:16px;cursor:pointer;}
.drift-unified-layout [data-drift-tree] .dt-task {padding:11px 12px 11px 28px;margin-top:5px;}
.drift-unified-layout [data-drift-tree] .dt-all {padding:11px 12px;}
.drift-unified-layout [data-drift-tree] a.active,.drift-unified-layout [data-drift-tree] a:hover,.dt-toggle:hover {background:#087eaf;color:#fff;}
.dt-status {font-size:12px;color:#a6bdd0;line-height:1.6;margin:12px 0;}
.dt-status:empty {display:none;}
.drift-unified-layout [data-drift-tree] .dt-manage {display:inline-block;background:#087bb4;padding:10px 16px;border-radius:22px;margin-top:18px;}
[data-drift-tree] :focus-visible {outline:2px solid #36dcf2;outline-offset:3px;}
.drift-unified-layout #scopes {display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;}
.drift-unified-layout #scopes .scope {width:auto;min-width:150px;background:#0d2a4d;border:1px solid #174e76;}
.drift-unified-layout #scopes .scope.active {background:#0c4166;border-color:#16a6c5;}
/* LIVE and network surfaces share the existing beta palette. */
.drift-unified-layout .video-panel,.drift-unified-layout .side-panel,.drift-unified-layout .panel {background:rgba(8,32,62,.82);border:1px solid #174e76;box-shadow:none;color:#eaf5ff;}
.drift-unified-layout .video-panel,.drift-unified-layout .side-panel {min-width:0;}
.drift-unified-layout .controls button {background:#087bb4;color:#fff;}
.drift-unified-layout .controls button.secondary,.drift-unified-layout .secondary {background:#123958;border-color:#2b6685;color:#eaf5ff;}
.drift-unified-layout .primary {background:#087bb4;border-color:#159dcb;}
.drift-unified-layout .primary:hover {background:#0996ca;}
.drift-unified-layout .subtle {color:#76d6ed;}
.drift-unified-layout .secondary:hover,.drift-unified-layout .subtle:hover {background:#194865;}
.drift-unified-layout .notes,.drift-unified-layout .muted-note,.drift-unified-layout .hint,.drift-unified-layout .muted,.drift-unified-layout .eyebrow,.drift-unified-layout .user-label,.drift-unified-layout .steps,.drift-unified-layout .qr-caption span,.drift-unified-layout .profile-load span {color:#a9bfd2;}
.drift-unified-layout main a {color:#65d9ef;}
.drift-unified-layout #driftCameraMetrics .metric {background:#183553;color:#eaf5ff;}
.drift-unified-layout #driftCameraMetrics[data-stale="true"] .metric,.drift-unified-layout #driftCameraFreshness {color:#a9bfd2;}
.drift-unified-layout main [style*="color: rgb(102, 102, 102)"],.drift-unified-layout main [style*="color:#666"] {color:#a9bfd2!important;}
.drift-unified-layout main input:not([type=checkbox]),.drift-unified-layout main select {background:#183553;color:#eaf5ff;border-color:#2b6685;}
.drift-unified-layout main input::placeholder {color:#96b0c6;}
.drift-unified-layout main input:disabled {background:#102b46;}
.drift-unified-layout .stream-summary,.drift-unified-layout pre,.drift-unified-layout .badge,.drift-unified-layout .steps b {background:#183553;color:#bcd4e7;}
.drift-unified-layout .stream-summary strong,.drift-unified-layout .profile-load strong {color:#eaf5ff;}
.drift-unified-layout .badge.ready {background:#10465e;color:#72e1ef;}
.drift-unified-layout .qr-empty {background:#092341;border-color:#2b6685;color:#a9bfd2;}
.drift-unified-layout .qr-symbol {color:#56829f;}
.drift-unified-layout .qr-panel canvas {color-scheme:light;background:#fff;}
.drift-unified-layout details#configDetails,.drift-unified-layout .profile-list li {border-color:#235071;}
.drift-unified-layout .message {background:#103b59;color:#b7eaff;}
.drift-unified-layout .message.error {background:#4b2533;color:#ffb6ad;}
.drift-unified-layout .notice {background:#42391e;color:#ffe2a3;}
.drift-unified-layout .auth-status,.drift-unified-layout footer {color:#a9bfd2;}
.drift-unified-layout .online {background:#103e3c;color:#7ee5af;}
.drift-unified-layout .offline {background:#492635;color:#ffb6ad;}
@media(min-width:901px) and (max-width:1250px) {.drift-unified-layout .content {grid-template-columns:minmax(0,1fr);} .drift-unified-layout .camera-list {max-height:440px;}}
@media(max-width:900px) {
 .drift-unified-layout .content {grid-template-columns:minmax(0,1fr);}
 .drift-unified-layout .monitor-layout,.drift-unified-layout .drift-beta-live-shell {display:flex;flex-direction:column;}
 .drift-unified-layout .app {flex-direction:column;}
 .drift-unified-layout .monitor-sidebar,.drift-unified-layout #driftBetaUtilitySidebar,.drift-unified-layout.drift-beta-legacy-shell #driftBetaUtilitySidebar {display:flex;order:0;width:100%;flex:auto;min-height:0;height:auto;padding:18px;border-right:0;border-bottom:1px solid #17608a;}
 .drift-unified-layout [data-drift-tree] .dt-list {max-height:240px;overflow:auto;}
 .drift-unified-layout #driftBetaUtilities {padding-top:18px;}
 .drift-unified-layout .drift-beta-live-shell > main {width:100%;box-sizing:border-box;}
 .drift-unified-layout #scopes .scope {min-width:0;flex:1;padding:10px 8px;}
}