/* Admin dashboard styles: simple, modern card layout */
:root{
  --primary:#3b6fd6;
  --muted:#6b7280;
  --bg:#f5f7fa;
}

.admin-dashboard {
  background: var(--bg);
  padding: 28px;
  border-radius: 10px;
  box-shadow: 0 6px 24px rgba(34,41,47,0.06);
  margin-top: 32px;
}
.admin-dashboard h1{ font-size:28px; margin-bottom:6px; color:#111827; }
.admin-dashboard p { margin-bottom:18px; }
.admin-dashboard p a{ margin-right:12px; color:var(--primary); text-decoration:none; }
.admin-dashboard p a:hover{ text-decoration:underline; }

.admin-dashboard .alert{ border-radius:8px; }

.admin-dashboard .table{ background:#fff; border-radius:8px; overflow:hidden; box-shadow: 0 2px 8px rgba(34,41,47,0.04); }
.admin-dashboard .table thead th{
  background: linear-gradient(90deg,var(--primary), #2f5ec0);
  color:#fff; border:none; vertical-align:middle; font-weight:600;
}
.admin-dashboard .table tbody td{ vertical-align:middle; }
.admin-dashboard .table tbody tr td:first-child{ width:170px; }
.admin-dashboard img{ border-radius:6px; max-width:150px; height:auto; }

.admin-dashboard .btn{ border-radius:6px; }
.admin-dashboard td .btn{ margin-right:8px; }
.admin-dashboard form{ display:inline-block; margin:0; }

.admin-dashboard .actions{ white-space:nowrap; }

/* make table horizontally scrollable on small screens */
.admin-dashboard .table-wrapper{ overflow-x:auto; }

/* small utilities */
.muted{ color:var(--muted); }

@media (max-width:768px){
  .admin-dashboard{ padding:18px; }
  .admin-dashboard img{ max-width:120px; }
}

/* preview thumbnail helper used in admin templates */
.preview-thumb{ max-width:150px; border-radius:6px; height:auto; }

/* login box styles (moved from inline in login template) */
body.login-view{ padding-top:40px; background:#f7f7f7; }
.login-box{ max-width:420px; margin:0 auto; background:#fff; padding:20px; border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0,.1); }

/* helper for upload page to hide text fields initially */
.hidden-fields{ display:none; }

/* Responsive stacked table for small screens: convert rows to cards */
@media (max-width:600px){
  .admin-dashboard .table{ border:0; }
  .admin-dashboard .table thead{ display:none; }
  .admin-dashboard .table tbody tr{
    display:block; background:#fff; margin-bottom:12px; padding:12px; border-radius:8px; border:1px solid rgba(0,0,0,0.04);
  }
  .admin-dashboard .table tbody tr td{
    display:flex; justify-content:space-between; padding:6px 0; border-bottom:1px dashed rgba(0,0,0,0.04);
  }
  .admin-dashboard .table tbody tr td:last-child{ border-bottom:0; }
  .admin-dashboard .table tbody tr td:before{
    content: attr(data-label) "";
    color:var(--muted); font-weight:600; margin-right:8px; display:inline-block; width:40%;
  }
  .admin-dashboard .table tbody tr td img{ max-width:110px; }
  .admin-dashboard .actions .btn{ display:inline-block; margin-right:8px; }
}