:root {
  --ok-page: #07100d;
  --ok-panel: #101a17;
  --ok-panel-2: #14211d;
  --ok-text: #f6f8f7;
  --ok-muted: #9eaaa6;
  --ok-line: rgba(255,255,255,.12);
  --ok-green: #72e6a5;
}
.okmesh-tool-nav {
  position: relative; z-index: 20000; height: 60px; padding: 0 max(18px, calc((100vw - 1180px) / 2));
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  color: var(--ok-text); background: rgba(7,16,13,.94); border-bottom: 1px solid var(--ok-line);
  font: 600 14px/1 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  backdrop-filter: blur(20px) saturate(150%);
}
.okmesh-tool-brand { display: flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; font-size: 15px; letter-spacing: -.025em; }
.okmesh-tool-mark { width: 31px; height: 31px; display: grid; place-items: center; color: #06110c; border-radius: 10px; background: linear-gradient(135deg,#9df1bd,#34d881); }
.okmesh-tool-links { display: flex; align-items: center; gap: 6px; }
.okmesh-tool-links a { padding: 9px 12px; color: var(--ok-muted); border-radius: 999px; text-decoration: none; }
.okmesh-tool-links a:hover, .okmesh-tool-links .active { color: var(--ok-text); background: rgba(255,255,255,.08); }
.okmesh-tool-exit { color: #06110c !important; background: var(--ok-green) !important; }
body.okmesh-tool { background: var(--ok-page) !important; color: var(--ok-text) !important; }
body.okmesh-tool.tool-link .container { height: calc(100vh - 60px); }
body.okmesh-tool.tool-link .sidebar { background: var(--ok-panel); border-color: var(--ok-line); }
body.okmesh-tool.tool-link .section, body.okmesh-tool.tool-link #profile-container { background: rgba(255,255,255,.04); border: 1px solid var(--ok-line); border-radius: 16px; }
body.okmesh-tool.tool-link h1, body.okmesh-tool.tool-link .section-title { color: var(--ok-green); }
body.okmesh-tool.tool-map #header, body.okmesh-tool.tool-dashboard #header, body.okmesh-tool.tool-dashboard .header {
  background: var(--ok-panel) !important; border-bottom: 1px solid var(--ok-line) !important;
}
body.okmesh-tool.tool-map #map { height: calc(100vh - 190px); }
body.okmesh-tool.tool-map .filter-row { background: #0b1512; border-color: var(--ok-line); }
body.okmesh-tool.tool-map .stat-box, body.okmesh-tool.tool-dashboard .stat-box { border-radius: 12px; }
body.okmesh-tool.tool-map .controls select, body.okmesh-tool.tool-map .controls input,
body.okmesh-tool.tool-map .ef-btn, body.okmesh-tool.tool-map .mag-btn, body.okmesh-tool.tool-map .time-btn,
body.okmesh-tool.tool-map .month-btn { background: var(--ok-panel-2); border-color: var(--ok-line); }
body.okmesh-tool.tool-dashboard main { min-height: calc(100vh - 190px); }
body.okmesh-tool.tool-dashboard #chart-wrap { min-height: calc(100vh - 190px); }
body.okmesh-tool.tool-dashboard .side-panel, body.okmesh-tool.tool-dashboard .panel { background: var(--ok-panel) !important; border-color: var(--ok-line) !important; }
body.okmesh-tool.tool-dashboard .card, body.okmesh-tool.tool-dashboard .panel-card,
body.okmesh-tool.tool-dashboard .metric, body.okmesh-tool.tool-dashboard .pump-card { border-color: var(--ok-line) !important; border-radius: 16px !important; }
body.node-tool #app { height: calc(100% - 60px); }
body.node-tool.embedded-tool .okmesh-tool-nav { display: none; }
body.node-tool.embedded-tool #app { height: 100%; }
@media (max-width: 700px) {
  .okmesh-tool-nav { padding: 0 12px; }
  .okmesh-tool-links a:not(.okmesh-tool-exit) { display: none; }
  .okmesh-tool-exit { padding: 9px 11px !important; }
  body.okmesh-tool.tool-map #map { height: max(480px, calc(100vh - 250px)); }
}