.poweredBy {display:none!important}
.icon-holder[title*="new"] svg.icon-task-state, 
td[title*="new"] svg.icon-task-state 
{
    fill: rgb(190, 190, 190)!important; /* specific color for new status */
}
.icon-holder[title*="open"] svg.icon-task-state, 
td[title*="open"] svg.icon-task-state 
{
    fill: rgb(200, 0, 0)!important; /* specific color for open status */
}
.icon-holder[title*="in progress"] svg.icon-task-state, 
td[title*="in progress"] svg.icon-task-state 
{
    fill: rgb(0, 183, 255)!important; /* specific color for in progress status */
}
.icon-holder[title*="ready for test"] svg.icon-task-state, 
td[title*="ready for test"] svg.icon-task-state 
{
    fill: purple!important; /* specific color for testing status */
}
.icon-holder[title*="ready for release"] svg.icon-task-state,
td[title*="ready for release"] svg.icon-task-state
{
    fill: green!important; /* specific color for release status */
}
.icon-holder[title*="pending close"] svg.icon-task-state, 
td[title*="pending close"] svg.icon-task-state
{
    fill: rgb(50, 50, 50)!important; /* specific color for release status */
}
.icon-holder[title*="closed"] svg.icon-task-state,
td[title*="closed"] svg.icon-task-state
{
    fill: black!important; /* specific color for release status */
}

/* ============================================================================
   Flow Platform typography, self-hosted Noto (served by the nginx vhost at /noto/).
   Weight mapping is deliberate: normal -> 400, semibold/bold -> 600, extrabold -> 800.
   Zammad's 700 "bold" therefore renders with the 600 file: a lighter, more elegant bold.
   ============================================================================ */

/* Noto Sans (UI text) */
@font-face { font-family:'Noto Sans'; font-style:normal; font-weight:1 549;   font-display:swap; src:url('/noto/noto-sans-v42-latin-regular.woff2') format('woff2'); }
@font-face { font-family:'Noto Sans'; font-style:normal; font-weight:550 749; font-display:swap; src:url('/noto/noto-sans-v42-latin-600.woff2')     format('woff2'); }
@font-face { font-family:'Noto Sans'; font-style:normal; font-weight:750 900; font-display:swap; src:url('/noto/noto-sans-v42-latin-800.woff2')     format('woff2'); }

/* Noto Sans Mono (code / monospace) */
@font-face { font-family:'Noto Sans Mono'; font-style:normal; font-weight:1 549;   font-display:swap; src:url('/noto/noto-sans-mono-v37-latin-regular.woff2') format('woff2'); }
@font-face { font-family:'Noto Sans Mono'; font-style:normal; font-weight:550 749; font-display:swap; src:url('/noto/noto-sans-mono-v37-latin-600.woff2')     format('woff2'); }
@font-face { font-family:'Noto Sans Mono'; font-style:normal; font-weight:750 900; font-display:swap; src:url('/noto/noto-sans-mono-v37-latin-800.woff2')     format('woff2'); }

/* Apply Noto Sans everywhere (form controls do not inherit font, so name them) */
html, body, button, input, optgroup, select, textarea {
    font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

/* Code / monospace content -> Noto Sans Mono */
code, pre, kbd, samp, tt,
.ticket-article-message pre, .ticket-article-message code {
    font-family: 'Noto Sans Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace !important;
}

/* Elegant bold: strong/b at weight 600 (700 also maps to the 600 file via the ranges above) */
strong, b { font-weight: 600 !important; }

/* Login "Powered by" shows [flow mark] Powered by [flow platform logo]. The wordmark logo
   (icon-logotype = flow-platform-logo.svg) already contains the mark, so the standalone mark is
   redundant. Uncomment to drop it and show just the full logo:
.poweredBy .icon-logo { display: none !important; } */

/* ── Login page animated background (flow-waves-sc.js + flow-login-bg.js) ─────────────────────
   The waves render on a fixed z-index:-1 canvas behind the login. Zammad paints an opaque backdrop
   on the app wrapper that would hide it, so while the waves are mounted (html.flow-login-bg-on, set
   by flow-login-bg.js ONLY on the login page) we make the login wrappers transparent. The white
   login card keeps its own background and floats above the waves. If the waves stay hidden, find the
   element that still carries the dark background in DevTools and add its selector to this list. */
html.flow-login-bg-on,
html.flow-login-bg-on body,
html.flow-login-bg-on #app,
html.flow-login-bg-on .login,
html.flow-login-bg-on .login-content { background-color: transparent !important; }

/* On the light waves background, Zammad's login tagline + sign-up text/links (coloured for its old dark
   backdrop) wash out. Darken all login-page text and use a readable purple for links. Gated by
   html.flow-login-bg-on (present ONLY on the login page), so the ticket UI is untouched. The white card
   stays readable (dark-on-white) and the Sign-in button keeps its white text. */
html.flow-login-bg-on body,
html.flow-login-bg-on body h1,
html.flow-login-bg-on body h2,
html.flow-login-bg-on body p,
html.flow-login-bg-on body small,
html.flow-login-bg-on body span,
html.flow-login-bg-on body label { color: #2a2a3a !important; }
html.flow-login-bg-on body a { color: #7d2bd6 !important; }   /* links -> readable flow purple */
html.flow-login-bg-on button,
html.flow-login-bg-on .btn,
html.flow-login-bg-on [type="submit"] { color: #ffffff !important; }   /* keep the Sign-in button white */