#btn-drawio-group.is-authorized {
  display: flex !important;
}

.drawio-workspace[hidden] {
  display: none !important;
}

.drawio-workspace {
  position: fixed;
  inset: 0;
  z-index: 9000;
  display: flex;
  flex-direction: column;
  background: #f4f6f9;
  color: #1d2a38;
  font: 13px Arial, sans-serif;
}

.drawio-host-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  min-height: 55px;
  padding: 8px 12px;
  box-sizing: border-box;
  border-bottom: 1px solid #d6dfe8;
  background: #fff;
}

.drawio-host-toolbar strong { font-size: 16px; margin: 0 8px; }
.drawio-host-toolbar button,
.drawio-host-toolbar input,
.drawio-host-toolbar select {
  min-height: 34px;
  box-sizing: border-box;
  padding: 6px 9px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  background: #fff;
  color: #1d2a38;
  font: inherit;
}
.drawio-host-toolbar button { cursor: pointer; }
.drawio-host-toolbar button:disabled { opacity: .45; cursor: default; }
.drawio-host-toolbar button:hover:not(:disabled) { background: #eaf2fb; }
.drawio-host-toolbar .drawio-primary { background: #1769c2; border-color: #1769c2; color: #fff; }
.drawio-host-toolbar .drawio-primary:hover:not(:disabled) { background: #115aa8; }
#drawio-name { flex: 1 1 220px; max-width: 360px; }
#drawio-saved { max-width: 230px; }
#drawio-state { margin-left: auto; max-width: 260px; color: #5b6b7d; text-align: right; }
#drawio-frame { display: block; width: 100%; flex: 1; min-height: 0; border: 0; background: white; }

[data-theme="dark"] .drawio-workspace { background: #1c2128; color: #e6eaf0; }
[data-theme="dark"] .drawio-host-toolbar { background: #222831; border-color: #3b4653; }
[data-theme="dark"] .drawio-host-toolbar button,
[data-theme="dark"] .drawio-host-toolbar input,
[data-theme="dark"] .drawio-host-toolbar select { background: #2a323d; border-color: #4b5a6c; color: #e6eaf0; }
[data-theme="dark"] .drawio-host-toolbar .drawio-primary { background: #246fbd; }

@media (max-width: 700px) {
  .drawio-host-toolbar { gap: 5px; padding: 6px; }
  .drawio-host-toolbar strong { margin: 0 3px; }
  #drawio-name { flex-basis: 120px; }
  #drawio-state { flex-basis: 100%; max-width: none; text-align: left; }
}