/* assets/admin_styles.css
   Bank-style admin theme: dark navy header, clean cards & tables.
   Save to: /assets/admin_styles.css
*/

/* Colors */
:root{
    --bg:#f3f6fb;
    --nav-bg:#0b2746; /* deep navy */
    --panel:#0f335a;
    --card:#ffffff;
    --muted:#9fb3d9;
    --accent:#2a65ff;
    --accent-2:#ff9800;
    --text:#0b1220;
    --white:#ffffff;
    --danger:#d9534f;
  }
  
  /* Reset + base */
  *{box-sizing:border-box}
  body.admin-body{
    margin:0;
    font-family:Inter, "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    background:var(--bg);
    color:var(--text);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }
  
  /* Topbar */
  .admin-topbar{
    background:linear-gradient(180deg,var(--nav-bg), #07304e);
    color:var(--white);
    padding:14px 0;
    box-shadow:0 6px 18px rgba(11,39,70,0.25);
    position:sticky;
    top:0;
    z-index:1000;
  }
  .admin-topbar-inner{
    max-width:1100px;
    margin:0 auto;
    padding:0 18px;
    display:flex;
    align-items:center;
    gap:18px;
    justify-content:space-between;
  }
  .brand{display:flex;flex-direction:column}
  .brand-title{font-weight:800;font-size:18px;letter-spacing:0.3px}
  .brand-sub{font-size:12px;color:rgba(255,255,255,0.85);margin-top:2px}
  
  /* Navigation links */
  .admin-nav{display:flex;gap:8px;align-items:center}
  .admin-nav .nav-link{
    color:rgba(255,255,255,0.85);
    text-decoration:none;
    padding:8px 12px;
    border-radius:8px;
    font-size:14px;
  }
  .admin-nav .nav-link:hover{background:rgba(255,255,255,0.04)}
  
  /* Actions */
  .admin-actions{display:flex;align-items:center;gap:10px}
  .admin-user{color:rgba(255,255,255,0.9);font-weight:600;font-size:14px}
  .btn{background:var(--accent);color:var(--white);padding:8px 12px;border-radius:10px;text-decoration:none;border:none;cursor:pointer;font-weight:600}
  .btn-ghost{background:transparent;border:1px solid rgba(255,255,255,0.12);color:var(--white);padding:7px 10px;border-radius:8px;text-decoration:none}
  
  /* Main container */
  .admin-container{max-width:1100px;margin:22px auto;padding:0 18px 80px}
  
  /* Card */
  .card{background:var(--card);border-radius:10px;padding:14px;margin-bottom:16px;box-shadow:0 6px 18px rgba(15,51,90,0.06)}
  .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
  .card-header .title{font-weight:700;color:var(--nav-bg);font-size:18px}
  .card-body{padding-top:6px}
  
  /* Tables */
  table{width:100%;border-collapse:collapse;font-size:14px}
  thead th{font-weight:700;text-align:left;padding:10px 8px;color:var(--muted);font-size:13px}
  tbody td{padding:12px 8px;border-top:1px solid #eef4fb;color:var(--text)}
  tr:nth-child(even) td{background:transparent}
  
  /* Form elements */
  input[type="text"], input[type="password"], input[type="number"], input[type="datetime-local"], select {
    width:100%;
    padding:8px 10px;
    border-radius:8px;
    border:1px solid #e3eefc;
    background:#fbfdff;
    box-shadow:none;
    font-size:14px;
    margin-top:6px;
  }
  label{font-size:13px;color:#425b78;margin-top:8px;display:block}
  
  /* Buttons inline */
  .table-actions .btn{padding:6px 10px;font-size:13px;border-radius:8px}
  .delete-btn{background:var(--danger);}
  
  /* Small helpers */
  .small-muted{color:var(--muted);font-size:13px}
  .hr{height:1px;background:#eef4fb;margin:12px 0;border-radius:2px}
  
  /* Responsive */
  @media (max-width:900px){
    .admin-topbar-inner{flex-direction:column;align-items:flex-start;gap:10px}
    .admin-nav{flex-wrap:wrap}
    .admin-container{padding:0 12px}
  }
  
  /* Utility */
  .align-right{text-align:right}
  .flex{display:flex;gap:8px;align-items:center}
  .kv{font-weight:700;color:var(--nav-bg)}