/* IPMI community colour refresh. Load after existing community module styles.
   Scoped to community wrappers; no content or permissions are changed. */
.community-dashboard {
  --community-deep: #123f33;
  --community-green: #185f48;
  --community-ink: #17392f;
  --community-gold: #f2cf87;
  --community-border: #bed6c7;
}
.community-dashboard .dashboard-welcome {
  background: linear-gradient(125deg, #103f34 0%, #1a6049 78%, #33765b 100%);
  border: 1px solid #195b45;
  box-shadow: 0 .7rem 1.8rem rgba(14, 60, 44, .17);
}
.community-dashboard .dashboard-welcome .community-button {
  background: #f2cf87;
  color: #153d30;
  border: 1px solid #f2cf87;
  box-shadow: 0 .25rem .65rem rgba(10, 34, 25, .2);
}
.community-dashboard .dashboard-welcome .community-button:hover {
  background: #ffe2a7;
  color: #12382b;
}
.community-dashboard .dashboard-quick a {
  background: #e6f2e7;
  border: 1px solid #bad4bf;
  color: #173e2f;
}
.community-dashboard .dashboard-quick a:hover {
  background: #d5eada;
  border-color: #51916c;
}
.community-dashboard .dashboard-sidebar > section {
  background: #e9f2e8;
  border: 1px solid #bed7c2;
  border-radius: 1rem;
  box-shadow: 0 .35rem 1rem rgba(26, 65, 48, .08);
}
.community-dashboard .dashboard-sidebar > section:nth-child(3n + 2) {
  background: #fcf0d8;
  border-color: #e3c895;
}
.community-dashboard .dashboard-sidebar > section:nth-child(3n + 3) {
  background: #e9f0f1;
  border-color: #c3d9dc;
}
.community-dashboard .dashboard-sidebar > section :is(h2,h3,h4,p,a) { color: #173b30; }
.community-dashboard .dashboard-sidebar > section a { text-decoration-thickness: .1em; text-underline-offset: .2em; }
.community-dashboard .ipmi-feed-header {
  background: linear-gradient(110deg, #dcefe0, #f5f2dd);
  border-color: #b4d5bd;
}
.community-dashboard .ipmi-feed-card {
  background: #fffefa;
  border-color: #c6dbc9;
  border-top: 4px solid #3e8760;
  box-shadow: 0 .45rem 1.2rem rgba(28, 69, 48, .09);
}
.community-dashboard .ipmi-feed-card:nth-of-type(3n + 2) { border-top-color: #c08c37; }
.community-dashboard .ipmi-feed-card:nth-of-type(3n + 3) { border-top-color: #4c8b91; }
.ipmi-navigation .ipmi-nav-group {
  background: #e7f1e7;
  border-color: #bad4c0;
}
.ipmi-navigation .ipmi-nav-group:nth-of-type(2n) { background: #f9f0df; border-color: #e3d1ad; }
.ipmi-navigation .ipmi-nav-group > summary { color: #173b30; }
.ipmi-navigation .ipmi-nav-group > summary.is-active { background: #cfe6d4; color: #143b2b; }
:is(.ipmi-messages,.ipmi-groups) {
  background: #fbfdf9;
  border-color: #bcd5c2;
  box-shadow: 0 .45rem 1.4rem rgba(26, 65, 48, .08);
}
:is(.ipmi-messages,.ipmi-groups) nav li a {
  background: #e6f1e7;
  color: #164a35;
  border-color: #b6d2bc;
}
:is(.ipmi-messages,.ipmi-groups) nav li a:hover,
:is(.ipmi-messages,.ipmi-groups) nav li a[aria-current] {
  background: #cfe8d4;
  color: #103d2b;
  border-color: #77ab85;
}
:is(.ipmi-message-thread,.ipmi-group-thread) {
  background: #edf4ed;
  border: 1px solid #d0e2d2;
}
:is(.ipmi-message-thread,.ipmi-group-thread) .ipmi-message--own {
  background: #d7edda;
  border-color: #a7cfad;
}
:is(.ipmi-feed,.ipmi-composer,.ipmi-messages,.ipmi-groups) :is(button,.btn):not(.tox *):not(:disabled) {
  box-shadow: 0 .18rem .45rem rgba(12, 63, 42, .16);
}
:is(.ipmi-feed,.ipmi-composer,.ipmi-messages,.ipmi-groups) :is(a,button,input,select,textarea,summary):focus-visible,
.community-dashboard :is(a,button,summary):focus-visible,
.ipmi-navigation :is(a,summary):focus-visible { outline: 3px solid #a36300; outline-offset: 3px; }
@media (prefers-reduced-motion: no-preference) {
  .community-dashboard :is(.dashboard-quick a,.community-button),
  :is(.ipmi-messages,.ipmi-groups) nav a { transition: background-color .15s ease, border-color .15s ease; }
}

/* Visually distinguish controls that are actually disabled by the browser. */
:is(.ipmi-feed,.ipmi-composer,.ipmi-messages,.ipmi-groups) button:disabled:not(.tox *) {
  color: #455a4e;
  background: #e5ebe4;
  border-color: #a3b4a5;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

/* Additional community surfaces; loads after existing IPMI styles. */
:is(.ipmi-notifications,.ipmi-alerts,.ipmi-sample-gatherings) {
  color: #17392f;
  overflow-wrap: anywhere;
}
.ipmi-notifications > article {
  padding: 1rem 1.15rem;
  margin-block: .8rem;
  border: 1px solid #c5dac9;
  border-inline-start: 4px solid #40845d;
  border-radius: .85rem;
  background: #f5faf3;
  box-shadow: 0 .3rem .8rem rgba(26, 65, 48, .07);
}
.ipmi-notifications > article:nth-of-type(2n) {
  background: #fdf7e9;
  border-inline-start-color: #b78332;
}
.ipmi-notifications > article p { margin-block: .25rem .5rem; }
.ipmi-notifications > article time { color: #41594e; }
.ipmi-alerts .ipmi-alert-preferences,
.ipmi-notifications > form {
  padding: clamp(1rem, 2vw, 1.35rem);
  margin-block: 1rem;
  border: 1px solid #c0d9c6;
  border-radius: 1rem;
  background: #eaf4e9;
}
.ipmi-notifications fieldset { border: 0; padding: 0; margin: 0; }
.ipmi-notifications legend { color: #17392f; font-weight: 750; }
.ipmi-alerts .ipmi-alert-preferences select {
  min-height: 44px;
  max-width: 100%;
  color: #17392f;
  background: #fff;
  border: 1px solid #91a99a;
  border-radius: .65rem;
}
:is(.ipmi-notifications,.ipmi-alerts) button {
  min-height: 44px;
  padding: .65rem 1rem;
  border: 1px solid #195c43;
  border-radius: .65rem;
  background: #195c43;
  color: #fff;
  font-weight: 700;
  box-shadow: 0 .18rem .45rem rgba(12, 63, 42, .16);
  cursor: pointer;
}
:is(.ipmi-notifications,.ipmi-alerts) button:hover:not(:disabled) { background: #104631; color: #fff; }
:is(.ipmi-notifications,.ipmi-alerts) button:disabled {
  background: #e5ebe4;
  border-color: #a3b4a5;
  color: #455a4e;
  cursor: not-allowed;
  box-shadow: none;
  opacity: 1;
}
:is(.ipmi-notifications,.ipmi-alerts,.ipmi-sample-gatherings) :is(a,button,input,select,textarea,summary):focus-visible {
  outline: 3px solid #a36300;
  outline-offset: 3px;
}
.ipmi-sample-gatherings h3 {
  padding: .7rem .9rem;
  border-inline-start: 4px solid #b78332;
  border-radius: .4rem;
  background: #fbf0d9;
  color: #17392f;
}

/* Branded surfaces for a member's own contributions and account requests. */
:is(.ipmi-submissions,.ipmi-my-replies,.ipmi-account-requests) {
  padding: clamp(1rem, 2.4vw, 1.6rem);
  margin-block: 1rem;
  border: 1px solid #c7dccc;
  border-radius: 1rem;
  background: #f4f9f1;
  color: #17392f;
}
.ipmi-my-replies { background: #fbf5e7; border-color: #e3d3b4; }
.ipmi-account-requests { background: #edf3f3; border-color: #c8dcdc; }
:is(.ipmi-submissions,.ipmi-my-replies) > ul { padding: 0; list-style: none; }
:is(.ipmi-submissions,.ipmi-my-replies) > ul > li {
  margin-block: .75rem;
  padding: 1rem;
  border: 1px solid #d0dfd2;
  border-inline-start: 4px solid #48855e;
  border-radius: .75rem;
  background: #fffefa;
}
.ipmi-my-replies > ul > li { border-inline-start-color: #b78332; }
:is(.ipmi-submissions,.ipmi-my-replies,.ipmi-account-requests) :is(summary,a,button,input,textarea,select):focus-visible {
  outline: 3px solid #a36300;
  outline-offset: 3px;
}

/* Form and reviewer colour accents; no control labels or behaviour changed. */
.ipmi-composer {
  background: #fbfdf8;
  border: 1px solid #bfd8c4;
  border-block-start: 5px solid #367c57;
  box-shadow: 0 .55rem 1.65rem rgba(21, 65, 45, .1);
}
.ipmi-composer .ipmi-composer-visibility {
  background: #fbf0d9;
  border-inline-start: 4px solid #a86d19;
  color: #263b2c;
}
.ipmi-composer .ipmi-composer-consent {
  padding: .8rem 1rem;
  border: 1px solid #c4ddc8;
  border-radius: .75rem;
  background: #edf7ec;
}
.ipmi-review > article,
.ipmi-review > ul > li {
  margin-block: .8rem;
  padding: 1rem 1.15rem;
  border: 1px solid #c8ddcc;
  border-inline-start: 4px solid #41855f;
  border-radius: .8rem;
  background: #f6faf4;
}
.ipmi-review > ul { list-style: none; padding: 0; }
.ipmi-review button {
  min-height: 44px;
  padding: .65rem 1rem;
  border: 1px solid #195c43;
  border-radius: .65rem;
  background: #195c43;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
.ipmi-review button[value="request_revision"] { color: #3d2a08; background: #f4d59b; border-color: #9b6a19; }
.ipmi-review button:is([value="decline_submission"],[value="reject_reply"],[value="remove_reply"]) {
  color: #fff;
  background: #813f3b;
  border-color: #813f3b;
}
.ipmi-review button:disabled { color: #455a4e; background: #e5ebe4; border-color: #a3b4a5; cursor: not-allowed; opacity: 1; }
.ipmi-review :is(a,button,input,textarea,select,summary):focus-visible { outline: 3px solid #a36300; outline-offset: 3px; }

/* Public Prayer Wall category: scoped to its existing Joomla menu item. */
body.itemid-112 main .com-content-category-blog > .category-desc {
  padding: clamp(1.1rem, 3vw, 2rem);
  margin-block: 0 1.25rem;
  border: 1px solid #bfdac5;
  border-radius: 1rem;
  background: linear-gradient(115deg, #dcefe0, #fcf3df);
  box-shadow: 0 .5rem 1.3rem rgba(21, 65, 45, .09);
  color: #17392f;
}
body.itemid-112 main .com-content-category-blog > .category-desc :is(h1,h2,p) { color: #17392f; }
body.itemid-112 main .com-content-category-blog > .category-desc a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: .55rem .8rem;
  margin-block: .2rem;
  border: 1px solid #8bb8a0;
  border-radius: .65rem;
  background: #fffefa;
  color: #174b37;
  font-weight: 700;
  text-decoration-thickness: .1em;
  text-underline-offset: .18em;
}
body.itemid-112 main .com-content-category-blog > .category-desc a:first-of-type {
  border-color: #195c43;
  background: #195c43;
  color: #fff;
}
body.itemid-112 main .com-content-category-blog > .category-desc a:hover { background: #d9eddd; color: #123c2c; }
body.itemid-112 main .com-content-category-blog > .category-desc a:first-of-type:hover { background: #104631; color: #fff; }
body.itemid-112 main .com-content-category-blog__item {
  padding: clamp(1rem, 2.5vw, 1.5rem);
  margin-block: .75rem;
  border: 1px solid #ccded0;
  border-block-start: 4px solid #438760;
  border-radius: .9rem;
  background: #fffefa;
  box-shadow: 0 .35rem 1rem rgba(26, 65, 48, .07);
  overflow-wrap: anywhere;
}
body.itemid-112 main .com-content-category-blog__item .page-header a { color: #174b37; text-underline-offset: .16em; }
body.itemid-112 main .com-content-category-blog__item .article-info { color: #435d50 !important; }
body.itemid-112 main .com-content-category-blog :is(a,button,summary,input,select,textarea):focus-visible { outline: 3px solid #a36300; outline-offset: 3px; }

/* Existing staged menu items: sign-in, testimonies and global/crisis prayer. */
body:is(.ipmi-page-testimonies,.ipmi-page-global-prayer,.ipmi-page-crisis-prayer) main .com-content-category-blog > .category-desc {
  padding: clamp(1.1rem, 3vw, 2rem);
  margin-block: 0 1.25rem;
  border: 1px solid #bfdac5;
  border-radius: 1rem;
  background: linear-gradient(115deg, #dcefe0, #fcf3df);
  box-shadow: 0 .5rem 1.3rem rgba(21, 65, 45, .09);
  color: #17392f;
}
body:is(.ipmi-page-testimonies,.ipmi-page-global-prayer,.ipmi-page-crisis-prayer) main .com-content-category-blog > .category-desc :is(h1,h2,p) { color: #17392f; }
body:is(.ipmi-page-testimonies,.ipmi-page-global-prayer,.ipmi-page-crisis-prayer) main .com-content-category-blog > .category-desc a {
  color: #174b37;
  font-weight: 700;
  text-decoration-thickness: .1em;
  text-underline-offset: .18em;
}
body:is(.ipmi-page-testimonies,.ipmi-page-global-prayer,.ipmi-page-crisis-prayer) main .com-content-category-blog__item {
  padding: clamp(1rem, 2.5vw, 1.5rem);
  margin-block: .75rem;
  border: 1px solid #ccded0;
  border-block-start: 4px solid #438760;
  border-radius: .9rem;
  background: #fffefa;
  box-shadow: 0 .35rem 1rem rgba(26, 65, 48, .07);
  overflow-wrap: anywhere;
}
body:is(.ipmi-page-testimonies,.ipmi-page-global-prayer,.ipmi-page-crisis-prayer) main .com-content-category-blog__item .page-header a { color: #174b37; text-underline-offset: .16em; }
body:is(.ipmi-page-testimonies,.ipmi-page-global-prayer,.ipmi-page-crisis-prayer) main .com-content-category-blog__item .article-info { color: #435d50 !important; }
body.ipmi-page-testimonies .ipmi-linked-testimonies .community-kicker { color: #346449; }
body.itemid-109 main .com-users-login {
  padding: clamp(1rem, 3vw, 2rem);
  border: 1px solid #bfd9c5;
  border-block-start: 5px solid #367c57;
  border-radius: 1rem;
  background: #f5faf2;
  color: #17392f;
  box-shadow: 0 .5rem 1.3rem rgba(21, 65, 45, .09);
}
body.itemid-109 main .com-users-login :is(h1,h2,label) { color: #17392f; }
body.itemid-109 main .com-users-login__form {
  border: 1px solid #d1e1d3;
  border-radius: .8rem;
  background: #fffefa;
}
body.itemid-109 main .com-users-login__submit .btn-primary {
  min-height: 44px;
  background: #195c43;
  border-color: #195c43;
  color: #fff;
  font-weight: 700;
}
body.itemid-109 main .com-users-login__submit .btn-primary:hover { background: #104631; color: #fff; }
body:is(.itemid-109,.ipmi-page-testimonies,.ipmi-page-global-prayer,.ipmi-page-crisis-prayer) main :is(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid #a36300; outline-offset: 3px; }

/* Personal profile screens and existing prayer-detail menu item, scoped to site UI. */
body.ipmi-page-profile main :is(.com-users-profile.profile,.com-users-profile__edit.profile-edit) {
  padding: clamp(1rem, 3vw, 2rem);
  border: 1px solid #bfd9c5;
  border-block-start: 5px solid #367c57;
  border-radius: 1rem;
  background: #f6faf3;
  color: #17392f;
  box-shadow: 0 .5rem 1.3rem rgba(21, 65, 45, .09);
  overflow-wrap: anywhere;
}
body.ipmi-page-profile main :is(.com-users-profile.profile,.com-users-profile__edit.profile-edit) fieldset {
  min-width: 0;
  margin-block: 1rem;
  padding: 1rem;
  border: 1px solid #ccdfcf;
  border-radius: .75rem;
  background: #fffefa;
}
body.ipmi-page-profile main :is(.com-users-profile.profile,.com-users-profile__edit.profile-edit) legend {
  color: #17392f;
  font-weight: 700;
}
body.ipmi-page-profile main :is(.com-users-profile.profile,.com-users-profile__edit.profile-edit) .btn-primary {
  min-height: 44px;
  background: #195c43;
  border-color: #195c43;
  color: #fff;
  font-weight: 700;
}
body.ipmi-page-profile main :is(.com-users-profile.profile,.com-users-profile__edit.profile-edit) .btn-primary:hover { background: #104631; color: #fff; }
body.ipmi-page-profile main .com-users-profile__edit-form :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]), select, textarea) {
  box-sizing: border-box;
  max-width: 100%;
}
/* The bundled Joomla Choices remove button otherwise measures 20Ãƒâ€”20px. */
body.ipmi-page-profile main .com-users-profile__edit-form .choices__button_joomla {
  min-width: 24px;
  min-height: 24px;
}
body.itemid-112.view-article main .com-content-article > .page-header {
  padding: clamp(1rem, 3vw, 1.5rem);
  border: 1px solid #bfdac5;
  border-radius: .9rem;
  background: linear-gradient(115deg, #dcefe0, #fcf3df);
}
body.itemid-112.view-article main .com-content-article > .page-header h1 { color: #17392f; margin: 0; }
body.itemid-112.view-article main .ipmi-thread .ipmi-feed-card {
  background: #fffefa;
  border: 1px solid #c6dbc9;
  border-block-start: 4px solid #3e8760;
  box-shadow: 0 .45rem 1.2rem rgba(28, 69, 48, .09);
}
body:is(.itemid-112,.ipmi-page-profile) main :is(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid #a36300; outline-offset: 3px; }

/* Target the native timezone selector restored by the profile-only enhancement. */
body.ipmi-page-profile .com-users-profile__edit-form select#jform_params_timezone {
  box-sizing: border-box;
  width: min(100%, 24rem);
  min-height: 44px;
  padding: .55rem .7rem;
  border: 1px solid #91a99a;
  border-radius: .65rem;
  background: #fff;
  color: #17392f;
}

/* Help users recover from empty prayer searches without changing form logic. */
.ipmi-feed-search > div > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 44px;
  padding: .55rem .85rem;
  border: 1px solid #8db79a;
  border-radius: .65rem;
  background: #edf6ec;
  color: #164a35;
  font-weight: 700;
  text-decoration-thickness: .1em;
  text-underline-offset: .17em;
}
.ipmi-feed-search > div > a:hover { background: #dbeede; color: #103d2b; }
.ipmi-feed-search > div > a:focus-visible { outline: 3px solid #a36300; outline-offset: 3px; }
.ipmi-feed .ipmi-feed-empty {
  border: 1px solid #c4dcca;
  border-inline-start: 4px solid #508b65;
  background: #f0f7ed;
  color: #17392f;
}
.ipmi-feed .ipmi-feed-empty h3 { color: #17392f; }
.ipmi-feed .ipmi-feed-empty p { color: #40594f; }

.ipmi-story-filter { display:flex; flex-wrap:wrap; gap:.65rem; align-items:center; padding:1rem; margin-block:1rem; border:1px solid #bfd9c5; border-radius:.8rem; background:#edf6eb; }
.ipmi-story-filter label { flex-basis:100%; color:#17392f; font-weight:700; }
.ipmi-story-filter input { flex:1 1 15rem; min-width:0; min-height:44px; }
.ipmi-story-filter button { min-height:44px; padding:.6rem .9rem; border:1px solid #195c43; border-radius:.65rem; background:#195c43; color:#fff; font-weight:700; }
.ipmi-story-filter button:disabled { background:#e5ebe4; border-color:#a3b4a5; color:#455a4e; cursor:not-allowed; }
.ipmi-story-filter p { flex-basis:100%; margin:0; color:#17392f; }
body.ipmi-page-testimonies .com-content-category-blog__item[hidden] { display:none !important; }
.ipmi-story-filter :is(input,button):focus-visible { outline:3px solid #a36300; outline-offset:3px; }

/* Larger clickable rows on the existing notification preference labels. */
.ipmi-notifications > form fieldset > label {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  box-sizing: border-box;
  min-height: 44px;
  padding-block: .55rem;
  line-height: 1.4;
  cursor: pointer;
}
.ipmi-notifications > form label > input[type="checkbox"] {
  flex: 0 0 auto;
  inline-size: 1.2rem;
  block-size: 1.2rem;
  margin: .1rem 0 0;
  accent-color: #195c43;
}

/* Visible, touch-sized controls for the existing reply-history GET filter. */
.ipmi-reply-history-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: .55rem;
  margin-block: 1rem;
}
.ipmi-reply-history-filter label { flex-basis: 100%; color: #17392f; font-weight: 700; }
.ipmi-reply-history-filter select {
  flex: 1 1 12rem;
  min-width: 0;
  min-height: 44px;
  padding: .55rem .7rem;
  border: 1px solid #91a99a;
  border-radius: .65rem;
  background: #fff;
  color: #17392f;
}
.ipmi-reply-history-filter button {
  min-height: 44px;
  padding: .6rem 1rem;
  border: 1px solid #195c43;
  border-radius: .65rem;
  background: #195c43;
  color: #fff;
  font-weight: 700;
}
.ipmi-reply-history-filter :is(select,button):focus-visible { outline: 3px solid #a36300; outline-offset: 3px; }

/* Responsive touch-sized controls for the existing submission-history filter. */
.ipmi-submission-history-filter {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .45rem .75rem;
  margin-block: 1rem;
}
.ipmi-submission-history-filter label { color: #17392f; font-weight: 700; }
.ipmi-submission-history-filter label[for="ipmi-submission-kind"] { grid-column: 1; grid-row: 1; }
.ipmi-submission-history-filter #ipmi-submission-kind { grid-column: 1; grid-row: 2; }
.ipmi-submission-history-filter label[for="ipmi-submission-state"] { grid-column: 2; grid-row: 1; }
.ipmi-submission-history-filter #ipmi-submission-state { grid-column: 2; grid-row: 2; }
.ipmi-submission-history-filter select {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: .55rem .7rem;
  border: 1px solid #91a99a;
  border-radius: .65rem;
  background: #fff;
  color: #17392f;
}
.ipmi-submission-history-filter button {
  grid-column: 1 / -1;
  justify-self: start;
  min-height: 44px;
  padding: .6rem 1rem;
  border: 1px solid #195c43;
  border-radius: .65rem;
  background: #195c43;
  color: #fff;
  font-weight: 700;
}
.ipmi-submission-history-filter :is(select,button):focus-visible { outline: 3px solid #a36300; outline-offset: 3px; }
@media (max-width: 640px) {
  .ipmi-submission-history-filter { grid-template-columns: minmax(0, 1fr); }
  .ipmi-submission-history-filter :is(label,select,button),
  .ipmi-submission-history-filter label[for="ipmi-submission-kind"],
  .ipmi-submission-history-filter label[for="ipmi-submission-state"],
  .ipmi-submission-history-filter #ipmi-submission-kind,
  .ipmi-submission-history-filter #ipmi-submission-state { grid-column: auto; grid-row: auto; }
}

/* Existing unread/all GET filter: labeled, touch-sized and responsive. */
.ipmi-notifications > .ipmi-notification-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: .55rem;
}
.ipmi-notification-filter label { flex-basis: 100%; color: #17392f; font-weight: 700; }
.ipmi-notification-filter select {
  box-sizing: border-box;
  flex: 1 1 12rem;
  min-width: 0;
  min-height: 44px;
  padding: .55rem .7rem;
  border: 1px solid #91a99a;
  border-radius: .65rem;
  background: #fff;
  color: #17392f;
}
.ipmi-notification-filter button { min-height: 44px; }
.ipmi-notification-filter :is(select,button):focus-visible { outline: 3px solid #a36300; outline-offset: 3px; }

/* Scoped Cassiopeia community navigation; does not alter SP Page Builder. */
.container-header .container-nav { padding-top: 0; padding-bottom: 12px; }
.container-header .ipmi-nav-shell { width: 100%; }
.container-header .ipmi-navigation { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; }
.container-header .ipmi-navigation > a,
.container-header .ipmi-nav-group > summary { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 9px 14px; border-radius: 7px; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.4; text-decoration: none; cursor: pointer; }
.container-header .ipmi-nav-group { position: relative; margin: 0; padding: 0; border: 0; border-radius: 7px; background: transparent; }
.container-header .ipmi-nav-group:nth-of-type(2n) { border: 0; background: transparent; }
.container-header .ipmi-nav-group > summary { color: #fff; list-style: none; }
.container-header .ipmi-nav-group > summary::-webkit-details-marker { display: none; }
.container-header .ipmi-nav-group > summary span { font-size: 16px; line-height: 1; }
.container-header .ipmi-navigation > a:hover,
.container-header .ipmi-navigation > a.is-active,
.container-header .ipmi-nav-group > summary:hover,
.container-header .ipmi-nav-group > summary.is-active { background: #203b3a; color: #f5deb5; }
.container-header .ipmi-navigation > .ipmi-nav-signin { background: #ead1a6; color: #193b31; }
.container-header .ipmi-nav-group ul { position: absolute; z-index: 1000; top: 100%; left: 0; min-width: 225px; margin: 5px 0 0; padding: 6px; list-style: none; background: #fff; border: 1px solid #dce6dd; border-radius: 9px; box-shadow: 0 12px 28px rgba(0, 0, 0, .18); }
.container-header .ipmi-nav-group ul a { display: flex; align-items: center; padding: 9px 12px; color: #193b31; font-weight: 600; text-decoration: none; }
.container-header .ipmi-nav-group ul a:hover,
.container-header .ipmi-nav-group ul a[aria-current=page] { background: #edf3ed; color: #193b31; }
.container-header .ipmi-navigation :is(a,summary):focus-visible { outline: 3px solid #ead1a6; outline-offset: 3px; }
.container-header .ipmi-nav-count { display: inline-block; padding: 1px 7px; border-radius: 18px; background: #ead1a6; color: #193b31; font-size: 11px; line-height: 1.8; }
@media (max-width: 700px) {
  .container-header .ipmi-navigation { gap: 3px; }
  .container-header .ipmi-navigation > a,
  .container-header .ipmi-nav-group > summary { padding: 9px 10px; font-size: 13px; }
  .container-header .ipmi-nav-group ul { position: static; min-width: 190px; max-width: calc(100vw - 48px); }
}

/* Style Joomla's native registration link only when registration is enabled. */
.com-users-login__options .com-users-login__register {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 48px;
  margin-top: .75rem;
  padding: .7rem 1rem;
  border: 1px solid #b38a46;
  border-radius: .5rem;
  background: #ead1a6;
  color: #193b31;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.com-users-login__options .com-users-login__register:hover {
  background: #f6e4c3;
  color: #102d25;
  text-decoration: underline;
}
.com-users-login__options .com-users-login__register:focus-visible {
  outline: 3px solid #a36300;
  outline-offset: 3px;
}

/* Live home hero: preserve SP Page Builder content and the original image. */
.page-1 .pw.pw .pw-hero {
  background-image: linear-gradient(90deg, rgba(12,28,33,.97) 0%, rgba(12,28,33,.90) 30%, rgba(12,28,33,.32) 68%, rgba(12,28,33,.12) 100%), url('/images/prayer-community-modern-hero-5f04f4c2233f6964.png') !important;
  background-position: center, center !important;
  background-size: cover, cover !important;
}
@media (max-width: 767px) {
  .page-1 .pw.pw .pw-hero {
    background-image: linear-gradient(90deg, rgba(12,28,33,.95), rgba(12,28,33,.76)), url('/images/prayer-community-modern-hero-5f04f4c2233f6964.png') !important;
    background-position: center, 65% center !important;
  }
}

/* Member dashboard and account menu: scoped to existing Joomla content. */
.container-header .ipmi-member-menu {position:absolute;top:20px;right:24px;z-index:80;color:#fff}
.ipmi-member-menu summary {display:flex;align-items:center;gap:.55rem;list-style:none;cursor:pointer;border-radius:999px;padding:4px;color:#fff;font-weight:700}
.ipmi-member-menu summary::-webkit-details-marker {display:none}
.ipmi-member-menu summary:focus-visible,.pw-hub a:focus-visible {outline:3px solid #eac786;outline-offset:3px}
.ipmi-member-avatar {display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eac786;color:#10292b;font-size:1rem;border:2px solid #fff}
.ipmi-member-menu ul {position:absolute;right:0;top:100%;min-width:225px;margin:.5rem 0 0;padding:.5rem;list-style:none;background:#fff;border:1px solid #e4d9ca;border-radius:12px;box-shadow:0 14px 38px #0003}
.ipmi-member-menu li a {display:block;padding:.7rem .8rem;border-radius:7px;color:#173a39;text-decoration:none;font-weight:600}
.ipmi-member-menu li a:hover,.ipmi-member-menu li a:focus-visible {background:#eaf2ec;color:#173a39}
.itemid-110 .pw-hub {margin:0 0 1.25rem}
.itemid-110 .pw-hub-welcome {display:flex;gap:1.5rem;align-items:center;justify-content:space-between;background:#163b38;color:#fff;border-radius:16px;padding:1.6rem 1.8rem}
.itemid-110 .pw-hub-welcome h2 {color:#fff;margin:.25rem 0 .5rem;font-size:clamp(1.7rem,2.7vw,2.35rem)}
.itemid-110 .pw-hub-welcome p {margin:0;color:#e8f1ec}
.itemid-110 .pw-hub-welcome .pw-hub-kicker {font-size:.74rem;letter-spacing:.14em;font-weight:800;color:#f4d69a}
.itemid-110 .pw-hub-primary {flex:none;display:inline-block;background:#f1cf92;color:#17322f;text-decoration:none;padding:.9rem 1.2rem;border-radius:8px;font-weight:800}
.itemid-110 .pw-hub-primary:hover {background:#ffe1ab}
.itemid-110 .pw-hub-shortcuts {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:.85rem 0}
.itemid-110 .pw-hub-shortcuts a {display:flex;gap:.55rem;align-items:center;justify-content:center;background:#e9f1eb;border:1px solid #d2e2d7;color:#214d43;padding:.8rem .4rem;text-decoration:none;border-radius:8px;font-weight:750;text-align:center}
.itemid-110 .pw-hub-shortcuts a:hover {background:#d8e9dd}
.itemid-110 .pw-hub-shortcuts a span {color:#ad773b;font-size:1.15rem}
.itemid-110 .pw-hub-priorities {display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;background:#fff4e5;border-left:4px solid #c89448;padding:.75rem 1rem;border-radius:5px;color:#513d29}
.itemid-110 .pw-hub-priorities a {color:#70401e;font-weight:700}
.itemid-110 .pw-hub-note {font-size:.88rem;color:#4b5a56;line-height:1.5;margin:.75rem 0 0}
.itemid-110 .main-bottom:has(.ipmi-feed),.itemid-110 .main-bottom:has(.ipmi-submissions) {max-width:1050px;margin:1.25rem auto}
.itemid-110 .main-bottom:has(.ipmi-feed) > .card-header {display:none}
.itemid-110 .main-bottom:has(.ipmi-submissions) > .card-header {display:none}
.itemid-110 .ipmi-history > summary {cursor:pointer;font-weight:750;color:#1b5143;padding:.7rem 0}
.itemid-110 .ipmi-history[open] > summary {margin-bottom:1rem;border-bottom:1px solid #d8e6dd}
@media(max-width:767px){.container-header .ipmi-member-menu{top:87px;right:24px}.ipmi-member-avatar{width:38px;height:38px}.ipmi-member-menu .ipmi-member-label{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.ipmi-member-menu summary>span:last-child{display:none}.ipmi-member-menu summary>.ipmi-nav-count{position:absolute;top:0;right:0;transform:translate(25%,-15%)}.itemid-110 .pw-hub-welcome{display:block;padding:1.25rem}.itemid-110 .pw-hub-primary{margin-top:1rem}.itemid-110 .pw-hub-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.itemid-110 .pw-hub-priorities{gap:.45rem .8rem}.itemid-110 .pw-hub-priorities span{flex-basis:100%}}

/* Live prayer group overview: scoped to the group page and module. */
.itemid-122 main .article-info {display:none}
.itemid-122 .main-bottom:has(.ipmi-groups) {max-width:1050px;margin:1.25rem auto}
.itemid-122 .main-bottom:has(.ipmi-groups) > .card-header {display:none}
.ipmi-groups .ipmi-groups-overview {margin:1.25rem 0 1.5rem}
.ipmi-groups .ipmi-groups-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:1rem}
.ipmi-groups .ipmi-groups-heading h3 {margin:.15rem 0;color:#153c34;font-size:1.55rem}
.ipmi-groups .ipmi-groups-heading p {margin:.2rem 0;color:#53665e}
.ipmi-groups .ipmi-groups-heading .ipmi-groups-kicker {font-size:.72rem;letter-spacing:.13em;font-weight:800;color:#8f672b}
.ipmi-groups .ipmi-group-create {position:relative;flex:0 0 auto}
.ipmi-groups .ipmi-group-create > summary {display:block;cursor:pointer;list-style:none;background:#184a3e;color:#fff;font-weight:750;border-radius:8px;padding:.8rem 1.1rem}
.ipmi-groups .ipmi-group-create > summary::-webkit-details-marker {display:none}
.ipmi-groups .ipmi-group-create > summary:hover {background:#24634f}
.ipmi-groups .ipmi-group-create[open] {flex:0 1 370px}
.ipmi-groups .ipmi-group-create form {display:grid;gap:.5rem;margin:.65rem 0 0;padding:1rem;background:#f0f7f2;border:1px solid #cee1d3;border-radius:10px}
.ipmi-groups .ipmi-group-create form label {font-weight:700}
.ipmi-groups .ipmi-group-create form :is(input,textarea){width:100%;max-width:100%;box-sizing:border-box}
.ipmi-groups .ipmi-group-create form button {justify-self:start;margin-top:.3rem}
.ipmi-groups .ipmi-group-cards {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:1rem;list-style:none;padding:0;margin:0}
.ipmi-groups .ipmi-group-cards li {margin:0;min-width:0}
.ipmi-groups .ipmi-group-card {display:flex;gap:.85rem;min-height:150px;height:100%;box-sizing:border-box;padding:1.15rem;background:#fff;border:1px solid #cbded1;border-radius:12px;box-shadow:0 3px 12px #183d2b0c;color:#183e33;text-decoration:none;transition:box-shadow .15s,transform .15s}
.ipmi-groups .ipmi-group-card:hover {transform:translateY(-2px);box-shadow:0 8px 20px #183d2b1f;color:#183e33}
.ipmi-groups .ipmi-group-card-icon {display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#e3f0e7;color:#986621;font-size:1.2rem}
.ipmi-groups .ipmi-group-card-body {display:flex;flex-direction:column;gap:.45rem;min-width:0;overflow-wrap:anywhere}
.ipmi-groups .ipmi-group-card-body strong {font-size:1.1rem;color:#173e33}
.ipmi-groups .ipmi-group-card-body > span:not(.ipmi-group-card-link) {color:#52675d;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.ipmi-groups .ipmi-group-card-link {margin-top:auto;color:#8d5e20;font-weight:800}
.ipmi-groups :is(.ipmi-group-card,.ipmi-group-create > summary):focus-visible {outline:3px solid #b77a28;outline-offset:3px}
@media(max-width:600px){.ipmi-groups .ipmi-groups-heading{display:block}.ipmi-groups .ipmi-group-create{margin-top:.8rem}.ipmi-groups .ipmi-group-create > summary{display:inline-block}.ipmi-groups .ipmi-group-card{min-height:125px}}

/* Group card themes use paired, preselected high-contrast colors. */
.ipmi-groups .ipmi-group-card {--card-bg:#173e35;--card-head:#0d2c26;--card-text:#fff;--card-muted:#e5f0e9;--card-accent:#f8dba2;display:block;overflow:hidden;background:var(--card-bg);border:0;padding:0;min-height:172px;color:var(--card-text);box-shadow:0 9px 25px #16352a25}
.ipmi-groups .ipmi-group-card:hover {color:var(--card-text);box-shadow:0 13px 28px #16352a35}
.ipmi-groups .ipmi-theme-midnight {--card-bg:#192c46;--card-head:#101d30;--card-text:#fff;--card-muted:#e6edf8;--card-accent:#f6d799}
.ipmi-groups .ipmi-theme-plum {--card-bg:#502a49;--card-head:#351a31;--card-text:#fff;--card-muted:#f5e8f1;--card-accent:#ffdda2}
.ipmi-groups .ipmi-theme-ocean {--card-bg:#19495b;--card-head:#0d2e3c;--card-text:#fff;--card-muted:#e5f1f4;--card-accent:#f9d99b}
.ipmi-groups .ipmi-theme-sand {--card-bg:#f6ebda;--card-head:#75452d;--card-text:#36271e;--card-muted:#594436;--card-accent:#70401d}
.ipmi-groups .ipmi-group-card-head {display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;background:var(--card-head);color:#fff;min-height:65px}
.ipmi-groups .ipmi-group-card-head strong {font-size:1.05rem;color:#fff;overflow-wrap:anywhere;line-height:1.3}
.ipmi-groups .ipmi-group-card-icon {display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#ffffff20;color:#fff;font-size:1rem}
.ipmi-groups .ipmi-group-card-body {display:flex;flex-direction:column;gap:.75rem;min-height:105px;padding:1rem 1.1rem;color:var(--card-text)}
.ipmi-groups .ipmi-group-card-body > span:not(.ipmi-group-card-link) {color:var(--card-muted);font-weight:400;line-height:1.5}
.ipmi-groups .ipmi-group-card-link {color:var(--card-accent);font-weight:800;margin-top:auto}
.ipmi-groups .ipmi-theme-picker {border:0;margin:.8rem 0;padding:0;min-width:0}
.ipmi-groups .ipmi-theme-picker legend {font-size:1rem;font-weight:750;color:#173e33;margin-bottom:.5rem}
.ipmi-groups .ipmi-theme-options {display:flex;flex-wrap:wrap;gap:.5rem}
.ipmi-groups .ipmi-theme-option {display:flex;align-items:center;gap:.35rem;cursor:pointer;padding:.4rem .55rem;background:#fff;border:1px solid #b6cabe;border-radius:7px;color:#173e33;font-weight:600;font-size:.9rem}
.ipmi-groups .ipmi-theme-option input {width:auto!important;margin:0;accent-color:#174a3d}
.ipmi-groups .ipmi-theme-swatch {display:inline-block;width:1.1rem;height:1.1rem;border-radius:50%;border:1px solid #0005;background:#173e35}
.ipmi-groups .ipmi-swatch-midnight {background:#192c46}.ipmi-groups .ipmi-swatch-plum {background:#502a49}.ipmi-groups .ipmi-swatch-ocean {background:#19495b}.ipmi-groups .ipmi-swatch-sand {background:#dfc5a0}
.ipmi-groups .ipmi-theme-option:has(input:checked) {outline:2px solid #1b624a;outline-offset:1px}
.ipmi-groups .ipmi-theme-option:has(input:focus-visible) {outline:3px solid #b77a28;outline-offset:2px}

/* Subtle neutral background across the site. */
body.site {background:linear-gradient(135deg,#f6f8f8 0%,#e3e8e8 52%,#f2f4f3 100%) fixed !important;}

/* Return to the group overview from a conversation. */
.ipmi-groups .ipmi-group-back {display:inline-block;color:#174a3d;font-weight:750;text-decoration:none;border:1px solid #b9d3c2;background:#eaf3ec;border-radius:8px;padding:.55rem .85rem}.ipmi-groups .ipmi-group-back:hover {background:#dcece0}.ipmi-groups .ipmi-group-back:focus-visible {outline:3px solid #b77a28;outline-offset:3px}

.ipmi-groups .ipmi-group-controls {display:flex;flex-wrap:wrap;gap:.65rem;margin:1.1rem 0 1.5rem;align-items:flex-start}
.ipmi-groups .ipmi-group-control {flex:0 1 auto;min-width:0}
.ipmi-groups .ipmi-group-control[open] {flex:1 1 100%}
.ipmi-groups .ipmi-group-control>summary {display:block;list-style:none;cursor:pointer;padding:.7rem .9rem;border:1px solid #bfd6c5;border-radius:8px;background:#edf5ef;color:#164739;font-weight:750}
.ipmi-groups .ipmi-group-control>summary::-webkit-details-marker {display:none}
.ipmi-groups .ipmi-group-control>summary::after {content:' ⌄';font-weight:400}
.ipmi-groups .ipmi-group-control>summary:hover {background:#dcece0}
.ipmi-groups .ipmi-group-control>summary:focus-visible {outline:3px solid #b77a28;outline-offset:3px}
.ipmi-groups .ipmi-group-control-body {margin-top:.5rem;padding:1rem;background:#fff;border:1px solid #d4e4d8;border-radius:10px;overflow-wrap:anywhere}
@media(max-width:600px){.ipmi-groups .ipmi-group-control {flex:1 1 100%}}

/* Natural palette and coordinated group cover. */
.ipmi-groups .ipmi-group-card-head,.ipmi-groups .ipmi-group-card-head strong {color:var(--card-head-text,#fff)}
.ipmi-groups .ipmi-group-card-icon {color:var(--card-head-text,#fff)}
.ipmi-groups .ipmi-theme-natural {--card-bg:#fff;--card-head:#f0f2f2;--card-head-text:#182421;--card-text:#182421;--card-muted:#3b4944;--card-accent:#174e3d}
.ipmi-groups .ipmi-group-card.ipmi-theme-natural {border:1px solid #cdd5d2}
.ipmi-groups .ipmi-theme-natural .ipmi-group-card-icon {background:#dbe3df;color:#1c3930}
.ipmi-groups .ipmi-swatch-natural {background:#fff;border-color:#56635e}
.ipmi-groups .ipmi-group-cover {--cover-bg:#173e35;--cover-ink:#fff;--cover-sub:#e5f0e9;position:relative;overflow:hidden;background:var(--cover-bg);color:var(--cover-ink);border-radius:15px;padding:2.1rem 1.7rem;min-height:170px;display:flex;align-items:flex-end;margin:1rem 0}
.ipmi-groups .ipmi-group-cover.ipmi-theme-midnight {--cover-bg:#192c46;--cover-ink:#fff;--cover-sub:#e6edf8}
.ipmi-groups .ipmi-group-cover.ipmi-theme-plum {--cover-bg:#502a49;--cover-ink:#fff;--cover-sub:#f5e8f1}
.ipmi-groups .ipmi-group-cover.ipmi-theme-ocean {--cover-bg:#19495b;--cover-ink:#fff;--cover-sub:#e5f1f4}
.ipmi-groups .ipmi-group-cover.ipmi-theme-sand {--cover-bg:#f6ebda;--cover-ink:#36271e;--cover-sub:#594436}
.ipmi-groups .ipmi-group-cover.ipmi-theme-natural {--cover-bg:#f0f2f2;--cover-ink:#182421;--cover-sub:#3b4944;border:1px solid #ccd6d1}
.ipmi-groups .ipmi-group-cover::before {content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 0%,#ffffff27 0,transparent 35%),radial-gradient(circle at 100% 100%,#00000019 0,transparent 38%);pointer-events:none}
.ipmi-groups .ipmi-group-cover-content {position:relative;display:flex;align-items:center;gap:1.1rem;min-width:0}
.ipmi-groups .ipmi-group-cover-avatar {display:grid;place-items:center;flex:0 0 70px;width:70px;height:70px;border-radius:50%;background:#f5d9a8;color:#1b332c;border:3px solid #fff;box-shadow:0 4px 14px #0002;font-weight:800;font-size:1.6rem}
.ipmi-groups .ipmi-group-cover h2 {color:var(--cover-ink);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15;margin:0 0 .3rem;overflow-wrap:anywhere}
.ipmi-groups .ipmi-group-cover p {color:var(--cover-sub);margin:0;overflow-wrap:anywhere}
@media(max-width:600px){.ipmi-groups .ipmi-group-cover{padding:1.4rem;min-height:150px}.ipmi-groups .ipmi-group-cover-avatar{flex-basis:54px;width:54px;height:54px;font-size:1.3rem}.ipmi-groups .ipmi-group-cover-content{gap:.8rem}}

.ipmi-groups .ipmi-group-reaction {margin:.5rem 0}
.ipmi-groups .ipmi-group-reaction button {padding:.45rem .75rem;border-radius:999px;background:#edf5ef;color:#164639;border:1px solid #b7d3c0;font-size:.9rem;font-weight:700}
.ipmi-groups .ipmi-group-reaction button[aria-pressed="true"] {background:#1b5544;color:#fff;border-color:#1b5544}
.ipmi-groups .ipmi-youtube-link {display:inline-block;color:#155643;font-weight:750;overflow-wrap:anywhere}
.ipmi-groups .ipmi-group-video-note {font-size:.87rem;color:#50635a;line-height:1.45}
.ipmi-groups .ipmi-group-video-input {width:100%;max-width:100%}

/* Private group artwork and stacked group controls. */
.ipmi-groups .ipmi-group-cover {position:relative;isolation:isolate}
.ipmi-groups .ipmi-group-cover-image {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.ipmi-groups .ipmi-group-cover.has-cover::before {z-index:1;background:linear-gradient(90deg,rgba(8,22,20,.86) 0%,rgba(8,22,20,.66) 58%,rgba(8,22,20,.38) 100%)}
.ipmi-groups .ipmi-group-cover.has-cover .ipmi-group-cover-content {z-index:2;background:rgba(3,17,13,.72);border-radius:12px;padding:.45rem .75rem}
.ipmi-groups .ipmi-group-cover.has-cover h2 {color:#fff}
.ipmi-groups .ipmi-group-cover-avatar {overflow:hidden}
.ipmi-groups .ipmi-group-cover-avatar img {width:100%;height:100%;object-fit:cover;display:block}
.ipmi-groups .ipmi-group-under-cover {display:grid;grid-template-columns:minmax(0,1fr) minmax(235px,300px);gap:1rem;align-items:start;margin:1rem 0 1.5rem}
.ipmi-groups .ipmi-group-about {padding:1.1rem;background:#fff;border:1px solid #d7e2db;border-radius:10px;overflow-wrap:anywhere}
.ipmi-groups .ipmi-group-about h3 {margin:0 0 .5rem;font-size:1.1rem;color:#173e33}
.ipmi-groups .ipmi-group-about p:last-child {margin-bottom:0}
.ipmi-groups .ipmi-group-under-cover .ipmi-group-controls {display:flex;flex-direction:column;gap:.5rem;align-items:stretch;margin:0;width:100%}
.ipmi-groups .ipmi-group-under-cover .ipmi-group-control,.ipmi-groups .ipmi-group-under-cover .ipmi-group-control[open] {flex:0 0 auto;width:100%}
.ipmi-groups .ipmi-group-art-form {display:grid;gap:.6rem}
.ipmi-groups .ipmi-group-art-form input[type=file] {width:100%;max-width:100%}
.ipmi-groups .ipmi-group-art-form label {font-weight:700}
.ipmi-groups .ipmi-group-art-form button {justify-self:start}
@media(max-width:767px){.ipmi-groups .ipmi-group-under-cover{grid-template-columns:1fr}}
