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

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; }
}



.rundbg {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 40%;
  margin:0 auto;
  margin-top: 96px;
  background-color:#a0a0a0;
  padding-bottom: 96px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 96px;
  border-radius: 20px;
  gap: 8px;
  border-color: #000000;
  border-style: double;

  input, button {
    padding: 16px;
    font-size: 1.8rem;
    background-color: #f0f0f0;
    
    
  

  }
}