/* Browser account depth. Moderator styles below also apply in the Android app. */
html.account-page:not(.is-android-app):not(.pomogator-native-app) :is(.ap-help-grid,.ap-market-grid)>.ap-tile{
  isolation:isolate;
  background:linear-gradient(155deg,#ffffff 8%,#f4f9ef 100%);
  border-color:#c2d4b8;
  box-shadow:inset 0 2px 0 #fff,inset 0 -2px 0 #dce8d5,0 5px 0 #c4d3bb,0 11px 20px #36543b13;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
html.account-page:not(.is-android-app):not(.pomogator-native-app) .ap-market-grid>.ap-tile{
  background:linear-gradient(155deg,#fffefa 8%,#f1f6eb 100%);
}
html.account-page:not(.is-android-app):not(.pomogator-native-app) :is(.ap-help-grid,.ap-market-grid)>.ap-tile::before,
html.account-page:not(.is-android-app):not(.pomogator-native-app) #apHero::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:-1;
  box-shadow:0 9px 20px 2px #67ad744d,0 15px 32px 3px #8dbd722e;
  opacity:.22;
  animation:ap-browser-breathe 6.8s ease-in-out infinite;
}
html.account-page:not(.is-android-app):not(.pomogator-native-app) #apHero{
  overflow:visible;
  border-color:#b9cfae;
  background:linear-gradient(120deg,#f2f7ec,#e6efdb 70%,#dcebd1);
  box-shadow:inset 0 2px 0 #ffffffdb,inset 0 -2px 0 #d1e0c7,0 6px 0 #c3d2b9,0 14px 26px #3e593c17;
}
html.account-page:not(.is-android-app):not(.pomogator-native-app) #apHero::before{
  box-shadow:0 10px 26px 3px #70ad6c4d,0 19px 40px 5px #a0c98529;
}
html.account-page:not(.is-android-app):not(.pomogator-native-app) #apHero::after{
  inset:0;
  width:auto;
  height:auto;
  border:0;
  border-radius:inherit;
  box-shadow:none;
  background:radial-gradient(circle at 96% 12%,transparent 0 86px,#b7cfaa55 87px 88px,transparent 89px 120px,#bfd5b244 121px 154px,transparent 155px);
}
html.account-page:not(.is-android-app):not(.pomogator-native-app) :is(.ap-help-grid,.ap-market-grid)>.ap-tile:hover,
html.account-page:not(.is-android-app):not(.pomogator-native-app) :is(.ap-help-grid,.ap-market-grid)>.ap-tile:focus-visible{
  transform:translateY(-2px);
  border-color:#8fae7d;
  box-shadow:inset 0 2px 0 #fff,inset 0 -2px 0 #d5e3cd,0 7px 0 #b5c8a9,0 15px 24px #36543b1f;
}
html.account-page:not(.is-android-app):not(.pomogator-native-app) :is(.ap-help-grid,.ap-market-grid)>.ap-tile[aria-current=page]{
  border-color:#8fae7d;
  background:linear-gradient(155deg,#f6fbf0,#e5efdb);
}
html.account-page:not(.is-android-app):not(.pomogator-native-app) :is(.ap-help-grid,.ap-market-grid)>.ap-tile:active{
  transform:translateY(3px);
  box-shadow:inset 0 2px 4px #36543b12,0 2px 0 #b5c8a9,0 5px 10px #36543b12;
}
@keyframes ap-browser-breathe{0%,100%{opacity:.22}50%{opacity:.82}}
@media(prefers-reduced-motion:reduce){
  html.account-page:not(.is-android-app):not(.pomogator-native-app) :is(.ap-help-grid,.ap-market-grid)>.ap-tile::before,
  html.account-page:not(.is-android-app):not(.pomogator-native-app) #apHero::before{animation:none;opacity:.4}
  html.account-page:not(.is-android-app):not(.pomogator-native-app) :is(.ap-help-grid,.ap-market-grid)>.ap-tile{transition:none;transform:none}
}

/* Moderator cabinet: raised controls and a visible, slow green glow on every tile. */
html.account-page #apAdminNav{
  row-gap:21px;
  padding-bottom:9px;
}
html.account-page #apAdminNav>.ap-tile{
  position:relative;
  isolation:isolate;
  overflow:visible;
  border-color:#afc6a2;
  background:linear-gradient(145deg,#fff 5%,#f3f8ed 70%,#e9f1df);
  box-shadow:inset 0 2px 0 #fff,inset 0 -2px 0 #d7e5cb,0 6px 0 #bacdac,0 13px 22px #36543b20;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
  -webkit-tap-highlight-color:transparent;
}
html.account-page #apAdminNav>.ap-tile::before{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid #7fba6e;
  border-radius:inherit;
  pointer-events:none;
  z-index:-1;
  box-shadow:inset 0 0 19px #8ccf603d,0 0 12px 2px #79b15a8c,0 8px 26px 4px #82b66670;
  opacity:.12;
  animation:ap-moderator-glow 5.6s ease-in-out infinite;
}
html.account-page #apAdminNav>.ap-tile:nth-child(3n+2)::before{animation-delay:-1.8s}
html.account-page #apAdminNav>.ap-tile:nth-child(3n)::before{animation-delay:-3.6s}
html.account-page #apAdminNav>.ap-tile[aria-pressed=true]{
  border-color:#769c63;
  background:linear-gradient(145deg,#f8fff1,#e3efd8 75%,#d8e8c9);
  box-shadow:inset 0 2px 0 #fff,inset 0 -2px 0 #c9dcb9,0 6px 0 #9fb78e,0 13px 22px #36543b24;
}
html.account-page #apAdminNav>.ap-tile>.ap-tile-icon{
  border:1px solid #d5e3c9;
  background:linear-gradient(145deg,#fff,#e1ecd6);
  color:#527545;
  box-shadow:inset 0 1px 0 #fff,0 2px 0 #c1d2b2,0 4px 8px #36543b12;
}
html.account-page #apAdminNav>.ap-tile:focus-visible{
  outline:3px solid #557e3d;
  outline-offset:5px;
}
@media(hover:hover){
  html.account-page #apAdminNav>.ap-tile:hover{
    transform:translateY(-2px);
    border-color:#75965f;
    box-shadow:inset 0 2px 0 #fff,inset 0 -2px 0 #d0e1c2,0 8px 0 #adc39d,0 17px 25px #36543b29;
  }
}
html.account-page #apAdminNav>.ap-tile:active{
  transform:translateY(4px);
  box-shadow:inset 0 2px 5px #36543b14,0 2px 0 #a9bf9b,0 5px 10px #36543b20;
}

/* Participant cards stay calm while the navigation tiles breathe. */
html.account-page .ap-new-person,
html.account-page #modalContent .ap-admin-section[data-ap-admin-section=people] .dash-task{
  position:relative;
  isolation:isolate;
  min-width:0;
  border-color:#c0d2b4;
  background:linear-gradient(145deg,#fff,#f2f7ed 80%)!important;
  box-shadow:inset 0 2px 0 #fff,inset 0 -2px 0 #e0ead7,0 4px 0 #c3d3b8,0 9px 16px #36543b14;
  margin-bottom:17px;
  transition:border-color .2s ease,box-shadow .2s ease;
}
html.account-page .ap-new-person:focus-within,
html.account-page #modalContent .ap-admin-section[data-ap-admin-section=people] .dash-task:focus-within{
  border-color:#7f9f69;
  box-shadow:inset 0 2px 0 #fff,inset 0 -2px 0 #d5e4ca,0 4px 0 #aec49f,0 10px 19px #6e9b4b35;
}
@media(hover:hover){
  html.account-page .ap-new-person:hover,
  html.account-page #modalContent .ap-admin-section[data-ap-admin-section=people] .dash-task:hover{
    border-color:#9ab586;
    box-shadow:inset 0 2px 0 #fff,inset 0 -2px 0 #d5e4ca,0 4px 0 #b5c9a7,0 10px 19px #6e9b4b2b;
  }
}
html.account-page .ap-new-person{flex-wrap:wrap}
html.account-page .ap-new-person-copy{flex:1;min-width:0}
html.account-page .ap-new-initial{
  border:1px solid #c6d8b9;
  background:linear-gradient(145deg,#f5faed,#dae9cd);
  box-shadow:inset 0 1px 0 #fff,0 2px 0 #b6cba6,0 4px 7px #36543b12;
}
html.account-page .ap-new-actions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  flex:0 0 100%;
  min-width:0;
  width:100%;
  margin-top:8px;
}
html.account-page #modalContent .ap-new-actions>.btn{
  width:100%;
  min-width:0;
  min-height:44px;
  height:100%;
  margin:0;
  padding:10px 12px;
  font-size:14px;
  line-height:1.35;
  white-space:normal;
  overflow-wrap:anywhere;
}
html.account-page .ap-new-action-panel,
html.account-page #modalContent form.ap-new-action-panel{
  flex:0 0 100%;
  min-width:0;
  width:100%;
  border:1px solid #c9d9bf;
  border-radius:12px;
  background:#f7faf2;
  padding:16px;
  margin-top:8px;
  box-shadow:inset 0 2px 5px #36543b0a;
}
html.account-page .ap-new-action-panel label{display:block;font-size:14px;font-weight:600;margin:12px 0 6px}
html.account-page .ap-new-action-panel :is(input,textarea,select){
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:44px;
  border:1px solid #bdcfb1;
  border-radius:9px;
  padding:10px 12px;
  background:#fff;
  color:#304a38;
  font:inherit;
}
html.account-page .ap-new-action-panel select{margin-top:6px}
html.account-page .ap-new-action-panel textarea{min-height:110px;resize:vertical}
html.account-page #modalContent .ap-new-action-panel form{border:0;background:transparent;padding:0;min-width:0}
html.account-page .ap-new-action-panel :is(.dash-controls,.ap-new-action-buttons){display:flex;flex-wrap:wrap;gap:9px}
html.account-page .ap-new-action-panel :is(.dash-controls,.ap-new-action-buttons)>.btn{white-space:normal}
html.account-page #modalContent .ap-new-actions>.ap-new-danger{color:#933c2c;border-color:#cda99b;background:linear-gradient(145deg,#fff,#fff3ed)}
html.account-page #modalContent .ap-new-action-panel .btn-danger{background:#963c2c;border:1px solid #803222;color:#fff;box-shadow:inset 0 1px 0 #ffffff44,0 3px 0 #6b291d,0 5px 9px #6b291d18}
html.account-page #modalContent .ap-new-action-panel .btn-danger:hover{background:#803222}
@keyframes ap-moderator-glow{0%,100%{opacity:.12}50%{opacity:1}}
@media(max-width:1000px){
  html.account-page .ap-new-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  html.account-page #apAdminNav{row-gap:18px}
  html.account-page .ap-new-person-meta{flex-basis:calc(100% - 52px);min-width:0;max-width:calc(100% - 52px);overflow-wrap:anywhere}
  html.account-page .ap-new-actions{gap:9px;margin-top:7px}
  html.account-page #modalContent .ap-new-actions>.btn{padding:10px 8px;font-size:13px}
  html.account-page .ap-new-action-panel,
  html.account-page #modalContent form.ap-new-action-panel{padding:12px}
}
@media(prefers-reduced-motion:reduce){
  html.account-page #apAdminNav>.ap-tile::before{animation:none;opacity:.4}
  html.account-page #apAdminNav>.ap-tile,
  html.account-page .ap-new-person,
  html.account-page #modalContent .ap-admin-section[data-ap-admin-section=people] .dash-task{transition:none;transform:none}
}

/* Notification controls and scoped administrative conversations. */
#modalContent .notification-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;min-width:0}
#modalContent .notification-copy{flex:1;min-width:0;overflow-wrap:anywhere}
#modalContent .notification-delete{flex:0 0 36px;width:36px;height:36px;min-width:36px;margin:0;padding:0;font-size:23px;line-height:1;border-radius:8px;display:grid;place-items:center}
#modalContent .notification-error{flex:0 0 100%;margin:0;color:#963c2c}
#modalContent .notification-error:empty{display:none}
#modalContent :is(#serviceMessageForm,#adminMessageForm){min-width:0}
#modalContent :is(#serviceMessageForm,#adminMessageForm) :is(textarea,select){display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;font:inherit;padding:10px;border:1px solid #bbcfb1;border-radius:9px;background:#fff;min-height:44px}
#modalContent :is(#serviceMessageForm,#adminMessageForm) textarea{min-height:110px;resize:vertical}
#modalContent :is(#serviceMessageForm,#adminMessageForm) label{display:block;margin:12px 0 6px;font-weight:600}
#modalContent :is(#serviceMessageList,#adminMessageHistory){max-height:48vh;overflow:auto;overflow-wrap:anywhere;min-width:0}
#modalContent :is(#serviceMessageForm,#adminMessageForm) .btn{white-space:normal}