/* Codimiq - Image Resizer (match Codimiq tools: white rounded wrapper + soft shadow) */

.codimiq-ir-card {
  background: #fff;
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 6px 22px rgba(0,0,0,.06);
  margin: 16px 0;
}

.codimiq-ir-wrapper {
  background: #fff;
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 6px 22px rgba(0,0,0,.06);
}

.codimiq-ir-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media (min-width: 880px) {
  .codimiq-ir-grid { grid-template-columns: 1fr 1fr; }
}

.codimiq-ir-col { min-width: 0; }

.codimiq-ir-label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}

.codimiq-ir-help {
  font-size: 12px;
  opacity: .75;
  margin-top: 6px;
}

.codimiq-ir-field { margin-bottom: 14px; }

.codimiq-ir-input-file {
  width: 100%;
  max-width: 100%;
}

.codimiq-ir-file-meta,
.codimiq-ir-result-meta {
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  padding: 12px;
  font-size: 13px;
  line-height: 1.5;
  background: rgba(0,0,0,.02);
  margin-bottom: 14px;
}

.codimiq-ir-file-meta:empty,
.codimiq-ir-result-meta:empty {
  display: none;
}

.codimiq-ir-fieldset {
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  padding: 12px;
  margin: 14px 0;
}

.codimiq-ir-legend {
  font-weight: 700;
  padding: 0 6px;
}

.codimiq-ir-radio {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 10px 0;
}

.codimiq-ir-radio input { margin-top: 2px; }

.codimiq-ir-radio-inline { display: inline-flex; margin-right: 12px; }

.codimiq-ir-sub {
  display: none;
  margin: 8px 0 12px 26px;
  padding: 10px;
  border-left: 3px solid rgba(0,0,0,.08);
}

.codimiq-ir-sub.is-active { display: block; }

.codimiq-ir-subtitle {
  font-weight: 600;
  margin-bottom: 8px;
}

.codimiq-ir-select {
  width: 100%;
  max-width: 220px;
}

.codimiq-ir-numberwrap {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.codimiq-ir-number {
  width: 110px;
}

.codimiq-ir-number-suffix {
  font-weight: 600;
}

.codimiq-ir-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.codimiq-ir-error {
  color: #b32d2e;
  font-size: 13px;
}

.codimiq-ir-alert {
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 13px;
  margin-top: 12px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.codimiq-ir-alert-success {
  background: #e7f7ec;
  border: 1px solid #c7ebd0;
  color: #0a5d1f;
}

.codimiq-ir-alert-warn {
  background: #fff7e6;
  border: 1px solid #ffe1a6;
  color: #7a4b00;
}

.codimiq-ir-alert .codimiq-ir-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  margin-top: 1px;
}

.codimiq-ir-download[disabled] {
  opacity: .55;
  cursor: not-allowed;
}

/* Admin settings helpers */
.codimiq-ir-settings-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: 12px;
}
@media (min-width: 960px) {
  .codimiq-ir-settings-grid { grid-template-columns: 1fr 1fr; }
  .codimiq-ir-settings-section-full { grid-column: 1 / -1; }
}

.codimiq-ir-settings-section h2 { margin-top: 0; }

.codimiq-ir-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 8px 12px 8px 0;
}

.codimiq-ir-field input[type="number"] { max-width: 140px; }

.codimiq-ir-shortcode {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  background: rgba(0,0,0,.02);
}

.codimiq-ir-shortcode-label { font-weight: 700; }