@use "variables";
@use "mixins";
@use "utilities";
@use "components/sidebar";
@use "components/tickets";
@use "components/diagnostics";

body {
  background: variables.$color-bg;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: #111827;
  margin: 0;
}

.admin { display: flex; }
.content { flex: 1; padding: variables.$spacing-md; }

.layout {
    display: flex;
    min-height: 100vh;
}

.sidebar {
    width: 260px;
    flex-shrink: 0;
}

.content {
    flex: 1;
    min-width: 0;
}

@media (max-width: 768px) {
  .sidebar { position: fixed; left: -100%; transition: left .2s; }
  .sidebar.open { left: 0; }
  .content { margin-left: 0; }
}