/* apps/smm/app.css — role-accent extras only.
   The shared UI kit (../../tools/_lib/ui.css) carries the chrome: header, gate,
   hero, sections, cards, panels, buttons, inputs, toasts. This file adds only the
   small Social-Media-Manager touches. Self-contained: no cross-app imports. */

/* Brand the header role chip with the electric accent fill for this app. */
.ax-app .ax-brand__role {
  background: var(--accent, #0033ff);
  color: var(--accent-contrast, #fff);
  border-color: var(--border, #000);
}

/* My-notes widget — give the textarea room and a snappy focus ring. */
.ax-notes { display: grid; gap: 12px; }
.ax-notes__area {
  width: 100%;
  min-height: 8rem;
  resize: vertical;
  line-height: 1.5;
}