/* The studio shell owns navigation. Individual controllers own their panels. */
.local-preview-notice { margin: 0; padding: 10px 28px; background: #193044; border-bottom: 1px solid #39536a; color: #c5def0; font-size: 12px; }
.studio-layout { display: grid; grid-template-columns: minmax(0, 1fr); max-width: 1440px; margin: auto; min-height: calc(100svh - 72px); }
.studio-layout[data-authenticated='true'] { grid-template-columns: 260px minmax(0, 1fr); }
.studio-content { min-width: 0; }
.studio-sidebar { display: flex; flex-direction: column; position: sticky; top: 0; height: calc(100svh - 72px); padding: 28px 18px; background: #111a28; border-right: 1px solid var(--line); overflow-y: auto; }
.studio-navigation { display: grid; gap: 6px; padding-bottom: 24px; }
.studio-navigation :is(a, button) { width: 100%; padding: 12px 14px; border-radius: 7px; text-align: left; font-size: 13px; font-weight: 700; color: var(--muted); }
.studio-navigation :is(a, button):hover { background: var(--raised); color: var(--text); }
.studio-navigation [aria-current='page'] { background: #e7c48a19; color: var(--accent); box-shadow: inset 3px 0 var(--accent); }
#posts-navigation { padding-top: 24px; border-top: 1px solid var(--line); }
#posts-navigation .sidebar-heading h2 { font-size: 17px; }
#posts-navigation .sidebar-heading .eyebrow { display: none; }
#posts-navigation .sidebar-heading { margin-bottom: 12px; }
#post-list { display: grid; gap: 6px; align-content: start; }
#post-list .post-row {
  margin: 0;
  padding: 10px 11px;
  border: 1px solid #ffffff14;
  border-radius: 7px;
  background: #182334;
  box-shadow: 0 2px 3px #00000018;
}
#post-list .post-row strong {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.35;
}
#post-list .post-row > span { margin-top: 5px; gap: 6px; flex-wrap: wrap; line-height: 1.3; }
#post-list .post-row:hover { background: #203047; border-color: #ffffff29; }
#post-list .post-row.selected { background: #263449; border-color: #e7c48a80; box-shadow: inset 3px 0 var(--accent); }
.studio-sidebar .sidebar-footer { padding-top: 28px; }
.studio-content .security-panel { margin-inline: auto; width: calc(100% - 48px); }
#comments-panel { max-width: 1100px; }
@media (max-width: 760px) {
  .studio-layout[data-authenticated='true'] { grid-template-columns: minmax(0, 1fr); }
  .studio-sidebar { position: static; height: auto; border-right: 0; border-bottom: 1px solid var(--line); padding: 20px; }
  .studio-navigation { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 16px; }
  .studio-navigation :is(a, button) { width: auto; }
  .studio-sidebar > .eyebrow { margin-bottom: 12px; }
  #post-list { max-height: 180px; overflow-y: auto; }
  .studio-sidebar .sidebar-footer { flex-direction: row; align-items: center; padding: 16px 0 0; }
  .studio-sidebar .sidebar-footer button { margin-left: auto; }
  .studio-content .editor { padding: 28px 20px; }
}