/* AuthorWings Portal (6.26.383, 6.26.384): statuses, badges and chat events, shared by the client portal,
   the dashboard and the team page. 6.26.409: pills (is-pill) where a status stands alone; elsewhere a coloured icon beside the words.
   Each state sets --c, the icon's colour.
   awg-st  a project status (lists, beside a title, side card, Details)
   awg-qb  a small badge (quote and booking cards): icon and words in the colour
   awg-ev  an event in a chat (calls, quote answers, payments): one quiet grey line */
.k-request { --c: #475467; --pb: #EEF0F4; --pt: #475467; }
.k-quoted, .k-meeting { --c: #B54708; --pb: #FFF1D6; --pt: #8A5A00; }
.k-accepted { --c: #0E7A68; --pb: #DDF3E4; --pt: #1F6B3A; }
.k-declined { --c: #B42318; --pb: #FDE8E7; --pt: #B42318; }
.k-active { --c: #175CD3; --pb: #DDEBFF; --pt: #1F4E9A; }
.k-delivered { --c: #6941C6; --pb: #EEE8FB; --pt: #5B3BB0; }
.k-completed { --c: #067647; --pb: #DDF3E4; --pt: #1F6B3A; }
.k-cancelled { --c: #667085; --pb: #F2F4F7; --pt: #667085; }

.awg-st { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: #344054; line-height: 1.35; white-space: nowrap; }
.awg-st svg { width: 14px; height: 14px; flex: none; color: var(--c, #475467); }
.awg-ptl-item__side .awg-st { font-size: 12.5px; }

.awg-qb { display: inline-flex; align-items: center; gap: 5px; color: var(--c, #475467); font-size: 12px; font-style: normal; font-weight: 600; letter-spacing: 0; text-transform: none; white-space: nowrap; }
.awg-qb svg { width: 13px; height: 13px; flex: none; }

.awg-ev { display: flex; justify-content: center; margin: 8px 0; }
.awg-ev__in { display: inline-flex; align-items: center; justify-content: center; gap: 8px; max-width: 92%; font-size: 12.5px; color: #6B7280; text-align: center; }
.awg-ev__in svg { width: 14px; height: 14px; flex: none; color: var(--c, #475467); }
.awg-ev__txt { min-width: 0; white-space: pre-wrap; }
.awg-ev__in button { border: 0; background: none; padding: 0; font: inherit; font-weight: 600; color: #2F5D4A; cursor: pointer; white-space: nowrap; }
.awg-ev__in button:hover { text-decoration: underline; }

/* 6.26.409: pills where a status stands alone (project list, project header, quote and booking card corners).
   One colour per situation: grey new, amber waiting, blue happening, purple delivered, green done, red problem, faded closed.
   Side-card facts, Details and chat events keep the plain icon and words. */
.awg-st.is-pill, .awg-qb { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; background: var(--pb, #EEF0F4); color: var(--pt, #475467); font-size: 12px; font-weight: 600; font-style: normal; line-height: 1.45; letter-spacing: 0; text-transform: none; white-space: nowrap; }
.awg-st.is-pill svg, .awg-qb svg { width: 13px; height: 13px; flex: none; color: currentColor; }
.awg-st.is-pill.k-cancelled, .awg-qb.k-cancelled { border: 1px solid #E4E7EC; padding: 2px 9px; }
.awg-ptl-item__side .awg-st.is-pill { font-size: 12px; }
.awg-ptl-phead .awg-st.is-pill, .awg-ptl .awg-ptl-phead .awg-st.is-pill { font-size: 12.5px; }