/* S9 styles (s9-tasks) -- consumes pomio.css tokens only; no new global tokens here. */

/* A2: "N taken van collega's vallen buiten 'Mijn taken'" + "Toon alle" */
.tk-hidden-hint {
  display: flex; align-items: center; justify-content: space-between; gap: 8px 12px; flex-wrap: wrap;
  margin: 0 0 12px; padding: 8px 8px 8px 12px;
  background: var(--surface-2); border: 1px solid var(--border); border-left: 3px solid var(--accent);
  border-radius: var(--radius-control); color: var(--text); font-size: 14px;
}
.tk-hidden-hint > span { min-width: 0; flex: 1 1 220px; overflow-wrap: anywhere; }
.tk-hidden-hint .btn-sm { flex: none; min-height: var(--tap); }
#tk-who-filter button { white-space: nowrap; }

/* A2: assignee on the linked-task rows in the company/person drawers */
.rel-sub .rel-assignee { color: var(--text); font-weight: 600; }
.rel-sub .rel-assignee.is-unassigned { color: var(--muted); font-weight: 600; font-style: italic; }

@media (max-width: 820px) {
  .tk-hidden-hint .btn-sm { width: 100%; justify-content: center; }
}

/* S9 platform console (organisations.js): read-only tenant branding */
.org-branding .org-brand-value { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; }
.org-swatch {
  display: inline-block; flex: none; width: 20px; height: 20px;
  border-radius: 6px; border: 1px solid var(--border-strong);
}
.org-brand-value code { overflow-wrap: anywhere; }

/* S9 platform console: deactivate with ownership decision */
.org-own-impact { margin: 4px 0 8px; padding-left: 20px; }
.org-own-impact li { margin: 2px 0; }
.org-own-autos {
  margin: 8px 0; padding: 8px 12px; border-radius: var(--radius-control);
  background: var(--warning-soft); border-left: 3px solid var(--warning); color: var(--text);
}
.org-own-autos p { margin: 0 0 4px; }
.org-own-autos ul { margin: 0; padding-left: 20px; overflow-wrap: anywhere; }
.org-own-choice .ua-check { min-height: var(--tap-primary); display: flex; align-items: center; gap: 8px; }
.org-own-choice .org-own-target { margin: 0 0 8px 28px; }
.org-own-choice .org-own-target select { width: 100%; min-height: var(--tap-primary); }
@media (max-width: 480px) {
  .org-own-choice .org-own-target { margin-left: 0; }
}