/* AutoDescriptor admin styles (metabox + tools page)*/

.autodescriptor-metabox,
.wrap.autodescriptor-tools {
  /* no global font changes - respecting WP admin typography */
}

/* Shared utility */
.autodescriptor-row { margin: 12px 0; }
.autodescriptor-label { display: block; font-weight: 600; margin: 0 0 6px; }
.autodescriptor-help { color: #555; margin-top: 6px; }
.autodescriptor-muted { color: #666; }
.autodescriptor-count { font-variant-numeric: tabular-nums; }

/* Actions row */
.autodescriptor-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 10px;
}

/* Textarea (metabox + tools) */
.autodescriptor-textarea {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

/* Make metabox fields span full editor width */
.autodescriptor-metabox textarea.autodescriptor-textarea {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  min-height: 96px; /* rows=5-ish visual size */
  resize: vertical;
}

/* Auto suggestion box */
.autodescriptor-auto {
  background: #f6f7f7;
  padding: 12px;
  border: 1px solid #dcdcde;
  border-radius: 6px;
}

.autodescriptor-metabox .autodescriptor-auto,
.wrap.autodescriptor-tools .autodescriptor-auto {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

.autodescriptor-auto pre {
  white-space: pre-wrap;
  margin: 0;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  line-height: 1.45;
}

/* Tools page layout */
.wrap.autodescriptor-tools .description {
  margin-top: 6px;
}

/* Controls block (for future expansion) */
.autodescriptor-controls {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 14px;
}

/* Progress box */
.autodescriptor-progress {
  margin-top: 16px;
  padding: 14px;
  background: #fff;
  border: 1px solid #dcdcde;
  border-radius: 8px;
  max-width: 980px;
  box-sizing: border-box;
}

.autodescriptor-progress progress {
  width: 100%;
  max-width: 520px;
  height: 14px;
  margin: 8px 0 4px;
}

/* Breakdown box (optional) */
.autodescriptor-breakdown {
  margin-top: 10px;
  padding: 10px 12px;
  background: #f6f7f7;
  border: 1px solid #dcdcde;
  border-radius: 8px;
}

.autodescriptor-breakdown p { margin: 0 0 6px; }
.autodescriptor-breakdown ul { margin: 0; padding-left: 18px; }
.autodescriptor-breakdown li { margin: 2px 0; }

/* Log output */
.autodescriptor-log {
  margin-top: 12px;
  background: #0b0f14;
  color: #e6edf3;
  border: 1px solid #111827;
  padding: 12px;
  border-radius: 8px;
  max-width: 980px;
  max-height: 320px;
  overflow: auto;
  line-height: 1.45;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  white-space: pre-wrap;
  box-sizing: border-box;
}

/* Slightly nicer spacing for form tables on tools page */
.wrap.autodescriptor-tools .form-table th {
  width: 240px;
}

/* Make tool form inputs feel consistent */
.wrap.autodescriptor-tools input[type="number"],
.wrap.autodescriptor-tools select {
  min-height: 32px;
}

/* Responsive tweaks */
@media (max-width: 782px) {
  .wrap.autodescriptor-tools .form-table th {
    width: auto;
  }

  .autodescriptor-actions {
    gap: 6px;
  }

  .autodescriptor-progress {
    max-width: 100%;
  }

  .autodescriptor-log {
    max-width: 100%;
  }
}


/* Tools tabs: stats cards */
.autodescriptor-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 980px;
  margin-top: 14px;
}

.autodescriptor-card {
  background: #fff;
  border: 1px solid #dcdcde;
  border-radius: 10px;
  padding: 14px 16px;
}

.autodescriptor-card-label {
  color: #50575e;
  font-weight: 600;
  margin-bottom: 8px;
}

.autodescriptor-card-value {
  font-size: 32px;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

.autodescriptor-footnote {
  margin-top: 10px;
  color: #50575e;
}

/* Postbox tweaks */
.autodescriptor-postbox {
  max-width: 980px;
}

/* Danger box */
.autodescriptor-danger {
  border-left: 4px solid #d63638;
}

/* Badges */
.autodescriptor-badge {
  display: inline-block;
  border: 1px solid #dcdcde;
  border-radius: 999px;
  padding: 2px 10px;
  font-size: 12px;
  line-height: 18px;
  text-transform: lowercase;
}

.autodescriptor-badge-manual { font-weight: 600; }
.autodescriptor-badge-auto { }
.autodescriptor-badge-none { color: #646970; }

/* Details */
.autodescriptor-details-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  max-width: 980px;
  margin: 14px 0 10px;
}

.autodescriptor-details-title {
  font-weight: 600;
}

.autodescriptor-details-meta {
  color: #646970;
}

.autodescriptor-desc summary {
  cursor: pointer;
}

.autodescriptor-desc-full {
  margin-top: 8px;
  padding: 10px 12px;
  background: #f6f7f7;
  border: 1px solid #dcdcde;
  border-radius: 8px;
  white-space: pre-wrap;
}

@media (max-width: 782px) {
  .autodescriptor-cards {
    grid-template-columns: 1fr;
  }
}