.powell-link-directory-page button, .powell-link-directory-admin-modal button, .powell-link-directory-modal-form button {
font-size: 14px;
  font-weight: 500;
}
.powell-link-directory-page :is(button, a):focus-visible, .powell-link-directory-admin-modal :is(button, a):focus-visible, .powell-link-directory-modal-form :is(button, a):focus-visible {
outline: 2px solid var(--ls-primary);
  outline-offset: 2px;
}
.powell-link-directory-page {
box-sizing: border-box;
  min-height: 100%;
  color: var(--ls-text);
}
.powell-link-directory-shell {
padding-top: 16px;
}
.powell-link-directory-page img {
display: block;
  max-width: 100%;
}
.powell-link-directory-content {
width: min(1320px, calc(100% - 40px));
  margin: 0 auto;
}
.powell-link-directory-hero {
margin-bottom: 22px;
}
.powell-link-directory-hero-card {
background: var(--ls-card-bg);
  border: 1px solid var(--ls-border-light);
  border-radius: var(--ls-radius-xl);
  padding: 28px;
}
.powell-link-directory-kicker {
display: inline-flex;
  align-items: center;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ls-text-primary);
  font-weight: 500;
}
.powell-link-directory-hero-row {
display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 14px;
}
.powell-link-directory-hero-copy {
max-width: 780px;
}
.powell-link-directory-hero-title {
font-weight: 500;
  margin: 0;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.08;
  letter-spacing: -0.02em;
}
.powell-link-directory-hero-subtitle {
margin: 12px 0 0;
  color: var(--ls-text-secondary);
  font-size: 15px;
  line-height: 1.85;
}
.powell-link-directory-hero-actions {
display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.powell-link-directory-field .ls-ui-render-field:is(.is-focus, .is-open) {
border-color: var(--ls-primary);
  box-shadow: none;
  outline: 0;
}
.powell-link-directory-count {
font-weight: 400;
}
.powell-link-directory-form-actions {
display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.powell-link-directory-row-actions {
display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.powell-link-directory-meta-row {
display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.powell-link-directory-batch-actions {
display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.powell-link-directory-btn {
appearance: none;
  border: 1px solid transparent;
  border-radius: var(--ls-radius-full);
  min-height: 42px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: border-color var(--ls-transition), background-color var(--ls-transition), color var(--ls-transition);
}
.powell-link-directory-btn:not(:disabled):hover {
border-color: var(--ls-primary);
  opacity: .85;
}
.powell-link-directory-btn.powell-link-directory-primary {
color: var(--ls-card-bg);
  background: var(--ls-primary);
}
.powell-link-directory-btn.powell-link-directory-ghost {
color: var(--ls-primary-hover);
  background: var(--ls-card-bg);
  border-color: var(--ls-border);
}
.powell-link-directory-btn.powell-link-directory-dark {
color: var(--ls-card-bg);
  background: var(--ls-text-primary);
}
.powell-link-directory-btn.powell-link-directory-danger {
color: var(--ls-card-bg);
  background: var(--ls-danger);
}
.powell-link-directory-btn.powell-link-directory-small {
min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
}
.powell-link-directory-btn:disabled {
opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}
.powell-link-directory-notice {
display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 18px;
  padding: 12px 14px;
  border-radius: var(--ls-radius-xl);
  background: var(--ls-bg);
  color: var(--ls-text-secondary);
  border: 1px solid var(--ls-border-light);
  font-size: 13px;
  line-height: 1.7;
}
.powell-link-directory-stat-grid {
display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.powell-link-directory-stat-card {
padding: 16px;
  border-radius: var(--ls-radius-xl);
  background: var(--ls-bg);
  border: 1px solid var(--ls-border-light);
}
.powell-link-directory-stat-card .powell-link-directory-label {
display: block;
  color: var(--ls-text-secondary);
  font-size: 13px;
}
.powell-link-directory-stat-card .powell-link-directory-value {
display: block;
  margin-top: 10px;
  font-size: 28px;
  line-height: 1;
  font-weight: 400;
}
.powell-link-directory-stat-card .powell-link-directory-tip {
display: block;
  margin-top: 8px;
  color: var(--ls-text-secondary);
  font-size: 12px;
}
.powell-link-directory-stat-card.powell-link-directory-action {
display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(180deg, var(--ls-card-bg) 0%, var(--ls-bg-hover) 100%);
}
.powell-link-directory-stat-card.powell-link-directory-action .powell-link-directory-btn {
width: 100%;
  margin-top: 12px;
}
.powell-link-directory-skeleton {
position: relative;
  overflow: hidden;
  background: var(--ls-bg-hover);
}
.powell-link-directory-skeleton::after {
content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--ls-card-bg) 80%, transparent), transparent);
  animation: powell-link-directory-shimmer 1.3s infinite;
}
.powell-link-directory-skeleton-card {
min-height: 112px;
  border-radius: var(--ls-radius-xl);
}
@keyframes powell-link-directory-shimmer {
to {
        transform: translateX(100%);
    }
}
.powell-link-directory-body {
display: block;
}
.powell-link-directory-main {
width: 100%;
}
.powell-link-directory-panel {
background: var(--ls-card-bg);
  border: 1px solid var(--ls-border-light);
  border-radius: var(--ls-radius-xl);
  padding: 24px;
}
.powell-link-directory-toolbar {
display: grid;
  gap: 14px;
}
.powell-link-directory-categories {
display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.powell-link-directory-status-tabs {
display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.powell-link-directory-chip {
min-height: 38px;
  padding: 0 14px;
  border-radius: var(--ls-radius-full);
  border: 1px solid var(--ls-border);
  background: var(--ls-card-bg);
  color: var(--ls-text-secondary);
  cursor: pointer;
  transition: border-color var(--ls-transition), background-color var(--ls-transition), color var(--ls-transition);
}
.powell-link-directory-status-chip {
min-height: 38px;
  padding: 0 14px;
  border-radius: var(--ls-radius-full);
  border: 1px solid var(--ls-border);
  background: var(--ls-card-bg);
  color: var(--ls-text-secondary);
  cursor: pointer;
  transition: border-color var(--ls-transition), background-color var(--ls-transition), color var(--ls-transition);
}
.powell-link-directory-chip.powell-link-directory-active {
color: var(--ls-card-bg);
  background: var(--ls-primary);
  border-color: var(--ls-primary);
}
.powell-link-directory-chip:not(:disabled):hover {
color: var(--ls-card-bg);
  background: var(--ls-primary);
  border-color: var(--ls-primary);
}
.powell-link-directory-status-chip.powell-link-directory-active {
color: var(--ls-card-bg);
  background: var(--ls-primary);
  border-color: var(--ls-primary);
}
.powell-link-directory-status-chip:not(:disabled):hover {
color: var(--ls-card-bg);
  background: var(--ls-primary);
  border-color: var(--ls-primary);
}
.powell-link-directory-list-summary {
margin: 14px 0 16px;
  color: var(--ls-text-secondary);
  font-size: 14px;
}
.powell-link-directory-list-grid {
display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: stretch;
}
.powell-link-directory-admin-list {
display: grid;
  gap: 12px;
}
.powell-link-directory-mine-item {
position: relative;
  padding: 18px;
  border-radius: var(--ls-radius-xl);
  border: 1px solid var(--ls-border-light);
  background: var(--ls-bg);
  transition: border-color var(--ls-transition), background-color var(--ls-transition), color var(--ls-transition);
}
.powell-link-directory-list-card:not(:disabled):hover {
border-color: var(--ls-primary);
}
.powell-link-directory-admin-row:not(:disabled):hover {
border-color: var(--ls-primary);
}
.powell-link-directory-mine-item:not(:disabled):hover {
border-color: var(--ls-primary);
}
.powell-link-directory-item-top {
display: flex;
  gap: 14px;
  align-items: flex-start;
}
.powell-link-directory-mine-top {
display: flex;
  gap: 14px;
  align-items: flex-start;
}
.powell-link-directory-admin-top {
display: flex;
  gap: 14px;
  align-items: flex-start;
}
.powell-link-directory-site-icon {
width: 50px;
  height: 50px;
  flex: 0 0 50px;
  border-radius: var(--ls-radius-xl);
  object-fit: cover;
  border: 1px solid var(--ls-border-light);
  background: var(--ls-card-bg);
}
.powell-link-directory-site-icon-fallback {
width: 50px;
  height: 50px;
  flex: 0 0 50px;
  border-radius: var(--ls-radius-xl);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ls-card-bg);
  font-size: 20px;
  font-weight: 500;
  background: var(--ls-primary);
}
.powell-link-directory-item-main {
flex: 1;
  min-width: 0;
}
.powell-link-directory-mine-main {
flex: 1;
  min-width: 0;
}
.powell-link-directory-admin-main {
flex: 1;
  min-width: 0;
}
.powell-link-directory-list-card .powell-link-directory-item-main {
display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  gap: 12px;
}
.powell-link-directory-item-heading {
min-width: 0;
}
.powell-link-directory-item-head {
display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: wrap;
}
.powell-link-directory-mine-head {
display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: wrap;
}
.powell-link-directory-admin-head {
display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: wrap;
}
.powell-link-directory-item-title {
font-weight: 500;
  margin: 0;
  font-size: 18px;
  line-height: 1.25;
}
.powell-link-directory-mine-title {
font-weight: 500;
  margin: 0;
  font-size: 18px;
  line-height: 1.25;
}
.powell-link-directory-admin-title {
font-weight: 500;
  margin: 0;
  font-size: 18px;
  line-height: 1.25;
}
.powell-link-directory-domain {
color: var(--ls-text-secondary);
  font-size: 13px;
  word-break: break-all;
}
.powell-link-directory-desc {
color: var(--ls-text-secondary);
  font-size: 14px;
  line-height: 1.8;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.powell-link-directory-chip-row {
display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.powell-link-directory-list-meta {
display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.powell-link-directory-badge {
display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 10px;
  border-radius: var(--ls-radius-full);
  font-size: 12px;
  font-weight: 500;
}
.powell-link-directory-meta-pill {
display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 10px;
  border-radius: var(--ls-radius-full);
  font-size: 12px;
  font-weight: 500;
}
.powell-link-directory-tag {
display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 10px;
  border-radius: var(--ls-radius-full);
  font-size: 12px;
  font-weight: 500;
  background: var(--ls-primary-light);
  color: var(--ls-primary-hover);
}
.powell-link-directory-category-pill {
background: color-mix(in srgb, var(--ls-primary) 14%, var(--ls-card-bg));
  color: color-mix(in srgb, var(--ls-primary) 78%, var(--ls-text));
}
.powell-link-directory-badge.powell-link-directory-success {
background: var(--ls-success-light);
  color: var(--ls-success);
}
.powell-link-directory-meta-pill.powell-link-directory-success {
background: var(--ls-success-light);
  color: var(--ls-success);
}
.powell-link-directory-badge.powell-link-directory-warning {
background: var(--ls-warning-light);
  color: var(--ls-warning);
}
.powell-link-directory-meta-pill.powell-link-directory-warning {
background: var(--ls-warning-light);
  color: var(--ls-warning);
}
.powell-link-directory-badge.powell-link-directory-danger {
background: var(--ls-danger-light);
  color: var(--ls-danger);
}
.powell-link-directory-meta-pill.powell-link-directory-danger {
background: var(--ls-danger-light);
  color: var(--ls-danger);
}
.powell-link-directory-badge.powell-link-directory-muted {
background: var(--ls-border-light);
  color: var(--ls-text-secondary);
}
.powell-link-directory-meta-pill.powell-link-directory-muted {
background: var(--ls-border-light);
  color: var(--ls-text-secondary);
}
.powell-link-directory-item-footer {
display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.powell-link-directory-admin-footer {
display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.powell-link-directory-item-foot-meta {
display: flex;
  align-items: center;
  gap: 8px;
  min-height: 24px;
  min-width: 0;
}
.powell-link-directory-foot-note {
color: var(--ls-text-secondary);
  font-size: 13px;
}
.powell-link-directory-user-brief {
display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ls-text-secondary);
  font-size: 13px;
}
.powell-link-directory-user-brief img {
width: 24px;
  height: 24px;
  border-radius: var(--ls-radius-full);
}
.powell-link-directory-pagination {
margin-top: 20px;
}
.powell-link-directory-pagination-container {
display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px;
  border: 1px solid var(--ls-border-light);
  border-radius: var(--ls-radius-xl);
  background: var(--ls-bg);
}
.powell-link-directory-pagination-info {
color: var(--ls-text-secondary);
  font-size: 13px;
}
.powell-link-directory-pagination-buttons {
display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.powell-link-directory-pagination-buttons .powell-link-directory-pagination-button {
min-width: 38px;
  min-height: 38px;
  border-radius: var(--ls-radius-xl);
  border: 1px solid var(--ls-border);
  background: var(--ls-card-bg);
  color: var(--ls-text);
  cursor: pointer;
}
.powell-link-directory-pagination-buttons .powell-link-directory-pagination-button.powell-link-directory-primary {
color: var(--ls-card-bg);
  background: var(--ls-primary);
  border-color: var(--ls-primary);
}
.powell-link-directory-empty {
padding: 26px 18px;
  border-radius: var(--ls-radius-xl);
  border: 1px dashed var(--ls-border);
  text-align: center;
  color: var(--ls-text-secondary);
  background: var(--ls-bg);
  font-size: 14px;
  flex: 1;
}
.powell-link-directory-empty i {
display: block;
  font-size: 28px;
  margin-bottom: 10px;
  color: var(--ls-primary);
}
.powell-link-directory-modal-form {
display: grid;
  gap: 16px;
}
.powell-link-directory-admin-modal {
display: grid;
  gap: 16px;
}
.powell-link-directory-help {
padding: 12px 14px;
  border-radius: var(--ls-radius-xl);
  background: var(--ls-bg);
  border: 1px solid var(--ls-border-light);
  color: var(--ls-text-secondary);
  font-size: 13px;
  line-height: 1.7;
}
.powell-link-directory-field-grid {
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.powell-link-directory-field {
display: grid;
  gap: 8px;
}
.powell-link-directory-field-tip {
color: var(--ls-text-secondary);
  font-size: 12px;
  line-height: 1.7;
}
.powell-link-directory-field.powell-link-directory-full {
grid-column: 1 / -1;
}
.powell-link-directory-field label {
font-size: 13px;
  font-weight: 500;
}
.powell-link-directory-field input {
width: 100%;
  border: 1px solid var(--ls-border);
  background: var(--ls-card-bg);
  color: var(--ls-text);
  border-radius: var(--ls-radius-xl);
  outline: none;
  padding: 11px 12px;
  transition: border-color var(--ls-transition), background-color var(--ls-transition), color var(--ls-transition);
}
.powell-link-directory-field select {
width: 100%;
  border: 1px solid var(--ls-border);
  background: var(--ls-card-bg);
  color: var(--ls-text);
  border-radius: var(--ls-radius-xl);
  outline: none;
  padding: 11px 12px;
  transition: border-color var(--ls-transition), background-color var(--ls-transition), color var(--ls-transition);
}
.powell-link-directory-field textarea {
width: 100%;
  border: 1px solid var(--ls-border);
  background: var(--ls-card-bg);
  color: var(--ls-text);
  border-radius: var(--ls-radius-xl);
  outline: none;
  padding: 11px 12px;
  transition: border-color var(--ls-transition), background-color var(--ls-transition), color var(--ls-transition);
}
.powell-link-directory-field input:focus {
box-shadow: none;
  outline: 0;
  border-color: var(--ls-primary);
}
.powell-link-directory-field select:focus {
box-shadow: none;
  outline: 0;
  border-color: var(--ls-primary);
}
.powell-link-directory-field textarea:focus {
box-shadow: none;
  outline: 0;
  border-color: var(--ls-primary);
}
.powell-link-directory-logo-preview-wrap {
margin-top: 4px;
}
.powell-link-directory-logo-preview {
display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: var(--ls-radius-xl);
  border: 1px solid var(--ls-border-light);
  background: var(--ls-bg);
}
.powell-link-directory-logo-preview.powell-link-directory-is-broken {
border-color: color-mix(in srgb, var(--ls-danger) 24%, var(--ls-border));
  background: color-mix(in srgb, var(--ls-danger) 6%, var(--ls-card-bg));
}
.powell-link-directory-logo-preview .powell-link-directory-site-icon-fallback {
width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: var(--ls-radius-xl);
}
.powell-link-directory-logo-preview-media {
width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: var(--ls-radius-xl);
  overflow: hidden;
  background: var(--ls-card-bg);
  border: 1px solid var(--ls-border-light);
}
.powell-link-directory-logo-preview-image {
width: 100%;
  height: 100%;
  object-fit: cover;
}
.powell-link-directory-logo-preview-copy {
display: grid;
  gap: 4px;
  min-width: 0;
}
.powell-link-directory-logo-preview-copy strong {
font-size: 13px;
}
.powell-link-directory-logo-preview-copy span {
color: var(--ls-text-secondary);
  font-size: 12px;
  line-height: 1.7;
}
.powell-link-directory-admin-overview {
display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.powell-link-directory-admin-over-card {
padding: 14px;
  border-radius: var(--ls-radius-xl);
  background: var(--ls-bg);
  border: 1px solid var(--ls-border-light);
}
.powell-link-directory-admin-over-card .powell-link-directory-label {
display: block;
  color: var(--ls-text-secondary);
  font-size: 12px;
}
.powell-link-directory-admin-over-card .powell-link-directory-value {
display: block;
  margin-top: 8px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
}
.powell-link-directory-admin-over-card .powell-link-directory-tip {
display: block;
  margin-top: 8px;
  color: var(--ls-text-secondary);
  font-size: 12px;
}
.powell-link-directory-admin-batch {
display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}
.powell-link-directory-check-all {
display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ls-text-secondary);
  font-size: 13px;
}
.powell-link-directory-mine-summary {
padding: 12px 14px;
  border-radius: var(--ls-radius-xl);
  border: 1px solid var(--ls-border-light);
  background: var(--ls-bg);
  color: var(--ls-text-secondary);
  font-size: 13px;
  line-height: 1.7;
}
.powell-link-directory-mine-summary .powell-link-directory-count {
color: var(--ls-text);
}
.powell-link-directory-selected-count {
color: var(--ls-primary-hover);
  font-weight: 500;
  font-size: 13px;
}
.powell-link-directory-admin-row {
position: relative;
  padding: 18px;
  border-radius: var(--ls-radius-xl);
  border: 1px solid var(--ls-border-light);
  background: var(--ls-bg);
  transition: border-color var(--ls-transition), background-color var(--ls-transition), color var(--ls-transition);
  padding-left: 48px;
}
.powell-link-directory-admin-check-wrap {
position: absolute;
  left: 16px;
  top: 18px;
}
.powell-link-directory-admin-check-wrap input {
width: 18px;
  height: 18px;
}
.powell-link-directory-meta-grid {
display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.powell-link-directory-meta-box {
padding: 12px;
  border-radius: var(--ls-radius-xl);
  background: var(--ls-bg);
  border: 1px solid var(--ls-border-light);
}
.powell-link-directory-meta-box .powell-link-directory-k {
display: block;
  color: var(--ls-text-secondary);
  font-size: 12px;
}
.powell-link-directory-meta-box .powell-link-directory-v {
display: block;
  margin-top: 6px;
  font-size: 13px;
  font-weight: 500;
  word-break: break-word;
}
#pld_admin_modal_root {
display: flex;
  flex-direction: column;
  gap: 20px;
}
.powell-link-directory-list-card {
position: relative;
  padding: 18px;
  border-radius: var(--ls-radius-xl);
  border: 1px solid var(--ls-border-light);
  background: var(--ls-bg);
  transition: border-color var(--ls-transition), background-color var(--ls-transition), color var(--ls-transition);
  flex: 1 1 calc(50% - 7px);
  min-width: 320px;
  flex-basis: calc(33.333% - 10px);
  width: calc(33.333% - 10px);
}