/* ============================================================
   STORMY TITANS™ PROFILE FULL EDIT + IMAGE GALLERY — 002-R6
   ============================================================ */

.profile-edit-r6,
.r6-profile-view{max-width:820px;margin-inline:auto}

.profile-edit-idbar{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin:0 0 10px;padding:7px 10px;border-radius:6px;
  background:linear-gradient(90deg,#173e67,#2d6897);
  color:#fff;font-size:.82rem
}
.profile-edit-idbar span{color:#d9effc}
.profile-edit-idbar em{margin-left:auto;color:var(--cyan);font-style:normal;font-weight:900}

.profile-edit-form{display:grid;gap:10px}
.edit-module{
  border:1px solid #36536a;border-radius:8px;overflow:hidden;
  background:rgba(255,255,255,.035);margin:0 0 10px
}
.edit-module>header{
  padding:8px 10px;background:linear-gradient(90deg,#173e67,#2e6b9d,#173e67);
  color:#fff;font-size:.82rem;font-weight:900
}
.edit-module>label,
.edit-module>.edit-grid,
.edit-module>.edit-photo-row,
.edit-module>.gallery-upload-form,
.edit-module>p,
.edit-module>form{margin:10px}

.edit-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px
}
.edit-grid label,
.edit-module>label{display:block;font-size:.76rem;font-weight:800}
.edit-grid input,
.edit-module input[type="text"],
.edit-module input[type="email"],
.edit-module input[type="date"],
.edit-module textarea{
  width:100%;margin-top:4px
}
.edit-photo-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:start}
.edit-primary-photo{
  width:150px;aspect-ratio:1/1;border:2px solid #fff;border-radius:9px;overflow:hidden;
  display:grid;place-items:center;background:linear-gradient(145deg,#173b5d,#071c2e);
  font-size:2.5rem;font-weight:900
}
.edit-primary-photo img{width:100%;height:100%;object-fit:cover}

.edit-gallery-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;
  padding:10px
}
.edit-gallery-item{
  display:block;border:1px solid #36536a;border-radius:7px;overflow:hidden;
  background:#0b2234
}
.edit-gallery-item img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.edit-gallery-item span{
  display:flex;align-items:center;gap:5px;padding:6px;font-size:.72rem
}

.r6-profile-gallery{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:6px;padding:8px
}
.r6-gallery-thumb,
.r6-gallery-add{
  position:relative;display:block;width:100%;aspect-ratio:1/1;border:1px solid #36536a;
  border-radius:6px;overflow:hidden;background:#102c43;color:#fff;cursor:pointer;padding:0
}
.r6-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.r6-gallery-thumb span{
  position:absolute;left:4px;bottom:4px;padding:2px 5px;border-radius:7px;
  background:rgba(0,0,0,.68);color:#fff;font-size:.58rem;font-weight:900
}
.r6-gallery-add{
  display:grid;place-items:center;text-decoration:none!important;font-size:2rem
}
.r6-chip-list{display:flex;gap:7px;flex-wrap:wrap;padding:10px}
.r6-chip-list span{
  padding:5px 8px;border:1px solid #3d718f;border-radius:14px;
  background:rgba(0,207,255,.06);font-size:.75rem
}

.private-profile-module>header{display:flex;justify-content:space-between}
.private-profile-module>header span{
  color:#ffd5d5;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em
}

.r6-gallery-lightbox[hidden]{display:none}
.r6-gallery-lightbox{
  position:fixed;inset:0;z-index:2147483646;
  display:grid;place-items:center;padding:20px;
  background:rgba(0,0,0,.92)
}
.r6-gallery-lightbox img{
  max-width:min(96vw,1100px);max-height:90dvh;object-fit:contain;
  border:2px solid #fff;border-radius:8px
}
.r6-gallery-close{
  position:fixed;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));
  z-index:2147483647;width:46px;height:46px;border-radius:50%;
  border:1px solid #fff;background:#0b2b45;color:#fff;font-size:1.8rem;cursor:pointer
}
body.gallery-open{overflow:hidden}

@media(max-width:700px){
  .edit-grid{grid-template-columns:1fr}
  .edit-photo-row{grid-template-columns:105px minmax(0,1fr)}
  .edit-primary-photo{width:105px}
  .edit-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:7px;gap:5px}
  .r6-profile-gallery{grid-template-columns:repeat(3,minmax(0,1fr));padding:6px;gap:5px}
}

@media(max-width:390px){
  .edit-photo-row{grid-template-columns:90px minmax(0,1fr);gap:9px}
  .edit-primary-photo{width:90px}
  .edit-gallery-grid,
  .r6-profile-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
}