/* Admin panel — reuses tokens from style.css, adds dashboard-specific pieces. */

.admin-shell{padding:48px 0 96px;}
.admin-head{
  display:flex; justify-content:space-between; align-items:center;
  margin-bottom:28px; flex-wrap:wrap; gap:14px;
}
.admin-head h1{font-size:1.7rem;}
.who-am-i{
  font-family:'JetBrains Mono',monospace; font-size:12.5px;
  color:var(--paper-ink); text-transform:capitalize;
}

#authStatus{
  font-family:'JetBrains Mono',monospace; font-size:13px;
  color:var(--paper-ink); min-height:20px; margin-bottom:18px;
}
#authStatus.error{color:var(--tag);}

#clerkSignIn{max-width:420px; margin:40px auto;}

.tab-row{
  display:flex; gap:2px; border-bottom:1px solid var(--line);
  margin-bottom:32px; flex-wrap:wrap;
}
.tab-btn{
  background:none; border:none; cursor:pointer;
  padding:12px 18px; font-size:13.5px; font-weight:600;
  color:var(--paper-ink);
  border-bottom:2px solid transparent;
  font-family:'Inter',sans-serif;
}
.tab-btn.is-active{color:var(--ink); border-bottom-color:var(--produce);}

.tab-panel{display:none;}
.tab-panel.is-active{display:block;}

.admin-panel-grid{display:grid; grid-template-columns:1fr; gap:32px;}
@media (min-width: 860px){
  .admin-panel-grid.with-form{grid-template-columns:1.3fr 1fr;}
}

.admin-card{
  background:var(--shelf); border:1px solid var(--shelf-line);
  border-radius:6px; padding:24px;
}
.admin-card h2{font-family:'Inter',sans-serif; font-weight:700; font-size:16px; margin:0 0 16px;}

.admin-row{
  display:flex; justify-content:space-between; align-items:flex-start;
  gap:12px; padding:14px 0; border-bottom:1px solid var(--shelf-line);
  flex-wrap:wrap;
}
.admin-row:last-child{border-bottom:none;}
.admin-row-main{display:flex; flex-direction:column; gap:3px;}
.admin-row-main strong{font-size:14.5px;}
.admin-row-sub{font-size:12.5px; color:var(--paper-ink);}
.admin-row-actions{display:flex; gap:8px; flex-shrink:0;}
.admin-empty{color:var(--paper-ink); font-size:13.5px; padding:8px 0;}

.btn-small{
  border:1px solid var(--line); background:#fff; color:var(--ink);
  padding:6px 12px; font-size:12.5px; border-radius:4px; cursor:pointer;
  font-family:'Inter',sans-serif; font-weight:600;
}
.btn-small:hover{border-color:var(--ink);}
.btn-danger{color:var(--tag); border-color:rgba(196,73,31,.35);}
.btn-danger:hover{border-color:var(--tag);}

.admin-form{display:flex; flex-direction:column; gap:12px;}
.admin-form label{
  display:flex; flex-direction:column; gap:6px;
  font-size:12.5px; font-weight:600; color:var(--paper-ink);
}
.admin-form input, .admin-form textarea, .admin-form select{
  font-family:'Inter',sans-serif; font-size:14px;
  padding:10px 12px; border:1px solid var(--shelf-line);
  border-radius:4px; background:#fff; color:var(--ink);
}
.admin-form textarea{min-height:80px; resize:vertical;}
.admin-form button{align-self:flex-start;}