/* /Components/Layout/MainLayout.razor.rz.scp.css */
.mobile-nav-toggle[b-56vv4g7l5o],.mobile-nav-close[b-56vv4g7l5o]{display:none}
.accounts-shell[b-56vv4g7l5o]  .topbar h1{white-space:nowrap}
@media(max-width:640px){.accounts-shell[b-56vv4g7l5o]  .topbar{padding-inline:16px;gap:12px}.accounts-shell[b-56vv4g7l5o]  .topbar>div{min-width:0;gap:10px}.accounts-shell[b-56vv4g7l5o]  .topbar>div>span:first-child{display:none}.accounts-shell[b-56vv4g7l5o]  .topbar>div>span{white-space:nowrap}}
@media(max-width:767px){
    .telemetry-shell .sidebar-shell[b-56vv4g7l5o]{display:none}
    .telemetry-shell .sidebar-shell.mobile-open[b-56vv4g7l5o]{display:block;position:fixed;inset:0 auto 0 0;z-index:80;background:var(--color-bg-panel);box-shadow:0 0 0 100vw var(--color-overlay)}
    .telemetry-shell .mobile-nav-toggle[b-56vv4g7l5o],.telemetry-shell .mobile-nav-close[b-56vv4g7l5o]{display:block;border:0;background:var(--color-bg-panel);color:var(--color-accent);padding:10px;text-align:left}
    .telemetry-shell .sidebar-shell.mobile-open[b-56vv4g7l5o]  nav{height:calc(100% - 38px)}
}
/* /Components/Pages/AdminAccounts/Index.razor.rz.scp.css */
.accounts-heading[b-0drusc8m3z] { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:28px; }
.accounts-heading h2[b-0drusc8m3z] { font-size:24px; font-weight:600; letter-spacing:-.5px; color:var(--color-text-primary); }
.accounts-heading p[b-0drusc8m3z],.account-hint[b-0drusc8m3z] { color:var(--color-text-tertiary); font-size:12px; line-height:1.6; margin-top:6px; }
.accounts-actions[b-0drusc8m3z] { display:flex; gap:8px; flex-wrap:wrap; }
.account-button[b-0drusc8m3z] { border:1px solid var(--color-border-default); border-radius:var(--radius-control); padding:8px 14px; font-size:13px; color:var(--color-text-primary); background:var(--color-bg-panel); min-height:40px; cursor:pointer; }
.account-button.primary[b-0drusc8m3z] { background:var(--color-accent); border-color:var(--color-accent); color:white; }
.account-button.danger[b-0drusc8m3z] { color:var(--color-status-danger); }
.account-button:disabled[b-0drusc8m3z] { opacity:.45; cursor:default; }
.account-button:active:not(:disabled)[b-0drusc8m3z] { transform:scale(.97); }
.accounts-filters[b-0drusc8m3z] { display:flex; gap:12px; flex-wrap:wrap; align-items:end; padding-bottom:20px; border-bottom:1px solid var(--color-border-subtle); }
.accounts-filters label[b-0drusc8m3z],[b-0drusc8m3z] .account-form label { display:flex; flex-direction:column; gap:7px; font-size:12px; color:var(--color-text-secondary); }
.accounts-filters input[b-0drusc8m3z],.accounts-filters select[b-0drusc8m3z],[b-0drusc8m3z] .account-form input,[b-0drusc8m3z] .account-form select { background:var(--color-bg-panel); border:1px solid var(--color-border-default); border-radius:var(--radius-control); padding:9px 10px; min-height:40px; font-size:13px; color:var(--color-text-primary); width:100%; }
[b-0drusc8m3z] .account-form fieldset,[b-0drusc8m3z] .account-form { display:grid; gap:16px; min-width:0; }
[b-0drusc8m3z] .account-form hr { border-color:var(--color-border-subtle); margin:8px 0; }
.accounts-page[b-0drusc8m3z]  th,.accounts-page[b-0drusc8m3z]  td { padding:12px; white-space:nowrap; }
.accounts-page[b-0drusc8m3z]  table { font-variant-numeric:tabular-nums; }
.account-link[b-0drusc8m3z] { color:var(--color-accent-bright); font-size:13px; padding:6px 0; cursor:pointer; }
.account-name[b-0drusc8m3z] { font-weight:600; }
.account-current[b-0drusc8m3z] { display:inline-block; font-size:11px; color:var(--color-text-tertiary); margin-left:8px; font-weight:400; }
.account-state[b-0drusc8m3z] { border:1px solid var(--color-border-default); padding:3px 7px; border-radius:var(--radius-control); font-size:11px; }
.account-error[b-0drusc8m3z] { margin:16px 0; padding:12px; border:1px solid var(--color-status-danger); border-radius:var(--radius-control); color:var(--color-status-danger); font-size:13px; line-height:1.6; }
.account-error button[b-0drusc8m3z] { margin:8px 8px 0 0; }
.account-field-error[b-0drusc8m3z],[b-0drusc8m3z] .account-form .validation-message { color:var(--color-status-danger); font-size:12px; }
[b-0drusc8m3z] .account-detail h3 { font-size:20px; font-weight:600; margin-bottom:24px; }
[b-0drusc8m3z] .account-detail dl { display:grid; grid-template-columns:100px 1fr; gap:14px 12px; font-size:13px; }
[b-0drusc8m3z] .account-detail dt { color:var(--color-text-tertiary); }
[b-0drusc8m3z] .account-detail dd { overflow-wrap:anywhere; }
[b-0drusc8m3z] .account-detail .account-form { margin-top:28px; padding-top:20px; border-top:1px solid var(--color-border-subtle); }
.account-skeleton[b-0drusc8m3z] { height:14px; min-width:65px; background:var(--color-bg-surface-hover); border-radius:4px; }
@media(max-width:640px) { .accounts-heading[b-0drusc8m3z] { align-items:start; flex-direction:column; gap:16px; } .accounts-filters label[b-0drusc8m3z] { flex:1 1 130px; } .account-button[b-0drusc8m3z] { min-height:44px; } }
/* /Components/Pages/Telemetry/Index.razor.rz.scp.css */
.telemetry[b-v1fjt0v7b9] {
    min-width: 0;
    color: var(--color-text-primary);
    font: 13px/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
    font-variant-numeric: tabular-nums;
}
.telemetry header[b-v1fjt0v7b9], .actions[b-v1fjt0v7b9], .tabs[b-v1fjt0v7b9], .quick[b-v1fjt0v7b9], .pagination[b-v1fjt0v7b9], .filter-actions[b-v1fjt0v7b9], .panel-heading[b-v1fjt0v7b9] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.telemetry header[b-v1fjt0v7b9], .panel-heading[b-v1fjt0v7b9] { justify-content: space-between; gap: 20px; }
.actions[hidden][b-v1fjt0v7b9] { display:none; }
.telemetry h1[b-v1fjt0v7b9] { margin: 0; font-size: 26px; font-weight: 600; letter-spacing: -.7px; }
.telemetry h2[b-v1fjt0v7b9] { margin: 0; font-size: 15px; font-weight: 600; }
.telemetry p[b-v1fjt0v7b9] { margin: 8px 0; color: var(--color-text-tertiary); }
.telemetry button[b-v1fjt0v7b9] {
    padding: 7px 12px;
    border: 1px solid var(--color-border-subtle);
    border-radius: 6px;
    background: var(--color-bg-panel);
    color: var(--color-text-primary);
    font: inherit;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}
.telemetry button:hover:not(:disabled)[b-v1fjt0v7b9] { border-color: var(--color-accent); }
.telemetry button:disabled[b-v1fjt0v7b9] { opacity: .45; cursor: default; }
.telemetry button:focus-visible[b-v1fjt0v7b9], .telemetry input:focus-visible[b-v1fjt0v7b9], .telemetry select:focus-visible[b-v1fjt0v7b9], .telemetry summary:focus-visible[b-v1fjt0v7b9] {
    outline: 2px solid var(--color-accent);
    outline-offset: 3px;
}
.telemetry .primary[b-v1fjt0v7b9] { background: var(--color-accent); color: white; border-color: var(--color-accent); }
.tabs[b-v1fjt0v7b9] { gap: 28px; margin: 18px 0; border-bottom: 1px solid var(--color-border-subtle); }
.tabs button[b-v1fjt0v7b9] { padding: 12px 0; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: none; color: var(--color-text-tertiary); }
.tabs [aria-current=page][b-v1fjt0v7b9] { border-bottom-color: var(--color-accent); color: var(--color-accent); }
@media (max-width: 700px) { .telemetry header[b-v1fjt0v7b9] { align-items: start; flex-direction: column; gap: 8px; } }
.overview-summary[b-v1fjt0v7b9] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }
.overview-summary strong[b-v1fjt0v7b9] { display: block; margin-top: 16px; font-size: 32px; font-weight: 600; line-height: 1.2; }
@media (max-width: 700px) { .overview-summary[b-v1fjt0v7b9] { grid-template-columns: 1fr; } .tabs[b-v1fjt0v7b9] { gap: 22px; } }
.detail-actions[b-v1fjt0v7b9] { display: flex; gap: 8px; flex-wrap: wrap; }
.telemetry-leave[b-v1fjt0v7b9] { margin-top: 16px; padding: 11px 13px; border: 1px solid var(--color-border-subtle); border-left: 3px solid #c98a00; border-radius: 6px; background: color-mix(in srgb, #c98a00 10%, var(--color-bg-panel)); }
.telemetry-leave p[b-v1fjt0v7b9] { margin: 0 0 8px; color: var(--color-text-primary); }
.telemetry-leave .actions[b-v1fjt0v7b9] { display: flex; gap: 8px; flex-wrap: wrap; }
/* /Components/Pages/Telemetry/InstanceControlPanel.razor.rz.scp.css */
.instance-control[b-r3itkxdtq6] { display: flex; flex-direction: column; gap: 18px; font-size: 13px; }
.instance-control h3[b-r3itkxdtq6] { margin: 0; font-size: 14px; font-weight: 600; }
.instance-control p[b-r3itkxdtq6] { margin: 6px 0; line-height: 1.6; overflow-wrap: anywhere; color: var(--color-text-tertiary); }
.instance-control .hint[b-r3itkxdtq6] { font-size: 12px; }
.instance-control .field-error[b-r3itkxdtq6] { color: #b42318; }
.instance-control label[b-r3itkxdtq6] { display: flex; flex-direction: column; gap: 6px; color: var(--color-text-tertiary); }
.instance-control input:not([type=radio])[b-r3itkxdtq6] { box-sizing: border-box; width: 100%; height: 36px; padding: 7px; border: 1px solid var(--color-border-subtle); border-radius: 5px; background: var(--color-bg-panel); color: var(--color-text-primary); font: inherit; }
.instance-control input:focus-visible[b-r3itkxdtq6], .instance-control button:focus-visible[b-r3itkxdtq6], .instance-control summary:focus-visible[b-r3itkxdtq6] { outline: 2px solid var(--color-accent); outline-offset: 3px; }
.instance-control button[b-r3itkxdtq6] { padding: 7px 12px; border: 1px solid var(--color-border-subtle); border-radius: 6px; background: var(--color-bg-panel); color: var(--color-text-primary); font: inherit; cursor: pointer; }
.instance-control button:disabled[b-r3itkxdtq6] { opacity: .45; cursor: default; }
.instance-control button.primary[b-r3itkxdtq6] { background: var(--color-accent); border-color: var(--color-accent); color: white; }
.instance-control button.link[b-r3itkxdtq6] { padding: 3px 0; border: 0; background: none; color: var(--color-accent); }
.instance-control .actions[b-r3itkxdtq6] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.instance-control .back[b-r3itkxdtq6] { align-self: flex-start; }
.instance-control section[b-r3itkxdtq6] { min-width: 0; }
.instance-control .target-head[b-r3itkxdtq6] { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.instance-control .target-head > span[b-r3itkxdtq6] { font-size: 12px; color: var(--color-text-tertiary); }
.instance-control .identifier[b-r3itkxdtq6] { margin: 8px 0; padding: 8px 10px; border: 1px solid var(--color-border-subtle); border-radius: 6px; background: var(--color-bg-base); color: var(--color-text-primary); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.instance-control dl[b-r3itkxdtq6] { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 9px 12px; margin: 0; }
.instance-control dt[b-r3itkxdtq6] { color: var(--color-text-tertiary); }
.instance-control dd[b-r3itkxdtq6] { margin: 0; overflow-wrap: anywhere; }
.instance-control .options[b-r3itkxdtq6] { display: flex; gap: 20px; flex-wrap: wrap; margin: 12px 0; }
.instance-control .options label[b-r3itkxdtq6] { flex-direction: row; align-items: center; gap: 8px; color: var(--color-text-primary); }
.instance-control .options input[b-r3itkxdtq6] { accent-color: var(--color-accent); width: 17px; height: 17px; margin: 0; }
.instance-control .callout[b-r3itkxdtq6] { padding: 11px 13px; border: 1px solid var(--color-border-subtle); border-radius: 7px; background: color-mix(in srgb, var(--color-accent) 8%, var(--color-bg-panel)); }
.instance-control .callout.warning[b-r3itkxdtq6] { background: color-mix(in srgb, #c98a00 10%, var(--color-bg-panel)); }
.instance-control .callout.danger[b-r3itkxdtq6] { border-left: 3px solid #d94848; background: color-mix(in srgb, #d94848 8%, var(--color-bg-panel)); color: var(--color-text-primary); }
.instance-control .callout p[b-r3itkxdtq6] { color: inherit; }
.instance-control .result[b-r3itkxdtq6] { padding: 10px 12px; border: 1px solid var(--color-border-subtle); border-left: 3px solid var(--color-accent); border-radius: 6px; background: color-mix(in srgb, var(--color-accent) 8%, var(--color-bg-panel)); }
.instance-control .result span[b-r3itkxdtq6] { color: var(--color-text-tertiary); }
.instance-control .connections[b-r3itkxdtq6] { display: flex; flex-direction: column; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.instance-control .connections li[b-r3itkxdtq6] { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border: 1px solid var(--color-border-subtle); border-radius: 6px; font-size: 12px; color: var(--color-text-secondary); }
.instance-control .connections li span:first-child[b-r3itkxdtq6] { color: var(--color-text-primary); }
.instance-control .leave[b-r3itkxdtq6] { margin-top: 4px; }
@media (max-width: 600px) {
    .instance-control dl[b-r3itkxdtq6] { grid-template-columns: 105px minmax(0, 1fr); }
}
/* /Components/Pages/Telemetry/MediaGlobalDialog.razor.rz.scp.css */
.global-layer[b-cw6o9zlclh] { position: fixed; inset: 0; z-index: 60; display: grid; place-items: center; padding: 20px; background: var(--color-overlay); backdrop-filter: blur(4px); }
.global-dialog[b-cw6o9zlclh] { display: flex; flex-direction: column; width: min(520px, 100%); max-height: calc(100dvh - 40px); border: 1px solid var(--color-border-default); border-radius: 12px; background: var(--color-bg-panel); color: var(--color-text-primary); box-shadow: 0 20px 60px rgba(0, 0, 0, .25); font-size: 13px; }
.global-dialog header[b-cw6o9zlclh] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--color-border-subtle); }
.global-dialog h2[b-cw6o9zlclh] { margin: 0; font-size: 16px; font-weight: 600; }
.global-dialog h3[b-cw6o9zlclh] { margin: 0; font-size: 14px; font-weight: 600; }
.global-dialog .body[b-cw6o9zlclh] { display: flex; flex-direction: column; gap: 18px; overflow-y: auto; padding: 18px 20px; }
.global-dialog footer[b-cw6o9zlclh] { padding: 14px 20px; border-top: 1px solid var(--color-border-subtle); }
.global-dialog p[b-cw6o9zlclh] { margin: 6px 0; line-height: 1.6; color: var(--color-text-tertiary); overflow-wrap: anywhere; }
.global-dialog .hint[b-cw6o9zlclh] { font-size: 12px; }
.global-dialog .field-error[b-cw6o9zlclh] { color: #b42318; }
.global-dialog .close[b-cw6o9zlclh] { padding: 5px 9px; border: 1px solid var(--color-border-subtle); border-radius: 6px; background: var(--color-bg-panel); color: var(--color-text-secondary); font: inherit; cursor: pointer; }
.global-dialog .actions[b-cw6o9zlclh] { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.global-dialog .actions button[b-cw6o9zlclh] { padding: 7px 12px; border: 1px solid var(--color-border-subtle); border-radius: 6px; background: var(--color-bg-panel); color: var(--color-text-primary); font: inherit; cursor: pointer; }
.global-dialog .actions button:disabled[b-cw6o9zlclh] { opacity: .45; cursor: default; }
.global-dialog .actions button.primary[b-cw6o9zlclh] { background: var(--color-accent); border-color: var(--color-accent); color: white; }
.global-dialog .close:focus-visible[b-cw6o9zlclh], .global-dialog .actions button:focus-visible[b-cw6o9zlclh], .global-dialog input:focus-visible[b-cw6o9zlclh] { outline: 2px solid var(--color-accent); outline-offset: 3px; }
.global-dialog dl[b-cw6o9zlclh] { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 9px 12px; margin: 12px 0 0; }
.global-dialog dt[b-cw6o9zlclh] { color: var(--color-text-tertiary); }
.global-dialog dd[b-cw6o9zlclh] { margin: 0; }
.global-dialog .options[b-cw6o9zlclh] { display: flex; gap: 20px; flex-wrap: wrap; margin: 12px 0; }
.global-dialog .options label[b-cw6o9zlclh] { display: flex; flex-direction: row; align-items: center; gap: 8px; color: var(--color-text-primary); }
.global-dialog .options input[b-cw6o9zlclh], .global-dialog .confirm input[b-cw6o9zlclh] { accent-color: var(--color-accent); width: 17px; height: 17px; margin: 0; }
.global-dialog .confirm[b-cw6o9zlclh] { display: flex; align-items: center; gap: 8px; margin-top: 10px; color: var(--color-text-primary); }
.global-dialog .callout[b-cw6o9zlclh] { padding: 11px 13px; border: 1px solid var(--color-border-subtle); border-radius: 7px; background: color-mix(in srgb, var(--color-accent) 8%, var(--color-bg-panel)); }
.global-dialog .callout.warning[b-cw6o9zlclh] { background: color-mix(in srgb, #c98a00 10%, var(--color-bg-panel)); }
.global-dialog .callout.danger[b-cw6o9zlclh] { border-left: 3px solid #d94848; background: color-mix(in srgb, #d94848 8%, var(--color-bg-panel)); }
.global-dialog .callout p[b-cw6o9zlclh] { color: inherit; }
.global-dialog .result[b-cw6o9zlclh] { padding: 10px 12px; border: 1px solid var(--color-border-subtle); border-left: 3px solid var(--color-accent); border-radius: 6px; background: color-mix(in srgb, var(--color-accent) 8%, var(--color-bg-panel)); }
.global-dialog .leave[b-cw6o9zlclh] { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.global-dialog .leave p[b-cw6o9zlclh] { color: var(--color-text-primary); }
@media (max-width: 600px) { .global-layer[b-cw6o9zlclh] { padding: 12px; } .global-dialog dl[b-cw6o9zlclh] { grid-template-columns: 110px minmax(0, 1fr); } }
/* /Components/Pages/Telemetry/MediaList.razor.rz.scp.css */
.media-list[b-1u9md9l6b0] { min-width: 0; }
.media-toolbar[b-1u9md9l6b0] { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 16px 0 12px; }
.media-toolbar h2[b-1u9md9l6b0] { margin: 0; font-size: 17px; font-weight: 600; }
.media-tools[b-1u9md9l6b0] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.media-list .media-tools button.link[b-1u9md9l6b0] { padding: 4px 0; border: 0; background: none; color: var(--color-accent); }
.media-list > .panel[b-1u9md9l6b0]  table { min-width: 880px; table-layout: fixed; }
.media-list[b-1u9md9l6b0]  th:nth-child(1), .media-list[b-1u9md9l6b0]  th:nth-child(2) { width: 128px; }
.media-list[b-1u9md9l6b0]  th:nth-child(3) { width: 230px; }
.media-list[b-1u9md9l6b0]  th:nth-child(4) { width: 112px; }
.media-list[b-1u9md9l6b0]  th:nth-child(5) { width: 132px; }
.media-list[b-1u9md9l6b0]  th:nth-child(6) { width: 132px; }
.media-list[b-1u9md9l6b0]  td { vertical-align: top; overflow-wrap: anywhere; }
.media-list[b-1u9md9l6b0]  .media-time { line-height: 1.55; white-space: nowrap; }
.media-list[b-1u9md9l6b0]  .media-time > span { display: block; }
.media-list[b-1u9md9l6b0]  .media-time .offset { color: var(--color-text-tertiary); font-size: 12px; }
.media-list[b-1u9md9l6b0]  .media-instance { white-space: normal; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; line-height: 1.7; }
.media-list[b-1u9md9l6b0]  .media-device { white-space: normal; overflow-wrap: anywhere; }
.media-list[b-1u9md9l6b0]  .secondary { display: block; color: var(--color-text-tertiary); font-size: 12px; line-height: 1.6; }
.media-list[b-1u9md9l6b0]  .row-actions { white-space: nowrap; }
.media-list[b-1u9md9l6b0]  .row-actions button { white-space: nowrap; }
.media-list[b-1u9md9l6b0]  .row-actions button + button { margin-left: 8px; }
.media-detail[b-1u9md9l6b0] { display: flex; flex-direction: column; gap: 10px; }
.media-detail a[b-1u9md9l6b0] { display: inline-flex; padding: 8px 12px; margin: 8px 8px 0 0; border: 1px solid var(--color-border-subtle); border-radius: 6px; background: var(--color-bg-panel); color: var(--color-accent); text-decoration: none; font: inherit; }
.media-detail a:focus-visible[b-1u9md9l6b0] { outline: 2px solid var(--color-accent); outline-offset: 3px; }
.media-detail .detail-actions[b-1u9md9l6b0] { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 4px; }
.media-detail .field-error[b-1u9md9l6b0] { color: #b42318; }
.detail-error[b-1u9md9l6b0] { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.detail-error p[b-1u9md9l6b0] { color: var(--color-text-secondary); }
.leave-prompt[b-1u9md9l6b0] { margin-top: 16px; padding: 11px 13px; border: 1px solid var(--color-border-subtle); border-left: 3px solid #c98a00; border-radius: 6px; background: color-mix(in srgb, #c98a00 10%, var(--color-bg-panel)); }
.leave-prompt p[b-1u9md9l6b0] { margin: 0 0 8px; color: var(--color-text-primary); }
.leave-prompt .actions[b-1u9md9l6b0] { display: flex; gap: 8px; flex-wrap: wrap; }
.save-guard[b-1u9md9l6b0] { margin-top: 12px; font-size: 12px; color: var(--color-text-tertiary); }
@media (max-width: 700px) {
    .media-toolbar[b-1u9md9l6b0] { align-items: flex-start; flex-direction: column; }
}
/* /Components/Pages/Telemetry/OverviewCharts.razor.rz.scp.css */
.overview-charts[b-483ackwa71] { display: grid; gap: 16px; margin-top: 20px; min-width: 0; }
.distribution-grid[b-483ackwa71] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; min-width: 0; }
.overview-charts .mode[b-483ackwa71] { display: flex; flex: 0 1 auto; flex-direction: row; align-items: center; gap: 6px; min-width: 0; white-space: nowrap; color: var(--color-text-secondary); font-size: 12px; }
.overview-charts .mode select[b-483ackwa71] { width: auto; max-width: 100%; padding: 5px 8px; border: 1px solid var(--color-border-default); border-radius: 5px; color: var(--color-text-primary); background: var(--color-bg-panel); }
select:focus-visible[b-483ackwa71] { outline: 2px solid var(--color-accent); outline-offset: 3px; }
@media (max-width: 800px) { .distribution-grid[b-483ackwa71] { grid-template-columns: 1fr; } }
/* /Components/Pages/Telemetry/TelemetryDataView.razor.rz.scp.css */
.telemetry-data-view[b-1hsfd3nksr]  .quick, .telemetry-data-view[b-1hsfd3nksr]  .pagination, .telemetry-data-view[b-1hsfd3nksr]  .filter-actions, .telemetry-data-view[b-1hsfd3nksr]  .panel-heading { display: flex; align-items: center; gap: 8px; }
.telemetry-data-view[b-1hsfd3nksr]  .panel-heading { justify-content: space-between; gap: 20px; }
.telemetry-data-view[b-1hsfd3nksr] { min-width: 0; }
.telemetry-data-view[b-1hsfd3nksr]  h2 { margin: 0; font-size: 15px; font-weight: 600; }
.telemetry-data-view[b-1hsfd3nksr]  p { margin: 8px 0; color: var(--color-text-tertiary); }
.telemetry-data-view[b-1hsfd3nksr]  button {
    padding: 7px 12px;
    border: 1px solid var(--color-border-subtle);
    border-radius: 6px;
    background: var(--color-bg-panel);
    color: var(--color-text-primary);
    font: inherit;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}
.telemetry-data-view[b-1hsfd3nksr]  button:hover:not(:disabled) { border-color: var(--color-accent); }
.telemetry-data-view[b-1hsfd3nksr]  button:disabled { opacity: .45; cursor: default; }
.telemetry-data-view[b-1hsfd3nksr]  button:focus-visible, .telemetry-data-view[b-1hsfd3nksr]  input:focus-visible, .telemetry-data-view[b-1hsfd3nksr]  select:focus-visible, .telemetry-data-view[b-1hsfd3nksr]  summary:focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: 3px;
}
.telemetry-data-view[b-1hsfd3nksr]  .primary { background: var(--color-accent); color: white; border-color: var(--color-accent); }
.telemetry-data-view[b-1hsfd3nksr]  .filters, .telemetry-data-view[b-1hsfd3nksr]  .filter-fields { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; }
.telemetry-data-view[b-1hsfd3nksr]  .filters { padding: 16px; border: 1px solid var(--color-border-subtle); border-radius: 8px; background: var(--color-bg-panel); }
.telemetry-data-view[b-1hsfd3nksr]  label { display: flex; flex: 1; flex-direction: column; gap: 6px; min-width: 150px; font-size: 12px; color: var(--color-text-tertiary); }
.telemetry-data-view[b-1hsfd3nksr]  input, .telemetry-data-view[b-1hsfd3nksr]  select {
    box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; height: 36px; padding: 7px;
    border: 1px solid var(--color-border-subtle); border-radius: 5px;
    background: var(--color-bg-panel); color: var(--color-text-primary); font: inherit;
}
.telemetry-data-view[b-1hsfd3nksr]  input:disabled { opacity: .65; }
.telemetry-data-view[b-1hsfd3nksr]  input[type=checkbox] { width: auto; height: auto; }
.telemetry-data-view[b-1hsfd3nksr]  label:has(input[type=checkbox]) { flex-direction: row; align-items: center; }
.telemetry-data-view[b-1hsfd3nksr]  .filters > details { flex-basis: 100%; border-top: 1px solid var(--color-border-subtle); }
.telemetry-data-view[b-1hsfd3nksr]  .filters summary { padding-top: 12px; color: var(--color-text-tertiary); cursor: pointer; }
.telemetry-data-view[b-1hsfd3nksr]  .filter-fields { padding-top: 12px; }
.telemetry-data-view[b-1hsfd3nksr]  .quick { flex-basis: 100%; flex-wrap: wrap; font-size: 12px; color: var(--color-text-tertiary); }
.telemetry-data-view[b-1hsfd3nksr]  .quick button { padding: 2px 6px; border: 0; background: none; color: var(--color-accent); }
.telemetry-data-view[b-1hsfd3nksr]  .quick > span:last-child { margin-left: auto; }
.telemetry-data-view[b-1hsfd3nksr]  .notice, .telemetry-data-view[b-1hsfd3nksr]  .error { padding: 10px 12px; border: 1px solid var(--color-border-subtle); border-radius: 6px; background: color-mix(in srgb, var(--color-accent) 8%, var(--color-bg-panel)); }
.telemetry-data-view[b-1hsfd3nksr]  .error { margin-top: 12px; border-left: 3px solid #d94848; }
.telemetry-data-view[b-1hsfd3nksr]  .caption { margin: 12px 0; font-size: 12px; overflow-wrap: anywhere; }
.telemetry-data-view[b-1hsfd3nksr]  .panel { min-width: 0; padding: 18px; border: 1px solid var(--color-border-subtle); border-radius: 9px; background: var(--color-bg-panel); }
.telemetry-data-view[b-1hsfd3nksr]  .panel-heading { flex-wrap: wrap; margin-bottom: 16px; }
.telemetry-data-view[b-1hsfd3nksr]  .panel-heading > span { font-size: 12px; color: var(--color-text-tertiary); }
.telemetry-data-view[b-1hsfd3nksr]  table { min-width: 620px; border-collapse: collapse; text-align: left; }
.telemetry-data-view[b-1hsfd3nksr]  th, .telemetry-data-view[b-1hsfd3nksr]  td { padding: 12px 10px; white-space: nowrap; }
.telemetry-data-view[b-1hsfd3nksr]  th { background: var(--color-bg-base); }
.telemetry-data-view[b-1hsfd3nksr]  td button { padding: 4px 6px; border: 0; background: none; color: var(--color-accent); }
.telemetry-data-view[b-1hsfd3nksr]  .pagination { justify-content: flex-end; flex-wrap: wrap; margin-top: 16px; font-size: 12px; }
.telemetry-data-view[b-1hsfd3nksr]  .detail { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 15px; margin: 25px 0; font-size: 12px; }
.telemetry-data-view[b-1hsfd3nksr]  .detail dt { color: var(--color-text-tertiary); }
.telemetry-data-view[b-1hsfd3nksr]  .detail dd { margin: 0; overflow-wrap: anywhere; }
.telemetry-data-view[b-1hsfd3nksr]  .loading { padding: 20px; }
.telemetry-data-view[b-1hsfd3nksr]  section.panel { margin: 14px 0; }
@media (max-width: 700px) {
    .telemetry-data-view[b-1hsfd3nksr]  .filters > label { flex-basis: 100%; }
    .telemetry-data-view[b-1hsfd3nksr]  .filter-fields > label { flex-basis: calc(50% - 12px); min-width: 120px; }
    .telemetry-data-view[b-1hsfd3nksr]  .quick > span:last-child { flex-basis: 100%; margin-left: 0; }
    .telemetry-data-view[b-1hsfd3nksr]  .panel { padding: 13px; }
    .telemetry-data-view[b-1hsfd3nksr]  .detail { grid-template-columns: 90px minmax(0, 1fr); }
    .telemetry-data-view[b-1hsfd3nksr]  .pagination { justify-content: flex-start; }
}

/* /Components/Shared/MarkdownEditor.razor.rz.scp.css */
[b-1hm55z96tp] .markdown-editor-video-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-image: none !important;
    color: var(--color-text-secondary) !important;
    line-height: 1 !important;
    vertical-align: top !important;
}

[b-1hm55z96tp] .markdown-editor-video-button svg {
    display: block;
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

[b-1hm55z96tp] .markdown-editor-video-dialog-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-overlay);
    backdrop-filter: blur(6px);
}

[b-1hm55z96tp] .markdown-editor-video-dialog-backdrop[hidden] {
    display: none;
}

[b-1hm55z96tp] .markdown-editor-video-dialog {
    width: min(420px, calc(100vw - 32px));
    border: 1px solid var(--color-border-default);
    border-radius: 14px;
    background: var(--color-bg-panel);
    padding: 18px;
    color: var(--color-text-primary);
}

[b-1hm55z96tp] .markdown-editor-video-dialog__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

[b-1hm55z96tp] .markdown-editor-video-dialog__title {
    font-size: 15px;
    font-weight: 600;
}

[b-1hm55z96tp] .markdown-editor-video-dialog__desc {
    margin-top: 4px;
    color: var(--color-text-tertiary);
    font-size: 12px;
}

[b-1hm55z96tp] .markdown-editor-video-dialog__close {
    border: 0;
    background: transparent;
    color: var(--color-text-tertiary);
    font-size: 22px;
    line-height: 1;
}

[b-1hm55z96tp] .markdown-editor-video-dialog__field {
    display: grid;
    gap: 7px;
    margin-bottom: 14px;
    color: var(--color-text-secondary);
    font-size: 12px;
    font-weight: 510;
}

[b-1hm55z96tp] .markdown-editor-video-dialog__field input {
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-control);
    background: var(--color-bg-base);
    padding: 8px;
    color: var(--color-text-primary);
    font-size: 12px;
}

[b-1hm55z96tp] .markdown-editor-video-dialog__error {
    margin-bottom: 12px;
    color: var(--color-status-danger);
    font-size: 12px;
}

[b-1hm55z96tp] .markdown-editor-video-dialog__actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

[b-1hm55z96tp] .markdown-editor-video-dialog__actions button {
    border: 1px solid var(--color-border-solid);
    border-radius: var(--radius-pill);
    background: var(--color-bg-panel);
    padding: 6px 14px;
    color: var(--color-text-secondary);
    font-size: 13px;
    font-weight: 510;
}

[b-1hm55z96tp] .markdown-editor-video-dialog__actions button[data-action="submit"] {
    border-color: var(--color-accent);
    background: var(--color-accent);
    color: white;
}
/* /Components/Shared/TelemetryChart.razor.rz.scp.css */
.chart-panel[b-90x28ejmn3] { position: relative; min-width: 0; padding: 20px; border: 1px solid var(--color-border-subtle); border-radius: 9px; background: var(--color-bg-panel); }
header[b-90x28ejmn3] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; }
h2[b-90x28ejmn3] { margin: 0; font-size: 15px; font-weight: 600; }
.chart-caption[b-90x28ejmn3] { margin: 8px 0 16px; color: var(--color-text-secondary); font-size: 12px; overflow-wrap: anywhere; }
.chart-canvas[b-90x28ejmn3] { width: 100%; min-width: 0; }
.chart-empty[b-90x28ejmn3] { min-height: 140px; display: flex; align-items: center; justify-content: center; color: var(--color-text-secondary); }
.chart-error[b-90x28ejmn3] { color: var(--color-text-secondary); }
details[b-90x28ejmn3] { border-top: 1px solid var(--color-border-subtle); margin-top: 12px; padding-top: 12px; }
summary[b-90x28ejmn3] { cursor: pointer; color: var(--color-accent); font-size: 12px; }
.chart-table[b-90x28ejmn3] { overflow-x: auto; margin-top: 12px; }
table[b-90x28ejmn3] { width: 100%; border-collapse: collapse; font-size: 12px; text-align: left; }
th[b-90x28ejmn3], td[b-90x28ejmn3] { padding: 8px; border-bottom: 1px solid var(--color-border-subtle); vertical-align: top; }
tbody th[b-90x28ejmn3] { font-weight: 400; overflow-wrap: anywhere; white-space: pre-wrap; min-width: 100px; }
td[b-90x28ejmn3] { min-width: 90px; }
summary:focus-visible[b-90x28ejmn3], .chart-table:focus-visible[b-90x28ejmn3] { outline: 2px solid var(--color-accent); outline-offset: 3px; }
.sr-only[b-90x28ejmn3] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 700px) { .chart-panel[b-90x28ejmn3] { padding: 14px; } }
