@import url('/static/css/admin.css?v=1.6.0');

.sidebar .brand{
  line-height:1.2;
}

@media (max-width: 980px){
  .admin-shell{
    display:block;
  }
  .sidebar{
    position:sticky;
    top:0;
    z-index:20;
    width:100%;
    border-right:0;
    border-bottom:1px solid var(--line);
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(14px);
  }
  .sidebar .nav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding-bottom:14px;
  }
  .sidebar .nav a{
    text-align:center;
  }
  .main{
    padding:16px;
  }
  .topbar{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
  }
  .topbar .actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .panel{
    padding:16px;
    border-radius:18px;
  }
  .grid,
  .grid.two,
  .grid.three{
    grid-template-columns:1fr !important;
  }
  .inline{
    flex-wrap:wrap;
  }
}

@media (max-width: 640px){
  .sidebar .nav{
    grid-template-columns:1fr;
  }
  .topbar h1{
    font-size:24px;
  }
  .table-wrap{
    overflow:auto;
  }
  table{
    min-width:760px;
  }
}
