/* NodeForge · общее для скинов ZIPKA, NUBO, EMBER. Отличия скина живут в его файле, сюда попадает одинаковое у всех.
   Правило, которое отличается только значениями, живёт здесь на переменных --sk-*; сами значения в блоке переменных скина. */
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) body { background: var(--bg); font-family: var(--font); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) body.workspace { background: var(--bg); font-family: var(--font); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) h1 { font-family: var(--font-display); font-size: var(--fs-2xl); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .sidebar-brand-text { font-family: var(--font-display); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) h2 { font-weight: 700; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) h3 { font-weight: 700; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .mono { font-family: var(--font-mono); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) code { font-family: var(--font-mono); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) pre { font-family: var(--font-mono); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .modal-card { box-shadow: var(--shadow-float) !important; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .stat .n { font-family: var(--font-display); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .sidebar-logo svg { display: none; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .login-logo { height: 52px; width: 52px; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .login-logo svg { display: none; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .sidebar-brand-text small { color: var(--accent); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .nav-group.has-on .nav-gh { color: var(--accent); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .btn:not(.btn-ghost):not(.btn-danger) { border-radius: 999px; color: var(--btn-text); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) button:not(.tl-head):not(:disabled):hover { filter: none; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .btn:hover { filter: none; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .btn-ghost { border-radius: 999px; box-shadow: none; color: var(--text); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .btn-sm.btn-ghost { border-radius: 999px; box-shadow: none; color: var(--text); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .btn-danger { border-radius: 999px; box-shadow: none; color: var(--err); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .btn-sm { border-radius: 999px; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) input:not([type="checkbox"]):not([type="radio"]) { border-radius: var(--r) !important; box-shadow: none; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) select { border-radius: var(--r) !important; box-shadow: none; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) textarea { border-radius: var(--r) !important; box-shadow: none; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) td { border-top: 1px solid var(--border-subtle); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .status-chip { border-radius: 999px; font-weight: 600; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .tag { border-radius: 999px; font-weight: 600; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .badge { border-radius: 999px; font-weight: 600; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .msg { border-radius: var(--r); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) ::-webkit-scrollbar-thumb { border-radius: 999px; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .mobile-menu-btn { box-shadow: none; color: var(--text); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .nav-tool { box-shadow: none; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .stat-click { background: transparent; border: 0; box-shadow: none; color: inherit; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .node-name { background: transparent; border: 0; box-shadow: none; color: inherit; color: var(--text); padding: 0; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .node-name:hover { color: var(--accent); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .btn-icon { border-radius: 999px; box-shadow: none; color: var(--text); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .btn-icon:hover { color: var(--accent); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) button.gx-card { border-radius: var(--r-lg); color: var(--text); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) h1, html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .sidebar-brand-text { letter-spacing: var(--sk-display-ls); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) h1 { font-weight: var(--sk-h1-fw); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) ::selection { background: var(--sk-sel-bg); color: var(--sk-sel-fg); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .nav-item.on svg { stroke: var(--sk-nav-on-icon); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .nav-gi { border-left: var(--sk-nav-gi-border); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) button.nav-gh, html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) button.nav-search { border-radius: var(--sk-nav-tool-r) !important; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) button, html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .btn { font-weight: var(--sk-btn-fw); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .node-name { font-weight: var(--sk-btn-fw); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) button:not(.tl-head):not(:disabled):hover, html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .btn:hover { transform: var(--sk-hover-lift); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) input:focus, html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) select:focus, html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) textarea:focus { border-color: var(--sk-focus-border) !important; box-shadow: var(--sk-focus-ring) !important; }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) input[type="checkbox"], html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) input[type="radio"] { accent-color: var(--sk-check); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) tr:hover td { background: var(--sk-row-hover); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) ::-webkit-scrollbar-thumb { background: var(--sk-scroll); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"])[data-theme="light"] .modal, html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"])[data-theme="light"] [class*="overlay"] { background: var(--sk-overlay-light); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .mobile-menu-btn { background: var(--sk-menu-bg); border: var(--sk-ctl-border); border-radius: var(--sk-menu-r); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .btn-icon { background: var(--sk-icon-bg); border: var(--sk-ctl-border); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) .btn-icon:hover { border-color: var(--sk-hover-border); }
html:is([data-skin="zipka"],[data-skin="nubo"],[data-skin="ember"]) button.gx-card:hover { border-color: var(--sk-hover-border); }
