/* HTNS ME page refinement · v163
   Every selector is scoped to #view-profile so no other app page changes. */

#mainApp #view-profile{
  --me-ink:#0B315D;
  --me-muted:#748698;
  --me-line:#DDE5EC;
  --me-soft:#F7F9FB;
  --me-gold:#C7951F;
  --me-gold-soft:#FFF7DC;
  --me-radius:14px;
}

/* Page rhythm */
#mainApp #view-profile .me-ref-page,
#mainApp #view-profile .me-admin-reference,
#mainApp #view-profile .me-admin-manager-stack{
  display:grid!important;
  width:100%!important;
  gap:8px!important;
  margin:0!important;
}
#mainApp #view-profile .me-ref-page{padding:0 0 4px!important;}
#mainApp #view-profile .me-admin-reference{padding:0 0 2px!important;}
#mainApp #view-profile .me-section-card,
#mainApp #view-profile .me-super-album-card,
#mainApp #view-profile .roster-manager,
#mainApp #view-profile .role-manager-dropdown{
  border:1px solid var(--me-line)!important;
  border-radius:var(--me-radius)!important;
  background:#FFF!important;
  box-shadow:0 2px 7px rgba(18,37,63,.03)!important;
}
#mainApp #view-profile .me-section-card{padding:9px 10px!important;}
#mainApp #view-profile .me-section-title{
  margin:0 0 4px!important;
  color:var(--me-ink)!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}

/* Notifications and Power Down share one compact row system. */
#mainApp #view-profile .me-pref-list{display:block!important;}
#mainApp #view-profile .me-pref-item,
#mainApp #view-profile .me-power-row{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:7px!important;
  min-height:48px!important;
  padding:5px 2px!important;
  border:0!important;
  border-top:1px solid #E8EDF1!important;
}
#mainApp #view-profile .me-pref-item:first-child{border-top:0!important;}
#mainApp #view-profile .me-pref-copy,
#mainApp #view-profile .me-power-copy{min-width:0!important;}
#mainApp #view-profile .me-pref-icon,
#mainApp #view-profile .me-power-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border:1px solid #E1E7ED!important;
  border-radius:9px!important;
  background:var(--me-soft)!important;
  color:#17446E!important;
  box-shadow:none!important;
}
#mainApp #view-profile .me-pref-icon svg,
#mainApp #view-profile .me-power-icon svg{width:15px!important;height:15px!important;}
#mainApp #view-profile .me-pref-title,
#mainApp #view-profile .me-power-title{
  display:block!important;
  margin:0 0 1px!important;
  color:var(--me-ink)!important;
  font-size:10.5px!important;
  line-height:1.12!important;
  font-weight:900!important;
}
#mainApp #view-profile .me-pref-sub,
#mainApp #view-profile .me-power-sub{
  display:block!important;
  color:var(--me-muted)!important;
  font-size:8.2px!important;
  line-height:1.2!important;
  font-weight:600!important;
}
#mainApp #view-profile #notificationsCard .toggle{
  width:36px!important;
  height:20px!important;
  min-width:36px!important;
  transform:none!important;
}
#mainApp #view-profile #notificationsCard .toggle-ui{
  width:36px!important;
  height:20px!important;
  border-radius:999px!important;
}
#mainApp #view-profile #notificationsCard .toggle-ui:before{
  width:14px!important;
  height:14px!important;
  left:3px!important;
  top:3px!important;
}
#mainApp #view-profile #notificationsCard .toggle input:checked + .toggle-ui:before{
  transform:translateX(16px)!important;
}
#mainApp #view-profile .me-power-actions{display:flex!important;gap:5px!important;}
#mainApp #view-profile .me-icon-btn,
#mainApp #view-profile .me-power-btn{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  padding:0!important;
  border:1px solid #DFE6ED!important;
  border-radius:9px!important;
  background:var(--me-soft)!important;
  color:#17446E!important;
  box-shadow:none!important;
}
#mainApp #view-profile .me-power-btn{
  border-color:#EAD79C!important;
  background:var(--me-gold-soft)!important;
  color:#9B7110!important;
}
#mainApp #view-profile .me-icon-btn svg,
#mainApp #view-profile .me-power-btn svg{width:15px!important;height:15px!important;}

/* Availability: date and action stay on one balanced line. */
#mainApp #view-profile .me-availability-stack{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:6px!important;
}
#mainApp #view-profile .me-date-field{
  min-width:0!important;
  min-height:40px!important;
  height:40px!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  padding:0 8px 0 2px!important;
  border:1px solid var(--me-line)!important;
  border-radius:10px!important;
  background:#FBFCFD!important;
  box-shadow:none!important;
}
#mainApp #view-profile .me-date-field .me-date-icon{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}
#mainApp #view-profile .me-date-icon svg{width:14px!important;height:14px!important;}
#mainApp #view-profile .me-date-label{
  min-width:0!important;
  color:var(--me-ink)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:850!important;
}
#mainApp #view-profile .me-date-field input,
body.view-only-mode #mainApp #view-profile .me-date-field input[data-vm-lock="1"]{
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  -webkit-text-fill-color:transparent!important;
  cursor:pointer!important;
}
#mainApp #view-profile .me-availability-add{
  width:auto!important;
  min-width:126px!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 10px!important;
  gap:5px!important;
  border:1px solid #E2C567!important;
  border-radius:10px!important;
  background:#FFFDF8!important;
  color:#9B7110!important;
  font-size:8.8px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
#mainApp #view-profile .me-availability-add .plus{font-size:14px!important;line-height:1!important;}
#mainApp #view-profile .me-availability-list{
  grid-column:1/-1!important;
  display:grid!important;
  gap:4px!important;
}
#mainApp #view-profile .me-availability-item,
#mainApp #view-profile .me-availability-empty{
  min-height:36px!important;
  padding:0 7px!important;
  gap:5px!important;
  border:1px dashed #E4D8B5!important;
  border-radius:9px!important;
  background:#FAFBFC!important;
  box-shadow:none!important;
}
#mainApp #view-profile .me-availability-item{border-style:solid!important;border-color:#E4E9EE!important;background:#FFF!important;}
#mainApp #view-profile .me-availability-item .me-date-icon,
#mainApp #view-profile .me-availability-empty .me-date-icon{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border:0!important;
  background:transparent!important;
}
#mainApp #view-profile .me-availability-item span,
#mainApp #view-profile .me-availability-empty span{font-size:8.2px!important;line-height:1.15!important;}
#mainApp #view-profile .me-availability-item .date-val{color:var(--me-ink)!important;font-size:9px!important;font-weight:850!important;}
#mainApp #view-profile .me-availability-remove{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:7px!important;
  font-size:14px!important;
}

/* Album source: input and update action share one row. */
#mainApp #view-profile .me-super-album-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 150px!important;
  gap:6px 8px!important;
  padding:10px!important;
}
#mainApp #view-profile .me-super-album-head{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
}
#mainApp #view-profile .me-super-album-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:10px!important;
}
#mainApp #view-profile .me-super-album-icon svg{width:17px!important;height:17px!important;}
#mainApp #view-profile .me-super-album-title{
  margin:0 0 1px!important;
  font-size:11.5px!important;
  line-height:1.1!important;
}
#mainApp #view-profile .me-super-album-desc{
  display:-webkit-box!important;
  overflow:hidden!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  font-size:8.2px!important;
  line-height:1.2!important;
}
#mainApp #view-profile .me-super-badge{
  padding:4px 6px!important;
  border-radius:999px!important;
  font-size:6.5px!important;
  line-height:1!important;
}
#mainApp #view-profile .me-album-link-wrap{
  grid-column:1!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  min-width:0!important;
  min-height:38px!important;
  height:38px!important;
  margin:0!important;
  padding:0 7px 0 2px!important;
  border-radius:10px!important;
}
#mainApp #view-profile .me-album-link-wrap input{
  min-width:0!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  font-size:8.5px!important;
}
#mainApp #view-profile .me-album-link-icon svg{width:14px!important;height:14px!important;}
#mainApp #view-profile .me-album-update{
  grid-column:2!important;
  min-width:0!important;
  min-height:38px!important;
  height:38px!important;
  padding:0 8px!important;
  gap:5px!important;
  border-radius:10px!important;
  font-size:8px!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
#mainApp #view-profile .me-album-update span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#mainApp #view-profile .me-album-update svg{width:14px!important;height:14px!important;flex:0 0 14px!important;}
#mainApp #view-profile .me-album-note{
  grid-column:1/-1!important;
  margin:0!important;
  color:var(--me-muted)!important;
  font-size:7.2px!important;
  line-height:1.15!important;
  text-align:left!important;
}

/* Members / Media Roles / Worship Roles behave like one compact accordion. */
#mainApp #view-profile .me-admin-manager-stack{gap:6px!important;}
#mainApp #view-profile .me-admin-manager-stack .roster-toggle,
#mainApp #view-profile .me-admin-manager-stack .role-manager-toggle{
  width:100%!important;
  min-height:52px!important;
  height:52px!important;
  grid-template-columns:34px minmax(0,1fr) 16px!important;
  align-items:center!important;
  gap:8px!important;
  padding:6px 9px!important;
}
#mainApp #view-profile .me-admin-manager-stack .roster-toggle-icon,
#mainApp #view-profile .me-admin-manager-stack .role-manager-icon{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border-radius:9px!important;
}
#mainApp #view-profile .me-admin-manager-stack .roster-toggle-icon svg,
#mainApp #view-profile .me-admin-manager-stack .role-manager-icon svg{width:17px!important;height:17px!important;}
#mainApp #view-profile .me-admin-manager-stack .roster-toggle-copy,
#mainApp #view-profile .me-admin-manager-stack .role-manager-copy{min-width:0!important;}
#mainApp #view-profile .me-admin-manager-stack .roster-toggle-title,
#mainApp #view-profile .me-admin-manager-stack .role-manager-title{
  margin:0 0 1px!important;
  gap:4px!important;
  font-size:10.8px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#mainApp #view-profile .me-admin-manager-stack .roster-toggle-sub,
#mainApp #view-profile .me-admin-manager-stack .role-manager-sub{
  font-size:7.8px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#mainApp #view-profile .me-admin-manager-stack .roster-count,
#mainApp #view-profile .me-admin-manager-stack .role-manager-count{
  min-width:20px!important;
  height:18px!important;
  padding:0 5px!important;
  font-size:7px!important;
}
#mainApp #view-profile .me-admin-manager-stack .roster-chevron,
#mainApp #view-profile .me-admin-manager-stack .role-manager-chevron{
  width:16px!important;
  height:16px!important;
}
#mainApp #view-profile .me-admin-manager-stack .roster-chevron svg,
#mainApp #view-profile .me-admin-manager-stack .role-manager-chevron svg{width:12px!important;height:12px!important;}
#mainApp #view-profile .me-admin-manager-stack .roster-body,
#mainApp #view-profile .me-admin-manager-stack .role-manager-body{
  padding:0 8px 8px!important;
  border-top:1px solid #E7ECF0!important;
}

/* Members controls */
#mainApp #view-profile .member-manager-v152 .roster-body{
  display:none!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:5px!important;
  padding-top:6px!important;
}
#mainApp #view-profile .member-manager-v152.open .roster-body{display:grid!important;}
#mainApp #view-profile .member-manager-v152 .roster-help,
#mainApp #view-profile .member-manager-v152 .member-role-focus-v152,
#mainApp #view-profile .member-manager-v152 .member-team-filters-v152,
#mainApp #view-profile .member-manager-v152 #rosterPersonList{
  grid-column:1/-1!important;
}
#mainApp #view-profile .member-manager-v152 .roster-help{
  margin:0!important;
  color:var(--me-muted)!important;
  font-size:7.5px!important;
  line-height:1.1!important;
}
#mainApp #view-profile .member-team-filters-v152{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:2px!important;
  height:30px!important;
  margin:0!important;
  padding:2px!important;
  border-radius:8px!important;
}
#mainApp #view-profile .member-team-filters-v152 button{
  width:100%!important;
  min-width:0!important;
  height:24px!important;
  min-height:24px!important;
  padding:0!important;
  border-radius:6px!important;
  font-size:7.8px!important;
}
#mainApp #view-profile .member-manager-v152 .roster-search-wrap,
#mainApp #view-profile .member-manager-v152 .roster-add-row{
  min-width:0!important;
  height:32px!important;
  margin:0!important;
}
#mainApp #view-profile .member-manager-v152 .roster-search,
#mainApp #view-profile .member-manager-v152 .roster-add-field{
  width:100%!important;
  min-width:0!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  font-size:8.5px!important;
}
#mainApp #view-profile .member-manager-v152 .roster-add-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 32px!important;
  gap:4px!important;
}
#mainApp #view-profile .member-manager-v152 .roster-add-btn{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  border-radius:8px!important;
  font-size:16px!important;
}
#mainApp #view-profile .member-manager-v152 #rosterPersonList{
  display:block!important;
  grid-template-columns:none!important;
  width:100%!important;
  max-height:238px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:0!important;
  border:1px solid var(--me-line)!important;
  border-radius:8px!important;
  background:#FFF!important;
}
#mainApp #view-profile .member-manager-v152 #rosterPersonList > .member-role-card-v152{
  width:100%!important;
  margin:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid #E8EDF1!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#mainApp #view-profile .member-manager-v152 #rosterPersonList > .member-role-card-v152:last-of-type{border-bottom:0!important;}
#mainApp #view-profile .member-manager-v152 #rosterPersonList > .member-role-card-v152 > .member-role-head-v152{
  height:28px!important;
  min-height:28px!important;
  grid-template-columns:minmax(0,1fr) 18px 14px!important;
  gap:3px!important;
  padding:2px 6px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
#mainApp #view-profile .member-manager-v152 #rosterPersonList .roster-person-name{font-size:9px!important;line-height:1!important;}
#mainApp #view-profile .member-manager-v152 #rosterPersonList .member-role-count-chip-v155{width:18px!important;height:18px!important;font-size:7px!important;}
#mainApp #view-profile .member-manager-v152 #rosterPersonList .roster-person-chevron{width:14px!important;height:14px!important;}
#mainApp #view-profile .member-manager-v152 #rosterPersonList > .member-role-card-v152.open{
  margin:3px!important;
  width:calc(100% - 6px)!important;
  border:1px solid #C9D8E4!important;
  border-radius:8px!important;
  background:#FFF!important;
}
#mainApp #view-profile .member-manager-v152 .member-role-body-v152{
  padding:6px!important;
  border-top:1px solid #E2E8EE!important;
}
#mainApp #view-profile .member-manager-v152 .member-role-limit-v152{margin:0 0 5px!important;font-size:8px!important;}
#mainApp #view-profile .member-manager-v152 .member-team-group-v152{padding:5px!important;border-radius:7px!important;}
#mainApp #view-profile .member-manager-v152 .member-team-group-v152 + .member-team-group-v152{margin-top:4px!important;}
#mainApp #view-profile .member-manager-v152 .member-role-options-v152{gap:3px!important;}
#mainApp #view-profile .member-manager-v152 .member-role-choice-v152{
  min-height:26px!important;
  padding:3px 5px!important;
  gap:4px!important;
  border-radius:6px!important;
}
#mainApp #view-profile .member-manager-v152 .member-role-choice-v152 input{width:12px!important;height:12px!important;}
#mainApp #view-profile .member-manager-v152 .member-role-choice-v152 span{font-size:7.6px!important;}
#mainApp #view-profile .member-manager-v152 .member-person-actions-v152{margin-top:6px!important;padding-top:5px!important;gap:4px!important;}

/* Role libraries */
#mainApp #view-profile .role-library-v152 .role-manager-body{padding-top:6px!important;}
#mainApp #view-profile .role-library-v152 .role-library-list-v152{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:4px!important;
  max-height:246px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:0 2px 0 0!important;
}
#mainApp #view-profile .role-library-v152 .role-library-line-v152{
  min-width:0!important;
  padding:6px!important;
  border-radius:8px!important;
}
#mainApp #view-profile .role-library-v152 .role-library-head-v152{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 18px auto!important;
  align-items:center!important;
  gap:3px!important;
}
#mainApp #view-profile .role-library-v152 .role-library-head-v152 > b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:9px!important;
}
#mainApp #view-profile .role-library-v152 .role-library-count-v152{
  min-width:18px!important;
  width:18px!important;
  height:18px!important;
  padding:0!important;
  border-radius:6px!important;
  font-size:7px!important;
}
#mainApp #view-profile .role-library-v152 .role-library-actions-v152{
  grid-column:auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:2px!important;
}
#mainApp #view-profile .role-library-v152 .role-library-actions-v152 button{
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  padding:0!important;
  border-radius:6px!important;
  font-size:10px!important;
}
#mainApp #view-profile .role-library-v152 .role-library-names-v152{
  display:block!important;
  height:18px!important;
  margin:4px 0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
#mainApp #view-profile .role-library-v152 .role-library-names-v152 > span{
  display:inline-flex!important;
  max-width:100%!important;
  margin-right:2px!important;
  padding:2px 5px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:7px!important;
}
#mainApp #view-profile .role-library-v152 .role-library-manage-v152{
  min-height:24px!important;
  height:24px!important;
  padding:0 5px!important;
  border-radius:6px!important;
  font-size:7px!important;
}
#mainApp #view-profile .role-library-v152 .add-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 32px!important;
  gap:4px!important;
  height:32px!important;
  margin:6px 0 0!important;
}
#mainApp #view-profile .role-library-v152 .add-row .field,
#mainApp #view-profile .role-library-v152 .add-row .add-plus{
  height:32px!important;
  min-height:32px!important;
  border-radius:8px!important;
  font-size:8.5px!important;
}

/* Save / Undo: identical width and height. */
#mainApp #view-profile .me-admin-actions,
body.view-only-mode #mainApp #view-profile .me-admin-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  gap:6px!important;
  margin:0!important;
}
#mainApp #view-profile .me-admin-action{
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 8px!important;
  gap:5px!important;
  border-radius:10px!important;
  border-width:1px!important;
  font-size:9px!important;
}
#mainApp #view-profile .me-admin-action svg{width:14px!important;height:14px!important;}

/* Consistent interaction feedback without visual noise. */
#mainApp #view-profile button:focus-visible,
#mainApp #view-profile input:focus-visible{
  outline:2px solid #D6AC31!important;
  outline-offset:1px!important;
}
#mainApp #view-profile button:active{transform:scale(.985);}

/* View-only should mirror the same layout, while keeping the formatted date visible. */
body.view-only-mode #mainApp #view-profile .me-admin-reference,
body.view-only-mode #mainApp #view-profile .me-admin-manager-stack{display:grid!important;}

/* Dark mode */
[data-theme="dark"] #mainApp #view-profile{
  --me-ink:#EEF6FD;
  --me-muted:#AFC0D0;
  --me-line:#315777;
  --me-soft:#0D2744;
  --me-gold-soft:#3A3215;
}
[data-theme="dark"] #mainApp #view-profile .me-section-card,
[data-theme="dark"] #mainApp #view-profile .me-super-album-card,
[data-theme="dark"] #mainApp #view-profile .roster-manager,
[data-theme="dark"] #mainApp #view-profile .role-manager-dropdown,
[data-theme="dark"] #mainApp #view-profile .member-manager-v152 #rosterPersonList,
[data-theme="dark"] #mainApp #view-profile .role-library-line-v152,
[data-theme="dark"] #mainApp #view-profile .member-role-card-v152.open{
  border-color:var(--me-line)!important;
  background:#102F50!important;
}
[data-theme="dark"] #mainApp #view-profile .me-pref-item,
[data-theme="dark"] #mainApp #view-profile .me-power-row,
[data-theme="dark"] #mainApp #view-profile .me-admin-manager-stack .roster-body,
[data-theme="dark"] #mainApp #view-profile .me-admin-manager-stack .role-manager-body{
  border-color:#294D70!important;
}
[data-theme="dark"] #mainApp #view-profile .me-date-field,
[data-theme="dark"] #mainApp #view-profile .me-availability-item,
[data-theme="dark"] #mainApp #view-profile .me-availability-empty,
[data-theme="dark"] #mainApp #view-profile .me-album-link-wrap{
  border-color:var(--me-line)!important;
  background:#0D2744!important;
}
[data-theme="dark"] #mainApp #view-profile .member-manager-v152 #rosterPersonList > .member-role-card-v152{
  border-bottom-color:#294D70!important;
}

@media(max-width:390px){
  #mainApp #view-profile .me-section-card{padding:8px!important;}
  #mainApp #view-profile .me-pref-item,
  #mainApp #view-profile .me-power-row{grid-template-columns:30px minmax(0,1fr) auto!important;gap:6px!important;}
  #mainApp #view-profile .me-availability-add{min-width:112px!important;padding:0 7px!important;font-size:8px!important;}
  #mainApp #view-profile .me-super-album-card{grid-template-columns:minmax(0,1fr) 118px!important;padding:8px!important;}
  #mainApp #view-profile .me-super-album-head{grid-template-columns:32px minmax(0,1fr) auto!important;gap:6px!important;}
  #mainApp #view-profile .me-super-album-icon{width:30px!important;height:30px!important;min-width:30px!important;}
  #mainApp #view-profile .me-album-update{font-size:7px!important;padding:0 5px!important;}
  #mainApp #view-profile .me-admin-manager-stack .roster-toggle,
  #mainApp #view-profile .me-admin-manager-stack .role-manager-toggle{grid-template-columns:32px minmax(0,1fr) 14px!important;padding:6px 8px!important;gap:6px!important;}
  #mainApp #view-profile .role-library-v152 .role-library-head-v152{grid-template-columns:minmax(0,1fr) 18px auto!important;}
}

@media(max-width:350px){
  #mainApp #view-profile .me-super-album-card{grid-template-columns:1fr!important;}
  #mainApp #view-profile .me-album-link-wrap,
  #mainApp #view-profile .me-album-update{grid-column:1!important;}
  #mainApp #view-profile .member-manager-v152 .roster-body{grid-template-columns:1fr!important;}
  #mainApp #view-profile .member-manager-v152 .roster-help,
  #mainApp #view-profile .member-manager-v152 .member-role-focus-v152,
  #mainApp #view-profile .member-manager-v152 .member-team-filters-v152,
  #mainApp #view-profile .member-manager-v152 .roster-search-wrap,
  #mainApp #view-profile .member-manager-v152 .roster-add-row,
  #mainApp #view-profile .member-manager-v152 #rosterPersonList{grid-column:1!important;}
  #mainApp #view-profile .role-library-v152 .role-library-list-v152{grid-template-columns:1fr!important;}
}