/* v2.2.0-beta.39 - Server File Tree card order fix
   Target: /admin/dns-settings#server-file-tree
   Goal: Choose File/upload card above Current Folder card, never beside it. */

#server-file-tree .bc-file-tree-stack-layout,
.bc-file-tree-stack-layout {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 1rem !important;
  width: 100% !important;
  max-width: 100% !important;
}

#server-file-tree .bc-file-tree-stack-layout > *,
.bc-file-tree-stack-layout > * {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
}

#server-file-tree .bc-file-tree-upload-card,
.bc-file-tree-upload-card {
  order: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
}

#server-file-tree .bc-file-tree-current-folder-card,
.bc-file-tree-current-folder-card {
  order: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
}

#server-file-tree .bc-file-tree-editor-card,
.bc-file-tree-editor-card {
  order: 3 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Bootstrap/grid overrides when the two cards were rendered as columns. */
#server-file-tree .bc-file-tree-stack-layout > [class*="col-"],
.bc-file-tree-stack-layout > [class*="col-"],
#server-file-tree .bc-file-tree-stack-layout > .col,
.bc-file-tree-stack-layout > .col {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Keep the upload/new-folder controls stacked inside the top card. */
#server-file-tree .bc-file-tree-upload-card form,
#server-file-tree .bc-file-tree-upload-card .row,
#server-file-tree .bc-file-tree-upload-card .d-flex,
#server-file-tree .bc-file-tree-upload-card .input-group,
.bc-file-tree-upload-card form,
.bc-file-tree-upload-card .row,
.bc-file-tree-upload-card .d-flex,
.bc-file-tree-upload-card .input-group {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0.55rem !important;
}

#server-file-tree .bc-file-tree-upload-card input,
#server-file-tree .bc-file-tree-upload-card button,
#server-file-tree .bc-file-tree-upload-card .btn,
#server-file-tree .bc-file-tree-upload-card .form-control,
.bc-file-tree-upload-card input,
.bc-file-tree-upload-card button,
.bc-file-tree-upload-card .btn,
.bc-file-tree-upload-card .form-control {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}