/* Creator portal polish layer — uses existing DD design system */
:root{
  --dd-creator-line: rgba(255,255,255,.14);
  --dd-creator-soft: rgba(255,255,255,.06);
}

.dd-creator-shell{ max-width: 1180px; margin: 0 auto; padding: 12px 14px 44px; }

.dd-creator-top{
  position: sticky;
  top: 0;
  z-index: 40;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--dd-creator-line);
  background: linear-gradient(180deg, rgba(8,10,16,.72), rgba(8,10,16,.38));
}

.dd-creator-top-inner{
  max-width: 1180px;
  margin: 0 auto;
  padding: 10px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}

.dd-creator-brand{ display:flex; align-items:center; gap: 10px; text-decoration:none; }
.dd-creator-brand .dd-creator-mark{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  border: 1px solid var(--dd-creator-line);
  background: radial-gradient(120% 120% at 15% 10%, rgba(120,235,255,.18), transparent 60%),
              radial-gradient(120% 120% at 85% 0%, rgba(170,120,255,.16), transparent 55%),
              rgba(0,0,0,.20);
  display:flex;
  align-items:center;
  justify-content:center;
}
.dd-creator-brand .dd-creator-title{ display:flex; flex-direction:column; line-height:1.1; }
.dd-creator-brand .dd-creator-title strong{ font-weight: 800; letter-spacing: -.01em; }
.dd-creator-brand .dd-creator-title span{ opacity:.78; font-size: .92rem; }

.dd-creator-nav{ display:flex; flex-wrap:wrap; gap: 8px; align-items:center; justify-content:flex-end; }
.dd-creator-link{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid var(--dd-creator-line);
  background: rgba(0,0,0,.18);
  text-decoration:none;
  font-weight: 700;
  font-size: .95rem;
}
.dd-creator-link:hover{ background: rgba(255,255,255,.06); }
.dd-creator-link.is-active{ border-color: rgba(120,235,255,.45); box-shadow: 0 0 0 1px rgba(120,235,255,.18) inset; }

.dd-creator-user{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid var(--dd-creator-line);
  background: rgba(0,0,0,.18);
  font-weight: 700;
}

.dd-creator-card{ border: 1px solid var(--dd-creator-line); background: rgba(0,0,0,.18); border-radius: 18px; padding: 14px; }
.dd-creator-card + .dd-creator-card{ margin-top: 14px; }
.dd-creator-cards{ display:grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.dd-creator-cards .dd-creator-card{ margin:0; }
.dd-creator-cards .dd-creator-card + .dd-creator-card{ margin-top:0; }


.dd-creator-grid{ display:grid; grid-template-columns: 1.1fr .9fr; gap: 14px; }
@media (max-width: 900px){ .dd-creator-grid{ grid-template-columns: 1fr; } }

.dd-creator-table{ width:100%; border-collapse: collapse; overflow:hidden; border-radius: 14px; border: 1px solid var(--dd-creator-line); }
.dd-creator-table th, .dd-creator-table td{ padding: 10px 10px; border-bottom: 1px solid rgba(255,255,255,.08); vertical-align: top; }
.dd-creator-table th{ text-align:left; font-size: .9rem; opacity:.85; }
.dd-creator-table tr:hover td{ background: rgba(255,255,255,.03); }

.dd-creator-actions{ display:flex; flex-wrap:wrap; gap: 8px; }
.dd-creator-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding: 9px 10px;
  border-radius: 12px;
  border: 1px solid var(--dd-creator-line);
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.92);
  -webkit-appearance: none;
  appearance: none;
  cursor:pointer;
  text-decoration:none;
  font-weight: 800;
}
.dd-creator-btn:visited{ color: rgba(255,255,255,.92); }
.dd-creator-btn:disabled{ opacity: .55; cursor: not-allowed; }
.dd-creator-btn:hover{ background: rgba(255,255,255,.06); }
.dd-creator-btn.primary{ border-color: rgba(120,235,255,.35); }
.dd-creator-btn.danger{ border-color: rgba(255,150,150,.35); }

.dd-creator-field{ display:flex; flex-direction:column; gap: 6px; margin: 10px 0; }
.dd-creator-field label{ font-weight: 800; opacity: .92; }
.dd-creator-field input, .dd-creator-field textarea, .dd-creator-field select{
  width:100%;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--dd-creator-line);
  background: rgba(0,0,0,.20);
  color: inherit;
}
.dd-creator-field textarea{ min-height: 140px; }

.dd-creator-note{ opacity:.82; font-size: .95rem; }
.dd-creator-alert{ border-radius: 16px; padding: 12px; border: 1px solid var(--dd-creator-line); background: rgba(0,0,0,.18); }
.dd-creator-alert.good{ border-color: rgba(160,255,200,.35); }
.dd-creator-alert.bad{ border-color: rgba(255,150,150,.35); }

.dd-creator-footer{ opacity:.72; font-size: .92rem; padding: 18px 0 0; }

/* Responsive nav for Creator section */
.dd-creator-menu-btn{
  display:none;
  align-items:center;
  justify-content:center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid var(--dd-creator-line);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.92);
  cursor: pointer;
}
.dd-creator-menu-btn:hover{ background: rgba(255,255,255,.06); }

@media (max-width: 860px){
  .dd-creator-top-inner{ position: relative; align-items:flex-start; }
  .dd-creator-menu-btn{ display:inline-flex; }
  .dd-creator-nav{
    display:none;
    position:absolute;
    left: 14px;
    right: 14px;
    top: 58px;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 12px;
    border-radius: 18px;
    border: 1px solid var(--dd-creator-line);
    background: linear-gradient(180deg, rgba(0,0,0,.65), rgba(0,0,0,.42));
    box-shadow: 0 20px 50px rgba(0,0,0,.45);
  }
  .dd-creator-nav.is-open{ display:flex; }
  .dd-creator-link, .dd-creator-user{ width:100%; justify-content:flex-start; }
}


/* Consistent spacing inside the Creator portal */
.dd-creator-shell .dd-section{ margin: 18px 0; }
.dd-creator-shell .dd-section:first-child{ margin-top: 0; }
.dd-creator-shell .dd-section:last-child{ margin-bottom: 0; }


/* Quick action bar (helps navigation on mobile) */
.dd-creator-quickbar{ display:none; }
.dd-creator-quickbar-inner{ display:flex; flex-wrap:wrap; gap: 10px; align-items:center; justify-content:flex-start; }
@media (max-width: 860px){ .dd-creator-quickbar{ display:block; } }

/* ==========================================================
   Creator Registration Form (register.php)
   ========================================================== */

/* The base site defines .dd-form as a 12-col grid; register.php uses its own layout.
   Without this override, the form content can collapse into a single grid column. */
.dd-form.reg-form{ display:block; width:100%; }

.reg-grid{
  display:grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}

.reg-card{
  grid-column: span 12;
  border-radius: 18px;
  border: 1px solid var(--dd-creator-line);
  background:
    radial-gradient(900px 420px at 15% 0%, rgba(120,235,255,.10), transparent 60%),
    radial-gradient(900px 420px at 85% 0%, rgba(170,120,255,.09), transparent 55%),
    rgba(0,0,0,.18);
  padding: 14px;
  min-width: 0;
}

.reg-span-6{ grid-column: span 6; }
.reg-span-12{ grid-column: span 12; }

@media (max-width: 980px){
  .reg-span-6{ grid-column: span 12; }
}

.reg-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
  flex-wrap:wrap;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  margin-bottom: 12px;
}

.reg-kicker{
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .78rem;
  opacity: .78;
}

.reg-title{
  margin: 6px 0 6px;
  font-size: 1.1rem;
  letter-spacing: -.01em;
}

.reg-sub{ margin:0; opacity:.86; max-width: 62rem; }

.reg-chip{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  font-weight: 900;
  font-size: .86rem;
  opacity: .92;
}

.reg-required{ color: rgba(255,120,160,.92); font-weight: 900; }

.muted-chip{
  display:inline-flex;
  align-items:center;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .02em;
  margin-left: 8px;
  opacity: .9;
}

.field-group{ margin: 12px 0; }
.field-group label{
  display:block;
  font-weight: 900;
  letter-spacing: .02em;
  margin: 0 0 6px;
}

.field-group input,
.field-group textarea,
.field-group select{
  width:100%;
  padding: 11px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.94);
  outline: none;
  font-family: inherit;
}

.field-group textarea{ min-height: 130px; resize: vertical; }

.field-group input:focus,
.field-group textarea:focus,
.field-group select:focus{
  border-color: rgba(120,235,255,.42);
  box-shadow: 0 0 0 3px rgba(120,235,255,.18);
}

.field-group .helper{
  margin-top: 6px;
  font-size: .9rem;
  opacity: .78;
  line-height: 1.35;
}

.two-col{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

@media (max-width: 980px){
  .two-col{ grid-template-columns: 1fr; }
}

/* Checkbox rows */
.reg-checks{ display:grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 980px){ .reg-checks{ grid-template-columns: 1fr; } }
.reg-check{ display:flex; gap: 10px; align-items:flex-start; padding: 10px 10px; border-radius: 14px; border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.04); }
.reg-check input{ margin-top: 4px; }
.reg-check strong{ display:block; font-weight: 900; }
.reg-check span{ display:block; opacity:.78; font-size: .92rem; margin-top: 2px; }

/* Status pill used across portal tables */
.dd-creator-pill{
  display:inline-flex;
  align-items:center;
  padding: 4px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: .82rem;
  letter-spacing: .02em;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  opacity: .95;
}
.dd-creator-pill.ok{ border-color: rgba(52,211,153,.32); background: rgba(52,211,153,.12); }
.dd-creator-pill.bad{ border-color: rgba(251,113,133,.38); background: rgba(251,113,133,.12); }

/* Make table actions feel obvious */
.dd-creator-table .actions{ white-space: nowrap; }
.dd-creator-btn.small{ padding: 6px 10px; border-radius: 12px; font-weight: 900; }


/* Project list blocks (dashboard) */
.dd-creator-list{ display:flex; flex-direction:column; gap: 12px; margin-top: 12px; }
.dd-creator-item{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}
.dd-creator-item:hover{ background: rgba(255,255,255,.06); }
@media (max-width: 860px){
  .dd-creator-item{ flex-direction:column; align-items:stretch; }
}

.dd-creator-chip{
  display:inline-flex;
  align-items:center;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 900;
  border: 1px solid rgba(120,235,255,.35);
  background: rgba(120,235,255,.10);
  margin-left: 8px;
}