/* LC Admin styles
   Move any admin-specific styles here.
   Add selectors and rules that were previously inline or in other files.
*/

body.lc-admin {
  font-family: 'Poppins', sans-serif;
}

/* Example admin layout styles - replace with real rules as needed */
.admin-header {
  background-color: #f8f9fa;
  padding: 12px 20px;
}

.admin-sidebar {
  width: 250px;
  background: #fff;
  border-right: 1px solid #eaeaea;
}

.admin-container { display: flex; gap: 1rem; height: calc(100vh - 2rem); padding: 1rem; box-sizing: border-box; }
  .admin-left { width: 260px; border-right: 1px solid #e0e0e0; padding-right: 0.5rem; display: flex; flex-direction: column; gap: 0.5rem; }
  .left-spacer { flex: 1 1 auto; }
  .admin-tab { display: block; padding: 12px 14px; background: #f8f9fa; border: 1px solid transparent; border-radius: 6px; cursor: pointer; text-align: left; font-weight: 600; color: #343a40; }
  .admin-tab:hover { background: #eef2f5; }
  .admin-tab.active { background: #0d6efd; color: #fff; border-color: #0d6efd; }
  .admin-right { flex: 1; padding: 12px; overflow: auto; background: #ffffff; border-radius: 6px; box-shadow: 0 0 0 1px rgba(0,0,0,0.02); }
  .admin-loading { color: #666; font-style: italic; }
  .admin-logout { background:#dc3545;color:#fff;border-color:#dc3545;}
  @@media (max-width: 720px) { .admin-container { flex-direction: column; } .admin-left { width: 100%; display: flex; flex-direction: row; overflow-x: auto; gap: .5rem; } .admin-tab { white-space: nowrap; min-width: 160px; } }