/* =========================================================
   Studio — Projects dashboard  (/studio/app/projects/)
   Pairs with studio-app.css tokens. Extends the sa-* system.
   ========================================================= */
.sp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.sp-toolbar-status{font-size:12.5px;font-weight:650;color:var(--sa-ink-3);}
.sp-newbtn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:11px;border:0;cursor:pointer;
  background:linear-gradient(135deg,var(--sa-gold),var(--sa-gold-d));color:#1a1204;font-size:13.5px;font-weight:850;
  box-shadow:0 8px 20px rgba(224,169,63,.28);transition:transform .18s,box-shadow .18s;}
.sp-newbtn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(224,169,63,.38);}

.sp-noauth{border:1px solid rgba(224,169,63,.3);background:#fdf8ec;border-radius:14px;padding:16px 18px;margin-bottom:20px;
  font-size:13px;line-height:1.55;color:var(--sa-ink-2);}

.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.sp-card{background:var(--sa-card);border:1px solid var(--sa-line);border-radius:16px;padding:20px;cursor:pointer;
  transition:transform .18s,box-shadow .18s,border-color .18s;text-decoration:none;color:inherit;display:block;}
.sp-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(7,17,31,.1);border-color:rgba(37,99,235,.28);}
.sp-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.sp-card-name{font-size:15.5px;font-weight:850;color:var(--sa-ink);letter-spacing:-.02em;}
.sp-card-status{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:999px;
  background:#eef1f6;color:#64748b;flex:none;}
.sp-card-status.draft{background:rgba(148,163,184,.15);color:#64748b;}
.sp-card-status.in_progress{background:rgba(37,99,235,.12);color:#2563eb;}
.sp-card-status.in_review{background:rgba(224,169,63,.15);color:#9a6a04;}
.sp-card-status.published{background:rgba(22,184,98,.14);color:#1f8a5b;}
.sp-card-meta{font-size:11.5px;color:var(--sa-ink-3);margin-top:6px;}
.sp-card-actions{display:flex;gap:8px;margin-top:16px;}
.sp-card-actions button{flex:1;height:32px;border-radius:8px;border:1px solid var(--sa-line);background:#fff;
  font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer;color:var(--sa-ink-2);}
.sp-card-actions button:hover{border-color:#aebfd6;}
.sp-card-actions button.danger{color:#c4604a;border-color:rgba(196,96,74,.3);}

.sp-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 28px;
  border:1.5px dashed var(--sa-line);border-radius:16px;background:#fcfbf8;}

@media (max-width:980px){.sp-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:640px){.sp-grid{grid-template-columns:1fr;}}