/* =====================================================
   BRANDBRAHMA PDM — Frontend Styles v2.8
   Navy Blue (#0a1628) · Orange (#f97316) · White (#fff)
   Heading: Roboto Condensed · Body: Roboto · Logo: Space Grotesk
   ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;600;700&family=Roboto:wght@300;400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root {
  --navy:       #0a1628;
  --navy-mid:   #0f2040;
  --navy-lt:    #152a52;
  --navy-card:  #111e38;
  --orange:     #f97316;
  --orange-dk:  #e8620a;
  --white:      #ffffff;
  --gray-400:   #94a3b8;
  --gray-600:   #64748b;
  --success:    #22c55e;
  --danger:     #ef4444;
  --font:       'Roboto Condensed', Arial, sans-serif;
  --font-body:  'Roboto', Arial, sans-serif;
  --font-logo:  'Space Grotesk', 'Arial Black', sans-serif;
  --radius:     10px;
  --shadow:     0 4px 24px rgba(10,22,40,.25);

  /* ── Unified Type Scale ── */
  --text-xs:    11px;
  --text-sm:    13px;
  --text-base:  14px;
  --text-md:    15px;
  --text-lg:    17px;
  --text-xl:    20px;
  --text-2xl:   24px;
  --text-3xl:   28px;
  --text-4xl:   34px;
}

/* ===================================================
   GLOBAL THEME KILL — removes ALL white gaps
   =================================================== */
body.pdm-page,
body.pdm-page #page,
body.pdm-page #wrapper,
body.pdm-page #outer-wrap,
body.pdm-page .site,
body.pdm-page .hfeed,
body.pdm-page main,
body.pdm-page #main,
body.pdm-page #content,
body.pdm-page #primary,
body.pdm-page .content-area,
body.pdm-page .site-content {
  background: var(--navy) !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Kill ALL top margin/padding that creates white gaps */
body.pdm-page .page-header,
body.pdm-page .entry-header,
body.pdm-page .page-title,
body.pdm-page .page-hero,
body.pdm-page .breadcrumb,
body.pdm-page .breadcrumbs,
body.pdm-page .woocommerce-breadcrumb,
body.pdm-page nav.woocommerce-breadcrumb,
body.pdm-page .page-header-wrap,
body.pdm-page header.entry-header {
  display: none !important;
}

/* Strip container widths on PDM pages */
body.pdm-page .entry-content,
body.pdm-page .post-content,
body.pdm-page .page-content,
body.pdm-page article.page,
body.pdm-page .wp-block-post-content,
body.pdm-page .entry-content > .wp-block-group,
body.pdm-page .entry-content > p:empty {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  color: var(--white) !important;
}

/* Elementor */
body.pdm-page .elementor-section,
body.pdm-page .elementor-container,
body.pdm-page .e-con,
body.pdm-page .e-con-inner {
  padding: 0 !important;
  max-width: 100% !important;
  background: transparent !important;
}

/* Footer kill on auth pages */
body.pdm-page-auth .site-footer,
body.pdm-page-auth footer { display: none !important; }

/* ===================================================
   BASE WRAP
   =================================================== */
.pdm-wrap,
.pdm-auth-page-wrap {
  font-family: var(--font);
  font-size: var(--text-base);
  color: var(--white);
  background: var(--navy);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}

/* ===================================================
   SCOPED RESET — unified type scale, kills theme override
   =================================================== */
.pdm-wrap *, .pdm-auth-page-wrap * {
  box-sizing: border-box;
  float: none;
  visibility: visible;
  opacity: 1;
}

/* Headings — consistent scale everywhere */
.pdm-wrap h1, .pdm-auth-page-wrap h1 {
  font-family: var(--font) !important; font-size: var(--text-4xl) !important;
  font-weight: 700 !important; line-height: 1.15 !important;
  color: var(--white) !important; margin: 0 0 8px !important; padding: 0 !important;
}
.pdm-wrap h2, .pdm-auth-page-wrap h2 {
  font-family: var(--font) !important; font-size: var(--text-xl) !important;
  font-weight: 700 !important; line-height: 1.2 !important;
  color: var(--white) !important; margin: 0 0 6px !important; padding: 0 !important;
}
.pdm-wrap h3, .pdm-auth-page-wrap h3 {
  font-family: var(--font) !important; font-size: var(--text-lg) !important;
  font-weight: 700 !important; line-height: 1.3 !important;
  color: var(--orange) !important; margin: 0 0 14px !important; padding: 0 !important;
}
.pdm-wrap h4 {
  font-family: var(--font) !important; font-size: var(--text-md) !important;
  font-weight: 700 !important; color: var(--white) !important;
  margin: 0 0 8px !important;
}

/* Body text — consistent */
.pdm-wrap p, .pdm-auth-page-wrap p {
  font-family: var(--font-body) !important; font-size: var(--text-base) !important;
  color: var(--gray-400) !important; line-height: 1.6 !important;
  margin: 0 !important; padding: 0 !important; display: block !important;
}
.pdm-wrap label, .pdm-auth-page-wrap label {
  font-family: var(--font) !important; font-size: var(--text-xs) !important;
  font-weight: 700 !important; letter-spacing: .5px !important;
  text-transform: uppercase !important; color: var(--gray-400) !important;
  display: block !important; line-height: 1.4 !important;
  margin: 0 !important; padding: 0 !important;
}
.pdm-wrap span { font-size: inherit; color: inherit; }
.pdm-wrap strong { font-weight: 700; color: var(--white); }

/* Images — never hidden */
.pdm-wrap img, .pdm-auth-page-wrap img {
  display: block !important; visibility: visible !important;
  opacity: 1 !important; max-width: 100%; height: auto;
}

/* Layout containers — no theme transforms */
.pdm-dashboard, .pdm-auth-page, .pdm-auth-box,
.pdm-dash-stats, .pdm-dash-stat,
.pdm-section, .pdm-form-card, .pdm-sidebar-card,
.pdm-package-card, .pdm-tools-tiles, .pdm-tool-tile {
  transform: none !important; position: relative; z-index: 1;
}

/* ===================================================
   AUTH PAGES — Login / Register
   Centered single-column, no split panel
   =================================================== */
.pdm-auth-page-wrap {
  min-height: 100vh;
  background: var(--navy);
  display: flex;
  flex-direction: column;
}

.pdm-auth-page {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  background: var(--navy);
}

.pdm-auth-box {
  width: 100%;
  max-width: 460px;
  background: var(--navy-mid);
  border: 1px solid var(--navy-lt);
  border-radius: 16px;
  padding: 40px;
  box-shadow: var(--shadow);
}

/* Brand logo block */
.pdm-auth-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 28px;
  justify-content: center;
}
.pdm-auth-brand-icon {
  width: 54px;
  height: 54px;
  border-radius: 12px;
  background: #fff;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  box-shadow: 0 2px 16px rgba(249,115,22,.35);
  padding: 4px;
}
.pdm-auth-brand-icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}
.pdm-auth-brand-name {
  font-family: var(--font);
  font-size: 22px;
  font-weight: 700;
  color: var(--white);
  letter-spacing: .3px;
}
.pdm-auth-brand-name span { color: var(--orange); }

.pdm-auth-box h1 {
  display: block !important;
  font-family: var(--font) !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: var(--white) !important;
  text-align: center;
  margin: 0 0 6px !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}
.pdm-auth-sub {
  display: block !important;
  color: var(--gray-400) !important;
  font-size: 14px !important;
  font-family: var(--font-body) !important;
  text-align: center;
  margin: 0 0 24px !important;
  line-height: 1.4 !important;
}

/* Social buttons */
.pdm-social-btns {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 18px;
}
.pdm-social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 11px 20px;
  border-radius: 8px;
  font-family: var(--font);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all .18s;
  border: 1px solid transparent;
  cursor: pointer;
}
.pdm-social-google   { background: #fff; color: #333; }
.pdm-social-google:hover  { background: #f0f0f0; }
.pdm-social-linkedin { background: #0077b5; color: #fff; }
.pdm-social-linkedin:hover{ background: #005f90; }
.pdm-social-twitter  { background: #000; color: #fff; border-color: #333; }
.pdm-social-twitter:hover { background: #111; }
.pdm-social-disabled {
  opacity: .4;
  cursor: not-allowed;
  filter: grayscale(.5);
  pointer-events: none;
}

/* Divider */
.pdm-divider {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 16px 0;
  color: var(--gray-600);
  font-size: 12px;
  font-family: var(--font-body);
}
.pdm-divider::before,
.pdm-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--navy-lt);
}

/* Form */
.pdm-form { display: flex; flex-direction: column; gap: 14px; }

.pdm-form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: relative;
  z-index: 1;
}
.pdm-form-group label {
  display: block !important;
  font-family: var(--font) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--gray-400) !important;
  text-transform: uppercase;
  letter-spacing: .5px;
  line-height: 1.4 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pdm-form input[type=text],
.pdm-form input[type=email],
.pdm-form input[type=password],
.pdm-form input[type=number],
.pdm-form input[type=url],
.pdm-form select,
.pdm-form textarea,
.pdm-list-form input[type=text],
.pdm-list-form input[type=number],
.pdm-list-form select,
.pdm-list-form textarea {
  background: var(--navy);
  border: 1.5px solid var(--navy-lt);
  border-radius: 8px;
  padding: 11px 13px;
  font-family: var(--font);
  font-size: 15px;
  color: var(--white);
  width: 100%;
  outline: none;
  transition: border-color .18s, box-shadow .18s;
}
.pdm-form input:focus,
.pdm-form select:focus,
.pdm-form textarea:focus,
.pdm-list-form input:focus,
.pdm-list-form select:focus,
.pdm-list-form textarea:focus {
  border-color: var(--orange);
  box-shadow: 0 0 0 3px rgba(249,115,22,.12);
}
.pdm-form select,
.pdm-list-form select { color: var(--white); }
.pdm-form select option,
.pdm-list-form select option { background: var(--navy-mid); color: var(--white); }

.pdm-form-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.pdm-form-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.pdm-form-row-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }

.pdm-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  color: var(--gray-400);
  font-family: var(--font-body);
  cursor: pointer;
}
.pdm-checkbox input { margin-top: 2px; accent-color: var(--orange); }

.pdm-input-wrap { position: relative; }
.pdm-eye-btn {
  position: absolute;
  right: 11px; top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  font-size: 15px;
  opacity: .5;
  color: var(--white);
}

.pdm-input-prefix {
  display: flex;
  align-items: stretch;
  background: var(--navy);
  border: 1.5px solid var(--navy-lt);
  border-radius: 8px;
  overflow: hidden;
  transition: border-color .18s;
}
.pdm-input-prefix:focus-within {
  border-color: var(--orange);
  box-shadow: 0 0 0 3px rgba(249,115,22,.12);
}
.pdm-input-prefix > span {
  padding: 11px 12px;
  color: var(--orange);
  font-weight: 700;
  font-size: 16px;
  background: var(--navy-lt);
  display: flex;
  align-items: center;
}
.pdm-input-prefix input {
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  flex: 1;
}

.pdm-btn-submit {
  background: var(--orange);
  color: var(--white);
  border: none;
  border-radius: 8px;
  padding: 13px 24px;
  font-family: var(--font);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .4px;
  cursor: pointer;
  transition: background .18s, transform .1s;
  text-decoration: none;
  display: block;
  text-align: center;
  width: 100%;
  margin-top: 4px;
}
.pdm-btn-submit:hover  { background: var(--orange-dk); transform: translateY(-1px); }
.pdm-btn-submit:disabled { opacity: .6; cursor: not-allowed; transform: none; }

.pdm-link-orange {
  color: var(--orange);
  text-decoration: none;
  font-weight: 600;
  transition: color .15s;
}
.pdm-link-orange:hover { color: var(--orange-dk); }

.pdm-auth-switch {
  text-align: center;
  margin-top: 20px;
  color: var(--gray-400);
  font-size: 14px;
  font-family: var(--font-body);
}

/* Alerts */
.pdm-alert {
  padding: 11px 15px;
  border-radius: 8px;
  font-size: 13px;
  font-family: var(--font-body);
  line-height: 1.5;
  margin-bottom: 12px;
}
.pdm-alert a { color: var(--orange); }
.pdm-alert-error   { background: rgba(239,68,68,.12); border:1px solid rgba(239,68,68,.3); color: #fca5a5; }
.pdm-alert-success { background: rgba(34,197,94,.12);  border:1px solid rgba(34,197,94,.3);  color: #86efac; }

/* ===================================================
   PDM NAV BAR
   =================================================== */
.pdm-nav {
  background: var(--navy-mid);
  border-bottom: 2px solid var(--navy-lt);
  display: flex;
  align-items: center;
  padding: 0 28px;
  height: 60px;
  gap: 6px;
  position: sticky;
  top: 0;
  z-index: 999;
  flex-wrap: nowrap;
}

.pdm-nav-brand a {
  font-family: var(--font);
  font-size: 20px;
  font-weight: 700;
  color: var(--white);
  text-decoration: none;
  letter-spacing: .3px;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
.pdm-brand-dot { color: var(--orange); }

.pdm-nav-links {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-left: 24px;
  flex: 1;
}

.pdm-nav-link {
  font-family: var(--font);
  font-size: 14px;
  font-weight: 600;
  color: var(--gray-400);
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 6px;
  transition: all .15s;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
.pdm-nav-link:hover, .pdm-nav-link.active { color: var(--white); background: var(--navy-lt); }
.pdm-nav-link.active { color: var(--orange); }

/* Dropdown */
.pdm-nav-dropdown { position: relative; }
.pdm-dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  background: var(--navy-mid);
  border: 1px solid var(--navy-lt);
  border-radius: var(--radius);
  min-width: 300px;
  padding: 8px;
  box-shadow: var(--shadow);
  z-index: 100;
}
.pdm-nav-dropdown.open .pdm-dropdown-menu { display: block; }
.pdm-dropdown-item {
  display: grid;
  grid-template-columns: 28px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 6px;
  color: var(--gray-400);
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: all .15s;
}
.pdm-dropdown-item:hover { background: var(--navy-lt); color: var(--white); }
.pdm-dropdown-item .pdm-tool-credit { color: var(--orange); font-weight: 700; font-size: 12px; }

.pdm-nav-right {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  flex-shrink: 0;
}

.pdm-credits-badge {
  background: var(--navy-lt);
  border: 1px solid var(--orange);
  border-radius: 50px;
  padding: 4px 14px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  white-space: nowrap;
}
.pdm-credits-value  { color: var(--orange); font-weight: 700; font-size: 15px; }
.pdm-credits-label  { color: var(--gray-400); font-size: 12px; }
.pdm-logout { color: var(--gray-400) !important; font-size: 13px; }
.pdm-nav-hamburger  { display: none; background: none; border: none; color: var(--white); font-size: 22px; cursor: pointer; }

/* ===================================================
   DASHBOARD LAYOUT
   =================================================== */
.pdm-dashboard-wrap { background: var(--navy); }

.pdm-dashboard {
  max-width: 1280px;
  margin: 0 auto;
  padding: 28px 24px 60px;
}

.pdm-dashboard-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
  gap: 16px;
}
.pdm-welcome { display: flex; align-items: center; gap: 14px; }
.pdm-avatar {
  width: 48px; height: 48px;
  border-radius: 50%;
  background: var(--orange);
  color: var(--white);
  font-family: var(--font);
  font-size: 17px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pdm-welcome h1 {
  display: block !important;
  font-family: var(--font) !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: var(--white) !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}
.pdm-welcome p {
  display: block !important;
  color: var(--gray-400) !important;
  font-size: 14px !important;
  font-family: var(--font-body) !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
}
.pdm-name-accent { color: var(--orange) !important; }

/* Page title h1 for all dashboard pages (Buy Credits, List Domain) */
.pdm-dashboard-header h1,
.pdm-dashboard-header > div > h1 {
  display: block !important;
  font-family: var(--font) !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: var(--white) !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  line-height: 1.15 !important;
}
.pdm-dashboard-header > div > p {
  display: block !important;
  color: var(--gray-400) !important;
  font-size: 14px !important;
  font-family: var(--font-body) !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

.pdm-btn-cta {
  background: var(--orange);
  color: var(--white) !important;
  padding: 11px 22px;
  border-radius: var(--radius);
  font-family: var(--font);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: background .18s, transform .1s;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
.pdm-btn-cta:hover { background: var(--orange-dk); transform: translateY(-1px); }
.pdm-btn-cta-white { background: var(--white) !important; color: var(--navy) !important; }
.pdm-btn-cta-white:hover { background: #f0f4f8 !important; }

/* Stats row */
.pdm-dash-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 32px;
}
.pdm-dash-stat {
  background: var(--navy-mid);
  border: 1px solid var(--navy-lt);
  border-top: 3px solid var(--orange);
  border-radius: var(--radius);
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.pdm-stat-num {
  display: block;
  font-family: var(--font) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--white) !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
}
.pdm-stat-num.pdm-orange { color: var(--orange) !important; }
.pdm-stat-lbl {
  display: block;
  color: var(--gray-400) !important;
  font-size: 11px !important;
  font-family: var(--font-body) !important;
  text-transform: uppercase;
  letter-spacing: .6px;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pdm-stat-action {
  display: inline-block;
  margin-top: 4px;
  color: var(--orange);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  line-height: 1.3;
}

/* Sections */
.pdm-section { margin-top: 32px; position: relative; }
.pdm-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--navy-lt);
  gap: 12px;
}
.pdm-section-header h2 {
  display: block !important;
  font-family: var(--font) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--white) !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}
.pdm-section-sub {
  display: block;
  color: var(--gray-400);
  font-size: 13px;
  font-family: var(--font-body);
  white-space: nowrap;
}

/* ===================================================
   AI TOOLS TILES — clean icon grid, no lines
   =================================================== */
.pdm-tools-tiles {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}

.pdm-tool-tile {
  background: var(--navy-mid);
  border-radius: 14px;
  padding: 20px 12px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-decoration: none !important;
  transition: transform .18s, box-shadow .18s, background .18s;
  color: var(--white) !important;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.pdm-tool-tile::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 14px;
  border: 1.5px solid transparent;
  transition: border-color .18s;
}

.pdm-tool-tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(249,115,22,.18);
  background: var(--navy-lt);
}
.pdm-tool-tile:hover::after { border-color: var(--orange); }

.pdm-tool-tile-icon {
  font-size: 32px;
  width: 58px;
  height: 58px;
  background: rgba(249,115,22,.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background .18s;
}
.pdm-tool-tile:hover .pdm-tool-tile-icon { background: rgba(249,115,22,.2); }

.pdm-tool-tile-name {
  font-family: var(--font);
  font-size: 13px;
  font-weight: 700;
  color: var(--white);
  line-height: 1.3;
}

.pdm-tool-tile-cost {
  background: var(--orange);
  color: var(--white);
  font-family: var(--font);
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 50px;
}

/* Old card grid — kept for backward compat but hidden */
.pdm-tools-grid { display: none; }

/* ===================================================
   LISTINGS GRID
   =================================================== */
.pdm-listings-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
}
.pdm-listing-card {
  background: var(--navy-mid);
  border: 1px solid var(--navy-lt);
  border-left: 3px solid var(--navy-lt);
  border-radius: var(--radius);
  padding: 18px;
}
.pdm-listing-card.pdm-listing-approved { border-left-color: var(--success); }
.pdm-listing-card.pdm-listing-pending  { border-left-color: var(--orange); }
.pdm-listing-card.pdm-listing-rejected { border-left-color: var(--danger); }
.pdm-listing-card.pdm-listing-sold     { border-left-color: #3b82f6; }

.pdm-listing-domain { font-family: var(--font); font-size: 17px; font-weight: 700; color: var(--white); margin-bottom: 6px; word-break: break-all; }
.pdm-listing-price  { font-family: var(--font); font-size: 20px; font-weight: 700; color: var(--orange); margin-bottom: 8px; }
.pdm-listing-meta   { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin-bottom: 6px; }
.pdm-listing-date   { color: var(--gray-400); font-size: 12px; font-family: var(--font-body); }

/* Tags & Badges */
.pdm-tag { background: var(--navy-lt); color: var(--gray-400); padding: 3px 9px; border-radius: 50px; font-size: 11px; font-weight: 600; text-transform: uppercase; }
.pdm-badge { display: inline-block; padding: 3px 9px; border-radius: 50px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; }
.pdm-badge-pending   { background: rgba(249,115,22,.15); color: var(--orange); }
.pdm-badge-approved  { background: rgba(34,197,94,.15);  color: #86efac; }
.pdm-badge-rejected  { background: rgba(239,68,68,.15);  color: #fca5a5; }
.pdm-badge-sold      { background: rgba(59,130,246,.15); color: #93c5fd; }
.pdm-badge-buyer     { background: rgba(99,102,241,.15); color: #a5b4fc; }
.pdm-badge-seller    { background: rgba(249,115,22,.15); color: var(--orange); }

/* Empty State */
.pdm-empty-state {
  background: var(--navy-mid);
  border: 1px dashed var(--navy-lt);
  border-radius: 16px;
  padding: 48px 24px;
  text-align: center;
}
.pdm-empty-icon { font-size: 44px; margin-bottom: 14px; }
.pdm-empty-state h3 { font-family: var(--font); font-size: 20px; font-weight: 700; color: var(--white); margin-bottom: 7px; }
.pdm-empty-state p  { color: var(--gray-400); font-size: 14px; font-family: var(--font-body); margin-bottom: 20px; }

/* Table */
.pdm-table-wrap { overflow-x: auto; border-radius: var(--radius); border: 1px solid var(--navy-lt); }
.pdm-table { width: 100%; border-collapse: collapse; font-family: var(--font-body); font-size: 13px; }
.pdm-table thead tr { background: var(--navy-lt); }
.pdm-table th { padding: 11px 14px; text-align: left; color: var(--gray-400); font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing: .5px; }
.pdm-table td { padding: 12px 14px; color: var(--white); border-top: 1px solid var(--navy-lt); }
.pdm-table tbody tr:hover { background: var(--navy-mid); }
.pdm-pos { color: var(--success); font-weight: 600; }
.pdm-neg { color: var(--danger);  font-weight: 600; }

/* CTA Banner */
.pdm-cta-banner {
  margin-top: 44px;
  background: linear-gradient(135deg, var(--orange) 0%, #c2460c 100%);
  border-radius: 14px;
  padding: 36px 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.pdm-cta-banner-content h2 { font-family: var(--font); font-size: 24px; font-weight: 700; color: var(--white); margin-bottom: 6px; }
.pdm-cta-banner-content p  { color: rgba(255,255,255,.85); font-size: 14px; font-family: var(--font-body); }

/* ===================================================
   DOMAIN LISTING FORM
   =================================================== */
.pdm-list-layout {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 20px;
  align-items: start;
}
.pdm-form-card {
  background: var(--navy-mid);
  border: 1px solid var(--navy-lt);
  border-radius: var(--radius);
  padding: 22px;
  margin-bottom: 14px;
}
.pdm-form-card h3 {
  display: block !important;
  font-family: var(--font) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--orange) !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  line-height: 1.3 !important;
}
.pdm-domain-input { font-size: 18px !important; font-weight: 700 !important; }
.pdm-hint { font-size: 12px; color: var(--gray-400); font-family: var(--font-body); margin-top: 4px; }
.pdm-required { color: var(--orange); }
.pdm-hint-box { background: rgba(249,115,22,.07); border: 1px solid rgba(249,115,22,.2); border-radius: 8px; padding: 10px 14px; color: var(--gray-400); font-size: 12px; font-family: var(--font-body); margin-top: 6px; }

/* Sidebar cards */
.pdm-sidebar-card { background: var(--navy-mid); border: 1px solid var(--navy-lt); border-radius: var(--radius); padding: 18px; margin-bottom: 14px; }
.pdm-sidebar-card h3 { font-family: var(--font); font-size: 15px; font-weight: 700; color: var(--white); margin-bottom: 14px; }
.pdm-sidebar-orange { border-top: 2px solid var(--orange); }
.pdm-sidebar-dark { background: var(--navy); }

.pdm-steps { display: flex; flex-direction: column; gap: 14px; }
.pdm-step  { display: flex; gap: 10px; align-items: flex-start; }
.pdm-step-num { width: 26px; height: 26px; background: var(--orange); color: var(--white); border-radius: 50%; font-family: var(--font); font-weight: 700; font-size: 13px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }
.pdm-step strong { display: block; color: var(--white); font-family: var(--font); font-size: 14px; margin-bottom: 2px; }
.pdm-step p { color: var(--gray-400); font-size: 12px; font-family: var(--font-body); }

.pdm-commission-display { display: flex; align-items: baseline; gap: 8px; }
.pdm-commission-rate { font-family: var(--font); font-size: 44px; font-weight: 700; color: var(--orange); }
.pdm-commission-display span:last-child { color: var(--gray-400); font-size: 13px; font-family: var(--font-body); }

.pdm-sidebar-tool { display: flex; align-items: center; justify-content: space-between; padding: 9px 0; border-top: 1px solid var(--navy-lt); text-decoration: none; color: var(--gray-400); font-size: 13px; font-family: var(--font-body); transition: color .15s; }
.pdm-sidebar-tool:hover { color: var(--white); }

/* ===================================================
   BUY CREDITS PAGE
   =================================================== */
.pdm-credits-balance-large { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
.pdm-credits-balance-large span { color: var(--gray-400); font-size: 12px; text-transform: uppercase; letter-spacing: .5px; }
.pdm-credits-balance-large strong { font-family: var(--font); font-size: 30px; font-weight: 700; color: var(--orange); }

/* Custom amount input */
.pdm-custom-amount-wrap {
  background: var(--navy-mid);
  border: 1px solid var(--navy-lt);
  border-radius: var(--radius);
  padding: 22px;
  margin-bottom: 24px;
}
.pdm-custom-amount-wrap h3 {
  font-family: var(--font);
  font-size: 17px;
  font-weight: 700;
  color: var(--white);
  margin-bottom: 5px;
}
.pdm-custom-amount-wrap p {
  color: var(--gray-400);
  font-size: 13px;
  font-family: var(--font-body);
  margin-bottom: 14px;
}
.pdm-custom-row {
  display: flex;
  gap: 10px;
  align-items: center;
}
.pdm-custom-row input {
  flex: 1;
  background: var(--navy);
  border: 1.5px solid var(--navy-lt);
  border-radius: 8px;
  padding: 12px 14px;
  font-family: var(--font);
  font-size: 18px;
  font-weight: 700;
  color: var(--white);
  outline: none;
  transition: border-color .18s;
}
.pdm-custom-row input:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(249,115,22,.12); }
.pdm-custom-row input::placeholder { color: var(--gray-600); font-weight: 400; }

/* Credit packages */
.pdm-packages-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 28px;
}
.pdm-package-card {
  background: var(--navy-mid);
  border: 1.5px solid var(--navy-lt);
  border-radius: 12px;
  padding: 28px 16px 20px;
  text-align: center;
  cursor: pointer;
  transition: all .2s;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.pdm-package-card:hover { border-color: var(--orange); transform: translateY(-3px); box-shadow: 0 8px 24px rgba(249,115,22,.12); }
.pdm-package-card.selected { border-color: var(--orange); background: rgba(249,115,22,.06); }
.pdm-pkg-popular { border-color: var(--orange) !important; }
.pdm-pkg-badge {
  position: absolute;
  top: -10px; left: 50%;
  transform: translateX(-50%);
  background: var(--orange);
  color: var(--white);
  font-family: var(--font);
  font-size: 10px;
  font-weight: 700;
  padding: 3px 12px;
  border-radius: 50px;
  letter-spacing: .5px;
  white-space: nowrap;
}
.pdm-pkg-price   { display: block !important; font-family: var(--font) !important; font-size: 32px !important; font-weight: 700 !important; color: var(--orange) !important; margin-bottom: 4px !important; line-height: 1.1 !important; }
.pdm-pkg-name    { display: block !important; font-family: var(--font) !important; font-size: 13px !important; font-weight: 700 !important; color: var(--white) !important; margin-bottom: 4px !important; line-height: 1.3 !important; }
.pdm-pkg-credits { display: block !important; font-family: var(--font) !important; font-size: 17px !important; font-weight: 700 !important; color: var(--white) !important; margin-bottom: 6px !important; line-height: 1.3 !important; }
.pdm-pkg-desc    { display: block !important; color: var(--gray-400) !important; font-size: 11px !important; font-family: var(--font-body) !important; line-height: 1.5 !important; margin-bottom: 14px !important; }
.pdm-pkg-btn {
  background: var(--navy-lt);
  color: var(--white);
  border: none;
  border-radius: 8px;
  padding: 9px 16px;
  font-family: var(--font);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  width: 100%;
  transition: background .18s;
}
.pdm-pkg-btn:hover,
.pdm-package-card.selected .pdm-pkg-btn { background: var(--orange); color: var(--white); }

/* Payment layout */
.pdm-payment-layout { display: grid; grid-template-columns: 1fr 300px; gap: 20px; align-items: start; }
.pdm-payment-prompt {
  background: var(--navy-mid);
  border: 1px dashed var(--navy-lt);
  border-radius: var(--radius);
  padding: 40px 24px;
  text-align: center;
}
.pdm-prompt-icon { font-size: 36px; margin-bottom: 10px; }
.pdm-payment-prompt h3 { font-family: var(--font); font-size: 18px; color: var(--white); margin-bottom: 6px; }
.pdm-payment-prompt p  { color: var(--gray-400); font-size: 13px; font-family: var(--font-body); }

.pdm-payment-tabs { display: flex; gap: 4px; margin-bottom: 16px; background: var(--navy); padding: 4px; border-radius: 8px; }
.pdm-pay-tab { background: none; border: none; color: var(--gray-400); padding: 7px 14px; border-radius: 6px; font-family: var(--font); font-size: 13px; font-weight: 600; cursor: pointer; transition: all .15s; }
.pdm-pay-tab.active { background: var(--orange); color: var(--white); }
.pdm-pay-method { display: none; }
.pdm-pay-method.active { display: block; }
.pdm-stripe-el { background: var(--navy); border: 1.5px solid var(--navy-lt); border-radius: 8px; padding: 13px; margin-bottom: 12px; min-height: 44px; }
.pdm-selected-pkg { background: rgba(249,115,22,.1); border: 1px solid rgba(249,115,22,.3); border-radius: 8px; padding: 11px 14px; margin-bottom: 14px; font-family: var(--font); font-size: 14px; font-weight: 700; color: var(--orange); }

.pdm-credit-item { display: flex; align-items: center; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid var(--navy-lt); color: var(--gray-400); font-size: 13px; font-family: var(--font-body); }
.pdm-credit-item:last-of-type { border-bottom: none; }
.pdm-credit-item strong { color: var(--orange); font-size: 13px; font-weight: 700; }

.pdm-security-badges { display: flex; gap: 6px; margin-top: 10px; flex-wrap: wrap; }
.pdm-security-badges span { background: var(--navy-lt); color: var(--gray-400); font-size: 11px; padding: 3px 9px; border-radius: 50px; font-weight: 600; }

/* ===================================================
   RESPONSIVE
   =================================================== */
@media (max-width: 1200px) {
  .pdm-tools-tiles { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 1024px) {
  .pdm-list-layout, .pdm-payment-layout { grid-template-columns: 1fr; }
  .pdm-packages-grid { grid-template-columns: repeat(2,1fr); }
  .pdm-dash-stats { grid-template-columns: repeat(2,1fr); }
  .pdm-tools-tiles { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .pdm-auth-box { padding: 28px 22px; }
  .pdm-nav-links, .pdm-nav-right { display: none; }
  .pdm-nav-hamburger { display: flex; margin-left: auto; }
  .pdm-nav-links.open, .pdm-nav-right.open {
    display: flex; flex-direction: column; position: fixed;
    top: 60px; left: 0; right: 0;
    background: var(--navy-mid); padding: 14px; z-index: 998;
    border-bottom: 1px solid var(--navy-lt);
  }
  .pdm-dashboard { padding: 16px 14px 40px; }
  .pdm-dashboard-header { flex-direction: column; align-items: flex-start; gap: 10px; }
  .pdm-dash-stats { grid-template-columns: 1fr 1fr; }
  .pdm-packages-grid { grid-template-columns: 1fr; }
  .pdm-cta-banner { flex-direction: column; padding: 24px 20px; }
  .pdm-form-row-2, .pdm-form-row-3 { grid-template-columns: 1fr; }
  .pdm-tools-tiles { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .pdm-tools-tiles { grid-template-columns: repeat(2, 1fr); }
}

/* ═══════════════════════════════════════════════════════
   AI DOMAIN LISTING WIZARD
   ═══════════════════════════════════════════════════════ */

/* ── Header ── */
.pdm-ai-list-header {
  margin-bottom: 36px;
}
.pdm-ai-list-header-inner {
  max-width: 700px;
  margin-bottom: 28px;
}
.pdm-ai-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(249,115,22,.12);
  color: var(--orange);
  border: 1px solid rgba(249,115,22,.3);
  border-radius: 100px;
  font-size: 11px;
  font-weight: 700;
  font-family: var(--font);
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 5px 14px;
  margin-bottom: 14px;
}
.pdm-ai-list-header h1 {
  display: block !important;
  font-family: var(--font) !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  color: var(--white) !important;
  line-height: 1.15 !important;
  margin: 0 0 12px !important;
}
.pdm-ai-list-header p {
  display: block !important;
  color: var(--gray-400) !important;
  font-size: 15px !important;
  font-family: var(--font-body) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ── Step Pills ── */
.pdm-ai-steps-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.pdm-ai-step-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--navy-mid);
  border: 1.5px solid var(--navy-lt);
  border-radius: 100px;
  padding: 8px 18px;
  font-family: var(--font);
  font-size: 13px;
  font-weight: 600;
  color: var(--gray-400);
  transition: all .2s;
}
.pdm-ai-step-num {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--navy-lt);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  flex-shrink: 0;
}
.pdm-ai-step-pill.active {
  border-color: var(--orange);
  color: var(--white);
}
.pdm-ai-step-pill.active .pdm-ai-step-num {
  background: var(--orange);
  color: #fff;
}
.pdm-ai-step-pill.done {
  border-color: #22c55e;
  color: #22c55e;
}
.pdm-ai-step-pill.done .pdm-ai-step-num {
  background: #22c55e;
  color: #fff;
}
.pdm-ai-step-divider {
  color: var(--navy-lt);
  font-size: 10px;
  letter-spacing: 2px;
}

/* ── Step 1 Layout ── */
.pdm-ai-form-grid {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 24px;
  align-items: start;
}
.pdm-ai-form-main { display: flex; flex-direction: column; gap: 20px; }
.pdm-ai-form-side { display: flex; flex-direction: column; gap: 16px; }

.pdm-badge-opt {
  font-size: 11px;
  font-weight: 400;
  color: var(--gray-400);
  font-family: var(--font-body);
  margin-left: 6px;
}

/* ── AI Features List ── */
.pdm-sidebar-ai-features { border-top: 3px solid var(--orange) !important; }
.pdm-ai-features-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.pdm-ai-features-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.pdm-ai-feat-icon {
  font-size: 18px;
  flex-shrink: 0;
  line-height: 1.3;
}
.pdm-ai-features-list li strong {
  display: block;
  font-family: var(--font);
  font-size: 13px;
  font-weight: 700;
  color: var(--white);
  line-height: 1.3;
}
.pdm-ai-features-list li p {
  display: block !important;
  font-size: 11px !important;
  color: var(--gray-400) !important;
  margin: 2px 0 0 !important;
  line-height: 1.4 !important;
}

/* ── Generate Button ── */
.pdm-btn-ai-generate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--orange) 0%, #ea580c 100%);
  color: #fff !important;
  border: none;
  border-radius: 12px;
  padding: 16px 32px;
  font-family: var(--font);
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all .2s;
  box-shadow: 0 4px 20px rgba(249,115,22,.35);
  width: 100%;
}
.pdm-btn-ai-generate:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(249,115,22,.45);
}
.pdm-btn-ai-generate:disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}
.pdm-btn-ai-icon { font-size: 18px; }

/* ── Loading ── */
.pdm-ai-loading {
  display: flex;
  align-items: center;
  gap: 18px;
  background: var(--navy-mid);
  border: 1px solid var(--navy-lt);
  border-radius: 12px;
  padding: 20px 24px;
}
.pdm-spinner {
  width: 32px;
  height: 32px;
  border: 3px solid rgba(249,115,22,.2);
  border-top-color: var(--orange);
  border-radius: 50%;
  animation: pdm-spin 0.8s linear infinite;
  flex-shrink: 0;
}
@keyframes pdm-spin { to { transform: rotate(360deg); } }
.pdm-loading-steps {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pdm-load-step {
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--gray-400);
  transition: color .3s;
}
.pdm-load-step.done    { color: #22c55e; }
.pdm-load-step.running { color: var(--orange); }
.pdm-ai-error {
  background: rgba(239,68,68,.1);
  border: 1px solid rgba(239,68,68,.3);
  color: #fca5a5;
  border-radius: 10px;
  padding: 14px 18px;
  font-size: 14px;
  font-family: var(--font-body);
  line-height: 1.5;
}

/* ── Step 2 Layout ── */
.pdm-ai-results-grid {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 24px;
  align-items: start;
}
.pdm-ai-results-main { display: flex; flex-direction: column; gap: 20px; }
.pdm-ai-results-side { display: flex; flex-direction: column; gap: 16px; }

/* ── Logo Card ── */
.pdm-logo-card {}
.pdm-logo-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.pdm-logo-card-header h3 { margin: 0 !important; }
.pdm-logo-preview {
  background: #fff;
  border-radius: 10px;
  min-height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  margin-bottom: 14px;
  overflow: hidden;
}
.pdm-logo-svg-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.pdm-logo-img {
  display: block !important;
  width: 100% !important;
  max-width: 500px;
  height: auto !important;
  aspect-ratio: 500 / 300;
  object-fit: contain;
}
.pdm-logo-skeleton {
  width: 240px;
  height: 80px;
  background: linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%);
  background-size: 200% 100%;
  animation: pdm-shimmer 1.5s infinite;
  border-radius: 8px;
}
@keyframes pdm-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
.pdm-logo-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.pdm-logo-note {
  font-size: 11px;
  color: var(--gray-400);
  font-family: var(--font-body);
  margin-left: auto;
}
.pdm-btn-sm {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: var(--navy-lt);
  border: 1px solid rgba(255,255,255,.1);
  color: var(--white);
  border-radius: 8px;
  padding: 7px 14px;
  font-size: 12px;
  font-weight: 600;
  font-family: var(--font);
  cursor: pointer;
  transition: background .15s;
  white-space: nowrap;
}
.pdm-btn-sm:hover { background: rgba(255,255,255,.12); }
.pdm-btn-download-svg { border-color: var(--orange); color: var(--orange); }
.pdm-btn-download-png { border-color: #6366f1; color: #a5b4fc; }

/* ── Editable Results ── */
.pdm-result-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.pdm-result-section-header h3 { margin: 0 !important; }
.pdm-editable-hint {
  font-size: 11px;
  color: var(--orange);
  font-family: var(--font-body);
}
.pdm-result-textarea {
  width: 100%;
  background: var(--navy);
  border: 1.5px solid var(--navy-lt);
  border-radius: 10px;
  color: var(--white);
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.6;
  padding: 12px 14px;
  resize: vertical;
  transition: border-color .18s;
}
.pdm-result-textarea:focus {
  border-color: var(--orange);
  outline: none;
  box-shadow: 0 0 0 3px rgba(249,115,22,.12);
}
.pdm-result-input {
  width: 100%;
  background: var(--navy);
  border: 1.5px solid var(--navy-lt);
  border-radius: 10px;
  color: var(--white);
  font-family: var(--font-body);
  font-size: 14px;
  padding: 10px 14px;
  transition: border-color .18s;
  margin-top: 8px;
}
.pdm-result-input:focus {
  border-color: var(--orange);
  outline: none;
  box-shadow: 0 0 0 3px rgba(249,115,22,.12);
}
.pdm-seo-title-row { margin-top: 14px; }
.pdm-seo-title-row label {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  font-family: var(--font) !important;
  color: var(--gray-400) !important;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.pdm-result-select {
  width: 100%;
  background: var(--navy);
  border: 1.5px solid var(--navy-lt);
  border-radius: 10px;
  color: var(--white);
  font-family: var(--font-body);
  font-size: 14px;
  padding: 10px 14px;
  margin-top: 8px;
  transition: border-color .18s;
}
.pdm-result-select:focus {
  border-color: var(--orange);
  outline: none;
}
.pdm-result-select option { background: var(--navy-mid); }

/* ── Extras Card ── */
.pdm-ai-extras-card {}
.pdm-ai-extras-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pdm-ai-extra label {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  font-family: var(--font) !important;
  color: var(--gray-400) !important;
  text-transform: uppercase;
  letter-spacing: .5px;
}

/* ── Category Badge ── */
.pdm-ai-category-badge {
  display: inline-block;
  background: rgba(249,115,22,.12);
  color: var(--orange);
  border: 1px solid rgba(249,115,22,.3);
  border-radius: 8px;
  padding: 8px 16px;
  font-family: var(--font);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
}

/* ── Keywords Chips ── */
.pdm-keywords-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}
.pdm-kw-chip {
  display: inline-flex;
  background: var(--navy);
  border: 1px solid var(--navy-lt);
  color: var(--white);
  border-radius: 100px;
  padding: 4px 12px;
  font-size: 12px;
  font-family: var(--font-body);
}

/* ── Use Cases ── */
.pdm-uses-list { display: flex; flex-direction: column; gap: 10px; margin-top: 4px; }
.pdm-use-case-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  font-family: var(--font-body);
  color: var(--gray-400);
  line-height: 1.5;
}
.pdm-use-num {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--orange);
  color: #fff;
  font-family: var(--font);
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── Step 2 actions ── */
.pdm-ai-step2-actions {
  display: flex;
  gap: 12px;
  flex-direction: column;
}
.pdm-btn-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1.5px solid var(--navy-lt);
  color: var(--gray-400);
  border-radius: 10px;
  padding: 12px 20px;
  font-family: var(--font);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all .18s;
}
.pdm-btn-back:hover { border-color: var(--orange); color: var(--orange); }

/* ── Step 3 Review Layout ── */
.pdm-ai-review-grid {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 24px;
  align-items: start;
}
.pdm-ai-review-main { display: flex; flex-direction: column; gap: 20px; }
.pdm-ai-review-side { display: flex; flex-direction: column; gap: 16px; }

.pdm-review-card {}
.pdm-review-logo { margin-bottom: 16px; }
.pdm-review-logo svg { max-width: 100%; height: auto; display: block; max-height: 90px; }
.pdm-review-domain-name {
  font-family: var(--font) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--white) !important;
  margin-bottom: 4px !important;
  line-height: 1.2 !important;
}
.pdm-review-tagline {
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  color: var(--orange) !important;
  margin-bottom: 18px !important;
  font-style: italic;
}
.pdm-review-prices {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--navy-lt);
}
.pdm-review-price-item { display: flex; flex-direction: column; gap: 3px; }
.pdm-review-price-lbl {
  font-family: var(--font) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: var(--gray-400) !important;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.pdm-review-price-val {
  font-family: var(--font) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--orange) !important;
}
.pdm-review-desc {
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  color: var(--gray-400) !important;
  line-height: 1.6 !important;
  margin-bottom: 16px !important;
}
.pdm-review-kw { display: flex; flex-wrap: wrap; gap: 6px; }

/* ── Submit Terms ── */
.pdm-submit-terms { display: flex; flex-direction: column; gap: 16px; }
.pdm-step3-actions { display: flex; gap: 12px; }
.pdm-step3-actions .pdm-btn-back { flex: 0 0 auto; }
.pdm-step3-actions .pdm-btn-ai-generate { flex: 1; }

/* ── Success Screen ── */
.pdm-ai-success-screen {
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pdm-success-inner {
  text-align: center;
  max-width: 480px;
  background: var(--navy-mid);
  border: 1px solid var(--navy-lt);
  border-top: 4px solid #22c55e;
  border-radius: 16px;
  padding: 48px 40px;
}
.pdm-success-icon { font-size: 52px; margin-bottom: 16px; line-height: 1; }
.pdm-success-inner h2 {
  font-family: var(--font) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--white) !important;
  margin: 0 0 12px !important;
}
.pdm-success-inner p {
  font-family: var(--font-body) !important;
  font-size: 15px !important;
  color: var(--gray-400) !important;
  line-height: 1.6 !important;
  margin: 0 0 28px !important;
}
.pdm-success-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

/* ── Responsive ── */
@media (max-width: 1024px) {
  .pdm-ai-form-grid,
  .pdm-ai-results-grid,
  .pdm-ai-review-grid { grid-template-columns: 1fr; }
  .pdm-ai-form-side,
  .pdm-ai-results-side,
  .pdm-ai-review-side { flex-direction: row; flex-wrap: wrap; }
  .pdm-ai-form-side > *,
  .pdm-ai-results-side > *,
  .pdm-ai-review-side > * { flex: 1 1 260px; }
}
@media (max-width: 640px) {
  .pdm-ai-list-header h1 { font-size: 24px !important; }
  .pdm-ai-steps-bar { gap: 4px; }
  .pdm-ai-step-divider { display: none; }
  .pdm-ai-step-pill { padding: 6px 12px; font-size: 12px; }
  .pdm-ai-extras-row { grid-template-columns: 1fr; }
  .pdm-step3-actions { flex-direction: column; }
  .pdm-logo-actions { flex-direction: column; align-items: flex-start; }
  .pdm-logo-note { margin-left: 0; }
}