@import "tokens-sedzgLn.css";
@import "pages-aj6Fz0i.css";
@import "file-manager-a8g1E7v.css";

/*
 * Base reset + light "Контент-панель" admin body styles.
 * Built on top of the design tokens (tokens.css) and the component layer
 * (pages.css). Light glassy theme is the default for the admin panel.
 */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-sans);
    font-size: var(--text-base);
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a {
    color: var(--color-accent);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

code,
kbd,
pre,
samp {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 600;
    line-height: 1.25;
}

/*
 * Shared admin component layer.
 *
 * The chrome (.admin-shell / .admin-sidebar / .admin-topbar / .admin-subnav /
 * .admin-flash*) and the component primitives (.ui-*, .srv-*, .hub-*, .ops-*…)
 * now live in pages.css (imported above). Per-screen styling is being migrated
 * onto that system; anything left here is base reset only.
 */