/* AXE Member Profiles - minimal styling */
.amp-muted { color: #6b7280; }
.amp-small { font-size: 0.9em; }
.amp-dot { margin: 0 6px; color: #9ca3af; }

.amp-box {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 14px 16px;
  margin: 10px 0;
}

.amp-notice {
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  border-radius: 12px;
  padding: 10px 12px;
  margin: 10px 0;
}

.amp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 12px;
  border: 1px solid #d1d5db;
  background: #fff;
  text-decoration: none;
  cursor: pointer;
}
.amp-btn:hover { background: #f9fafb; }
.amp-btn-primary {
  background: #111827;
  color: #fff;
  border-color: #111827;
}
.amp-btn-primary:hover { background: #0b1220; }
.amp-btn-danger {
  border-color: #fecaca;
  color: #b91c1c;
}
.amp-btn-small {
  padding: 6px 10px;
  border-radius: 10px;
  font-size: 0.9em;
}

.amp-input {
  padding: 9px 10px;
  border-radius: 12px;
  border: 1px solid #d1d5db;
  background: #fff;
}
.amp-grow { flex: 1; min-width: 180px; }

.amp-directory .amp-filters {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin: 10px 0 14px;
}
.amp-check { display: inline-flex; align-items: center; gap: 8px; }

.amp-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 980px) {
  .amp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .amp-grid { grid-template-columns: 1fr; }
}

.amp-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 200px;
}
.amp-card-top {
  display: flex;
  gap: 10px;
}
.amp-avatar img {
  border-radius: 999px;
}
.amp-avatar-lg img { width: 96px; height: 96px; }
.amp-card-title .amp-name { font-weight: 700; }
.amp-badges { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
.amp-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 12px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
}
.amp-badge-verified {
  background: #eff6ff;
  border-color: #bfdbfe;
}
.amp-card-body { flex: 1; }
.amp-card-actions { display: flex; justify-content: flex-end; }

/* =====================
   Member Directory Cards
   (more robust against theme CSS collisions)
===================== */
.amp-directory .amp-members-grid { align-items: stretch; }

.amp-directory .amp-member-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height: 0;
  text-align:left !important;
  box-shadow: 0 1px 1px rgba(0,0,0,0.02);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.amp-directory .amp-member-card:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(17,24,39,0.10);
  border-color:#d1d5db;
}

.amp-directory .amp-member-card__top{
  display:grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap:12px;
  align-items:center;
}
.amp-directory .amp-member-card__avatar img{
  width:64px;
  height:64px;
  border-radius:999px;
  object-fit:cover;
}

.amp-directory .amp-member-card__titlebar{
  display:grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
}
.amp-directory .amp-member-card__badges{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.amp-directory .amp-member-card__name{
  margin:0;
  font-weight:800;
  font-size: 1.05rem;
  line-height:1.2;
  color:#111827;
}
.amp-directory .amp-member-card__meta{
  margin-top:2px;
  color:#6b7280;
  font-size: 0.92em;
}
/* activity now sits in the header area */
.amp-directory .amp-member-card__activity{
  margin-top:6px;
  font-size: 0.9em;
  color:#6b7280;
}

.amp-directory .amp-pill{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:999px;
  font-size: 12px;
  font-weight: 700;
  border:1px solid #e5e7eb;
  background:#f9fafb;
  color:#111827;
}
.amp-directory .amp-pill--verified{
  background:#eff6ff;
  border-color:#bfdbfe;
  color:#1d4ed8;
}

.amp-directory .amp-member-metrics{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:10px;
}
.amp-directory .amp-member-metric{
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:10px 12px;
  background:#fcfcfd;
}
.amp-directory .amp-member-metric__val{
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1;
  color:#111827;
}
.amp-directory .amp-member-metric__label{
  margin-top:6px;
  font-size: 0.85em;
  color:#6b7280;
}
/* (kept for backward compatibility if an older template still prints activity in body) */
.amp-directory .amp-member-card__actions{
  display:flex;
  justify-content:center;
  margin-top:auto;
}
@media (max-width: 640px){
  .amp-directory .amp-member-card__actions{ justify-content: stretch; }
  .amp-directory .amp-member-card__actions .amp-btn{ width: 100%; }
}

.amp-pagination {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}

.amp-page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #fff;
  text-decoration: none;
  font-weight: 600;
}
.amp-page:hover { background: #f9fafb; }
.amp-page-active {
  background: #111827;
  border-color: #111827;
  color: #fff;
}

.amp-profile-hero {
  display: flex;
  gap: 14px;
  align-items: center;
  margin: 12px 0 16px;
  padding: 14px;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  background: #fff;
}
.amp-hero-name { margin: 0 0 6px; }
.amp-hero-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; }

.amp-social-buttons {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.amp-social-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  text-decoration: none;
  font-size: 0.92em;
}
.amp-social-btn:hover { background: #f3f4f6; }
.amp-social-btn .amp-ico { width: 16px; height: 16px; display: inline-block; fill: currentColor; }
.amp-social-btn span { line-height: 1; }

.amp-embed-block {
  margin-top: 12px;
  padding: 12px;
  border: 1px dashed #d1d5db;
  border-radius: 14px;
  background: #fcfcfd;
}
.amp-embed-head {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 8px;
}
.amp-embed-code {
  width: 100%;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.4;
}

.amp-embed-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.amp-embed-toggle.is-open { opacity: 0.9; }
.amp-embed-panel { margin-top: 10px; }

/* Embed Style Builder */
.amp-embed-builder { margin-top: 10px; }
.amp-embed-builder-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
@media (max-width: 980px){
  .amp-embed-builder-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .amp-embed-builder-grid{ grid-template-columns: 1fr; }
}

.amp-range-row{
  display:flex;
  gap:10px;
  align-items:center;
}
.amp-range-row input[type="range"]{
  width: 100%;
}
.amp-range-row input[type="number"]{
  width: 110px;
}

.amp-embed-colors-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:10px;
}
@media (max-width: 640px){
  .amp-embed-colors-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

.amp-color{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 10px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
}
.amp-color span{ font-weight: 600; font-size: 12px; color:#374151; }
.amp-color input[type="color"]{ width: 42px; height: 28px; border:0; background:transparent; padding:0; }

.amp-embed-builder-actions{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-end;
  margin: 8px 0 10px;
}

.amp-embed-preview-wrap{ margin-top: 10px; }
.amp-embed-preview{
  width: 100%;
  border: 0;
  border-radius: 12px;
  background: #fff;
  min-height: 320px;
}

.amp-section { margin: 18px 0; }
.amp-list { padding-left: 18px; }
.amp-statline { display: flex; flex-direction: column; gap: 6px; }

/* Achievements list (table-like, aligned columns) */
.amp-ach-table{ display:flex; flex-direction:column; gap:8px; margin:10px 0 0; }
.amp-ach-row{
  display:grid;
  /* Compact "pill" rows with centered content */
  grid-template-columns: 96px 88px 1fr 132px 160px;
  gap:10px;
  align-items:center;
  padding:7px 10px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
  font-size: 0.95rem;
  line-height: 1.25;
}
.amp-ach-date{ font-weight:800; white-space:nowrap; }
.amp-ach-place{ font-weight:800; white-space:nowrap; }
.amp-ach-tournament,
.amp-ach-location,
.amp-ach-main{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.amp-ach-discipline{ font-weight:800; text-align:center; white-space:nowrap; }
.amp-ach-location{ text-align:right; }

/* Achievements list (public profile) – one modern line per entry */
.amp-ach-row-public{
  padding:7px 10px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
  font-size: 0.95rem;
  line-height: 1.25;
}
.amp-ach-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
}
.amp-ach-chunk{ display:inline; }
.amp-ach-chunk + .amp-ach-chunk:before{
  content:" · ";
  color:#9ca3af;
  font-weight:400;
}
.amp-ach-row-public .amp-ach-tournament,
.amp-ach-row-public .amp-ach-location{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.amp-ach-row-public .amp-ach-discipline{ text-align:left; }

/* Achievements list in edit view (with actions column) */
.amp-ach-row-edit{ grid-template-columns: 120px 120px 1fr 160px 1fr 180px; }
.amp-ach-actions{ display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap; }
@media (max-width: 800px){
  .amp-ach-row{ grid-template-columns: 1fr; gap:4px; }
  .amp-ach-discipline{ text-align:left; }
  .amp-ach-location{ text-align:left; }
  .amp-ach-row-edit{ grid-template-columns: 1fr; }
  .amp-ach-actions{ justify-content:flex-start; }
}
@media (max-width: 640px){
  .amp-ach-place{ font-weight:700; color:#6b7280; }
}

.amp-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0 6px;
}
@media (max-width: 640px) {
  .amp-stats-grid { grid-template-columns: 1fr; }
}
.amp-statbox {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 12px;
  background: #fff;
}
.amp-statval { font-weight: 800; font-size: 18px; }

.amp-inline-form { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 8px 0 12px; }

.amp-form { max-width: 900px; }
.amp-field { margin: 12px 0; }
.amp-field label { display: block; font-weight: 600; margin-bottom: 6px; }
.amp-checkboxes { display: flex; gap: 12px; flex-wrap: wrap; }
.amp-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
@media (max-width: 640px){ .amp-grid-2{ grid-template-columns: 1fr; } }

.amp-edit-actions { display: flex; gap: 10px; flex-wrap: wrap; margin: 10px 0; }
.amp-actions-inline { margin-left: 10px; display: inline-flex; gap: 8px; flex-wrap: wrap; }

.amp-gate-top { display: flex; gap: 14px; align-items: center; }
.amp-gate-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }


.amp-page-nav{
  padding:6px 10px;
  font-weight:700;
}
.amp-page-ellipsis{
  padding:6px 6px;
  color:#777;
}
.amp-page-disabled{
  opacity:.45;
  cursor:not-allowed;
}
.amp-page-info{
  margin-left:6px;
}