/* Quiet defaults; secondary information remains available through disclosures. */
.app-shell { grid-template-columns: 184px minmax(0, 1fr); }
.sidebar { padding: 28px 12px 20px; background: var(--canvas); }
.brand { gap: 8px; }
.brand-name { font-size: 24px; }
.sidebar nav { margin-top: 40px; }
.nav-item { padding: 11px 12px; font-size: 13px; }
.nav-item.active { background: #e7ece2; border-color: transparent; }
.sidebar-bottom { padding: 16px 8px 0; }
.sidebar-bottom .local-status { margin: 12px 0 0 12px; font-size: 10px; }
.topbar { min-height: 64px; height: auto; padding: 14px 36px; background: transparent; }
.workspace-name { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; color: var(--muted); font-size: 12px; min-width: 0; overflow-wrap: anywhere; }
.top-actions { gap: 6px; flex-shrink: 0; }
.workspace > main { max-width: 1376px; padding: 32px 36px 40px; }
.page-header { margin-bottom: 24px; align-items: center; gap: 16px; }
.page-title { font-size: 30px; letter-spacing: -.6px; margin: 0; }
.page-description { margin-top: 8px; font-size: 12px; }
.panel { border-radius: 6px; }
.panel-header { padding: 16px 20px; }
.panel-body { padding: 20px; }
.work-grid { grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr); }
.editor { min-height: 400px; font-size: 14px; }
.note-title-input { font-size: 21px; }
.quiet-details { margin: 0; padding: 14px 0; border-top: 1px solid var(--line-soft); color: var(--muted); font-size: 12px; }
.quiet-details > summary { cursor: pointer; width: fit-content; max-width: 100%; line-height: 1.6; color: var(--muted); }
.quiet-details > summary:hover { color: var(--ink); }
.quiet-details[open] > summary { color: var(--ink); }
.quiet-details > summary::marker { font-size: 10px; color: var(--muted); }
.detail-value { margin-left: 8px; font-size: 10px; color: var(--muted); }
.detail-content { display: grid; gap: 16px; padding-top: 16px; }
.detail-content > .button { justify-self: start; }
.note-library { padding: 0 0 16px; border: 0; }
.note-library .note-selectors { margin: 12px 0 0; }
.version-fields { padding-top: 12px; }
.toolbar .status-line { margin: 0; }
.saved-source.quiet-details { padding: 16px 20px; background: transparent; }
.saved-source .source-list { margin-top: 12px; }
.map-caption { margin: 0; font-size: 11px; line-height: 1.6; color: var(--muted); }
.map-body { padding: 16px 20px 0; }
.map-canvas { max-width: 380px; }
.map-body .quiet-details { padding: 16px 0; }
.evidence-panel { padding: 0; background: var(--surface); }
.evidence-panel .panel-body { padding: 16px 20px; }
.evidence-meta { margin-bottom: 12px; }
.evidence-actions { display: flex; gap: 8px; }
.evidence-actions .select { width: auto; flex: 1; min-width: 0; font-size: 11px; }
.evidence-actions .button { flex: 0 0 auto; }
@media (max-width: 1100px) {
  .app-shell { grid-template-columns: 168px minmax(0, 1fr); }
  .topbar { padding: 14px 24px; }
  .workspace > main { padding: 28px 24px; }
  .work-grid { gap: 18px; }
}
@media (max-width: 800px) {
  .app-shell { display: block; }
  .sidebar { height: auto; position: static; padding: 16px 20px 10px; border: 0; border-bottom: 1px solid var(--line); }
  .sidebar nav { margin-top: 16px; }
  .sidebar .nav-list { display: flex; flex-direction: row; gap: 4px; margin: 0; }
  .sidebar .nav-list li { flex: 1; }
  .nav-item { justify-content: center; padding: 10px 8px; font-size: 12px; }
  .sidebar-bottom { display: none; }
  .topbar { padding: 12px 20px; gap: 12px; flex-wrap: wrap; }
  .workspace-name { font-size: 11px; }
  .workspace > main { padding: 24px 20px; }
  .work-grid { grid-template-columns: minmax(0, 1fr); }
  .editor { min-height: 300px; }
}
@media (max-width: 480px) {
  .sidebar { padding: 16px 12px 8px; }
  .nav-item { gap: 6px; font-size: 11px; }
  .nav-icon { width: 15px; flex-basis: 15px; }
  .nav-icon svg { width: 15px; height: 15px; }
  .topbar { padding: 12px 16px; }
  .workspace-name { width: 100%; justify-content: space-between; gap: 8px; }
  .top-actions { width: 100%; justify-content: flex-end; }
  .top-actions .mobile-tools { margin-right: auto; }
  .workspace > main { padding: 22px 16px; }
  .page-title { font-size: 27px; }
  .page-header { gap: 10px; }
  .page-header .button { font-size: 11px; padding: 7px 9px; }
  .panel-header, .panel-body { padding: 16px; }
  .map-body { padding-bottom: 0; }
  .map-caption { font-size: 10px; }
  .note-title-input { font-size: 20px; }
  .detail-value { display: inline-block; }
  .evidence-meta { flex-direction: row; flex-wrap: wrap; align-items: center; }
}