/* List Your Brand — Extra Styles */

/* Category Checkbox (Custom UI) */
.cat-checkbox { border: 1px solid #ddd !important; border-radius: 6px !important; transition: all 0.2s !important; }
.cat-checkbox:hover { border-color: #C8A96E !important; }
.cat-checkbox:has(input:checked) { background: #FAF6EC; border-color: #C8A96E !important; }
.cat-checkbox input[type="checkbox"] { display: none !important; }

/* Success Card */
.form-success { max-width: 800px !important; }
.form-success .credentials {
  background: #FAF6EC !important;
  color: #333 !important;
  border: 1px solid #C8A96E !important;
  border-radius: 8px;
  padding: 24px;
  margin: 24px 0;
  text-align: left;
  font-family: 'Inter', 'Noto Sans KR', sans-serif !important;
}
.form-success .credentials p {
  color: #555 !important;
  margin-bottom: 14px;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.form-success .credentials p:last-child { margin-bottom: 0; }
.form-success .credentials strong {
  color: #111 !important;
  font-weight: 600;
  font-family: 'Courier New', monospace;
  background: #fff;
  padding: 4px 10px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  flex: 1;
  min-width: 0;
}
@media (min-width: 768px) {
  .form-success .credentials p { flex-wrap: nowrap !important; }
  .form-success .credentials strong {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.form-success .copy-btn {
  background: #C8A96E;
  color: #fff;
  border: none;
  padding: 6px 14px;
  border-radius: 4px;
  font-size: 0.78rem;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
  transition: background 0.2s;
}
.form-success .copy-btn:hover { background: #b8994e; }
.form-success .copy-btn.copied { background: #10b981; }

/* Warning icon — 30% size */
.form-success .fa-exclamation-triangle {
  font-size: 0.3rem !important;
  margin-right: 6px;
  vertical-align: middle;
}

/* Go to Brand Portal — centered, 50% size */
.form-success .portal-btn {
  display: block !important;
  width: fit-content;
  margin: 16px auto !important;
  padding: 7px 18px !important;
  font-size: 0.85rem !important;
  text-align: center;
}