/* v2 styles: company and settings (owner W2-COMP). Ported from the prototype's company.css, scoped under .dp-v2.
   Inputs, buttons and alerts take their base look from the Bootstrap v2 theme; only page-level rules live here. */

.dp-v2 .company-page .dp-section {
  border-left: 3px solid var(--bs-primary);
  padding-left: 1rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.dp-v2 .company-page .dp-card {
  background-color: var(--dp-muted);
  border: 1px solid var(--dp-border);
  border-radius: var(--dp-radius);
  padding: 1rem;
  margin-bottom: 1.5rem;
}

.dp-v2 .company-page .dependent-field {
  display: none;
}

.dp-v2 .company-page .dependent-field.is-open {
  display: block;
}

.dp-v2 .company-page label,
.dp-v2 .company-page .form-control-label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 12px;
  font-weight: 500;
  color: var(--bs-body-color);
}

.dp-v2 .company-page .form-check-label {
  display: inline;
  margin-bottom: 0;
}

.dp-v2 .company-page .form-control,
.dp-v2 .company-page .form-select {
  display: block;
  width: 100%;
}

.dp-v2 .company-page textarea.form-control {
  height: auto;
}

.dp-v2 .company-page h3,
.dp-v2 .company-page .h4 {
  color: var(--bs-body-color);
  font-weight: 600;
}

.dp-v2 .company-page .alert {
  border-radius: var(--dp-radius);
  padding: 0.85rem 1rem;
  margin: 1rem 0 1.25rem;
}

.dp-v2 .company-page .alert-info {
  background: var(--dp-accent);
  border: 1px solid var(--dp-sidebar-border);
  color: var(--bs-body-color);
}

.dp-v2 .company-page .alert-warning {
  background: var(--dp-warning-bg);
  border: 1px solid var(--dp-warning-border);
  color: var(--dp-warning-fg);
}

/* The prototype's alert title (#company/locations "Instructions"): black,
   font-medium (round 4, R3-9). */
.dp-v2 .company-page .alert h5 {
  margin: 0 0 0.4rem;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--dp-fg);
}

.dp-v2 .company-page .alert .alert-warning {
  margin: 0;
}

/* Locations */
.dp-v2 .company-page .accordion-item.location-entry,
.dp-v2 .company-page .location-entry {
  background: var(--dp-card);
  border: 1px solid var(--dp-border);
  border-radius: var(--dp-radius);
  overflow: hidden;
}

.dp-v2 .company-page .location-entry .location-title {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--bs-body-color);
}

/* The v2 accordion zeroes the body's side padding (styles/dp-v2/_layout.scss); the location fields
   need the prototype's inset (#company/locations, ~24px) so they do not touch the card border. */
.dp-v2 .company-page .location-entry .accordion-body {
  padding: 1rem 1.5rem;
}

.dp-v2 .company-page .form-group {
  margin-bottom: 0.75rem;
}

.dp-v2 .company-page .form-check {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

/* Branding (settings/settings.html): same card, text and preview treatment */
.dp-v2 .branding-layout .branding-card {
  border: 1px solid var(--dp-border);
  border-radius: var(--dp-radius);
  box-shadow: none;
}

.dp-v2 .branding-layout .branding-card .h6 {
  font-size: 13px;
  font-weight: 600;
  color: var(--bs-body-color);
}

.dp-v2 .branding-logo-box,
.dp-v2 .branding-pv,
.dp-v2 .branding-pv-status {
  border-color: var(--dp-border);
  border-radius: var(--dp-radius);
}

.dp-v2 .branding-pv {
  background: var(--dp-card);
}

.dp-v2 .branding-pv-status {
  background: var(--dp-muted);
}

.dp-v2 .branding-pv-top,
.dp-v2 .branding-pv-bars {
  border-color: var(--dp-border);
}

.dp-v2 .branding-pv-text,
.dp-v2 .branding-pv-caption {
  color: var(--dp-muted-fg);
}

.dp-v2 .branding-actions {
  background: var(--dp-card);
}