.dashboard-v2-page { background: var(--bg-primary); }
.dashboard-v2-page .nav { background: var(--nav-overlay); }
.dashboard-v2-page .nav-logo { min-height:44px; }
.dashboard-v2-page .main-content { padding: var(--sp-6) var(--sp-7) var(--sp-10); }
.v2-shell { width: min(100%, 1420px); margin: 0 auto; }
.v2-sidebar .sidebar-section { margin-bottom: var(--sp-5); }
.v2-sidebar-status { margin-top:auto; display:flex; align-items:flex-start; gap:10px; padding:var(--sp-3); border-top:1px solid var(--border-subtle); color:var(--text-secondary); }
.v2-sidebar-status div { min-width:0; display:flex; flex-direction:column; gap:2px; }
.v2-sidebar-status strong { font-size:.78rem; color:var(--text-primary); }
.v2-sidebar-status span:last-child { font-size:.68rem; color:var(--text-muted); line-height:1.35; }
.v2-live-dot { width:7px; height:7px; border-radius:50%; flex:0 0 7px; margin-top:5px; background:var(--success); box-shadow:0 0 0 3px rgba(16,185,129,.12); }

.v2-nav-versions { display:inline-flex; padding:3px; border:1px solid var(--border-default); border-radius:var(--radius-md); background:var(--bg-elevated); }
.v2-nav-versions a { min-width:32px; padding:4px 7px; border-radius:5px; text-align:center; color:var(--text-muted); font-size:.7rem; font-weight:750; text-decoration:none; }
.v2-nav-versions a.active { color:var(--text-primary); background:var(--bg-card); box-shadow:var(--shadow-sm); }

.v2-page-header { min-height:66px; display:flex; align-items:center; justify-content:space-between; gap:var(--sp-6); margin-bottom:var(--sp-5); }
.v2-eyebrow, .v2-section-label { color:var(--accent-bright); font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.075em; }
.v2-page-header h1 { margin:4px 0 0; font-size:1.65rem; line-height:1.15; letter-spacing:0; }
.v2-mobile-versions { display:none; }
.v2-header-actions { display:flex; align-items:center; gap:var(--sp-3); }
.v2-search { width:290px; height:44px; display:flex; align-items:center; gap:9px; padding:0 12px; border:1px solid var(--border-default); border-radius:var(--radius-md); background:var(--bg-surface); color:var(--text-muted); }
.v2-search:focus-within { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-glow); }
.v2-search svg { width:16px; height:16px; flex:0 0 auto; }
.v2-search input { width:100%; min-width:0; height:auto; min-height:0; padding:0; border:0; outline:0; background:transparent; color:var(--text-primary); font-size:.84rem; }

.v2-sample-banner { display:flex; align-items:center; justify-content:space-between; gap:var(--sp-4); min-height:42px; padding:7px 10px 7px 12px; margin-bottom:var(--sp-4); border:1px solid rgba(59,130,246,.28); border-radius:var(--radius-md); background:rgba(59,130,246,.07); }
.v2-sample-banner > div { display:flex; align-items:center; gap:var(--sp-3); color:var(--text-secondary); font-size:.78rem; }

.v2-focus { display:flex; align-items:center; justify-content:space-between; gap:var(--sp-6); padding:var(--sp-4) var(--sp-5); border:1px solid var(--border-default); border-left:3px solid var(--accent); border-radius:var(--radius-md); background:var(--bg-card); }
.v2-focus-copy { min-width:0; display:flex; align-items:center; gap:var(--sp-4); }
.v2-focus-icon { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; border-radius:var(--radius-md); color:var(--accent); background:var(--accent-glow); }
.v2-focus-icon svg { width:19px; height:19px; }
.v2-focus h2 { margin:3px 0 2px; font-size:1rem; line-height:1.3; letter-spacing:0; }
.v2-focus p { margin:0; color:var(--text-secondary); font-size:.79rem; }
.v2-focus-actions { display:flex; align-items:center; gap:var(--sp-2); flex:0 0 auto; }

.v2-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:var(--sp-5) 0; border-top:1px solid var(--border-default); border-bottom:1px solid var(--border-default); }
.v2-metric { min-width:0; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto; column-gap:var(--sp-3); padding:13px var(--sp-4); border-right:1px solid var(--border-default); text-decoration:none; color:inherit; }
.v2-metric:last-child { border-right:0; }
.v2-metric:hover { background:var(--bg-hover); }
.v2-metric span { grid-column:1; color:var(--text-secondary); font-size:.72rem; font-weight:700; }
.v2-metric strong { grid-column:2; grid-row:1 / 3; align-self:center; color:var(--text-primary); font-size:1.45rem; line-height:1; font-variant-numeric:tabular-nums; }
.v2-metric small { grid-column:1; margin-top:3px; color:var(--text-muted); font-size:.67rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.v2-grid { display:grid; grid-template-columns:minmax(0,1.75fr) minmax(310px,.72fr); gap:var(--sp-6); align-items:start; }
.v2-inbox { min-width:0; border:1px solid var(--border-default); border-radius:var(--radius-md); background:var(--bg-card); overflow:hidden; }
.v2-section-head { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:var(--sp-4); }
.v2-inbox > .v2-section-head { padding:0 var(--sp-4); }
.v2-section-head.compact { min-height:42px; }
.v2-section-head h2 { margin:0; font-size:.95rem; letter-spacing:0; }
.v2-section-head p { margin:2px 0 0; color:var(--text-muted); font-size:.72rem; }
.v2-section-head a:not(.btn) { color:var(--text-secondary); font-size:.72rem; font-weight:700; text-decoration:none; }
.v2-section-head a:not(.btn):hover { color:var(--accent); }
.v2-icon-button { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--border-default); border-radius:var(--radius-md); background:var(--bg-elevated); color:var(--text-secondary); cursor:pointer; }
.v2-icon-button:hover { color:var(--text-primary); border-color:var(--border-strong); }
.v2-icon-button svg { width:16px; height:16px; }
.v2-icon-button.loading svg { animation:v2-spin .8s linear infinite; }
@keyframes v2-spin { to { transform:rotate(360deg); } }

.v2-inbox-tabs { display:flex; align-items:center; gap:2px; min-height:42px; padding:0 var(--sp-3); border-top:1px solid var(--border-subtle); border-bottom:1px solid var(--border-default); background:var(--bg-secondary); }
.v2-inbox-tabs button { height:31px; display:flex; align-items:center; gap:6px; padding:0 10px; border:0; border-radius:6px; background:transparent; color:var(--text-muted); font-size:.74rem; font-weight:700; cursor:pointer; }
.v2-inbox-tabs button:hover { color:var(--text-primary); background:var(--bg-hover); }
.v2-inbox-tabs button.active { color:var(--text-primary); background:var(--bg-card); box-shadow:inset 0 0 0 1px var(--border-default); }
.v2-inbox-tabs span { min-width:18px; padding:1px 5px; border-radius:99px; background:var(--bg-elevated); color:var(--text-muted); font-size:.64rem; font-variant-numeric:tabular-nums; }
.v2-inbox-list { min-height:292px; }
.v2-inbox-row { min-height:66px; display:grid; grid-template-columns:32px minmax(0,1.4fr) minmax(110px,.65fr) minmax(92px,.5fr) auto; align-items:center; gap:var(--sp-3); padding:9px var(--sp-4); border-bottom:1px solid var(--border-subtle); color:inherit; text-decoration:none; }
.v2-inbox-row:last-child { border-bottom:0; }
.v2-inbox-row:hover { background:var(--bg-hover); }
.v2-row-icon { width:30px; height:30px; display:grid; place-items:center; border-radius:var(--radius-md); background:var(--bg-elevated); color:var(--text-secondary); }
.v2-row-icon svg { width:15px; height:15px; }
.v2-row-title, .v2-project-name { display:block; min-width:0; font-size:.79rem; font-weight:750; color:var(--text-primary); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.v2-row-sub, .v2-project-sub { display:block; margin-top:2px; color:var(--text-muted); font-size:.68rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.v2-row-stage { color:var(--text-secondary); font-size:.71rem; }
.v2-row-time { color:var(--text-muted); font-size:.68rem; text-align:right; }
.v2-row-action { min-width:65px; color:var(--accent-bright); font-size:.7rem; font-weight:750; text-align:right; }
.v2-status { display:inline-flex; align-items:center; gap:6px; }
.v2-status::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--text-muted); }
.v2-status.attention::before { background:var(--warning); }
.v2-status.active::before { background:var(--accent); box-shadow:0 0 0 3px var(--accent-glow); }
.v2-status.ready::before { background:var(--success); }
.v2-status.failed::before { background:var(--error); }
.v2-list-empty { min-height:250px; display:grid; place-items:center; padding:var(--sp-8); text-align:center; }
.v2-list-empty strong { display:block; margin-bottom:5px; font-size:.9rem; }
.v2-list-empty span { display:block; max-width:340px; color:var(--text-muted); font-size:.75rem; line-height:1.5; }
.v2-list-skeleton { height:66px; border-bottom:1px solid var(--border-subtle); background:linear-gradient(90deg,var(--bg-card),var(--bg-elevated),var(--bg-card)); background-size:200% 100%; animation:v2-shimmer 1.3s infinite; }
@keyframes v2-shimmer { to { background-position:-200% 0; } }

.v2-rail { min-width:0; display:flex; flex-direction:column; gap:var(--sp-6); }
.v2-rail-section { min-width:0; padding-bottom:var(--sp-4); border-bottom:1px solid var(--border-default); }
.v2-command-list { display:flex; flex-direction:column; }
.v2-command-list a { min-height:51px; display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:10px; padding:7px 2px; border-bottom:1px solid var(--border-subtle); color:inherit; text-decoration:none; }
.v2-command-list a:last-child { border-bottom:0; }
.v2-command-list a:hover strong, .v2-command-list a:hover b { color:var(--accent); }
.v2-command-icon { width:28px; height:28px; display:grid; place-items:center; border:1px solid var(--border-default); border-radius:var(--radius-md); background:var(--bg-elevated); color:var(--text-secondary); font-size:.9rem; }
.v2-command-icon.accent { border-color:transparent; background:var(--accent); color:#fff; }
.v2-command-list strong { display:block; font-size:.76rem; color:var(--text-primary); }
.v2-command-list small { display:block; margin-top:2px; color:var(--text-muted); font-size:.66rem; }
.v2-command-list b { color:var(--text-muted); font-size:1rem; font-weight:500; }
.v2-asset-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-2); }
.v2-asset-card { position:relative; aspect-ratio:4/5; overflow:hidden; border:1px solid var(--border-default); border-radius:var(--radius-md); background:var(--bg-elevated); }
.v2-asset-card img { width:100%; height:100%; object-fit:cover; }
.v2-asset-score { position:absolute; right:5px; top:5px; min-width:24px; padding:2px 4px; border-radius:4px; background:rgba(8,10,14,.82); color:#fff; font-size:.61rem; font-weight:800; text-align:center; }
.v2-asset-placeholder { width:100%; height:100%; display:grid; place-items:center; color:var(--text-muted); }
.v2-asset-placeholder svg { width:21px; height:21px; }
.v2-control-status { min-height:41px; display:grid; grid-template-columns:22px 1fr auto; align-items:center; gap:9px; border-bottom:1px solid var(--border-subtle); }
.v2-control-status:last-child { border-bottom:0; }
.v2-control-check { width:20px; height:20px; display:grid; place-items:center; border-radius:50%; background:rgba(16,185,129,.1); color:var(--success); font-size:.7rem; font-weight:900; }
.v2-control-status strong { display:block; color:var(--text-primary); font-size:.73rem; }
.v2-control-status small { display:none; }
.v2-control-status em { color:var(--success); font-size:.65rem; font-style:normal; font-weight:800; text-transform:uppercase; }

.v2-projects { margin-top:var(--sp-7); }
.v2-project-table { border-top:1px solid var(--border-default); border-bottom:1px solid var(--border-default); }
.v2-project-row { min-height:58px; display:grid; grid-template-columns:minmax(160px,1.5fr) minmax(110px,.7fr) minmax(110px,.7fr) minmax(90px,.5fr) auto; align-items:center; gap:var(--sp-4); padding:7px var(--sp-2); border-bottom:1px solid var(--border-subtle); color:inherit; text-decoration:none; }
.v2-project-row:last-child { border-bottom:0; }
.v2-project-row:hover { background:var(--bg-hover); }
.v2-project-primary { display:flex; align-items:center; gap:10px; min-width:0; }
.v2-project-thumb { width:40px; height:40px; flex:0 0 40px; display:grid; place-items:center; overflow:hidden; border:1px solid var(--border-default); border-radius:var(--radius-md); background:var(--bg-elevated); color:var(--text-muted); }
.v2-project-thumb img { width:100%; height:100%; object-fit:cover; }
.v2-project-cell { color:var(--text-secondary); font-size:.72rem; }
.v2-project-cell strong { display:block; color:var(--text-primary); font-size:.76rem; font-variant-numeric:tabular-nums; }
.v2-project-open { color:var(--accent-bright); font-size:.72rem; font-weight:750; }
.v2-footer-status { min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:var(--sp-5); margin-top:var(--sp-6); border-top:1px solid var(--border-subtle); color:var(--text-muted); font-size:.66rem; }
.v2-footer-status > div { display:flex; align-items:center; gap:8px; }
.v2-footer-status strong { color:var(--text-secondary); }

@media (max-width:1180px) {
  .v2-grid { grid-template-columns:minmax(0,1fr) 290px; gap:var(--sp-5); }
  .v2-inbox-row { grid-template-columns:32px minmax(0,1.3fr) minmax(100px,.6fr) auto; }
  .v2-row-time { display:none; }
}

@media (max-width:900px) {
  .v2-page-header { align-items:flex-start; }
  .v2-header-actions { flex-wrap:wrap; justify-content:flex-end; }
  .v2-search { width:240px; }
  .v2-grid { grid-template-columns:1fr; }
  .v2-rail { display:grid; grid-template-columns:1fr 1fr; }
  .v2-automation { grid-column:1/-1; }
}

@media (max-width:768px) {
  .dashboard-v2-page .main-content { padding:var(--sp-5) var(--sp-4) calc(74px + env(safe-area-inset-bottom,0px)) !important; }
  .dashboard-v2-page .nav-actions .avatar { display:none; }
  .v2-nav-versions { display:none; }
  .v2-mobile-versions { display:flex; align-items:center; gap:3px; margin-top:10px; color:var(--text-muted); font-size:.68rem; font-weight:700; }
  .v2-mobile-versions span { margin-right:5px; }
  .v2-mobile-versions a { min-height:44px; display:inline-flex; align-items:center; padding:0 11px; border:1px solid var(--border-default); color:var(--text-secondary); text-decoration:none; }
  .v2-mobile-versions a:first-of-type { border-radius:6px 0 0 6px; }
  .v2-mobile-versions a:last-child { margin-left:-4px; border-radius:0 6px 6px 0; }
  .v2-mobile-versions a.active { position:relative; color:var(--text-primary); border-color:var(--accent); background:var(--accent-glow); }
  .dashboard-v2-page .theme-toggle { width:44px; height:44px; }
  .v2-page-header { display:block; min-height:0; margin-bottom:var(--sp-4); }
  .v2-page-header h1 { font-size:1.42rem; }
  .v2-header-actions { display:grid; grid-template-columns:1fr auto; margin-top:var(--sp-4); }
  .v2-search { width:100%; }
  .v2-sample-banner { align-items:flex-start; }
  .v2-sample-banner > div { align-items:flex-start; flex-direction:column; gap:6px; }
  .v2-focus { display:block; padding:var(--sp-4); }
  .v2-focus-copy { align-items:flex-start; }
  .v2-focus-actions { margin-top:var(--sp-4); }
  .v2-focus-actions .btn { flex:1; }
  .v2-metrics { grid-template-columns:1fr 1fr; margin:var(--sp-4) 0; }
  .v2-metric:nth-child(2) { border-right:0; }
  .v2-metric:nth-child(-n+2) { border-bottom:1px solid var(--border-default); }
  .v2-metric { padding:11px 10px; }
  .v2-metric strong { font-size:1.22rem; }
  .v2-inbox > .v2-section-head { padding:0 var(--sp-3); }
  .v2-inbox-tabs { overflow-x:auto; padding:0 7px; scrollbar-width:none; }
  .v2-inbox-tabs::-webkit-scrollbar { display:none; }
  .v2-inbox-tabs button { flex:0 0 auto; min-height:44px; }
  .v2-icon-button { width:44px; height:44px; }
  .v2-sample-banner .btn { min-height:44px; }
  .v2-inbox-row { min-height:67px; grid-template-columns:30px minmax(0,1fr) auto; gap:10px; padding:9px var(--sp-3); }
  .v2-row-stage { grid-column:2; margin-top:-13px; font-size:.66rem; }
  .v2-row-time { display:none; }
  .v2-row-action { grid-column:3; grid-row:1 / 3; align-self:center; }
  .v2-rail { display:block; }
  .v2-rail-section { margin-top:var(--sp-6); }
  .v2-section-head a:not(.btn) { min-height:44px; display:inline-flex; align-items:center; }
  .v2-asset-strip { grid-template-columns:repeat(3,1fr); }
  .v2-project-row { grid-template-columns:minmax(0,1fr) auto; gap:var(--sp-3); padding:8px 2px; }
  .v2-projects .btn { min-height:44px; }
  .v2-project-cell:not(:last-of-type) { display:none; }
  .v2-project-open { grid-column:2; grid-row:1; }
  .v2-footer-status { align-items:flex-start; flex-direction:column; padding:10px 0; }
  .v2-footer-status > div { align-items:flex-start; flex-wrap:wrap; }
}

@media (max-width:430px) {
  .dashboard-v2-page .credits-pill { display:none; }
  .v2-header-actions { grid-template-columns:1fr; }
  .v2-header-actions .btn { width:100%; }
  .v2-focus-actions { display:grid; grid-template-columns:1fr; }
  .v2-sample-banner { display:block; }
  .v2-sample-banner .btn { width:100%; margin-top:8px; }
}
