/* ============================================================
   BlackLeaf – Embed-Styles für den Windows-11-Desktop (/desktop)
   ------------------------------------------------------------
   Diese Regeln passen eine KLASSISCHE Seite an, wenn sie in einem
   Desktop-Fenster (Iframe) geladen wird. Sie greifen ausschließlich,
   wenn der <body> die Klasse `.bl-embed` trägt (wird clientseitig von
   desktop.js gesetzt). Ohne diese Klasse ist die Datei komplett inert –
   die klassische Ansicht (app.css) bleibt dadurch völlig unberührt.

   Bewusst getrennt von app.css gehalten, damit sich Desktop- und
   klassische Ansicht niemals ins Gehege kommen.
   ============================================================ */

.bl-embed .sidebar { display: none !important; }
.bl-embed .topbar { display: none !important; }
.bl-embed [class*="banner"] { display: none !important; }
.bl-embed .app-shell { grid-template-columns: 1fr !important; }
.bl-embed {
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 140px),
    var(--bg);
}
.bl-embed .app-shell {
  min-height: 100vh !important;
}
.bl-embed .workspace {
  min-width: 0;
  padding: 18px 20px 22px;
}
.bl-embed .panel:first-child,
.bl-embed .dashboard-grid:first-child,
.bl-embed .status-grid:first-child {
  margin-top: 0;
}
.bl-embed .panel {
  border-radius: 8px;
  box-shadow: none;
}
.bl-embed .panel-head {
  align-items: center;
  gap: 10px;
}
.bl-embed .panel-head h2,
.bl-embed h2 {
  font-size: 1rem;
}
.bl-embed table {
  min-width: 680px;
}

@media (max-width: 760px) {
  .bl-embed .workspace {
    padding: 12px;
  }
  .bl-embed .panel,
  .bl-embed .status-grid article {
    padding: 14px;
  }
  .bl-embed .panel-head {
    align-items: stretch;
  }
  .bl-embed table {
    min-width: 620px;
  }
}