@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root,[data-theme=light]{--bg-app:#f4f6f9;--bg-surface:#fff;--bg-card:#fff;--bg-row:#fff;--bg-row-alt:#fcfdfe;--bg-row-hover:#f1f5fa;--bg-header:#051d3b;--bg-section:#051d3b;--bg-control:#f1f5f9;--bg-control-hover:#e2e8f0;--navy-main:#051d3b;--navy-light:#0d2c54;--navy-subtle:#e8eef6;--gold-accent:#f8c008;--gold-hover:#e5b004;--gold-bg:#f8c00826;--gold-border:#f8c008;--border-line:#e2e8f0;--border-subtle:#f1f5f9;--border-focus:#051d3b;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--text-main:#051d3b;--text-secondary:#334155;--text-muted:#64748b;--text-dim:#94a3b8;--col-up:#10b981;--col-up-bg:#10b9811f;--col-up-text:#047857;--col-down:#ef4444;--col-down-bg:#ef44441f;--col-down-text:#b91c1c;--col-warn:#f8c008;--col-warn-bg:#f8c00826;--col-warn-text:#b45309;--col-info:#0284c7;--col-info-bg:#0284c71f;--col-info-text:#0369a1;--shadow-sm:0 1px 2px #051d3b0a;--shadow-md:0 3px 8px #051d3b14;--shadow-lg:0 6px 18px #051d3b1f}[data-theme=dark]{--bg-app:#070e17;--bg-surface:#0e1a2b;--bg-card:#0e1a2b;--bg-row:#0e1a2b;--bg-row-alt:#101e30;--bg-row-hover:#16273d;--bg-header:#051221;--bg-section:#051221;--bg-control:#13243a;--bg-control-hover:#1b3250;--navy-main:#f1f5f9;--navy-light:#162a45;--navy-subtle:#13243a;--gold-accent:#f8c008;--gold-hover:#fad043;--gold-bg:#f8c00826;--gold-border:#f8c008;--border-line:#1c304a;--border-subtle:#132338;--border-focus:#f8c008;--text-main:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-dim:#64748b;--col-up:#10b981;--col-up-bg:#10b98138;--col-up-text:#34d399;--col-down:#ef4444;--col-down-bg:#ef444447;--col-down-text:#fca5a5;--col-warn:#f8c008;--col-warn-bg:#f8c00840;--col-warn-text:#fde047;--col-info:#38bdf8;--col-info-bg:#38bdf838;--col-info-text:#7dd3fc;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;max-width:100%;overflow-x:hidden}body{background-color:var(--bg-app);width:100%;max-width:100%;min-height:100vh;color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:12px;line-height:1.35;transition:background-color .2s,color .2s;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-control)}::-webkit-scrollbar-thumb{background:var(--border-line);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.noc-topbar-unified{z-index:100;background:var(--bg-header);border-bottom:2px solid var(--gold-accent);justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:100%;height:40px;padding:0 12px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #00000026}.noc-brand-compact{color:#fff;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.noc-brand-badge{background:var(--gold-accent);color:#051d3b;border-radius:3px;padding:1px 5px;font-size:9.5px;font-weight:800}.noc-nav-links{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:1;align-items:center;gap:2px;height:40px;display:flex;overflow-x:auto}.noc-nav-links::-webkit-scrollbar{display:none}.noc-nav-item{color:#d1dced;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;flex-shrink:0;align-items:center;gap:5px;height:100%;padding:0 8px;font-size:11.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.noc-nav-item:hover{color:#fff;background:#ffffff0d}.noc-nav-item.active{color:var(--gold-accent);border-bottom-color:var(--gold-accent);background:#f8c00814;font-weight:700}.noc-status-strip{scrollbar-width:none;flex-shrink:1;align-items:center;gap:4px;display:flex;overflow-x:auto}.noc-status-strip::-webkit-scrollbar{display:none}.noc-pill{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;border-radius:3px;flex-shrink:0;align-items:center;gap:4px;padding:2px 6px;font-size:10.5px;font-weight:600;display:inline-flex}.noc-pill.up{color:#34d399;background:#10b9812e}.noc-pill.down{color:#fca5a5;background:#ef444440;animation:1.5s infinite pulse-blink}.noc-pill.warn{color:var(--gold-accent);background:#f8c00840}.noc-pill.total{color:#e2e8f0;background:#ffffff14}.noc-pill-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.noc-pill.up .noc-pill-dot{background:#34d399}.noc-pill.down .noc-pill-dot{background:#f87171;box-shadow:0 0 5px #f87171}.noc-pill.warn .noc-pill-dot{background:var(--gold-accent)}.noc-pill.total .noc-pill-dot{background:#cbd5e1}@keyframes pulse-blink{0%,to{opacity:1}50%{opacity:.6}}.noc-topbar-actions{flex-shrink:0;align-items:center;gap:5px;display:flex}.noc-theme-toggle-btn{color:#f1f5f9;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:3px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;transition:all .15s;display:inline-flex}.noc-theme-toggle-btn:hover{color:var(--gold-accent);border-color:var(--gold-accent);background:#fff3}.noc-quick-search{align-items:center;display:flex;position:relative}.noc-quick-search input{color:#fff;background:#ffffff1a;border:none;border-radius:3px;outline:none;width:120px;padding:3px 8px 3px 22px;font-size:11px;transition:width .2s}.noc-quick-search input::placeholder{color:#8da4be}.noc-quick-search input:focus{background:#ffffff2e;width:160px}.noc-quick-search svg{color:#8da4be;pointer-events:none;position:absolute;left:6px}.noc-action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:none;border-radius:3px;align-items:center;gap:4px;padding:3px 7px;font-size:10.5px;font-weight:500;transition:all .15s;display:inline-flex}.noc-action-btn:hover{color:var(--gold-accent);background:#fff3}.noc-action-btn.alarm-alert{color:#fff;background:#ef4444}.noc-app-main,.noc-container{box-sizing:border-box;flex-direction:column;gap:6px;width:100%;max-width:100%;padding:6px 12px;display:flex;overflow-x:hidden}.kiosk-mode .noc-topbar-unified,.kiosk-mode .noc-summary-bar{display:none!important}.kiosk-mode .noc-app-main{height:100vh;max-height:100vh;padding:0}.kiosk-mode .noc-canvas-wrapper{border-radius:0;height:100vh!important}.noc-summary-bar{background:var(--bg-surface);color:var(--text-muted);box-shadow:var(--shadow-sm);border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:4px 10px;font-size:11px;display:flex}.noc-summary-left{flex-wrap:wrap;flex:1;align-items:center;gap:12px;min-width:240px;display:flex}.noc-summary-val{color:var(--text-main);font-weight:700;font-family:var(--font-mono)}.noc-flat-control-strip{background:var(--bg-surface);box-shadow:var(--shadow-sm);border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:4px 8px;display:flex}.noc-flat-filter-pills{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.noc-flat-tab-pill{cursor:pointer;background:var(--bg-control);color:var(--text-secondary);white-space:nowrap;border:none;border-radius:3px;align-items:center;gap:4px;padding:2.5px 7px;font-size:10.5px;font-weight:600;transition:all .12s;display:inline-flex}.noc-flat-tab-pill:hover{background:var(--bg-control-hover);color:var(--text-main)}.noc-flat-tab-pill.active-all{color:var(--gold-accent);background:#051d3b}[data-theme=dark] .noc-flat-tab-pill.active-all{color:var(--gold-accent);background:#1c3352}.noc-flat-tab-pill.active-crit{background:var(--col-down-bg);color:var(--col-down-text)}.noc-flat-tab-pill.active-res{background:var(--col-up-bg);color:var(--col-up-text)}.noc-flat-tab-pill.active-act{background:var(--col-info-bg);color:var(--col-info-text)}.noc-flat-tab-pill.active-warn{background:var(--col-warn-bg);color:var(--col-warn-text)}.noc-flat-tab-pill .dot{border-radius:50%;width:5px;height:5px}.noc-flat-tab-pill .dot-crit{background:var(--col-down)}.noc-flat-tab-pill .dot-res{background:var(--col-up)}.noc-flat-tab-pill .dot-act{background:var(--col-info)}.noc-flat-tab-pill .dot-warn{background:var(--col-warn)}.noc-flat-tools-right{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.noc-flat-search-box{align-items:center;display:flex;position:relative}.noc-flat-search-box input{background:var(--bg-control);color:var(--text-main);border:1px solid #0000;border-radius:3px;outline:none;width:130px;padding:2.5px 20px 2.5px 22px;font-size:10.5px;transition:all .15s}.noc-flat-search-box input:focus{background:var(--bg-surface);border-color:var(--border-line);width:170px;box-shadow:var(--shadow-sm)}.noc-flat-search-box svg{color:var(--text-muted);pointer-events:none;position:absolute;left:6px}.noc-flat-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:9.5px;font-weight:700;position:absolute;right:5px}.noc-flat-clear-btn:hover{color:var(--text-main)}.noc-flat-select{background:var(--bg-control);color:var(--text-main);cursor:pointer;border:none;border-radius:3px;outline:none;padding:2.5px 6px;font-size:10.5px;font-weight:500;transition:all .12s}.noc-flat-select:hover{background:var(--bg-control-hover)}.noc-flat-date-pickers{background:var(--bg-control);border-radius:3px;align-items:center;gap:3px;padding:1.5px 5px;display:flex}.noc-flat-date-input{background:var(--bg-surface);color:var(--text-main);border:none;border-radius:2px;outline:none;padding:1.5px 3px;font-size:9.5px}.noc-flat-action-btn{background:var(--bg-control);color:var(--text-main);cursor:pointer;border:none;border-radius:3px;padding:2.5px 7px;font-size:10px;font-weight:600;transition:all .12s}.noc-flat-action-btn:hover{background:var(--bg-control-hover)}.noc-flat-action-btn.danger{color:var(--col-down-text)}.noc-flat-action-btn.danger:hover{background:var(--col-down-bg)}.noc-flat-action-btn.reset{color:var(--col-info-text)}.noc-flat-action-btn.reset:hover{background:var(--col-info-bg)}.noc-flat-table-container{background:var(--bg-surface);min-height:450px;max-height:calc(100vh - 122px);box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;border-radius:4px;width:100%;overflow:auto}.noc-ultra-dense-table{border-collapse:collapse;text-align:left;width:100%;min-width:620px;font-size:11px}.noc-ultra-dense-table thead th{z-index:10;background:var(--bg-control);color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-line);-webkit-user-select:none;user-select:none;white-space:nowrap;padding:3.5px 8px;font-size:9.5px;font-weight:700;position:sticky;top:0}.noc-log-compact-row{border-bottom:1px solid var(--border-subtle);height:19px;line-height:1.15;transition:background 80ms}.noc-log-compact-row:nth-child(2n){background:var(--bg-row-alt)}.noc-log-compact-row:hover{background:var(--bg-row-hover)!important}.noc-log-compact-row.row-crit{background:var(--col-down-bg)}.noc-log-compact-row.row-crit:hover{background:#ef444438!important}.noc-log-compact-row.row-res{background:var(--col-up-bg)}.noc-log-compact-row.row-res:hover{background:#10b98133!important}.noc-compact-pill{font-size:9.5px;font-weight:700;font-family:var(--font-mono);letter-spacing:.3px;align-items:center;gap:3px;display:inline-flex}.noc-compact-pill .dot-mini{border-radius:50%;width:4.5px;height:4.5px}.noc-msg-cell{white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:100%;font-size:11px;display:block;overflow:hidden}.noc-flat-footer-strip{background:var(--bg-surface);box-shadow:var(--shadow-sm);border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:3px 8px;display:flex}.noc-flat-pager-btn{background:var(--bg-control);color:var(--text-main);cursor:pointer;border:none;border-radius:3px;padding:2px 5px;font-size:9.5px;font-weight:600;transition:all .1s}.noc-flat-pager-btn:hover:not(:disabled){background:var(--bg-control-hover)}.noc-flat-pager-btn:disabled{opacity:.35;cursor:not-allowed}.noc-tree-table-wrapper{background:var(--bg-surface);-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-sm);border-radius:4px;width:100%;max-width:100%;overflow-x:auto}.noc-dense-table{border-collapse:collapse;text-align:left;width:100%;min-width:680px;font-size:11.5px}.noc-dense-table thead th{background:var(--bg-control);color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-line);-webkit-user-select:none;user-select:none;white-space:nowrap;padding:5px 8px;font-size:9.5px;font-weight:700}.noc-dense-table tr.group-header-row{cursor:pointer;-webkit-user-select:none;user-select:none;background:#051d3b}[data-theme=dark] .noc-dense-table tr.group-header-row{background:#0d1e34}.noc-dense-table tr.group-header-row:hover{background:#0d2c54}[data-theme=dark] .noc-dense-table tr.group-header-row:hover{background:#142d4e}.noc-dense-table tr.group-header-row td{color:var(--gold-accent);padding:4px 8px;font-size:10.5px;font-weight:700}.group-toggle-arrow{color:#fff;justify-content:center;align-items:center;width:12px;height:12px;margin-right:5px;font-size:9px;display:inline-flex}.noc-dense-table tr.device-data-row{border-bottom:1px solid var(--border-subtle);background:var(--bg-row);cursor:pointer;height:22px;transition:background 80ms}.noc-dense-table tr.device-data-row:hover{background:var(--bg-row-hover)}.noc-dense-table tr.device-data-row.is-down{background:var(--col-down-bg)}.noc-dense-table tr.device-data-row td{vertical-align:middle;white-space:nowrap;color:var(--text-main);padding:3px 8px}.cell-status-dot{vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.cell-status-dot.up{background:var(--col-up)}.cell-status-dot.down{background:var(--col-down);box-shadow:0 0 4px var(--col-down)}.cell-hostname{color:var(--text-main);text-overflow:ellipsis;align-items:center;gap:5px;max-width:320px;font-weight:600;display:inline-flex;overflow:hidden}.cell-model-chip{color:var(--text-muted);background:var(--bg-control);border-radius:2px;padding:.5px 4px;font-size:9.5px}.cell-ip{font-family:var(--font-mono);color:var(--col-info-text);font-size:10.5px}.cell-uplink{color:var(--text-muted);text-overflow:ellipsis;max-width:240px;font-size:10.5px;overflow:hidden}.cell-ping-badge{font-family:var(--font-mono);border-radius:2px;padding:.5px 5px;font-size:10px;font-weight:600;display:inline-block}.cell-ping-badge.ok{background:var(--col-up-bg);color:var(--col-up-text)}.cell-ping-badge.down{background:var(--col-down-bg);color:var(--col-down-text);font-weight:700}.cell-ping-badge.high{background:var(--col-warn-bg);color:var(--col-warn-text)}.cell-cpu-wrap{align-items:center;gap:5px;min-width:80px;display:flex}.cell-cpu-bar{background:var(--border-line);border-radius:2px;flex:1;height:4px;overflow:hidden}.cell-cpu-fill{border-radius:2px;height:100%}.cell-cpu-text{font-family:var(--font-mono);text-align:right;width:26px;color:var(--text-secondary);font-size:10.5px}.table-action-btn{background:var(--bg-control);color:var(--text-main);cursor:pointer;white-space:nowrap;border:none;border-radius:2px;padding:2px 6px;font-size:9.5px;font-weight:600;transition:all .12s}.table-action-btn:hover{color:var(--gold-accent);background:#051d3b}[data-theme=dark] .table-action-btn:hover{color:var(--gold-accent);background:#1c3352}.noc-canvas-wrapper{background:radial-gradient(circle at center, var(--bg-surface) 0%, var(--bg-app) 100%);width:100%;max-width:100%;height:calc(100vh - 95px);min-height:520px;box-shadow:var(--shadow-sm);border:1px solid var(--border-line);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;position:relative;overflow:hidden}.noc-canvas-ctrls{background:var(--bg-surface);z-index:10;box-shadow:var(--shadow-md);border:1px solid var(--border-line);border-radius:6px;flex-direction:column;gap:4px;padding:4px;display:flex;position:absolute;top:10px;right:10px}.noc-canvas-btn{background:var(--bg-control);width:28px;height:28px;color:var(--text-main);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .15s;display:flex}.noc-canvas-btn:hover{color:var(--gold-accent);background:#051d3b}[data-theme=dark] .noc-canvas-btn:hover{color:var(--gold-accent);background:#1c3352}.noc-topo-pill{background:var(--bg-surface);border:1px solid var(--border-line);border-left:4px solid var(--col-up);box-shadow:var(--shadow-md);cursor:grab;-webkit-user-select:none;user-select:none;color:var(--text-main);pointer-events:auto;touch-action:none;border-radius:6px;flex-direction:column;gap:4px;width:210px;padding:7px 9px;font-size:11px;transition:transform .1s,box-shadow .15s,border-color .15s;display:flex;position:absolute}.noc-topo-pill:active{cursor:grabbing}.noc-topo-pill:hover{box-shadow:var(--shadow-lg);border-color:var(--gold-accent);z-index:20;transform:translateY(-2px)}.noc-topo-pill.is-selected{border-color:var(--gold-accent);box-shadow:0 0 0 2px var(--gold-accent), var(--shadow-lg);z-index:25}.noc-topo-pill.is-down{border-left-color:var(--col-down);background:var(--col-down-bg);animation:1.5s infinite border-blink}.noc-topo-pill.is-warn{border-left-color:var(--col-warn)}.noc-topo-pill.is-core{border-left-color:var(--gold-accent);background:linear-gradient(135deg, var(--bg-surface) 0%, var(--gold-bg) 100%)}@keyframes border-blink{0%,to{box-shadow:0 0 8px #ef444466}50%{box-shadow:0 0 16px #ef4444cc}}.noc-topo-header{justify-content:space-between;align-items:center;gap:5px;display:flex}.noc-topo-title-wrap{flex:1;align-items:center;gap:5px;display:flex;overflow:hidden}.noc-topo-role-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.noc-topo-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:700;overflow:hidden}.noc-topo-status-tag{letter-spacing:.4px;text-transform:uppercase;border-radius:2px;flex-shrink:0;padding:1px 4px;font-size:8.5px;font-weight:800}.noc-topo-status-tag.up{background:var(--col-up-bg);color:var(--col-up-text)}.noc-topo-status-tag.down{background:var(--col-down);color:#fff}.noc-topo-sub{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:9.5px;display:flex}.noc-topo-metrics{background:var(--bg-control);font-family:var(--font-mono);border-radius:3px;justify-content:space-between;align-items:center;padding:2px 5px;font-size:10px;display:flex}.noc-topo-metric-val{align-items:center;gap:3px;display:inline-flex}.noc-link-curved{fill:none;stroke:var(--col-up);stroke-width:2px;stroke-linecap:round;transition:stroke .2s,stroke-width .2s}.noc-link-curved.is-down{stroke:var(--col-down);stroke-width:2.5px;stroke-dasharray:6 4;animation:1.5s linear infinite link-dash}.noc-link-curved.is-highlighted{stroke:var(--gold-accent);stroke-width:3.5px;filter:drop-shadow(0 0 4px var(--gold-accent))}@keyframes link-dash{to{stroke-dashoffset:-20px}}.noc-link-port-badge{font-family:var(--font-mono);fill:var(--text-secondary);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:8.5px;font-weight:700}.noc-link-port-bg{fill:var(--bg-surface);stroke:var(--border-line);stroke-width:1px;rx:3px}.noc-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.noc-drawer-content{background:var(--bg-surface);width:420px;max-width:90vw;height:100vh;color:var(--text-main);flex-direction:column;display:flex;box-shadow:-4px 0 20px #0000004d}.noc-drawer-top{color:#fff;border-bottom:2px solid var(--gold-accent);background:#051d3b;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}[data-theme=dark] .noc-drawer-top{background:#051221}.noc-drawer-inner{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex;overflow-y:auto}.noc-dialog-backdrop{z-index:300;background:#0000008c;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.noc-dialog{background:var(--bg-surface);width:480px;max-width:100%;color:var(--text-main);border-radius:4px;overflow:hidden;box-shadow:0 8px 24px #00000059}.noc-dialog-header{color:#fff;border-bottom:2px solid var(--gold-accent);background:#051d3b;justify-content:space-between;align-items:center;padding:10px 14px;font-weight:700;display:flex}[data-theme=dark] .noc-dialog-header{background:#051221}.noc-dialog-body{flex-direction:column;gap:10px;padding:14px;display:flex}.noc-dialog-footer{background:var(--bg-control);justify-content:flex-end;align-items:center;gap:6px;padding:8px 14px;display:flex}.noc-field{flex-direction:column;gap:3px;display:flex}.noc-field label{color:var(--text-main);text-transform:uppercase;font-size:9.5px;font-weight:700}.noc-control,.noc-input{background:var(--bg-control);border:1px solid var(--border-line);color:var(--text-main);border-radius:3px;outline:none;width:100%;padding:5px 8px;font-size:11.5px}.noc-control:focus,.noc-input:focus{background:var(--bg-surface);border-color:var(--gold-accent)}.noc-btn-submit,.noc-btn-primary{color:var(--gold-accent);cursor:pointer;background:#051d3b;border:none;border-radius:3px;align-items:center;gap:4px;padding:5px 12px;font-size:10.5px;font-weight:700;transition:background .12s;display:inline-flex}[data-theme=dark] .noc-btn-submit,[data-theme=dark] .noc-btn-primary{background:#1c3352}.noc-btn-submit:hover,.noc-btn-primary:hover{background:#0d2c54}.noc-btn{background:var(--bg-control);color:var(--text-main);cursor:pointer;border:none;border-radius:3px;padding:3px 8px;font-size:10.5px;font-weight:500;transition:all .12s}.noc-btn:hover{background:var(--bg-control-hover)}.noc-table-card{background:var(--bg-surface);-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-sm);border-radius:4px;width:100%;max-width:100%;overflow-x:auto}.noc-table{border-collapse:collapse;text-align:left;width:100%;min-width:680px;font-size:11.5px}.noc-table th{background:var(--bg-control);color:var(--text-main);border-bottom:1px solid var(--border-line);text-transform:uppercase;white-space:nowrap;padding:6px 10px;font-size:9.5px;font-weight:700}.noc-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-main);white-space:nowrap;padding:5px 10px}.noc-table tr:hover td{background:var(--bg-row-hover)}.noc-badge{white-space:nowrap;border-radius:2px;align-items:center;gap:3px;padding:1.5px 6px;font-size:9.5px;font-weight:700;display:inline-flex}.noc-badge.up{background:var(--col-up-bg);color:var(--col-up-text)}.noc-badge.down{background:var(--col-down-bg);color:var(--col-down-text)}.noc-badge.warn{background:var(--col-warn-bg);color:var(--col-warn-text)}.noc-badge.info{background:var(--col-info-bg);color:var(--col-info-text)}@media (max-width:1024px){.noc-topbar-unified{gap:5px;padding:0 8px}.noc-nav-item{padding:0 6px;font-size:11px}.noc-quick-search input{width:95px}.noc-quick-search input:focus{width:130px}.noc-app-main,.noc-container{padding:6px 8px}}@media (max-width:768px){.noc-topbar-unified{flex-wrap:wrap;gap:5px;height:auto;min-height:auto;padding:5px 8px}.noc-brand-compact{font-size:11.5px}.noc-nav-links{border-top:1px solid #ffffff14;order:3;width:100%;height:32px;padding-top:2px}.noc-status-strip{order:2;margin-left:auto}.noc-topbar-actions{order:2}.noc-flat-control-strip{flex-direction:column;align-items:stretch}.noc-flat-tools-right{justify-content:space-between}.noc-drawer-content{width:100vw;max-width:100vw}.noc-canvas-wrapper{height:calc(100vh - 140px)}}@media (max-width:480px){.noc-brand-compact span:last-child{display:none}.noc-pill span:not(.noc-pill-dot){font-size:9.5px}.noc-action-btn span,.noc-theme-toggle-btn span{display:none}.noc-action-btn,.noc-theme-toggle-btn{padding:3px 5px}.noc-dialog{width:96vw;margin:4px}}