/* V17 final fixes: owner controls, consistent tier colors, and desktop-safe layout helpers. */

.v17-owner-controls{
  margin-top:14px;
  border-top:1px solid #e5ebf2;
  padding-top:12px;
}
.v17-owner-controls>summary{
  cursor:pointer;
  list-style:none;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-weight:850;
  color:#1e40af;
}
.v17-owner-controls>summary::-webkit-details-marker{display:none}
.v17-owner-controls>summary::after{content:"Manage";font-size:12px;padding:6px 9px;border-radius:9px;background:#dbeafe;color:#1e40af}
.v17-owner-controls[open]>summary::after{content:"Close"}
.v17-owner-body{margin-top:10px;padding:16px;border:1px solid var(--line);border-radius:15px;background:#f8fbff}
.v17-owner-body h4{margin:0 0 10px;font-size:16px}
.v17-owner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v17-owner-grid .field{margin:0}
.v17-owner-span{grid-column:1/-1}
.v17-owner-destinations{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.v17-owner-destinations .chip{min-height:40px}
.v17-owner-section{margin-top:18px;padding-top:16px;border-top:1px solid #dce5ef}
.v17-owner-member-list{display:grid;gap:8px;margin-top:10px}
.v17-owner-member{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 0;
  border-top:1px solid #e4eaf1;
}
.v17-owner-member:first-child{border-top:0}
.v17-owner-member.v17-owner-tier-regular{border-left:4px solid #64748b;padding-left:9px;background:#f1f5f9}
.v17-owner-member.v17-owner-tier-medium{border-left:4px solid #2563eb;padding-left:9px;background:#eff6ff}
.v17-owner-member.v17-owner-tier-advanced{border-left:4px solid #9333ea;padding-left:9px;background:#faf5ff}
.v17-owner-member.v17-owner-tier-elite{border-left:4px solid #d97706;padding-left:9px;background:#fffbeb}
.v17-owner-member-identity{min-width:0}.v17-owner-member-identity strong,.v17-owner-member small{display:block;overflow-wrap:anywhere}.v17-owner-member small{margin-top:2px;color:var(--muted)}
.v17-owner-member-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;min-width:0}.v17-owner-member-actions .btn{width:auto}
.v17-owner-member-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:0}
.v17-owner-member-stats>span{min-width:0;padding:8px 9px;border:1px solid #dbe4ef;border-radius:10px;background:#fff;color:#596b82;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere}
.v17-owner-member-stats strong{display:block;margin-top:3px;color:#172033;font-size:13px;letter-spacing:0;text-transform:none;overflow-wrap:anywhere}
.v17-owner-add{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end;margin-top:12px;min-width:0}
.v17-owner-add .field{margin:0}
.v17-owner-add .field:nth-child(3),.v17-owner-add>.btn{grid-column:1/-1}
.v17-owner-add .field,.v17-owner-add .select{min-width:0;max-width:100%}
.v17-owner-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.v17-owner-danger{margin-top:18px;padding:14px;border:1px solid #fecaca;border-radius:13px;background:#fff7f7}
.v17-owner-danger p{margin:5px 0 12px;color:#7f1d1d;font-size:13px}

/* Tier palette: Regular gray, Medium blue, Advanced purple, Elite gold. */
.v16-tier-box.v17-tier-regular{background:#e2e8f0;border-color:#64748b}
.v16-tier-box.v17-tier-medium{background:#dbeafe;border-color:#2563eb}
.v16-tier-box.v17-tier-advanced{background:#f3e8ff;border-color:#9333ea}
.v16-tier-box.v17-tier-elite{background:#fef3c7;border-color:#d97706}
.v16-tier-box.v17-tier-regular span{color:#334155}
.v16-tier-box.v17-tier-medium span{color:#1e3a8a}
.v16-tier-box.v17-tier-advanced span{color:#581c87}
.v16-tier-box.v17-tier-elite span{color:#78350f}

@media(max-width:960px){
  .v17-owner-add{grid-template-columns:1fr 1fr}
  .v17-owner-add .btn{width:100%}
}

@media(max-width:780px){
  .v17-owner-grid{grid-template-columns:1fr}
  .v17-owner-span{grid-column:auto}
  .v17-owner-member{grid-template-columns:minmax(0,1fr)}
  .v17-owner-member-actions{justify-content:flex-start}
  .v17-owner-member-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v17-owner-member-stats>span:last-child{grid-column:1/-1}
  .v17-owner-add{grid-template-columns:1fr}
  .v17-owner-add .field:nth-child(3),.v17-owner-add>.btn{grid-column:auto}
  .v17-owner-actions .btn{width:100%;flex:1 1 100%}
  .v17-owner-body{padding:13px}
}