/* main/views/fortnox.css */

.fortnox-stack {
  display: flex;
  flex-direction: column;
  gap: var(--s-5);
}

.fortnox-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-4);
  flex-wrap: wrap;
}

.fortnox-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
  padding: var(--s-2) var(--s-4);
  border-radius: var(--r-4);
  font: var(--t-h3);
  font-weight: 600;
}

.fortnox-pill--off {
  background: var(--c-line);
  color: var(--c-ink-mute);
}

.fortnox-pill--on {
  background: var(--c-sage-soft, #cfd8c8);
  color: var(--c-ink);
}

.fortnox-pill--err {
  background: var(--c-rose, #d97373);
  color: var(--c-cream);
}

.fortnox-pill-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: currentColor;
  opacity: .7;
}

.fortnox-form {
  display: flex;
  flex-direction: column;
  gap: var(--s-3);
}

.fortnox-form .c-field {
  display: flex;
  flex-direction: column;
  gap: var(--s-1);
}

.fortnox-radio-row {
  display: flex;
  gap: var(--s-4);
  flex-wrap: wrap;
}

.fortnox-secret {
  display: flex;
  gap: var(--s-2);
  align-items: center;
}

.fortnox-secret .c-input { flex: 1; }

.fortnox-test-result {
  font: var(--t-meta);
  padding: var(--s-2) var(--s-3);
  border-radius: var(--r-2);
}

.fortnox-test-result--ok {
  background: var(--c-sage-soft, #cfd8c8);
  color: var(--c-ink);
}

.fortnox-test-result--err {
  background: var(--c-rose, #d97373);
  color: var(--c-cream);
}

.fortnox-meta {
  font: var(--t-meta);
  color: var(--c-ink-mute);
}

.fortnox-owned-list {
  list-style: disc;
  margin: var(--s-2) 0 var(--s-2) var(--s-5);
}

.fortnox-log {
  width: 100%;
  border-collapse: collapse;
  font: var(--t-meta);
}

.fortnox-log th, .fortnox-log td {
  text-align: left;
  padding: var(--s-2) var(--s-3);
  border-bottom: 1px solid var(--c-line);
}