/* =========================
PANGEA — Work Credits (BuddyBoss)
Dashboard cards + form styling
========================= */

.pwc-page h2, .pwc-page h3 { margin-top: 22px; }

.pwc-card{
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  padding: 18px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(0,0,0,0.06);
  margin: 0 0 18px 0;
}

.pwc-card-hero { padding: 18px 18px 14px 18px; }

.pwc-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom: 10px;
}

.pwc-pill{
  display:inline-block;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(31,61,61,0.10);
  color: #1f3d3d;
  font-size: 13px;
  font-weight: 650;
}

.pwc-metrics{
  display:grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: 14px;
  margin-top: 10px;
}

.pwc-metric{
  background: rgba(0,0,0,0.03);
  border-radius: 14px;
  padding: 12px 12px;
}

.pwc-metric-label{
  font-size: 12.5px;
  opacity: 0.75;
  margin-bottom: 6px;
}

.pwc-metric-value{
  font-size: 18px;
  font-weight: 750;
}

.pwc-note{
  margin-top: 12px;
  font-size: 13.5px;
  opacity: 0.9;
}

.pwc-breakdown .pwc-row{
  display:flex;
  justify-content:space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}
.pwc-breakdown .pwc-row:last-child{ border-bottom:0; padding-bottom: 0; }

.pwc-row-label{ font-weight: 650; }
.pwc-row-value{ font-weight: 750; }

.pwc-subtle{ font-size: 13px; opacity: 0.75; margin-top: 10px; }

.pwc-table{
  display:flex;
  flex-direction:column;
  gap: 10px;
  margin-top: 10px;
}

.pwc-table-row{
  display:flex;
  justify-content:space-between;
  gap: 12px;
  padding: 12px 12px;
  background: rgba(0,0,0,0.03);
  border-radius: 14px;
}

.pwc-alert{
  margin-top: 12px;
  border-radius: 14px;
  padding: 12px 14px;
  background: rgba(0,0,0,0.04);
}
.pwc-success{
  background: rgba(46, 125, 50, 0.10);
}
.pwc-error{
  background: rgba(229, 115, 115, 0.14);
}

.pwc-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  gap: 14px;
  margin-top: 10px;
}

.pwc-field label{
  display:block;
  font-size: 13px;
  opacity: 0.75;
  margin-bottom: 6px;
}

.pwc-field input,
.pwc-field select,
.pwc-field textarea{
  width: 100%;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 12px;
  padding: 10px 10px;
  background: #fff;
}

.pwc-field-wide{ grid-column: 1 / -1; }

.pwc-btn{
  margin-top: 12px;
  border: 0;
  border-radius: 12px;
  padding: 11px 14px;
  background: #1f3d3d;
  color: #fff;
  font-weight: 750;
  cursor:pointer;
}
.pwc-btn:hover{ opacity: 0.92; }

@media (max-width: 900px){
  .pwc-metrics{ grid-template-columns: repeat(2, minmax(140px, 1fr)); }
  .pwc-grid{ grid-template-columns: 1fr; }
  .pwc-table-row{ flex-direction:column; }
}

.pwc-badge{
  display:inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(46, 125, 50, 0.12);
  color: #2e7d32;
  font-size: 12px;
  font-weight: 650;
  white-space: nowrap;
}

.pwc-card-events__sub{ color: rgba(0,0,0,0.55); font-size: 13px; margin-top: 4px; }

.pwc-events-list{ margin-top: 14px; }

.pwc-event-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid rgba(0,0,0,0.06);
}
.pwc-event-row:first-child{ border-top: none; padding-top: 0; }

.pwc-event-row__title{ font-weight: 750; text-decoration:none; }
.pwc-event-row__title:hover{ text-decoration: underline; }

.pwc-event-row__meta{ margin-top: 4px; font-size: 13px; color: rgba(0,0,0,0.6); display:flex; gap: 10px; flex-wrap: wrap; }
.pwc-event-row__date{ }
.pwc-event-row__venue{ }

/* =========================
   GOVERNANCE DOCUMENTS CARD
   ========================= */

.pwc-card-govdocs {
  border-left: 5px solid #1f3d3d;
}

.pwc-govdocs-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.pwc-govdoc-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

.pwc-govdoc-row:last-child {
  border-bottom: none;
}

.pwc-govdoc-info {
  flex: 1;
  min-width: 0;
}

.pwc-govdoc-title {
  font-weight: 650;
  font-size: 14.5px;
  text-decoration: none;
  color: inherit;
}

.pwc-govdoc-title:hover {
  text-decoration: underline;
}

.pwc-govdoc-action {
  flex-shrink: 0;
}

.pwc-badge-reviewed {
  background: rgba(46, 125, 50, 0.12);
  color: #2e7d32;
  font-size: 12.5px;
  font-weight: 650;
  padding: 6px 12px;
  border-radius: 999px;
  white-space: nowrap;
}

.pwc-btn-review {
  padding: 8px 14px;
  font-size: 13px;
  border-radius: 10px;
  background: #1f3d3d;
  color: #fff;
  border: 0;
  font-weight: 650;
  cursor: pointer;
  transition: opacity 0.15s;
}

.pwc-btn-review:hover { opacity: 0.88; }
.pwc-btn-review:disabled { opacity: 0.5; cursor: default; }

@media (max-width: 640px) {
  .pwc-govdoc-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}

/* =========================
   DUES CARD
   ========================= */

.pwc-card-dues {
  border-left: 5px solid #1f3d3d;
}

.pwc-card-dues .pwc-btn {
  background: #1f3d3d;
  color: #fff;
  font-size: 15px;
  padding: 12px 22px;
  border-radius: 12px;
  text-decoration: none;
  display: inline-block;
  font-weight: 750;
  transition: opacity 0.15s;
}

.pwc-card-dues .pwc-btn:hover {
  opacity: 0.88;
  color: #fff;
}

/* =========================
   TOP BAR — date + weather
   ========================= */

.pmd-topbar {
  margin-bottom: 16px;
}

.pmd-topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 18px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.07);
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
  flex-wrap: wrap;
}

.pmd-topbar-date {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.pmd-topbar-day {
  font-size: 15px;
  font-weight: 750;
  color: #1f3d3d;
}

.pmd-topbar-dateval {
  font-size: 14px;
  opacity: .65;
}

.pmd-topbar-weather {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.pmd-weather-icon {
  font-size: 20px;
  line-height: 1;
}

.pmd-weather-temp {
  font-size: 16px;
  font-weight: 750;
  color: #1f3d3d;
}

.pmd-weather-desc {
  opacity: .7;
}

.pmd-weather-location {
  font-size: 12px;
  opacity: .5;
  padding-left: 4px;
  border-left: 1px solid rgba(0,0,0,.15);
}

@media (max-width: 540px) {
  .pmd-topbar-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}

/* =========================
   BUDDYPRESS ACTIVITY FEED
   date/time should NOT be
   inside the bold link text
   ========================= */

/* Remove time-since that BuddyBoss sometimes injects inside the action link */
.activity-list .activity-header .time-since,
.activity-list .activity-header a .time-since,
.activity-list .activity-header p > a .activity-time-since,
.activity-list .activity-header .activity-time-since {
  font-weight: 400 !important;
  font-size: 12px !important;
  color: rgba(0,0,0,.45) !important;
  display: block !important;
  margin-top: 3px;
}

/* The main action link should be bold but NOT include the trailing time */
.activity-list .activity-header > p > a:first-of-type {
  font-weight: 650;
}

/* Ensure the standalone timestamp below each item stays light */
.activity-list .activity-meta .activity-time-since,
.activity-list .time-since {
  font-size: 12px !important;
  color: rgba(0,0,0,.45) !important;
  font-weight: 400 !important;
}

/* =========================
   DUES ALERT BANNER
   ========================= */

.pmd-dues-alert-bar {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  background: linear-gradient(135deg, #fff8e1 0%, #fff3cd 100%);
  border: 1px solid rgba(180,130,0,.25);
  border-left: 5px solid #e6a817;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,.07);
  margin-bottom: 16px;
  flex-wrap: wrap;
  gap: 12px;
}

.pmd-dues-alert-bar.pmd-dues-overdue {
  background: linear-gradient(135deg, #fff6f6 0%, #ffecec 100%);
  border-color: rgba(229,115,115,.35);
  border-left-color: #e57373;
}

.pmd-dues-alert-icon {
  font-size: 22px;
  flex-shrink: 0;
  line-height: 1;
}

.pmd-dues-alert-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.pmd-dues-alert-body strong {
  font-size: 14.5px;
  color: #1a1a1a;
}

.pmd-dues-alert-body span {
  font-size: 13px;
  color: #555;
}

.pmd-dues-alert-btn {
  flex-shrink: 0;
  display: inline-block;
  padding: 9px 18px;
  background: #1f3d3d;
  color: #fff !important;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity .15s;
}

.pmd-dues-alert-btn:hover {
  opacity: .88;
  color: #fff !important;
}

.pmd-dues-alert-btn--outline {
  background: transparent;
  color: #1f3d3d !important;
  border: 2px solid #1f3d3d;
}

.pmd-dues-overdue .pmd-dues-alert-btn {
  background: #c0392b;
}

@media (max-width: 540px) {
  .pmd-dues-alert-bar {
    flex-direction: column;
    align-items: flex-start;
  }
}

.pmd-docs-alert-bar {
  background: linear-gradient(135deg, #f0f7f4 0%, #e6f4ef 100%);
  border-color: rgba(31,100,80,.2);
  border-left-color: #1f3d3d;
}
.pmd-docs-alert-bar .pmd-dues-alert-body strong { color: #1f3d3d; }
.pmd-docs-alert-bar .pmd-dues-alert-body span   { color: #2d5a4a; }
.pmd-docs-alert-bar .pmd-dues-alert-btn          { background: #1f3d3d; }

.pwc-btn-pay {
  background: #1f3d3d;
  color: #fff !important;
  font-size: 15px;
  padding: 13px 24px;
  border-radius: 12px;
  text-decoration: none;
  display: inline-block;
  font-weight: 750;
  transition: opacity .15s, transform .1s;
  border: none;
  cursor: pointer;
}
.pwc-btn-pay:hover {
  opacity: .88;
  color: #fff !important;
  transform: translateY(-1px);
}