/* DBD Tracker v3 — creator-dashboard profile/settings layout */
.page-settings{
  --settings-gold:#d8b15e;
  --settings-card:rgba(13,17,25,.94);
  --settings-card-2:rgba(18,24,35,.96);
  --settings-line:rgba(255,255,255,.11);
  --settings-soft:rgba(245,248,255,.68);
}
.page-settings .identity-narrow-shell{
  box-sizing:border-box;
  width:min(1600px,calc(100vw - 32px));
  max-width:1600px;
  margin:0 auto;
  padding:0 0 36px;
}
.page-settings .identity-simple-hero{
  box-sizing:border-box;
  padding:28px 32px;
  margin-bottom:16px;
}
.page-settings .identity-form-card{
  overflow:visible;
  border:0;
  background:transparent;
  box-shadow:none;
}
.page-settings .identity-form-card>.panel-head{display:none;}
.page-settings .identity-form-card .panel-body{padding:0;}
.settings-creator-hero{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(260px,360px);
  gap:22px;
  align-items:center;
  padding:24px;
  margin-bottom:18px;
  border:1px solid rgba(216,177,94,.28);
  border-radius:24px;
  background:
    radial-gradient(circle at 18% 15%, rgba(216,177,94,.2), transparent 34%),
    linear-gradient(135deg, rgba(21,28,42,.98), rgba(8,10,15,.98));
  box-shadow:0 28px 80px rgba(0,0,0,.38);
  overflow:hidden;
}
.settings-creator-avatar,
.settings-current-avatar-art{
  display:grid;
  place-items:center;
  border:1px solid rgba(216,177,94,.25);
  border-radius:22px;
  background:radial-gradient(circle at 35% 20%, rgba(255,255,255,.16), rgba(0,0,0,.32));
  overflow:hidden;
}
.settings-creator-avatar{width:124px;height:124px;}
.settings-current-avatar-art{width:128px;height:128px;margin:0 auto 12px;}
.settings-creator-avatar .avatar-picker-thumb,
.settings-current-avatar-art .avatar-picker-thumb{width:100%;height:100%;border-radius:20px;background:transparent;}
.settings-creator-copy .eyebrow,
.settings-card-head .eyebrow{
  color:var(--settings-gold);
  font-size:.76rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.16em;
}
.settings-creator-copy h2{
  margin:4px 0 0;
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(2.4rem,4vw,4.4rem);
  line-height:.9;
  text-transform:uppercase;
}
.settings-creator-subtitle{margin-top:4px;color:#fff;font-weight:800;letter-spacing:.03em;}
.settings-creator-copy p{max-width:720px;margin:10px 0 0;color:var(--settings-soft);line-height:1.45;}
.settings-creator-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.settings-creator-chips span{
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  padding:7px 10px;
  background:rgba(255,255,255,.06);
  color:rgba(245,248,255,.86);
  font-size:.88rem;
  font-weight:800;
}
.settings-creator-stats{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.settings-creator-stats>div{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  background:rgba(0,0,0,.18);
}
.settings-creator-stats .label{color:var(--settings-soft);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;}
.settings-creator-stats strong{font-family:'Barlow Condensed',sans-serif;font-size:1.8rem;line-height:1;color:#fff;}
.settings-dashboard-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:18px;
  align-items:start;
}
.settings-card,
.settings-profile-layout>.panel,
.settings-profile-layout>.reward-wallet-panel{
  min-width:0;
  margin:0;
  padding:20px;
  border:1px solid var(--settings-line);
  border-radius:22px;
  background:linear-gradient(180deg,var(--settings-card-2),var(--settings-card));
  box-shadow:0 20px 60px rgba(0,0,0,.26);
}
.settings-card-large,
.scout-profile-panel{grid-column:1/-1;}
.settings-card-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  margin-bottom:16px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.settings-card-head h3,
.settings-profile-layout h3{
  margin:2px 0 0;
  font-family:'Barlow Condensed',sans-serif;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:1.65rem;
  line-height:1;
}
.settings-card-head p{max-width:390px;margin:0;color:var(--settings-soft);line-height:1.42;}
.settings-brand-layout{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:20px;
  align-items:start;
}
.settings-current-avatar{
  text-align:center;
  padding:16px;
  border:1px solid rgba(216,177,94,.18);
  border-radius:20px;
  background:rgba(0,0,0,.18);
}
.settings-current-avatar strong{display:block;color:#fff;font-size:1.05rem;}
.settings-current-avatar span{display:block;margin-top:3px;color:var(--settings-soft);font-size:.86rem;}
.settings-brand-fields{display:grid;gap:12px;}
.settings-avatar-section{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);}
.settings-subhead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:10px;}
.settings-subhead h4{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:1.35rem;text-transform:uppercase;letter-spacing:.04em;}
.settings-subhead span{color:var(--settings-soft);font-size:.9rem;}
.page-settings .field{display:flex;flex-direction:column;gap:7px;min-width:0;}
.page-settings .field label{font-weight:900;color:rgba(245,248,255,.92);letter-spacing:.02em;}
.page-settings .field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;margin-top:12px;}
.page-settings input,
.page-settings select,
.page-settings textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.13);
  border-radius:13px;
  background:rgba(255,255,255,.055);
  color:#f5f8ff;
  padding:11px 12px;
  outline:none;
}
.page-settings input:focus,
.page-settings select:focus,
.page-settings textarea:focus{border-color:rgba(216,177,94,.64);box-shadow:0 0 0 3px rgba(216,177,94,.13);}
.page-settings textarea{min-height:120px;resize:vertical;}
.page-settings .small-note{line-height:1.35;}
.channel-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;}
.channel-links-grid .primary-channel-field{grid-column:1/-1;}
.channel-links-grid .field{
  min-width:0;
  padding:13px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(255,255,255,.035);
}
.platform-field label::before{content:'';display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--settings-gold);box-shadow:0 0 14px rgba(216,177,94,.5);}
.creator-growth-meter{display:grid;gap:12px;}
.compact-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.stat-card{
  padding:13px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:rgba(0,0,0,.16);
}
.stat-card .label{color:var(--settings-soft);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;}
.stat-card .value{font-family:'Barlow Condensed',sans-serif;font-size:2rem;line-height:1;color:#fff;margin-top:4px;}
.mini-profile-list{display:grid;gap:8px;}
.mini-profile-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035);text-decoration:none;color:inherit;}
.mini-profile-row small{display:block;color:var(--settings-soft);}
.featured-check{margin:14px 0;}
.reward-wallet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
.reward-wallet-head h3{margin:0;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:1.65rem;}
.reward-level-badge{padding:8px 11px;border:1px solid rgba(216,177,94,.28);border-radius:999px;background:rgba(216,177,94,.1);color:#ffe2a0;font-weight:900;white-space:nowrap;}
.reward-wallet-panel .stat-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:14px!important;}
.reward-ledger-list{display:grid;gap:8px;}
.reward-ledger-row{display:flex;justify-content:space-between;gap:12px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035);}
.reward-ledger-payout{color:#ffe2a0;font-weight:900;text-align:right;}
.linked-account-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035);margin-top:10px;}
.page-settings .checkline{display:flex;align-items:center;gap:10px;padding:10px 0;color:rgba(245,248,255,.9);}
.page-settings .checkline input{width:auto;accent-color:var(--settings-gold);}
.settings-toggle-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;}
.settings-toggle-row .checkline,
.settings-privacy-card .checkline{
  padding:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:15px;
  background:rgba(255,255,255,.035);
}
.pill-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;}
.check-pill{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 10px;background:rgba(255,255,255,.04);}
.check-pill input{width:auto;accent-color:var(--settings-gold);}
.scout-bottom-row{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)!important;}
.avatar-picker{display:grid;gap:10px;}
.avatar-group{
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(255,255,255,.025);
  overflow:hidden;
}
.avatar-group summary{
  cursor:pointer;
  padding:12px 14px;
  color:#fff;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  background:rgba(255,255,255,.04);
}
.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;max-height:360px;overflow:auto;padding:12px;}
.avatar-choice{
  position:relative;
  display:grid;
  gap:7px;
  justify-items:center;
  text-align:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  padding:10px;
  background:rgba(255,255,255,.035);
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.avatar-choice:hover{transform:translateY(-1px);border-color:rgba(216,177,94,.42);background:rgba(255,255,255,.055);}
.avatar-choice.selected{border-color:rgba(216,177,94,.75);box-shadow:0 0 0 1px rgba(216,177,94,.22),0 0 28px rgba(216,177,94,.13);}
.avatar-choice.selected::after{content:'✓';position:absolute;top:7px;right:7px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--settings-gold);color:#111;font-weight:900;}
.avatar-choice input{position:absolute;opacity:0;pointer-events:none;}
.avatar-choice>span:last-child{font-size:.86rem;color:rgba(245,248,255,.82);line-height:1.15;}
.avatar-preview{width:72px;height:72px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:rgba(0,0,0,.18);}
.avatar-picker-thumb{position:relative;width:72px;height:72px;display:grid;place-items:center;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 35% 25%, rgba(255,255,255,.12), rgba(0,0,0,.18));color:rgba(245,248,255,.72);font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:1.35rem;line-height:1;}
.avatar-picker-thumb::before{content:attr(data-fallback);position:absolute;inset:0;display:grid;place-items:center;z-index:0;}
.avatar-picker-img{position:relative!important;inset:auto!important;z-index:1;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;padding:4px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
.avatar-picker-thumb.image-missing .avatar-picker-img{display:none!important;}
.settings-sticky-actions{
  position:sticky;
  bottom:14px;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:18px;
  padding:14px 16px;
  border:1px solid rgba(216,177,94,.26);
  border-radius:18px;
  background:rgba(10,13,19,.94);
  box-shadow:0 18px 50px rgba(0,0,0,.36);
  backdrop-filter:blur(12px);
}
.settings-sticky-actions strong{display:block;color:#fff;}
.settings-action-buttons{display:flex;gap:10px;align-items:center;}
@media (max-width:1100px){
  .settings-creator-hero{grid-template-columns:auto minmax(0,1fr);}
  .settings-creator-stats{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));}
  .settings-dashboard-grid{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .page-settings .identity-narrow-shell{width:min(100%,calc(100vw - 20px));}
  .page-settings .identity-simple-hero{padding:22px 18px;}
  .settings-creator-hero{grid-template-columns:1fr;text-align:center;padding:18px;}
  .settings-creator-avatar{margin:0 auto;}
  .settings-creator-chips{justify-content:center;}
  .settings-creator-stats,.compact-stat-grid,.settings-brand-layout,.page-settings .field-row,.channel-links-grid,.settings-toggle-row,.scout-bottom-row{grid-template-columns:1fr!important;}
  .settings-card-head,.reward-wallet-head,.settings-subhead,.settings-sticky-actions{display:block;}
  .settings-card-head p{margin-top:8px;}
  .settings-action-buttons{margin-top:10px;}
  .settings-action-buttons .button-like,.settings-action-buttons button{flex:1;}
  .linked-account-row{align-items:flex-start;flex-direction:column;}
  .linked-account-row .button-like,.linked-account-row button{width:100%;}
}