.draft-banner, .project-toolbar, .project-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.sync-bar { margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid var(--ep-gray-200); font-size: 12px; overflow-wrap: anywhere; }
.site-header { height: auto; min-height: 56px; padding-top: 12px; padding-bottom: 12px; flex-wrap: wrap; }
.header-actions { flex-wrap: wrap; justify-content: flex-end; min-width: 0; }
.header-actions .btn-header { line-height: 1.2; font-family: var(--font-sans); }
.header-actions a { display: inline-flex; align-items: center; text-decoration: none; }
.header-account { max-width: 280px; min-width: 0; font-size: 12px; line-height: 1.4; color: rgba(255,255,255,0.85); overflow-wrap: anywhere; }
.header-account[hidden], .header-actions a[hidden] { display: none; }
#sync-status { color: var(--ep-gray-600); }
#sync-status[data-error="true"] { color: var(--ep-red); }
.draft-banner { padding: 12px 0; border-bottom: 1px solid var(--ep-gray-200); margin-bottom: 20px; font-size: 13px; }
.draft-banner[hidden] { display: none; }
.draft-banner span { flex: 1 1 180px; }
.project-toolbar { margin-top: 24px; margin-bottom: 8px; }
.project-toolbar h2 { font-size: 12px; font-weight: 700; margin-right: auto; }
.project-row { flex-wrap: nowrap; padding: 12px 0; border-bottom: 1px solid var(--ep-gray-200); }
.project-info { flex: 1; min-width: 0; }
.project-name { font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.project-meta, .project-empty { font-size: 12px; color: var(--ep-gray-600); overflow-wrap: anywhere; }
.project-row .print-btn { flex-shrink: 0; }
.print-btn:disabled, .btn-header:disabled { opacity: 0.5; cursor: default; }
.project-icon { width: 32px; height: 32px; padding: 0; justify-content: center; font-size: 16px; letter-spacing: 0; }
@media (max-width: 800px) {
  .site-header { height: auto; min-height: 56px; padding: 12px 16px; flex-wrap: wrap; }
  .site-header > img { max-width: 100%; }
  .logo-sub { flex: 1; min-width: 120px; }
  .header-actions { margin-left: 0; justify-content: flex-start; }
}
@media (max-width: 400px) {
  .project-row { flex-wrap: wrap; }
  .project-info { flex-basis: 100%; }
}
@media print {
  .sync-bar, .draft-banner, #recent-projects-wrap { display: none !important; }
}