/* My business (/app/company) and account settings (/app/settings).
   Only additions the shared stylesheet does not already cover. */

.company-summary .card { height: 100%; }

.company-checklist li { display: flex; flex-wrap: wrap; gap: var(--sp-2); align-items: baseline; }
.company-checklist .company-task-hint { flex-basis: 100%; }
.company-checklist .is-done a { color: var(--text-muted); }

.company-logo { width: 72px; height: 72px; font-size: 1.4rem; }
.company-logo img { width: 100%; height: 100%; object-fit: contain; }

.company-item { padding-bottom: var(--sp-4); border-bottom: 1px solid var(--border); }
.company-item:last-child { border-bottom: 0; padding-bottom: 0; }
.company-item details summary { cursor: pointer; font-weight: 600; }

.company-inline-form { gap: var(--sp-2); flex-wrap: nowrap; }
.company-inline-form select { min-width: 9rem; }

.company-category-list { border: 0; padding: 0; margin: 0; }
.company-category-list td { text-align: center; }

.company-preview-pane { border-top: 4px solid var(--teal-700); }
.company-preview-pane[data-preview="public"] { border-top-color: var(--navy-800); }

.company-check .card-title { font-size: 1.1rem; }

.company-danger { border-color: var(--err-700); }

.company-prefs td { vertical-align: middle; }
.company-prefs tr.is-highlight { outline: 3px solid var(--teal-700); outline-offset: -3px; }

@media (max-width: 560px) {
  .company-inline-form { flex-wrap: wrap; }
}