/*
 * Partner page. Loads after the Last Table tokens and components, which bring the hero, sections, form controls, result
 * block, chips and table. This file stacks the batch form, frames the brand fields and lays out the result list, one
 * block per domain, so it reads the same on a phone and a desktop. Only Last Table variables.
 */

.pt-form { display: grid; gap: var(--lt-space-2); }
.pt-form .lt-input { width: 100%; }
.pt-domains { min-height: 9rem; }
.pt-actions { margin: var(--lt-space-2) 0 0; }
.pt-brand {
  display: grid;
  gap: var(--lt-space-2);
  margin: var(--lt-space-4) 0 0;
  padding: var(--lt-space-4);
  border: 1px solid var(--lt-line);
  border-radius: var(--lt-radius-card);
}
.pt-brand legend { padding: 0 var(--lt-space-2); }
.pt-file { font: var(--lt-step--1) / 1.4 var(--lt-font-ui); color: var(--lt-text-2); max-width: 100%; }
.pt-file::file-selector-button {
  margin-right: var(--lt-space-3);
  padding: var(--lt-space-2) var(--lt-space-4);
  border: 1px solid var(--lt-line-strong);
  border-radius: var(--lt-radius-control);
  background: var(--lt-surface-2);
  color: var(--lt-text-1);
  font: inherit;
  cursor: pointer;
}
.pt-counts { margin: 0 0 var(--lt-space-3); }
.pt-price .lt-table th,
.pt-price .lt-table td { padding: var(--lt-space-3); }
.pt-list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--lt-line); border-radius: var(--lt-radius-card); background: var(--lt-surface-2); }
.pt-list li { padding: var(--lt-space-3) var(--lt-space-4); border-top: 1px solid var(--lt-line); }
.pt-list li:first-child { border-top: 0; }
.pt-domain { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.pt-chips { display: flex; flex-wrap: wrap; gap: var(--lt-space-2); margin: var(--lt-space-2) 0 0; }
.pt-fix { margin: var(--lt-space-2) 0 0; color: var(--lt-text-2); font-size: var(--lt-step--1); }
.pt-price .lt-table thead th + th { text-align: right; }
.pt-previews { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lt-space-4); max-width: 36rem; margin: var(--lt-space-4) 0; }
.pt-previews img { display: block; width: 100%; height: auto; border: 1px solid var(--lt-line); border-radius: var(--lt-radius-card); }
@media (max-width: 40rem) {
  .pt-previews { grid-template-columns: 1fr; max-width: 24rem; }
  .pt-previews a + a { display: none; }
}