/* YRKLIO Företag (v11.6.0): företagens egen sida och inloggning. Bara tokens, inga råa färger. */

/* Appen: utloggningsknappen ser ut som ett menyval. */
.company-app .company-logout{margin:0}
.company-app .company-logout .nav-item{width:100%;background:none;border:0;font:inherit;text-align:left;cursor:pointer}

/* Inloggningen för företag: samma kort som användarnas, med en egen ram och etikett. */
.company-auth .account-card{border-top:3px solid var(--color-accent-strong)}
.company-auth .company-badge{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);
  padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-accent-border);
  background:var(--color-accent-soft);color:var(--color-accent-text);font-size:12px;font-weight:700;letter-spacing:.06em}
.company-auth .company-steps{margin:var(--space-6) 0 0;padding-left:var(--space-6);display:grid;gap:var(--space-2);
  color:var(--color-text-soft);font-size:14px;line-height:1.5}
.company-auth .switch-note{margin-top:var(--space-6);padding:var(--space-4);border-radius:var(--radius-md);
  border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-soft);font-size:13px}

/* Status och aktivering. */
.company-auth .status-pill{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);
  font-size:12px;font-weight:700;border:1px solid var(--color-border-strong);color:var(--color-text-soft)}
.company-auth .status-pill.pending{border-color:var(--color-info-border);background:var(--color-info-soft);color:var(--color-info-text)}
.company-auth .status-pill.active{border-color:var(--color-success-border);background:var(--color-success-soft);color:var(--color-success-text)}
.company-auth .status-pill.suspended{border-color:var(--color-danger-border);background:var(--color-danger-soft);color:var(--color-danger-text)}
.company-auth .field-error{color:var(--color-danger-text);font-size:13px;margin:var(--space-1) 0 0}
.company-admin main{max-width:1100px}
.company-admin .account-card{max-width:none}
.company-admin table{width:100%;border-collapse:collapse;font-size:14px;margin-top:var(--space-5)}
.company-admin th,.company-admin td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:top}
.company-admin th{color:var(--color-text-muted);font-weight:600;font-size:12px;letter-spacing:.04em}
.company-admin td small{display:block;color:var(--color-text-muted)}
.company-admin form{display:inline;margin:0 var(--space-2) 0 0}
.company-admin form button{padding:var(--space-2) var(--space-4);font-size:13px}
@media(max-width:700px){
  .company-admin table,.company-admin tbody,.company-admin tr,.company-admin td{display:block}
  .company-admin thead{display:none}
  .company-admin tr{border-bottom:1px solid var(--color-border);padding:var(--space-3) 0}
  .company-admin td{border:0;padding:var(--space-1) 0}
}