.logo-admin-workspace {
  margin-top: 1.5rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid rgba(200, 162, 74, .26);
  border-radius: 1.25rem;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(244,246,249,.9));
  box-shadow: 0 18px 50px rgba(21, 30, 42, .08);
}

.logo-admin-header,
.logo-admin-workspace > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}

.logo-admin-header h3,
.logo-admin-workspace > header h4 { margin: 0; color: #182331; font-size: clamp(1.2rem, 2vw, 1.55rem); }
.logo-admin-header p,
.logo-admin-workspace > header p { margin: .35rem 0 0; color: #5d6774; max-width: 60rem; }
.logo-admin-count { display: inline-flex; align-items: center; min-height: 2rem; padding: .35rem .65rem; border-radius: 999px; background: #182331; color: #fff; font-size: .8rem; font-weight: 700; white-space: nowrap; }

.logo-admin-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .9rem 1rem;
}

.logo-admin-grid label { display: grid; gap: .4rem; color: #253141; font-size: .9rem; font-weight: 650; }
.logo-admin-grid input,
.logo-admin-grid select,
.logo-admin-grid textarea {
  width: 100%;
  min-height: 2.65rem;
  padding: .65rem .75rem;
  border: 1px solid #d7dde5;
  border-radius: .7rem;
  background: #fff;
  color: #162130;
  font: inherit;
}

.logo-admin-grid textarea { min-height: 5.5rem; resize: vertical; }
.logo-admin-grid input:focus, .logo-admin-grid select:focus, .logo-admin-grid textarea:focus { outline: 3px solid rgba(200,162,74,.22); border-color: #b68a2a; }
.logo-admin-wide { grid-column: 1 / -1; }
.logo-admin-help { color: #667383; font-size: .82rem; font-weight: 500; line-height: 1.45; }
.logo-admin-warning { margin: 0 0 1rem; padding: .75rem .9rem; border-left: 3px solid #b68a2a; background: #fff8e7; color: #57451e; border-radius: .45rem; line-height: 1.5; }
.logo-admin-actions { display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; margin-top: 1rem; }
.logo-admin-actions .button { min-height: 2.7rem; }
.logo-admin-status,
.logo-admin-feedback { min-height: 1.4rem; margin: .8rem 0 0; color: #4d5b69; font-size: .9rem; }
.logo-admin-status[data-state="error"], .logo-admin-feedback[data-state="error"] { color: #a33434; }
.logo-admin-status[data-state="success"], .logo-admin-feedback[data-state="success"] { color: #1f6a47; }

.logo-admin-records { margin-top: 1.5rem; border-top: 1px solid #e2e7ed; padding-top: 1rem; }
.logo-admin-records h4 { margin: 0 0 .75rem; color: #253141; }
.logo-admin-empty { margin: 0; color: #687484; }
.logo-admin-record-list { display: grid; gap: .65rem; }
.logo-admin-record { display: grid; grid-template-columns: auto 1fr auto; gap: .8rem; align-items: center; padding: .75rem; border: 1px solid #e2e7ed; border-radius: .75rem; background: rgba(255,255,255,.78); }
.logo-admin-record-preview { width: 3rem; height: 3rem; display: grid; place-items: center; border-radius: .55rem; overflow: hidden; background: #182331; color: #fff; font-weight: 700; }
.logo-admin-record-preview img { width: 100%; height: 100%; object-fit: contain; }
.logo-admin-record strong { display: block; color: #1d2938; }
.logo-admin-record small { display: block; margin-top: .15rem; color: #687484; line-height: 1.4; }
.logo-admin-badge { display: inline-flex; align-items: center; margin-left: .4rem; padding: .16rem .4rem; border-radius: 999px; background: #eef2f6; color: #586577; font-size: .72rem; font-weight: 700; }
.logo-admin-badge[data-status="verified"] { background: #e6f5ed; color: #17633e; }
.logo-admin-badge[data-status="pending"] { background: #fff3d5; color: #765813; }

.eh-managed-logo { display: inline-grid; place-items: center; width: 2.1rem; height: 2.1rem; overflow: hidden; border-radius: .45rem; flex: 0 0 auto; background: rgba(24,35,49,.06); }
.eh-managed-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.eh-managed-logo-light { background: rgba(255,255,255,.12); }
.eh-managed-logo-dark { background: #182331; }
.eh-managed-logo-icon { width: 1.6rem; height: 1.6rem; }
.eh-managed-logo--large { width: 3.5rem; height: 3.5rem; border-radius: .7rem; }

@media (max-width: 840px) {
  .logo-admin-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .logo-admin-header { display: grid; }
  .logo-admin-grid { grid-template-columns: 1fr; }
  .logo-admin-record { grid-template-columns: auto 1fr; }
  .logo-admin-record > :last-child { grid-column: 2; justify-self: start; }
}
