/* <N2-lastne-domene> Slogi so omejeni na kartico domen. */
.partner-domains { min-width: 0; color: var(--txt, #eeeef8); }
.partner-domains[hidden], .partner-domains [hidden] { display: none !important; }
.partner-domains .pd-heading, .partner-domains .pd-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.partner-domains .pd-heading { justify-content: space-between; }
.partner-domains h2 { margin: 0; font-size: 18px; }
.partner-domains h3 { margin: 0 0 10px; font-size: 16px; overflow-wrap: anywhere; }
.partner-domains p { line-height: 1.55; overflow-wrap: anywhere; }
.partner-domains .pd-hint { color: var(--mut, #aaaabc); font-size: 13px; }
.partner-domains .pd-form { display: grid; gap: 14px; margin: 20px 0; }
.partner-domains .pd-field { min-width: 0; display: flex; flex-direction: column; gap: 7px; }
.partner-domains .pd-field label { font-size: 13px; font-weight: 700; }
.partner-domains .pd-field input, .partner-domains .pd-field select {
  box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; padding: 11px 12px;
  font: inherit; font-size: 16px; color: var(--txt, #eeeef8); background: var(--inp, #151520);
  border: 1px solid var(--line, #3d3d50); border-radius: 10px;
}
.partner-domains .pd-field .pd-hint { margin: 0; }
.partner-domains .pd-button {
  min-height: 44px; padding: 10px 14px; font: inherit; font-size: 13px; line-height: 1.4;
  white-space: normal; color: var(--txt, #eeeef8); background: var(--card, #171723);
  border: 1px solid var(--line, #3d3d50); border-radius: 10px; cursor: pointer;
}
.partner-domains .pd-button.bp { background: var(--blu, #236fdb); border-color: var(--blu, #236fdb); color: #fff; }
.partner-domains .pd-button:disabled { opacity: .55; cursor: wait; }
.partner-domains :is(button, input, select, summary):focus-visible { outline: 3px solid var(--lblu, #74b1ff); outline-offset: 3px; }
.partner-domains .pd-warning { margin: 0; padding: 12px; border-radius: 10px; background: #65491433; color: #ffe0a3; }
.partner-domains .pd-error { color: #ffb3ba; }
.partner-domains .pd-message { min-height: 1.5em; margin: 12px 0; font-size: 14px; }
.partner-domains .pd-list { display: grid; gap: 16px; }
.partner-domains .pd-domain { min-width: 0; border: 1px solid var(--line, #3d3d50); border-radius: 14px; padding: 16px; }
.partner-domains .pd-badge { display: inline-flex; align-items: center; gap: 7px; border: 1px solid currentColor; border-radius: 20px; padding: 4px 9px; font-size: 12px; font-weight: 700; }
.partner-domains .pd-badge::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.partner-domains .pd-badge.pd-pending { color: #ffdc90; }
.partner-domains .pd-badge.pd-verified { color: #9acbff; }
.partner-domains .pd-badge.pd-active { color: #8eebc4; }
.partner-domains .pd-badge.pd-error, .partner-domains .pd-badge.pd-unknown { color: #ffb3ba; }
.partner-domains .pd-state-description { font-size: 13px; }
.partner-domains .pd-dns { margin: 16px 0; }
.partner-domains .pd-dns summary { min-height: 44px; padding: 10px 0; box-sizing: border-box; font-size: 14px; font-weight: 700; cursor: pointer; }
.partner-domains .pd-record { display: grid; gap: 8px; min-width: 0; padding: 12px 0; border-top: 1px solid var(--line, #3d3d50); font-size: 13px; }
.partner-domains .pd-dns-name, .partner-domains .pd-record code { overflow-wrap: anywhere; word-break: break-word; }
.partner-domains .pd-record code { user-select: text; font-size: 12px; }
.partner-domains .pd-record .pd-button { justify-self: start; }
.partner-domains .pd-actions .pd-button { flex: 1 1 auto; }
/* <F37> (26. 9. 2026) korakovna navodila, CAA opomba, gumb Odpri portal / javni preizkus (povezava v slogu gumba) */
.partner-domains .pd-steps { margin: 8px 0 12px; padding-left: 22px; font-size: 13px; line-height: 1.6; }
.partner-domains .pd-steps li { padding: 3px 0; overflow-wrap: anywhere; }
.partner-domains .pd-caa { margin-top: 8px; }
.partner-domains a.pd-open-btn { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.partner-domains .pd-badge.pd-expired { color: #d0d3e2; }
@media (min-width: 620px) {
  .partner-domains .pd-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .partner-domains .pd-form > :first-child, .partner-domains .pd-form > .pd-warning { grid-column: 1 / -1; }
  .partner-domains .pd-form > .pd-button { justify-self: start; }
  .partner-domains .pd-record { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); align-items: start; }
  .partner-domains .pd-record .pd-button { grid-column: 2; }
  .partner-domains .pd-actions .pd-button { flex: 0 1 auto; }
}