@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap");

:root {
  /* Base family */
  --font-sans: "Montserrat", -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* De-emphasize the field label */
.InfoBox__infoLabel {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #888;
}

/* Emphasize the field value */
.InfoBox__infoContent {
    font-size: 17px;
    font-weight: 600;
    color: #1a1a1a;
}
/* Status tracker cards, one rule per Zoho status (deduped; CSS is
   keyed by badge class which carries no track info). Generated by
   build_min_css.py -- do not hand-edit. */
.ticket_status:has(.Badge__badge.triage)::after,
.ticket_status:has(.Badge__badge.queued_for_eng__review)::after,
.ticket_status:has(.Badge__badge.queued_for_product_review)::after,
.ticket_status:has(.Badge__badge.in_support)::after,
.ticket_status:has(.Badge__badge.waiting_for_reply)::after,
.ticket_status:has(.Badge__badge.queued_for_development)::after,
.ticket_status:has(.Badge__badge.in_development)::after,
.ticket_status:has(.Badge__badge.queued_for_testing)::after,
.ticket_status:has(.Badge__badge.in_testing)::after,
.ticket_status:has(.Badge__badge.queued_for_scheduling)::after,
.ticket_status:has(.Badge__badge.scheduled_for_release)::after,
.ticket_status:has(.Badge__badge.deployed)::after,
.ticket_status:has(.Badge__badge.closed)::after {
  content: "";
  display: block;
  width: 100%;
  max-width: 300px;
  height: 0;
  padding-top: 35%;
  margin-top: 8px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}

/* b00-triage.svg */
.ticket_status:has(.Badge__badge.triage)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='105' viewBox='0 0 300 105' font-family='Arial, Helvetica, sans-serif' text-anchor='middle' text-rendering='geometricPrecision'%3E%3Crect x='0.5' y='0.5' width='299' height='104' rx='10' fill='%23E6F1FB' stroke='%23185FA5' stroke-width='1'/%3E%3Cpath d='M24 24H276' stroke='%23B6B4A9' stroke-width='2'/%3E%3Cg fill='%23fff' stroke='%23A2A096' stroke-width='1.5'%3E%3Ccircle cx='49' cy='24' r='4'/%3E%3Ccircle cx='74' cy='24' r='4'/%3E%3Ccircle cx='100' cy='24' r='4'/%3E%3Ccircle cx='125' cy='24' r='4'/%3E%3Ccircle cx='150' cy='24' r='4'/%3E%3Ccircle cx='175' cy='24' r='4'/%3E%3Ccircle cx='200' cy='24' r='4'/%3E%3Ccircle cx='226' cy='24' r='4'/%3E%3Ccircle cx='251' cy='24' r='4'/%3E%3Ccircle cx='276' cy='24' r='4'/%3E%3C/g%3E%3Ccircle cx='24' cy='24' r='9.5' fill='%23B5D4F4'/%3E%3Ccircle cx='24' cy='24' r='6.5' fill='%23185FA5'/%3E%3Ctext x='150' y='53.1' font-size='16' font-weight='700' fill='%230C447C'%3ETriage%3C/text%3E%3Cg font-size='11' fill='%233A3A3A'%3E%3Ctext x='150' y='73.8'%3EYour ticket has been received and is being%3C/text%3E%3Ctext x='150' y='87.8'%3Ereviewed by our support team.%3C/text%3E%3C/g%3E%3C/svg%3E");}

/* b01-queued_for_engineering_review.svg */
.ticket_status:has(.Badge__badge.queued_for_eng__review)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='105' viewBox='0 0 300 105' font-family='Arial, Helvetica, sans-serif' text-anchor='middle' text-rendering='geometricPrecision'%3E%3Crect x='0.5' y='0.5' width='299' height='104' rx='10' fill='%23E6F1FB' stroke='%23185FA5' stroke-width='1'/%3E%3Cpath d='M24 24H276' stroke='%23B6B4A9' stroke-width='2'/%3E%3Cpath d='M24 24H49' stroke='%231D9E75' stroke-width='2'/%3E%3Cg fill='%231D9E75'%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3C/g%3E%3Cg fill='%23fff' stroke='%23A2A096' stroke-width='1.5'%3E%3Ccircle cx='74' cy='24' r='4'/%3E%3Ccircle cx='100' cy='24' r='4'/%3E%3Ccircle cx='125' cy='24' r='4'/%3E%3Ccircle cx='150' cy='24' r='4'/%3E%3Ccircle cx='175' cy='24' r='4'/%3E%3Ccircle cx='200' cy='24' r='4'/%3E%3Ccircle cx='226' cy='24' r='4'/%3E%3Ccircle cx='251' cy='24' r='4'/%3E%3Ccircle cx='276' cy='24' r='4'/%3E%3C/g%3E%3Ccircle cx='49' cy='24' r='9.5' fill='%23B5D4F4'/%3E%3Ccircle cx='49' cy='24' r='6.5' fill='%23185FA5'/%3E%3Ctext x='150' y='53.1' font-size='16' font-weight='700' fill='%230C447C'%3EQueued for Engineering Review%3C/text%3E%3Cg font-size='11' fill='%233A3A3A'%3E%3Ctext x='150' y='73.8'%3EYour ticket is waiting for an engineer to review%3C/text%3E%3Ctext x='150' y='87.8'%3Eand approve it.%3C/text%3E%3C/g%3E%3C/svg%3E");}

/* f01-queued_for_product_review.svg */
.ticket_status:has(.Badge__badge.queued_for_product_review)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='105' viewBox='0 0 300 105' font-family='Arial, Helvetica, sans-serif' text-anchor='middle' text-rendering='geometricPrecision'%3E%3Crect x='0.5' y='0.5' width='299' height='104' rx='10' fill='%23E6F1FB' stroke='%23185FA5' stroke-width='1'/%3E%3Cpath d='M24 24H276' stroke='%23B6B4A9' stroke-width='2'/%3E%3Cpath d='M24 24H49' stroke='%231D9E75' stroke-width='2'/%3E%3Cg fill='%231D9E75'%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3C/g%3E%3Cg fill='%23fff' stroke='%23A2A096' stroke-width='1.5'%3E%3Ccircle cx='74' cy='24' r='4'/%3E%3Ccircle cx='100' cy='24' r='4'/%3E%3Ccircle cx='125' cy='24' r='4'/%3E%3Ccircle cx='150' cy='24' r='4'/%3E%3Ccircle cx='175' cy='24' r='4'/%3E%3Ccircle cx='200' cy='24' r='4'/%3E%3Ccircle cx='226' cy='24' r='4'/%3E%3Ccircle cx='251' cy='24' r='4'/%3E%3Ccircle cx='276' cy='24' r='4'/%3E%3C/g%3E%3Ccircle cx='49' cy='24' r='9.5' fill='%23B5D4F4'/%3E%3Ccircle cx='49' cy='24' r='6.5' fill='%23185FA5'/%3E%3Ctext x='150' y='53.1' font-size='16' font-weight='700' fill='%230C447C'%3EQueued for Product Review%3C/text%3E%3Cg font-size='11' fill='%233A3A3A'%3E%3Ctext x='150' y='73.8'%3EYour feature request is waiting for product%3C/text%3E%3Ctext x='150' y='87.8'%3Emanagement review.%3C/text%3E%3C/g%3E%3C/svg%3E");}

/* h01-in_support.svg */
.ticket_status:has(.Badge__badge.in_support)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='105' viewBox='0 0 300 105' font-family='Arial, Helvetica, sans-serif' text-anchor='middle' text-rendering='geometricPrecision'%3E%3Crect x='0.5' y='0.5' width='299' height='104' rx='10' fill='%23E6F1FB' stroke='%23185FA5' stroke-width='1'/%3E%3Cpath d='M24 24H276' stroke='%23B6B4A9' stroke-width='2'/%3E%3Cpath d='M24 24H108' stroke='%231D9E75' stroke-width='2'/%3E%3Cg fill='%231D9E75'%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3C/g%3E%3Cg fill='%23fff' stroke='%23A2A096' stroke-width='1.5'%3E%3Ccircle cx='192' cy='24' r='4'/%3E%3Ccircle cx='276' cy='24' r='4'/%3E%3C/g%3E%3Ccircle cx='108' cy='24' r='9.5' fill='%23B5D4F4'/%3E%3Ccircle cx='108' cy='24' r='6.5' fill='%23185FA5'/%3E%3Ctext x='150' y='53.1' font-size='16' font-weight='700' fill='%230C447C'%3EIn Support%3C/text%3E%3Cg font-size='11' fill='%233A3A3A'%3E%3Ctext x='150' y='80.8'%3EA support agent is working on your question.%3C/text%3E%3C/g%3E%3C/svg%3E");}

/* h02-waiting_for_reply.svg */
.ticket_status:has(.Badge__badge.waiting_for_reply)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='105' viewBox='0 0 300 105' font-family='Arial, Helvetica, sans-serif' text-anchor='middle' text-rendering='geometricPrecision'%3E%3Crect x='0.5' y='0.5' width='299' height='104' rx='10' fill='%23E6F1FB' stroke='%23185FA5' stroke-width='1'/%3E%3Cpath d='M24 24H276' stroke='%23B6B4A9' stroke-width='2'/%3E%3Cpath d='M24 24H192' stroke='%231D9E75' stroke-width='2'/%3E%3Cg fill='%231D9E75'%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3Ccircle cx='108' cy='24' r='4'/%3E%3C/g%3E%3Cg fill='%23fff' stroke='%23A2A096' stroke-width='1.5'%3E%3Ccircle cx='276' cy='24' r='4'/%3E%3C/g%3E%3Ccircle cx='192' cy='24' r='9.5' fill='%23B5D4F4'/%3E%3Ccircle cx='192' cy='24' r='6.5' fill='%23185FA5'/%3E%3Ctext x='150' y='53.1' font-size='16' font-weight='700' fill='%230C447C'%3EWaiting for Reply%3C/text%3E%3Cg font-size='11' fill='%233A3A3A'%3E%3Ctext x='150' y='73.8'%3EWe need more information from you. Please reply%3C/text%3E%3Ctext x='150' y='87.8'%3Eto this ticket.%3C/text%3E%3C/g%3E%3C/svg%3E");}

/* b03-queued_for_development.svg */
.ticket_status:has(.Badge__badge.queued_for_development)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='105' viewBox='0 0 300 105' font-family='Arial, Helvetica, sans-serif' text-anchor='middle' text-rendering='geometricPrecision'%3E%3Crect x='0.5' y='0.5' width='299' height='104' rx='10' fill='%23E6F1FB' stroke='%23185FA5' stroke-width='1'/%3E%3Cpath d='M24 24H276' stroke='%23B6B4A9' stroke-width='2'/%3E%3Cpath d='M24 24H100' stroke='%231D9E75' stroke-width='2'/%3E%3Cg fill='%231D9E75'%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3Ccircle cx='49' cy='24' r='4'/%3E%3Ccircle cx='74' cy='24' r='4'/%3E%3C/g%3E%3Cg fill='%23fff' stroke='%23A2A096' stroke-width='1.5'%3E%3Ccircle cx='125' cy='24' r='4'/%3E%3Ccircle cx='150' cy='24' r='4'/%3E%3Ccircle cx='175' cy='24' r='4'/%3E%3Ccircle cx='200' cy='24' r='4'/%3E%3Ccircle cx='226' cy='24' r='4'/%3E%3Ccircle cx='251' cy='24' r='4'/%3E%3Ccircle cx='276' cy='24' r='4'/%3E%3C/g%3E%3Ccircle cx='100' cy='24' r='9.5' fill='%23B5D4F4'/%3E%3Ccircle cx='100' cy='24' r='6.5' fill='%23185FA5'/%3E%3Ctext x='150' y='53.1' font-size='16' font-weight='700' fill='%230C447C'%3EQueued for Development%3C/text%3E%3Cg font-size='11' fill='%233A3A3A'%3E%3Ctext x='150' y='73.8'%3EYour ticket has been approved and is waiting to%3C/text%3E%3Ctext x='150' y='87.8'%3Ebe assigned to a developer.%3C/text%3E%3C/g%3E%3C/svg%3E");}

/* b04-in_development.svg */
.ticket_status:has(.Badge__badge.in_development)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='105' viewBox='0 0 300 105' font-family='Arial, Helvetica, sans-serif' text-anchor='middle' text-rendering='geometricPrecision'%3E%3Crect x='0.5' y='0.5' width='299' height='104' rx='10' fill='%23E6F1FB' stroke='%23185FA5' stroke-width='1'/%3E%3Cpath d='M24 24H276' stroke='%23B6B4A9' stroke-width='2'/%3E%3Cpath d='M24 24H125' stroke='%231D9E75' stroke-width='2'/%3E%3Cg fill='%231D9E75'%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3Ccircle cx='49' cy='24' r='4'/%3E%3Ccircle cx='74' cy='24' r='4'/%3E%3Ccircle cx='100' cy='24' r='4'/%3E%3C/g%3E%3Cg fill='%23fff' stroke='%23A2A096' stroke-width='1.5'%3E%3Ccircle cx='150' cy='24' r='4'/%3E%3Ccircle cx='175' cy='24' r='4'/%3E%3Ccircle cx='200' cy='24' r='4'/%3E%3Ccircle cx='226' cy='24' r='4'/%3E%3Ccircle cx='251' cy='24' r='4'/%3E%3Ccircle cx='276' cy='24' r='4'/%3E%3C/g%3E%3Ccircle cx='125' cy='24' r='9.5' fill='%23B5D4F4'/%3E%3Ccircle cx='125' cy='24' r='6.5' fill='%23185FA5'/%3E%3Ctext x='150' y='53.1' font-size='16' font-weight='700' fill='%230C447C'%3EIn Development%3C/text%3E%3Cg font-size='11' fill='%233A3A3A'%3E%3Ctext x='150' y='80.8'%3EA developer is actively working on your ticket.%3C/text%3E%3C/g%3E%3C/svg%3E");}

/* b05-queued_for_testing.svg */
.ticket_status:has(.Badge__badge.queued_for_testing)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='105' viewBox='0 0 300 105' font-family='Arial, Helvetica, sans-serif' text-anchor='middle' text-rendering='geometricPrecision'%3E%3Crect x='0.5' y='0.5' width='299' height='104' rx='10' fill='%23E6F1FB' stroke='%23185FA5' stroke-width='1'/%3E%3Cpath d='M24 24H276' stroke='%23B6B4A9' stroke-width='2'/%3E%3Cpath d='M24 24H150' stroke='%231D9E75' stroke-width='2'/%3E%3Cg fill='%231D9E75'%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3Ccircle cx='49' cy='24' r='4'/%3E%3Ccircle cx='74' cy='24' r='4'/%3E%3Ccircle cx='100' cy='24' r='4'/%3E%3Ccircle cx='125' cy='24' r='4'/%3E%3C/g%3E%3Cg fill='%23fff' stroke='%23A2A096' stroke-width='1.5'%3E%3Ccircle cx='175' cy='24' r='4'/%3E%3Ccircle cx='200' cy='24' r='4'/%3E%3Ccircle cx='226' cy='24' r='4'/%3E%3Ccircle cx='251' cy='24' r='4'/%3E%3Ccircle cx='276' cy='24' r='4'/%3E%3C/g%3E%3Ccircle cx='150' cy='24' r='9.5' fill='%23B5D4F4'/%3E%3Ccircle cx='150' cy='24' r='6.5' fill='%23185FA5'/%3E%3Ctext x='150' y='53.1' font-size='16' font-weight='700' fill='%230C447C'%3EQueued for Testing%3C/text%3E%3Cg font-size='11' fill='%233A3A3A'%3E%3Ctext x='150' y='73.8'%3EDevelopment is complete. Your fix is waiting to%3C/text%3E%3Ctext x='150' y='87.8'%3Eenter the testing queue.%3C/text%3E%3C/g%3E%3C/svg%3E");}

/* b06-in_testing.svg */
.ticket_status:has(.Badge__badge.in_testing)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='105' viewBox='0 0 300 105' font-family='Arial, Helvetica, sans-serif' text-anchor='middle' text-rendering='geometricPrecision'%3E%3Crect x='0.5' y='0.5' width='299' height='104' rx='10' fill='%23E6F1FB' stroke='%23185FA5' stroke-width='1'/%3E%3Cpath d='M24 24H276' stroke='%23B6B4A9' stroke-width='2'/%3E%3Cpath d='M24 24H175' stroke='%231D9E75' stroke-width='2'/%3E%3Cg fill='%231D9E75'%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3Ccircle cx='49' cy='24' r='4'/%3E%3Ccircle cx='74' cy='24' r='4'/%3E%3Ccircle cx='100' cy='24' r='4'/%3E%3Ccircle cx='125' cy='24' r='4'/%3E%3Ccircle cx='150' cy='24' r='4'/%3E%3C/g%3E%3Cg fill='%23fff' stroke='%23A2A096' stroke-width='1.5'%3E%3Ccircle cx='200' cy='24' r='4'/%3E%3Ccircle cx='226' cy='24' r='4'/%3E%3Ccircle cx='251' cy='24' r='4'/%3E%3Ccircle cx='276' cy='24' r='4'/%3E%3C/g%3E%3Ccircle cx='175' cy='24' r='9.5' fill='%23B5D4F4'/%3E%3Ccircle cx='175' cy='24' r='6.5' fill='%23185FA5'/%3E%3Ctext x='150' y='53.1' font-size='16' font-weight='700' fill='%230C447C'%3EIn Testing%3C/text%3E%3Cg font-size='11' fill='%233A3A3A'%3E%3Ctext x='150' y='80.8'%3EYour fix is being verified by our QA team.%3C/text%3E%3C/g%3E%3C/svg%3E");}

/* b07-queued_for_scheduling.svg */
.ticket_status:has(.Badge__badge.queued_for_scheduling)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='105' viewBox='0 0 300 105' font-family='Arial, Helvetica, sans-serif' text-anchor='middle' text-rendering='geometricPrecision'%3E%3Crect x='0.5' y='0.5' width='299' height='104' rx='10' fill='%23E6F1FB' stroke='%23185FA5' stroke-width='1'/%3E%3Cpath d='M24 24H276' stroke='%23B6B4A9' stroke-width='2'/%3E%3Cpath d='M24 24H200' stroke='%231D9E75' stroke-width='2'/%3E%3Cg fill='%231D9E75'%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3Ccircle cx='49' cy='24' r='4'/%3E%3Ccircle cx='74' cy='24' r='4'/%3E%3Ccircle cx='100' cy='24' r='4'/%3E%3Ccircle cx='125' cy='24' r='4'/%3E%3Ccircle cx='150' cy='24' r='4'/%3E%3Ccircle cx='175' cy='24' r='4'/%3E%3C/g%3E%3Cg fill='%23fff' stroke='%23A2A096' stroke-width='1.5'%3E%3Ccircle cx='226' cy='24' r='4'/%3E%3Ccircle cx='251' cy='24' r='4'/%3E%3Ccircle cx='276' cy='24' r='4'/%3E%3C/g%3E%3Ccircle cx='200' cy='24' r='9.5' fill='%23B5D4F4'/%3E%3Ccircle cx='200' cy='24' r='6.5' fill='%23185FA5'/%3E%3Ctext x='150' y='53.1' font-size='16' font-weight='700' fill='%230C447C'%3EQueued for Scheduling%3C/text%3E%3Cg font-size='11' fill='%233A3A3A'%3E%3Ctext x='150' y='73.8'%3ETesting is complete. Your fix is awaiting release%3C/text%3E%3Ctext x='150' y='87.8'%3Escheduling.%3C/text%3E%3C/g%3E%3C/svg%3E");}

/* b08-scheduled_for_release.svg */
.ticket_status:has(.Badge__badge.scheduled_for_release)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='105' viewBox='0 0 300 105' font-family='Arial, Helvetica, sans-serif' text-anchor='middle' text-rendering='geometricPrecision'%3E%3Crect x='0.5' y='0.5' width='299' height='104' rx='10' fill='%23E6F1FB' stroke='%23185FA5' stroke-width='1'/%3E%3Cpath d='M24 24H276' stroke='%23B6B4A9' stroke-width='2'/%3E%3Cpath d='M24 24H226' stroke='%231D9E75' stroke-width='2'/%3E%3Cg fill='%231D9E75'%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3Ccircle cx='49' cy='24' r='4'/%3E%3Ccircle cx='74' cy='24' r='4'/%3E%3Ccircle cx='100' cy='24' r='4'/%3E%3Ccircle cx='125' cy='24' r='4'/%3E%3Ccircle cx='150' cy='24' r='4'/%3E%3Ccircle cx='175' cy='24' r='4'/%3E%3Ccircle cx='200' cy='24' r='4'/%3E%3C/g%3E%3Cg fill='%23fff' stroke='%23A2A096' stroke-width='1.5'%3E%3Ccircle cx='251' cy='24' r='4'/%3E%3Ccircle cx='276' cy='24' r='4'/%3E%3C/g%3E%3Ccircle cx='226' cy='24' r='9.5' fill='%23B5D4F4'/%3E%3Ccircle cx='226' cy='24' r='6.5' fill='%23185FA5'/%3E%3Ctext x='150' y='53.1' font-size='16' font-weight='700' fill='%230C447C'%3EScheduled for Release%3C/text%3E%3Cg font-size='11' fill='%233A3A3A'%3E%3Ctext x='150' y='73.8'%3EYour fix has been scheduled and will ship in an%3C/text%3E%3Ctext x='150' y='87.8'%3Eupcoming release.%3C/text%3E%3C/g%3E%3C/svg%3E");}

/* b09-deployed.svg */
.ticket_status:has(.Badge__badge.deployed)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='105' viewBox='0 0 300 105' font-family='Arial, Helvetica, sans-serif' text-anchor='middle' text-rendering='geometricPrecision'%3E%3Crect x='0.5' y='0.5' width='299' height='104' rx='10' fill='%23E6F1FB' stroke='%23185FA5' stroke-width='1'/%3E%3Cpath d='M24 24H276' stroke='%23B6B4A9' stroke-width='2'/%3E%3Cpath d='M24 24H251' stroke='%231D9E75' stroke-width='2'/%3E%3Cg fill='%231D9E75'%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3Ccircle cx='49' cy='24' r='4'/%3E%3Ccircle cx='74' cy='24' r='4'/%3E%3Ccircle cx='100' cy='24' r='4'/%3E%3Ccircle cx='125' cy='24' r='4'/%3E%3Ccircle cx='150' cy='24' r='4'/%3E%3Ccircle cx='175' cy='24' r='4'/%3E%3Ccircle cx='200' cy='24' r='4'/%3E%3Ccircle cx='226' cy='24' r='4'/%3E%3C/g%3E%3Cg fill='%23fff' stroke='%23A2A096' stroke-width='1.5'%3E%3Ccircle cx='276' cy='24' r='4'/%3E%3C/g%3E%3Ccircle cx='251' cy='24' r='9.5' fill='%23B5D4F4'/%3E%3Ccircle cx='251' cy='24' r='6.5' fill='%23185FA5'/%3E%3Ctext x='150' y='53.1' font-size='16' font-weight='700' fill='%230C447C'%3EDeployed%3C/text%3E%3Cg font-size='11' fill='%233A3A3A'%3E%3Ctext x='150' y='73.8'%3EYour fix has been deployed. Please verify and let%3C/text%3E%3Ctext x='150' y='87.8'%3Eus know if the issue is resolved.%3C/text%3E%3C/g%3E%3C/svg%3E");}

/* b10-closed.svg */
.ticket_status:has(.Badge__badge.closed)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='105' viewBox='0 0 300 105' font-family='Arial, Helvetica, sans-serif' text-anchor='middle' text-rendering='geometricPrecision'%3E%3Crect x='0.5' y='0.5' width='299' height='104' rx='10' fill='%23E6F1FB' stroke='%23185FA5' stroke-width='1'/%3E%3Cpath d='M24 24H276' stroke='%23B6B4A9' stroke-width='2'/%3E%3Cpath d='M24 24H276' stroke='%231D9E75' stroke-width='2'/%3E%3Cg fill='%231D9E75'%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3Ccircle cx='49' cy='24' r='4'/%3E%3Ccircle cx='74' cy='24' r='4'/%3E%3Ccircle cx='100' cy='24' r='4'/%3E%3Ccircle cx='125' cy='24' r='4'/%3E%3Ccircle cx='150' cy='24' r='4'/%3E%3Ccircle cx='175' cy='24' r='4'/%3E%3Ccircle cx='200' cy='24' r='4'/%3E%3Ccircle cx='226' cy='24' r='4'/%3E%3Ccircle cx='251' cy='24' r='4'/%3E%3C/g%3E%3Ccircle cx='276' cy='24' r='9.5' fill='%23B5D4F4'/%3E%3Ccircle cx='276' cy='24' r='6.5' fill='%23185FA5'/%3E%3Ctext x='150' y='53.1' font-size='16' font-weight='700' fill='%230C447C'%3EClosed%3C/text%3E%3Cg font-size='11' fill='%233A3A3A'%3E%3Ctext x='150' y='73.8'%3EThis ticket is closed. Thank you for contacting%3C/text%3E%3Ctext x='150' y='87.8'%3EArkieva support.%3C/text%3E%3C/g%3E%3C/svg%3E");}

/* --- Status lifecycle guide (anchors live in the footer template) --- */
.StatusGuide{display:none;}
body:has(.ticket_status .Badge__badge) .StatusGuide{
  display:flex;align-items:center;position:fixed;right:16px;bottom:16px;
  background:#E6F1FB;border:1px solid #185FA5;border-radius:20px;padding:6px 14px;
  font-size:13px;color:#3A3A3A;z-index:100;}
.StatusGuide > * + *{margin-left:10px;} /* spacing via child margins; the modern flex property is not in Zoho's whitelist */
.StatusGuide a{color:#185FA5;font-weight:600;text-decoration:none;}
.StatusGuide a:hover{text-decoration:underline;}
/* Track detection is status-based: the portal exposes no usable signal
   for empty-vs-filled Devops ID (empty renders as a "-" text placeholder,
   which CSS cannot distinguish from a value). Triage/Closed/New match no
   rule and show all three links. */
body:has(.Badge__badge.in_support) .StatusGuide__bug,
body:has(.Badge__badge.in_support) .StatusGuide__feature,
body:has(.Badge__badge.waiting_for_reply) .StatusGuide__bug,
body:has(.Badge__badge.waiting_for_reply) .StatusGuide__feature,
body:has(.Badge__badge.queued_for_eng__review) .StatusGuide__feature,
body:has(.Badge__badge.queued_for_eng__review) .StatusGuide__helpdesk,
body:has(.Badge__badge.queued_for_product_review) .StatusGuide__bug,
body:has(.Badge__badge.queued_for_product_review) .StatusGuide__helpdesk,
body:has(.Badge__badge.queued_for_development) .StatusGuide__helpdesk,
body:has(.Badge__badge.in_development) .StatusGuide__helpdesk,
body:has(.Badge__badge.queued_for_testing) .StatusGuide__helpdesk,
body:has(.Badge__badge.in_testing) .StatusGuide__helpdesk,
body:has(.Badge__badge.queued_for_scheduling) .StatusGuide__helpdesk,
body:has(.Badge__badge.scheduled_for_release) .StatusGuide__helpdesk,
body:has(.Badge__badge.deployed) .StatusGuide__helpdesk{display:none;}