.loading-shell {
  padding: 36px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--soft-shadow);
  color: var(--deep);
  font-weight: 900;
}

.cf-hidden {
  display: none !important;
}

.cf-admin-note {
  margin: 0 0 14px;
  color: var(--muted);
  font-size: 13px;
}

.cf-compact-form {
  display: grid;
  gap: 12px;
}

.cf-compact-form textarea {
  min-height: 120px;
}

.cf-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.cf-admin-card-summary {
  display: grid;
  gap: 8px;
}

.cf-admin-card-summary h3 {
  margin: 0;
}

.cf-admin-card-summary p {
  margin: 0;
  color: var(--muted);
}

.cf-admin-card details {
  margin-top: 12px;
}

.cf-admin-card summary {
  cursor: pointer;
  color: var(--green);
  font-weight: 950;
}

.cf-file-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.cf-file-links a {
  padding: 7px 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--deep);
  background: #f8faf8;
  font-size: 12px;
  font-weight: 900;
}

.cf-toast {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 80;
  max-width: 360px;
  padding: 12px 14px;
  border: 1px solid rgba(11, 90, 52, 0.2);
  border-radius: 8px;
  color: var(--deep);
  background: #ffffff;
  box-shadow: var(--shadow);
  font-weight: 850;
}

@media (max-width: 640px) {
  .cf-inline-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .cf-inline-actions button,
  .cf-inline-actions a {
    width: 100%;
  }
}