/* Per-app accent over the shared shell. The defaults in radtool-saas.css are
   measured AA+; if you change the accent, re-measure before shipping. */
/* `hidden` must actually hide. .app and .login-wrap set display:flex in
   radtool-saas.css, and an author rule beats the user-agent [hidden] rule, so
   without this both panes render at once: the sign-in card sits on top of a
   fully signed-in app. The dashboard portal hit this first; the lesson has to
   travel with the template or every client app inherits the bug. */
[hidden] { display: none !important; }

@font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap; src:url('/_shared/fonts/inter/inter-400.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap; src:url('/_shared/fonts/inter/inter-500.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap; src:url('/_shared/fonts/inter/inter-600.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:700; font-display:swap; src:url('/_shared/fonts/inter/inter-700.woff2') format('woff2'); }

.rq-item { margin-top: 12px; }
.rq-head { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; }
.rq-title { font-weight: 600; font-size: 16px; color: var(--ink); }
.rq-thread { margin-top: 10px; border-top: 1px solid var(--border); padding-top: 10px; }
.rq-comment { margin: 8px 0; font-size: 15px; }
.rq-comment .dim { font-size: 13px; }

/* Settings and Your app. Text colours are the shared tokens, all measured AA. */
.int-card { margin-top: 12px; }
.int-note { margin: 8px 0 0; font-size: 15px; color: var(--ink-muted); }
.int-form { margin-top: 10px; }
.chip-on { background: #DCFCE7; color: #14532D; }   /* 9.6:1 */
.pj-list { margin: 8px 0 0; padding-left: 20px; font-size: 15px; }
.pj-list li { margin: 6px 0; }
.pj-what { color: var(--ink-muted); }
.jb-item { margin-top: 12px; }
.jb-notes { margin: 6px 0 0; font-size: 15px; color: var(--ink-muted); }
.jb-edit { margin-top: 10px; border-top: 1px solid var(--border); padding-top: 10px; }
.jb-edit-form .field-grid { margin-bottom: 4px; }
.sg-card { margin-bottom: 16px; border-color: var(--accent-fill); }
.sg-card .eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--accent-ink); }
.sg-actions { margin-top: 12px; display: flex; gap: 14px; align-items: center; }