/* AT-159: kampanjikonen i kontorets rubrikrad och kontorets kampanjlista (admin-office-campaigns.js).
   Ikonknappen har ingen ram (husregel). Färgen följer enhetens färg (--unit-color på #box-office-master). */
#admin-detail-content .office-campaign-trigger { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:28px; height:28px; margin:0; padding:0; border:0 !important; border-radius:8px; background:none; box-shadow:none; color:var(--unit-color, var(--accent-primary)); cursor:pointer; transition:background 0.15s; }
#admin-detail-content .office-campaign-trigger svg { width:18px; height:18px; }
#admin-detail-content .office-campaign-trigger:hover { background:color-mix(in srgb, var(--unit-color, var(--accent-primary)) 10%, transparent); }
#admin-detail-content .office-campaign-trigger:focus-visible { outline:2px solid var(--unit-color, var(--accent-primary)); outline-offset:2px; }

/* Kontorets kampanjer: en kompakt rad med läsbara brickor. Inga kampanjer ⇒ ytan är dold (hidden). */
#admin-detail-content .office-campaigns[hidden] { display:none !important; }
#admin-detail-content .office-campaigns { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; padding:10px 14px; border-radius:12px; border:1px solid color-mix(in srgb, var(--unit-color, var(--accent-primary)) 30%, transparent); background:color-mix(in srgb, var(--unit-color, var(--accent-primary)) 5%, transparent); }
#admin-detail-content .office-campaigns-heading { display:inline-flex; align-items:center; gap:6px; margin:0; font-size:11px; font-weight:700; text-transform:uppercase; color:var(--unit-color, var(--accent-primary)); }
#admin-detail-content .office-campaigns-icon { display:inline-flex; }
#admin-detail-content .office-campaigns-icon svg { width:14px; height:14px; }
#admin-detail-content .office-campaigns-list { display:flex; flex-wrap:wrap; gap:6px; min-width:0; flex:1 1 auto; }
#admin-detail-content .office-campaign-chip { display:inline-flex; align-items:center; gap:8px; max-width:100%; min-width:0; padding:4px 6px 4px 10px; border:1px solid var(--surface-line); border-radius:999px; background:transparent; color:var(--text-primary); font:inherit; font-size:12px; cursor:pointer; }
#admin-detail-content .office-campaign-chip.is-own { border-color:color-mix(in srgb, var(--unit-color, var(--accent-primary)) 55%, transparent); }
#admin-detail-content .office-campaign-chip:hover { background:color-mix(in srgb, var(--unit-color, var(--accent-primary)) 8%, transparent); }
#admin-detail-content .office-campaign-chip:focus-visible { outline:2px solid var(--unit-color, var(--accent-primary)); outline-offset:2px; }
#admin-detail-content .office-campaign-chip-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; }
#admin-detail-content .office-campaign-chip-scope { white-space:nowrap; font-size:11px; color:var(--text-secondary); }
#admin-detail-content .office-campaign-chip .campaign-status-badge { flex:0 0 auto; }
#admin-detail-content .office-campaigns.is-flash { animation:office-campaigns-flash 0.9s ease-out; }
@keyframes office-campaigns-flash { 0% { box-shadow:0 0 0 0 color-mix(in srgb, var(--unit-color, var(--accent-primary)) 55%, transparent); } 100% { box-shadow:0 0 0 10px transparent; } }

/* Mobil (AT-162-namnraden): namn · sänd · färgring · prislista · kampanj · anteckningar sist (Patriks regel). */
@media (max-width: 768px) {
  :root body #view-admin .detail-header-top:has(#office-avatar-circle) .detail-subject ~ .office-campaign-trigger { order:3; width:32px; min-width:32px; height:32px; flex:0 0 32px; }
  :root body #view-admin .detail-header-top:has(#office-avatar-circle) .detail-subject ~ .office-campaign-trigger svg { width:20px; height:20px; }
}