/* Focused Studio overview */
.studio-wrap { display:flex; flex-direction:column; gap:16px; }
.studio-top { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:4px 0 12px; border-bottom:1px solid var(--border); }
.studio-top h1 { margin:0; font-size:24px; font-weight:850; letter-spacing:0; }
.studio-top-left,.studio-top-actions,.studio-automation { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.studio-simple { display:grid; gap:14px; }
.studio-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.studio-kpi { min-height:82px; display:flex; flex-direction:column; justify-content:center; padding:13px 15px; overflow:hidden; border:1px solid var(--border); border-radius:8px; background:linear-gradient(145deg,rgba(59,130,246,.1),rgba(139,92,246,.065),var(--glass)); transition:transform .2s ease,border-color .2s ease; }
.studio-kpi:hover { transform:translateY(-2px); border-color:rgba(91,140,255,.35); }
.studio-kpi b { font-size:23px; line-height:1.15; }
.studio-kpi span { margin-top:4px; color:var(--muted); font-size:10px; font-weight:750; text-transform:uppercase; }
.studio-kpi.accent b { color:var(--accent); }
.studio-kpi.ok b { color:var(--ok); }
.studio-kpi.warn b { color:var(--warn); }
.studio-card { padding:16px; border:1px solid var(--border); border-radius:8px; background:linear-gradient(150deg,rgba(59,130,246,.06),rgba(168,85,247,.04),var(--glass)); box-shadow:0 14px 34px rgba(0,0,0,.1); }
.studio-card h3 { display:flex; justify-content:space-between; gap:10px; margin:0 0 12px; font-size:14px; }
.studio-card h3 small { color:var(--muted); font-size:10px; font-weight:650; }
.studio-inbox-toolbar { display:flex; justify-content:flex-end; margin:-38px 0 10px; }
.studio-multi-inbox { max-height:390px; min-height:72px; overflow:auto; border:1px solid var(--border); border-radius:7px; background:rgba(0,0,0,.09); scrollbar-width:thin; }
.studio-inbox-row { width:100%; min-height:54px; display:grid; grid-template-columns:100px 140px minmax(0,1fr) auto; gap:10px; align-items:center; padding:9px 12px; border:0; border-bottom:1px solid var(--border); border-radius:0; background:transparent; color:var(--text); text-align:left; transition:background .16s ease,transform .16s ease; }
.studio-inbox-row:hover { background:linear-gradient(90deg,rgba(59,130,246,.12),rgba(139,92,246,.07)); transform:translateX(2px); }
.studio-inbox-handle { color:var(--accent); font-weight:750; }
.studio-inbox-name { font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.studio-inbox-preview { color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.studio-unread { min-width:20px; height:20px; display:grid; place-items:center; padding:0 6px; border-radius:10px; background:linear-gradient(135deg,var(--accent),var(--accent2)); color:white; font-size:10px; font-weight:850; }
.studio-table-wrap { overflow:auto; border:1px solid var(--border); border-radius:7px; }
.studio-table { width:100%; border-collapse:collapse; font-size:12px; }
.studio-table th { padding:8px 10px; color:var(--muted); font-size:9px; text-align:left; text-transform:uppercase; }
.studio-table td { padding:10px; border-top:1px solid var(--border); }
.studio-table tr[data-handle] { cursor:pointer; transition:background .16s ease; }
.studio-table tr[data-handle]:hover { background:rgba(59,130,246,.08); }
.studio-badge { display:inline-grid; place-items:center; min-width:18px; color:var(--muted); }
.studio-badge.on { color:var(--ok); text-shadow:0 0 9px rgba(52,211,153,.55); }
.studio-auto-pill { padding:4px 8px; border:1px solid var(--border); border-radius:999px; color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; }
.studio-auto-pill.run { border-color:rgba(52,211,153,.4); color:var(--ok); background:var(--ok-dim); }
.studio-auto-pill.pause { border-color:rgba(251,191,36,.4); color:var(--warn); }
.login-guide { padding:18px; border:1px solid rgba(251,191,36,.5); border-radius:8px; background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(236,72,153,.06),var(--glass)); }
.login-guide[hidden] { display:none!important; }
.login-guide h2 { margin:0 0 5px; font-size:17px; }
.login-steps { margin:12px 0 14px 20px; padding:0; color:var(--text); font-size:12px; line-height:1.55; }
.login-guide-actions { display:flex; flex-wrap:wrap; gap:8px; }
@media(max-width:760px) {
  .studio-top { align-items:flex-start; }
  .studio-top-actions { width:100%; }
  .studio-top-actions .btn { flex:1; }
  .studio-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .studio-inbox-row { grid-template-columns:82px minmax(0,1fr) auto; }
  .studio-inbox-preview { grid-column:2; font-size:11px; }
  .studio-inbox-name { grid-column:2; grid-row:1; }
  .studio-unread { grid-column:3; grid-row:1 / span 2; }
}