.community-post-actions .community-context-chat {
  margin-left: auto;
  font-weight: 700;
}
.community-provider-discovery-panel .community-discover-providers {
  width: 100%;
  justify-content: center;
}
.community-post-reference {
  display: flex;
  align-items: center;
  gap: .65rem;
  width: 100%;
  margin: 0 0 .45rem;
  padding: .65rem .75rem;
  border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
  border-radius: .8rem;
  background: color-mix(in srgb, currentColor 5%, transparent);
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.community-post-reference > span:last-child { display: grid; gap: .05rem; }
.community-post-reference small { opacity: .68; font-size: .72rem; font-weight: 600; }
.community-post-reference strong { font-size: .88rem; }
.community-post-context-highlight {
  outline: 3px solid color-mix(in srgb, #7c3aed 62%, transparent);
  outline-offset: 4px;
  transition: outline-color .25s ease;
}
.admin-partner-card-actions .admin-partner-community-link {
  width: 100%;
  flex-basis: 100%;
}
.admin-partner-contact.is-community { margin-top: .65rem; }
@media (max-width: 720px) {
  .community-post-actions { flex-wrap: wrap; }
  .community-post-actions .community-context-chat { margin-left: 0; width: 100%; justify-content: center; }
}

.community-plan-badge,
.community-role-badge {
  display: inline-flex;
  align-items: center;
  margin-left: 5px;
  border-radius: 999px;
  font-size: .62rem;
  font-weight: 900;
  line-height: 1;
  vertical-align: middle;
}

.community-plan-badge { padding: 5px 7px; border: 1px solid transparent; }
.community-plan-badge.is-essential { color: #c31f3b; border-color: #ffc6cf; background: #fff0f2; }
.community-plan-badge.is-complete { color: #087f5b; border-color: #b9ead6; background: #eafaf3; }
.community-plan-badge.is-premium { color: #805900; border-color: #dfba49; background: linear-gradient(135deg, #fff7d6, #ffe9a5); }
.community-role-badge { padding: 4px 7px; font-weight: 850; }
.community-role-badge.is-provider { color: #075ec7; background: #e8f2ff; }
.community-role-badge.is-organizer { color: #6844b5; background: #f2edff; }

.community-comment-count-button {
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  cursor: pointer;
}
.community-comment-count-button:hover { text-decoration: underline; }
.community-reaction-shell { position: relative; display: inline-flex; }
.community-reaction-picker {
  position: absolute;
  bottom: calc(100% + 9px);
  left: 0;
  z-index: 45;
  display: flex;
  gap: 3px;
  padding: 6px;
  border: 1px solid #d9e3ef;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(11, 23, 48, .2);
}
.community-reaction-picker[hidden] { display: none; }
.community-reaction-picker button {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  font-size: 1.1rem;
  cursor: pointer;
}
.community-reaction-picker button:hover { background: #eef5ff; transform: translateY(-2px); }
.community-context-chat { margin-left: auto; }

.community-provider-cards { display: grid; gap: 9px; }
.community-provider-cards,
[data-community-profile-carousel] { position: relative; }
[data-community-profile-carousel] > [hidden] { display: none !important; }
[data-community-profile-carousel] .is-carousel-current { animation: community-card-arrive .24s ease both; }
.community-carousel-arrow { position:absolute;top:50%;z-index:4;display:grid;width:34px;height:34px;padding:0;place-items:center;transform:translateY(-50%) scale(.88);border:1px solid #c7d9ec;border-radius:50%;opacity:0;pointer-events:none;color:#075ec7;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(11,23,48,.2);font:900 1.35rem/1 sans-serif;transition:opacity .2s ease,transform .2s ease;cursor:pointer}.community-carousel-arrow:first-of-type{left:-14px}.community-carousel-arrow:last-of-type{right:-14px}.community-carousel-arrow.is-visible{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}.community-carousel-arrow:focus-visible{outline:3px solid rgba(7,94,232,.32);outline-offset:2px}@keyframes community-card-arrive{from{opacity:.35;transform:translateX(8px)}to{opacity:1;transform:none}}
.community-provider-card {
  display: grid;
  gap: 8px;
  padding: 11px;
  border: 1px solid #dbe7f3;
  border-radius: 14px;
  background: #f8fbff;
}
.community-provider-card header { display: flex; align-items: center; gap: 9px; }
.community-provider-card img,
.community-provider-card .community-provider-fallback { width: 42px; height: 42px; border-radius: 11px; object-fit: cover; }
.community-provider-fallback { display: flex; align-items: center; justify-content: center; color: #075ec7; background: #e6f0ff; font-weight: 900; }
.community-provider-card h5 { margin: 0; font-size: .8rem; }
.community-provider-card p { margin: 0; color: #66758b; font-size: .68rem; }
.community-provider-card .community-provider-match { color: #087f5b; font-weight: 800; }
.community-provider-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.community-provider-card button {
  min-height: 34px;
  padding: 0 8px;
  border: 1px solid #bfd3e9;
  border-radius: 9px;
  font: inherit;
  font-size: .68rem;
  font-weight: 800;
  cursor: pointer;
}
.community-provider-card button:first-child { color: #075ec7; background: #fff; }
.community-provider-card button:last-child { color: #fff; border-color: #075ec7; background: #075ec7; }

.community-post-viewer {
  position: fixed;
  inset: 0;
  z-index: 100000;
  width: 100vw;
  height: 100dvh;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: clamp(12px, 2vw, 26px);
  border: 0;
  background: rgba(2, 11, 28, .78);
}
.community-post-viewer::backdrop { background: rgba(2, 11, 28, .78); }
.community-post-viewer-shell {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(330px, .7fr);
  overflow: hidden;
  max-width: 1420px;
  height: min(900px, calc(100dvh - 32px));
  margin: auto;
  border-radius: 20px;
  background: #fff;
}
.community-post-viewer-media { display: flex; align-items: center; justify-content: center; overflow: hidden; min-height: 0; background: #061021; }
.community-post-viewer-media img { width: 100%; height: 100%; object-fit: contain; }
.community-post-viewer-side { display: grid; grid-template-rows: auto auto 1fr auto; min-height: 0; }
.community-post-viewer-header { display: flex; align-items: center; gap: 10px; padding: 14px; border-bottom: 1px solid #e7edf4; }
.community-post-viewer-header img,
.community-post-viewer-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.community-post-viewer-avatar { display: flex; align-items: center; justify-content: center; color: #075ec7; background: #e8f2ff; font-weight: 900; }
.community-post-viewer-close { width: 36px; height: 36px; margin-left: auto; border: 0; border-radius: 999px; background: #eef2f6; cursor: pointer; }
.community-post-viewer-caption { padding: 13px 15px; border-bottom: 1px solid #edf1f6; line-height: 1.5; }
.community-post-viewer-comments { overflow: auto; min-height: 0; padding: 12px 15px; }
.community-post-viewer-comment { display: grid; gap: 3px; margin-bottom: 12px; }
.community-post-viewer-comment strong { font-size: .76rem; }
.community-post-viewer-comment p { margin: 0; font-size: .78rem; line-height: 1.45; }
.community-post-viewer-footer { display: grid; gap: 8px; padding: 10px 14px; border-top: 1px solid #e7edf4; }
.community-post-viewer-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.community-post-viewer-actions > button,
.community-post-viewer-actions .community-reaction-shell > button {
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid #dbe5ef;
  border-radius: 9px;
  background: #f2f6fb;
  font: inherit;
  font-size: .72rem;
  font-weight: 800;
  cursor: pointer;
}
.community-post-viewer-comment-form { display: flex; gap: 8px; }
.community-post-viewer-comment-form input { flex: 1; min-width: 0; padding: 9px 12px; border: 1px solid #ccd9e6; border-radius: 999px; font: inherit; }
.community-post-viewer-comment-form button { padding: 0 13px; border: 0; border-radius: 999px; color: #fff; background: #075ec7; font: inherit; font-size: .72rem; font-weight: 850; }

.community-chat-source-card {
  display: flex;
  gap: 10px;
  margin: 10px 12px;
  padding: 10px 12px;
  border: 1px solid #c9ddf3;
  border-radius: 12px;
  background: linear-gradient(135deg, #edf6ff, #f7fbff);
}
.community-chat-source-card > div { display: grid; gap: 2px; min-width: 0; }
.community-chat-source-card small { color: #66758b; font-size: .65rem; }
.community-chat-source-card strong { font-size: .74rem; }
.community-chat-source-card p { overflow: hidden; margin: 0; color: #607086; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.community-chat-source-card button { min-width: max-content; margin-left: auto; padding: 0 10px; border: 0; border-radius: 8px; color: #fff; background: #075ec7; font: inherit; font-size: .68rem; font-weight: 850; cursor: pointer; }
.community-chat-source-card .is-unavailable { color: #8a5460; font-size: .7rem; font-weight: 750; }

.community-portfolio-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; padding: 15px; }
.community-portfolio-post { display: grid; overflow: hidden; gap: 8px; padding-bottom: 10px; border: 1px solid #dbe7f3; border-radius: 14px; background: #f8fbff; cursor: pointer; }
.community-portfolio-post img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.community-portfolio-post p { margin: 0; padding: 0 10px; font-size: .76rem; line-height: 1.45; }
.community-portfolio-post small { padding: 0 10px; color: #718096; font-size: .64rem; }
.community-portfolio-dialog .community-post-viewer-shell { max-width: 1120px; }

.admin-partner-community-link {
  min-height: 40px;
  padding: 0 .8rem;
  border: 1px solid #b9d5f3;
  border-radius: 10px;
  color: #075ec7;
  background: #edf5ff;
  font: inherit;
  font-size: .75rem;
  font-weight: 800;
  cursor: pointer;
}

body.admin-dark-mode .community-reaction-picker { border-color: #38516d; background: #14243a; }
body.admin-dark-mode .community-carousel-arrow { color:#dcecff;border-color:#3b5878;background:#14243a; }
body.admin-dark-mode .community-provider-card,
body.admin-dark-mode .community-portfolio-post { border-color: #304a66; color: #eef5ff; background: #102036; }
body.admin-dark-mode .community-provider-card p { color: #aab9ca; }
body.admin-dark-mode .community-post-viewer-shell { color: #eef5ff; background: #0d1a2c; }
body.admin-dark-mode .community-post-viewer-header,
body.admin-dark-mode .community-post-viewer-caption,
body.admin-dark-mode .community-post-viewer-footer { border-color: #2c4058; }
body.admin-dark-mode .community-post-viewer-actions > button,
body.admin-dark-mode .community-post-viewer-actions .community-reaction-shell > button { color: #eef5ff; border-color: #38516d; background: #172a42; }
body.admin-dark-mode .community-post-viewer-comment-form input { color: #eef5ff; border-color: #38516d; background: #0a1627; }
body.admin-dark-mode .community-chat-source-card { color: #eef5ff; border-color: #355775; background: #122840; }

@media (max-width: 900px) {
  .community-post-viewer { padding: 0; }
  .community-post-viewer-shell { display: block; overflow: auto; height: 100dvh; border-radius: 0; }
  .community-post-viewer-media { height: min(62vh, 620px); }
  .community-post-viewer-side { display: block; }
  .community-post-viewer-comments { overflow: visible; max-height: none; }
  .community-post-viewer-footer { position: sticky; bottom: 0; background: inherit; }
}

@media (max-width: 620px) {
  .community-provider-actions { grid-template-columns: 1fr; }
  .community-post-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .community-post-actions .community-context-chat { grid-column: 1 / -1; margin-left: 0; }
  .community-portfolio-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {[data-community-profile-carousel] .is-carousel-current{animation:none}.community-carousel-arrow{transition:none}}

/* Layered publication, reaction and profile experience. */
.community-post-viewer[open]{animation:community-backdrop-in .18s ease both}.community-post-viewer[open] .community-post-viewer-shell,.community-post-viewer[open] .community-reactions-shell{animation:community-modal-in .22s ease both}.community-post-viewer.is-obscured{filter:blur(calc(2px + var(--community-modal-depth,1)*1px));pointer-events:none}.community-post-viewer.is-obscured::backdrop{background:rgba(2,11,28,.36)}body.community-modal-stack-open{overflow:hidden}.community-profile-link,.community-profile-name{border:0;padding:0;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.community-profile-link{display:grid;flex:0 0 auto;place-items:center;border-radius:50%}.community-profile-link img{width:40px;height:40px;border-radius:50%;object-fit:cover}.community-profile-link:focus-visible,.community-profile-name:focus-visible{outline:3px solid rgba(7,94,232,.3);outline-offset:2px}.community-post-viewer-comment{grid-template-columns:auto minmax(0,1fr);align-items:start}.community-post-viewer-comment>.community-profile-link img,.community-post-viewer-comment>.community-profile-link .community-post-viewer-avatar{width:34px;height:34px}.community-post-viewer-comment>div{display:grid;gap:3px}.community-reaction-summary{margin:0 15px;padding:8px 0;border:0;border-bottom:1px solid #edf1f6;color:#66758b;background:transparent;font:750 .72rem/1.2 inherit;text-align:left;cursor:pointer}.community-reaction-summary:hover{text-decoration:underline}.community-viewer-error{display:grid!important;min-height:260px;height:auto!important;max-width:520px;padding:28px;place-items:center;text-align:center}.community-viewer-error>div{display:grid;gap:8px;justify-items:center}.community-viewer-error h3,.community-viewer-error p{margin:0}.community-viewer-error p{color:#66758b}.community-viewer-error>div>span{font-size:2rem}.community-viewer-error>div>button{min-height:40px;padding:0 16px;border:0;border-radius:10px;color:#fff;background:#075ec7;font:800 .78rem/1 inherit;cursor:pointer}.community-viewer-error>.community-post-viewer-close{position:absolute;right:14px;top:14px}.community-viewer-skeleton{display:block;overflow:hidden;position:relative;border-radius:9px;background:#e7edf5}.community-viewer-skeleton::after{position:absolute;inset:0;content:"";transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:community-skeleton 1.1s ease-in-out infinite}.community-viewer-skeleton.is-media{width:100%;height:100%;border-radius:0}.community-viewer-skeleton.is-avatar{width:40px;height:40px;border-radius:50%}.community-viewer-skeleton.is-line{width:min(260px,70%);height:14px}.community-viewer-skeleton.is-line.is-short{width:44%;margin-top:9px}.community-viewer-skeleton.is-comment{height:62px;margin-bottom:10px}.community-reactions-dialog{display:grid;place-items:center}.community-reactions-shell{overflow:hidden;width:min(520px,calc(100vw - 24px));max-height:min(720px,calc(100dvh - 36px));border-radius:18px;color:#17243a;background:#fff;box-shadow:0 26px 70px rgba(2,11,28,.34)}.community-reactions-shell>header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5edf5}.community-reactions-shell h3,.community-reactions-shell p{margin:0}.community-reactions-shell p{color:#66758b;font-size:.72rem}.community-reactions-shell nav{display:flex;gap:6px;overflow:auto;padding:10px 14px;border-bottom:1px solid #edf1f6}.community-reactions-shell nav button{min-height:34px;padding:0 11px;border:1px solid #dbe5ef;border-radius:999px;white-space:nowrap;color:#475569;background:#f7f9fc;font:800 .7rem/1 inherit;cursor:pointer}.community-reactions-shell nav button.is-active{color:#fff;border-color:#075ec7;background:#075ec7}.community-reaction-people{overflow:auto;max-height:520px;padding:8px}.community-reaction-person{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:9px;border:0;border-radius:12px;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.community-reaction-person:hover{background:#f1f6fc}.community-reaction-person>span:nth-child(2){display:grid;gap:3px;min-width:0}.community-reaction-person small{color:#718096;font-size:.65rem}.community-reaction-person>b{font-size:1.15rem}.community-reaction-avatar{display:grid;width:42px;height:42px;place-items:center;overflow:hidden;border-radius:50%;color:#075ec7;background:#e8f2ff;font-size:.72rem;font-weight:900}.community-reaction-avatar img{width:100%;height:100%;object-fit:cover}.community-profile-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid #edf1f6}.community-profile-intro p{margin:0;max-width:70ch;line-height:1.5}.community-profile-actions{display:flex;flex:0 0 auto;gap:7px}.community-profile-actions button{min-height:38px;padding:0 12px;border:1px solid #c9d9ea;border-radius:10px;color:#075ec7;background:#fff;font:800 .72rem/1 inherit;cursor:pointer}.community-profile-actions button.is-primary{color:#fff;border-color:#075ec7;background:#075ec7}.community-profile-actions .community-profile-overflow{width:40px;padding:0;color:#64748b}.community-chat-source-card{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) auto;max-height:88px}.community-chat-source-card p{max-width:42ch}.provider-community-source{grid-template-columns:minmax(0,1fr) auto;align-items:center}.provider-community-source>button{padding-inline:10px}.provider-community-source p{overflow:hidden;max-width:38ch;text-overflow:ellipsis;white-space:nowrap}@keyframes community-modal-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes community-backdrop-in{from{opacity:.5}to{opacity:1}}@keyframes community-skeleton{to{transform:translateX(100%)}}
body.admin-dark-mode .community-reaction-summary,html[data-theme="dark"] .community-reaction-summary{color:#aebed1;border-color:#2c4058}body.admin-dark-mode .community-reactions-shell,html[data-theme="dark"] .community-reactions-shell{color:#eef5ff;background:#0d1a2c}body.admin-dark-mode .community-reactions-shell>header,body.admin-dark-mode .community-reactions-shell nav,html[data-theme="dark"] .community-reactions-shell>header,html[data-theme="dark"] .community-reactions-shell nav{border-color:#2c4058}body.admin-dark-mode .community-reactions-shell nav button,html[data-theme="dark"] .community-reactions-shell nav button{color:#dce8f6;border-color:#38516d;background:#172a42}body.admin-dark-mode .community-reaction-person:hover,html[data-theme="dark"] .community-reaction-person:hover{background:#172a42}body.admin-dark-mode .community-reactions-shell p,body.admin-dark-mode .community-reaction-person small,html[data-theme="dark"] .community-reactions-shell p,html[data-theme="dark"] .community-reaction-person small{color:#aebed1}body.admin-dark-mode .community-viewer-skeleton,html[data-theme="dark"] .community-viewer-skeleton{background:#243852}body.admin-dark-mode .community-profile-intro,html[data-theme="dark"] .community-profile-intro{border-color:#2c4058}body.admin-dark-mode .community-profile-actions button,html[data-theme="dark"] .community-profile-actions button{color:#dce8f6;border-color:#38516d;background:#172a42}body.admin-dark-mode .community-profile-actions button.is-primary,html[data-theme="dark"] .community-profile-actions button.is-primary{color:#fff;border-color:#1677d8;background:#075ec7}html[data-theme="dark"] .community-post-viewer-shell{color:#eef5ff;background:#0d1a2c}html[data-theme="dark"] .community-post-viewer-header,html[data-theme="dark"] .community-post-viewer-caption,html[data-theme="dark"] .community-post-viewer-footer{border-color:#2c4058}html[data-theme="dark"] .community-post-viewer-actions>button,html[data-theme="dark"] .community-post-viewer-actions .community-reaction-shell>button{color:#eef5ff;border-color:#38516d;background:#172a42}html[data-theme="dark"] .community-post-viewer-comment-form input{color:#eef5ff;border-color:#38516d;background:#0a1627}html[data-theme="dark"] .community-reaction-picker{border-color:#38516d;background:#14243a}
@media(max-width:680px){.community-profile-intro{display:grid}.community-profile-actions{width:100%}.community-profile-actions button{flex:1}.community-chat-source-card,.provider-community-source{grid-template-columns:1fr}.community-chat-source-card button{min-height:34px;margin-left:0}.provider-community-source>button{width:100%}}
@media(prefers-reduced-motion:reduce){.community-post-viewer[open],.community-post-viewer[open] .community-post-viewer-shell,.community-post-viewer[open] .community-reactions-shell,.community-viewer-skeleton::after{animation:none}}

.community-opportunity-button,
.admin-partner-opportunity-link {
  border-color: #075ec7 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #075ec7, #087fbd) !important;
}

.community-opportunity-dialog {
  inset: 0;
  margin: auto;
  max-height: calc(100dvh - 24px);
  overflow: auto;
  overscroll-behavior: contain;
  width: min(560px, calc(100vw - 24px));
  padding: 0;
  border: 0;
  border-radius: 20px;
  color: #17243a;
  background: transparent;
  box-shadow: 0 28px 80px rgba(2, 11, 28, .34);
}

.community-opportunity-dialog::backdrop {
  background: rgba(2, 11, 28, .66);
  backdrop-filter: blur(4px);
}

.community-opportunity-form {
  display: grid;
  gap: 16px;
  padding: 20px;
  border: 1px solid #d8e5f2;
  border-radius: 20px;
  background: #fff;
}

.community-opportunity-form header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.community-opportunity-form header span {
  color: #075ec7;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.community-opportunity-form h3,
.community-opportunity-form p {
  margin: 0;
}

.community-opportunity-form h3 {
  margin-top: 4px;
  font-size: 1.25rem;
}

.community-opportunity-form p {
  color: #607086;
  font-size: .78rem;
  line-height: 1.55;
}

.community-opportunity-form header > button {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 999px;
  color: #526273;
  background: #eef3f8;
  cursor: pointer;
  font-size: 1.2rem;
}

.community-opportunity-form label {
  display: grid;
  gap: 7px;
  font-size: .74rem;
  font-weight: 850;
}

.community-opportunity-form textarea {
  width: 100%;
  min-height: 112px;
  resize: vertical;
  padding: 12px;
  border: 1px solid #cbd9e7;
  border-radius: 13px;
  color: #17243a;
  background: #f8fbff;
  font: inherit;
  line-height: 1.5;
}

.community-opportunity-form textarea:focus {
  outline: 3px solid rgba(7, 94, 199, .16);
  border-color: #075ec7;
}

.community-opportunity-form-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.community-opportunity-form-actions button {
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid #cbd9e7;
  border-radius: 11px;
  color: #28506f;
  background: #f5f8fb;
  font: 800 .75rem/1 inherit;
  cursor: pointer;
}

.community-opportunity-form-actions button.is-primary {
  border-color: #075ec7;
  color: #fff;
  background: #075ec7;
}

.community-opportunity-form-actions button:disabled {
  cursor: wait;
  opacity: .62;
}

.community-opportunity-form > small {
  min-height: 1em;
  color: #b42318;
  font-size: .72rem;
  font-weight: 750;
}

body.admin-dark-mode .community-opportunity-form,
html[data-theme="dark"] .community-opportunity-form {
  color: #eef5ff;
  border-color: #314b68;
  background: #0d1a2c;
}

body.admin-dark-mode .community-opportunity-form p,
html[data-theme="dark"] .community-opportunity-form p {
  color: #aebed1;
}

body.admin-dark-mode .community-opportunity-form textarea,
html[data-theme="dark"] .community-opportunity-form textarea {
  color: #eef5ff;
  border-color: #38516d;
  background: #0a1627;
}

body.admin-dark-mode .community-opportunity-form-actions button,
html[data-theme="dark"] .community-opportunity-form-actions button {
  color: #dce8f6;
  border-color: #38516d;
  background: #172a42;
}

body.admin-dark-mode .community-opportunity-form-actions button.is-primary,
html[data-theme="dark"] .community-opportunity-form-actions button.is-primary {
  color: #fff;
  border-color: #1677d8;
  background: #075ec7;
}

@media (max-width: 620px) {
  .community-opportunity-dialog {
    max-height: calc(100dvh - 16px);
    width: calc(100vw - 16px);
  }

  .community-opportunity-form-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
}