/* ===== Owner Dashboard ===== */
/* Owner-specific overrides and additions */
/* Loads on top of: tokens.css, detail_pages.css, detail_v2.css, forms.css */

/* Green theme for owner pages */
.owner-page {
  --form-accent: var(--brand-green-400);
  --form-accent-ring: rgba(22, 163, 74, 0.1);
}

/* Owner badge in hero — green variant of the detail-v2 .ab-badge */
.detail-v2 .ab-badge--owner {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(22, 163, 74, 0.92);
  color: #fff;
}

/* Owner intro card — green variant */
.intro-card--owner {
  background: var(--brand-green-50);
  border-color: var(--brand-green-200);
}

.intro-card--owner .intro-card__icon {
  color: var(--brand-green-400);
}

.intro-card--owner .intro-card__text {
  color: var(--brand-green-700);
}

/* ===== Status Options ===== */
.status-options {
  display: flex;
  gap: var(--space-3);
  flex-wrap: wrap;
}

.status-option {
  flex: 1;
  min-width: 120px;
  cursor: pointer;
}

.status-option input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.status-option__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-4) var(--space-3);
  border: 2px solid var(--border-default);
  border-radius: var(--radius-lg);
  background: var(--bg-card);
  text-align: center;
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  color: var(--text-tertiary);
  transition: all var(--transition-fast);
}

.status-option__box svg {
  opacity: 0.5;
}

.status-option input:checked + .status-option__box--open {
  background: var(--brand-green-50);
  border-color: var(--brand-green-400);
  color: var(--brand-green-700);
}

.status-option input:checked + .status-option__box--open svg {
  opacity: 1;
  color: var(--brand-green-400);
}

.status-option input:checked + .status-option__box--temp {
  background: var(--brand-amber-50);
  border-color: var(--color-primary);
  color: var(--brand-amber-700);
}

.status-option input:checked + .status-option__box--temp svg {
  opacity: 1;
  color: var(--color-primary);
}

.status-option input:checked + .status-option__box--perm {
  background: var(--red-100);
  border-color: var(--color-danger);
  color: var(--red-700);
}

.status-option input:checked + .status-option__box--perm svg {
  opacity: 1;
  color: var(--color-danger);
}

/* ===== Closure Dates ===== */
.closure-dates {
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid var(--border-default);
}

/* ===== Owner Submit — green ===== */
.submit-btn--owner {
  background: var(--brand-green-400);
  box-shadow: 0 4px 12px rgba(22, 163, 74, 0.3);
}

.submit-btn--owner:hover {
  background: #15803d;
  box-shadow: 0 6px 16px rgba(22, 163, 74, 0.4);
}