/* Base font size controlled by CSS variable */
.cc-amm{ font-size: var(--cc-amm-font-size, 16px); }

.cc-amm{border:1px solid #e5e5e5;padding:12px;border-radius:10px}
.cc-amm-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cc-amm-input{flex:1;min-width:260px;padding:10px;border:1px solid #ddd;border-radius:8px;background:#fafafa}
.cc-amm-btn{padding:10px 14px;border-radius:8px;border:1px solid #333;background:#333;color:#fff;cursor:pointer}
.cc-amm-btn[disabled]{opacity:.45;cursor:not-allowed}
.cc-amm-hint{margin-top:8px;font-size:13px;opacity:.85}
.cc-amm-hint--error{color:#b00020;opacity:1}
.cc-amm-results{margin-top:14px}
.cc-amm-meta{font-weight:600;margin-bottom:10px}
.cc-amm-group{margin:14px 0}
.cc-amm-group h4{margin:0 0 8px 0}
.cc-amm-table{width:100%;border-collapse:collapse}
.cc-amm-table th,.cc-amm-table td{border:1px solid #e5e5e5;padding:8px;text-align:left;vertical-align:top}
.cc-amm-empty{opacity:.8}
.cc-amm-debug{margin-top:10px}
.cc-amm-debug-pre{background:#111;color:#0f0;padding:10px;border-radius:8px;overflow:auto;font-size:12px}

/* UX toolbar for view page */
.cc-amm-toolbar{
  display:flex;
  align-items:flex-start;
  gap:16px;
  justify-content:space-between;
  flex-wrap:wrap;
  margin: 8px 0 16px 0;
  padding: 12px 14px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  background: rgba(0,0,0,.02);
}
.cc-amm-back{
  text-decoration:none;
  font-weight:600;
}
.cc-amm-titlewrap{
  flex:1;
  min-width: 260px;
}
.cc-amm-title{
  margin:0;
  line-height:1.2;
}
.cc-amm-subtitle{
  margin-top:6px;
  font-size: 0.92em;
  opacity: .8;
}

/* Tables readability */
.cc-amm-group{ margin: 18px 0; }
.cc-amm-group h4{ margin: 0 0 10px 0; }
.cc-amm-table{ width:100%; border-collapse: collapse; }
.cc-amm-table th, .cc-amm-table td{ padding: 8px 10px; border-bottom: 1px solid rgba(0,0,0,.08); vertical-align: top; }
.cc-amm-table thead th{ border-bottom: 2px solid rgba(0,0,0,.12); text-align:left; }