/* JobCardHub mobile/tablet list cards.
   Presentation-only: keeps original table/action markup in the DOM and does not touch saved data. */
.tjc-mobile-list-card{
  display:none;
}

@media (max-width:1180px){
  body.tjc-office-dashboard-active .tjc-mobile-card-wrap{
    overflow:visible!important;
    padding-bottom:0!important;
    border:0!important;
    background:transparent!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-wrap::after{
    display:none!important;
    content:none!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table,
  body.tjc-office-dashboard-active .tjc-mobile-card-wrap > .tjc-mobile-card-table,
  body.tjc-office-dashboard-active .tjc-table-wrap > .tjc-mobile-card-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table thead{
    display:none!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table tbody{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table tbody tr{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    padding:13px 52px 13px 14px!important;
    border:1px solid #dbe5ef!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(15,23,42,.05)!important;
    box-sizing:border-box!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table tbody tr:nth-child(even),
  body.tjc-office-dashboard-active .tjc-mobile-card-table tbody tr:nth-child(odd),
  body.tjc-office-dashboard-active .tjc-mobile-card-table tbody tr:hover{
    background:#fff!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table tbody tr > td:not(.tjc-cell-manage){
    display:none!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table tbody tr > .tjc-cell-manage{
    position:absolute!important;
    right:12px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    z-index:8!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:start!important;
    min-width:0!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-main{
    min-width:0!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-title{
    color:#0f172a!important;
    font-size:17px!important;
    line-height:1.2!important;
    font-weight:900!important;
    letter-spacing:-.01em!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-meta,
  body.tjc-office-dashboard-active .tjc-mobile-list-sub{
    margin-top:5px!important;
    color:#64748b!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:750!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-status{
    margin-top:8px!important;
    display:inline-flex!important;
    align-items:center!important;
    min-height:22px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    background:#eef4ff!important;
    color:#1d4ed8!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-overdue{
    background:#fff1f2!important;
    color:#e11d48!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-draft{
    background:#eef4ff!important;
    color:#1d4ed8!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-paid,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-accepted,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-active{
    background:#ecfdf3!important;
    color:#15803d!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-cancelled,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-written-off,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-declined,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-inactive{
    background:#f1f5f9!important;
    color:#64748b!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-right{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    gap:6px!important;
    min-width:88px!important;
    max-width:44vw!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-amount{
    color:#0f172a!important;
    font-size:17px!important;
    line-height:1.2!important;
    font-weight:900!important;
    white-space:nowrap!important;
    text-align:right!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table .tjc-row-menu-trigger{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    border-radius:999px!important;
    font-size:18px!important;
    background:#fff!important;
    border:1px solid #cbd8e6!important;
    color:#365077!important;
    box-shadow:0 4px 12px rgba(15,23,42,.06)!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table .tjc-manage-menu[open] .tjc-row-menu-trigger{
    background:#eef4ff!important;
    border-color:#93baf5!important;
    color:#1d4ed8!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table .tjc-manage-menu-panel{
    position:absolute!important;
    right:0!important;
    left:auto!important;
    top:calc(100% + 8px)!important;
    min-width:min(260px,72vw)!important;
    padding:10px!important;
    border-radius:18px!important;
    z-index:1000!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table tbody tr:last-child .tjc-manage-menu-panel,
  body.tjc-office-dashboard-active .tjc-mobile-card-table tbody tr:nth-last-child(2) .tjc-manage-menu-panel{
    top:auto!important;
    bottom:calc(100% + 8px)!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table .tjc-link-btn,
  body.tjc-office-dashboard-active .tjc-mobile-card-table .tjc-link-btn-primary,
  body.tjc-office-dashboard-active .tjc-mobile-card-table .tjc-manage-menu-panel button{
    width:100%!important;
    justify-content:center!important;
  }
}

@media (max-width:520px){
  body.tjc-office-dashboard-active .tjc-mobile-card-table tbody{
    gap:8px!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table tbody tr{
    padding:12px 48px 12px 12px!important;
    border-radius:16px!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-title,
  body.tjc-office-dashboard-active .tjc-mobile-list-amount{
    font-size:16px!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-meta,
  body.tjc-office-dashboard-active .tjc-mobile-list-sub{
    font-size:12px!important;
  }
}

/* Compact mobile/tablet card correction.
   Keeps table data/actions in the DOM, but prevents horizontal table scrolling from splitting each row. */
@media (max-width:1180px){
  body.tjc-office-dashboard-active .tjc-table-wrap.tjc-mobile-card-wrap,
  body.tjc-office-dashboard-active .tjc-mobile-card-wrap{
    overflow:visible!important;
    max-width:100%!important;
    width:100%!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-wrap .tjc-mobile-card-table,
  body.tjc-office-dashboard-active .tjc-table-wrap.tjc-mobile-card-wrap > table.tjc-mobile-card-table,
  body.tjc-office-dashboard-active table.tjc-office-table.tjc-mobile-card-table,
  body.tjc-office-dashboard-active table.tjc-office-table-compact.tjc-mobile-card-table{
    display:block!important;
    table-layout:fixed!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    border-collapse:separate!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table tbody{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table tbody tr{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 36px!important;
    grid-template-areas:"card action"!important;
    column-gap:8px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:10px 10px 10px 12px!important;
    overflow:visible!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table tbody tr > td:not(.tjc-cell-manage){
    display:none!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table tbody tr > .tjc-cell-manage{
    grid-area:action!important;
    position:static!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    justify-self:end!important;
    align-self:center!important;
    display:flex!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-card{
    grid-area:card!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) max-content!important;
    column-gap:10px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-right{
    min-width:auto!important;
    max-width:none!important;
    width:auto!important;
    align-items:flex-end!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-title{
    font-size:16px!important;
    line-height:1.15!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-meta,
  body.tjc-office-dashboard-active .tjc-mobile-list-sub{
    margin-top:3px!important;
    font-size:12px!important;
    line-height:1.2!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-status{
    margin-top:6px!important;
    min-height:20px!important;
    padding:0 7px!important;
    font-size:10px!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-amount{
    font-size:16px!important;
    line-height:1.15!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table .tjc-row-menu-trigger{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
}

@media (max-width:520px){
  body.tjc-office-dashboard-active .tjc-mobile-card-table tbody tr{
    grid-template-columns:minmax(0,1fr) 34px!important;
    padding:9px 9px 9px 10px!important;
    column-gap:7px!important;
    border-radius:14px!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-card{
    column-gap:8px!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-title,
  body.tjc-office-dashboard-active .tjc-mobile-list-amount{
    font-size:15px!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table .tjc-row-menu-trigger{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
  }
}


/* Job card mobile/tablet card containment.
   The main office stylesheet has id-specific mobile table min-width rules for #tjc-office-table.
   Override them here so job card queue tabs use contained cards instead of clipped desktop rows. */
@media (max-width:1180px){
  body.tjc-office-dashboard-active #tjc-office-table.tjc-mobile-card-table,
  body.tjc-office-dashboard-active #tjc-office-table.tjc-job-list-table.tjc-mobile-card-table,
  body.tjc-office-dashboard-active .tjc-job-list-table.tjc-mobile-card-table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }

  body.tjc-office-dashboard-active .tjc-job-list-table.tjc-mobile-card-table tbody,
  body.tjc-office-dashboard-active #tjc-office-table.tjc-mobile-card-table tbody{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  body.tjc-office-dashboard-active .tjc-job-list-table.tjc-mobile-card-table tbody tr,
  body.tjc-office-dashboard-active #tjc-office-table.tjc-mobile-card-table tbody tr{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table-jobcard .tjc-mobile-list-card{
    grid-template-columns:minmax(0,1fr)!important;
    column-gap:0!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table-jobcard .tjc-mobile-list-right{
    display:none!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table-jobcard .tjc-mobile-list-title{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:15px!important;
    line-height:1.18!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table-jobcard .tjc-mobile-list-meta,
  body.tjc-office-dashboard-active .tjc-mobile-card-table-jobcard .tjc-mobile-list-sub{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:12px!important;
    line-height:1.25!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table-jobcard .tjc-mobile-list-sub{
    font-weight:800!important;
  }
}

@media (max-width:520px){
  body.tjc-office-dashboard-active .tjc-mobile-card-table-jobcard .tjc-mobile-list-title{
    font-size:14px!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table-jobcard .tjc-mobile-list-meta,
  body.tjc-office-dashboard-active .tjc-mobile-card-table-jobcard .tjc-mobile-list-sub{
    font-size:11px!important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-card-table-jobcard tbody tr{
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
}


/* Clients mobile/tablet list cleanup.
   Keeps the real table/action markup intact while making the Clients tab match the newer card layout. */
@media (max-width:1180px){
  body.tjc-office-dashboard-active #tjc-clients-table.tjc-mobile-card-table,
  body.tjc-office-dashboard-active #tjc-clients-table.tjc-office-table.tjc-mobile-card-table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }

  body.tjc-office-dashboard-active #tjc-clients-table.tjc-mobile-card-table tbody{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  body.tjc-office-dashboard-active #tjc-clients-table.tjc-mobile-card-table tbody tr{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 36px!important;
    grid-template-areas:"card action"!important;
    column-gap:8px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:10px 10px 10px 12px!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  body.tjc-office-dashboard-active #tjc-clients-table.tjc-mobile-card-table .tjc-mobile-list-card-client{
    grid-area:card!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  body.tjc-office-dashboard-active #tjc-clients-table.tjc-mobile-card-table .tjc-mobile-list-card-client .tjc-mobile-list-right{
    display:none!important;
  }

  body.tjc-office-dashboard-active #tjc-clients-table.tjc-mobile-card-table .tjc-mobile-list-card-client .tjc-mobile-list-title{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:15px!important;
    line-height:1.18!important;
  }

  body.tjc-office-dashboard-active #tjc-clients-table.tjc-mobile-card-table .tjc-mobile-list-card-client .tjc-mobile-list-meta,
  body.tjc-office-dashboard-active #tjc-clients-table.tjc-mobile-card-table .tjc-mobile-list-card-client .tjc-mobile-list-sub{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:12px!important;
    line-height:1.25!important;
  }

  body.tjc-office-dashboard-active #tjc-clients-table.tjc-mobile-card-table .tjc-client-row-menu > .tjc-row-menu-trigger{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:999px!important;
    font-size:18px!important;
    background:#fff!important;
    border:1px solid #cbd8e6!important;
    color:#365077!important;
    box-shadow:0 4px 12px rgba(15,23,42,.06)!important;
  }
}

@media (max-width:520px){
  body.tjc-office-dashboard-active #tjc-clients-table.tjc-mobile-card-table tbody tr{
    grid-template-columns:minmax(0,1fr) 34px!important;
    padding:9px 9px 9px 10px!important;
    column-gap:7px!important;
    border-radius:14px!important;
  }

  body.tjc-office-dashboard-active #tjc-clients-table.tjc-mobile-card-table .tjc-mobile-list-card-client .tjc-mobile-list-title{
    font-size:14px!important;
  }

  body.tjc-office-dashboard-active #tjc-clients-table.tjc-mobile-card-table .tjc-mobile-list-card-client .tjc-mobile-list-meta,
  body.tjc-office-dashboard-active #tjc-clients-table.tjc-mobile-card-table .tjc-mobile-list-card-client .tjc-mobile-list-sub{
    font-size:11px!important;
  }
}

/* JobCardHub mobile invoice status badges v1.27: premium icon pills. */
@media (max-width:1180px){
  body.tjc-office-dashboard-active .tjc-mobile-list-status{
    gap: 5px !important;
    min-height: 24px !important;
    padding: 3px 9px 3px 6px !important;
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #334155 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-status::before{
    display:none;
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-paid::before,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-accepted::before,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-active::before,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-overdue::before,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-declined::before,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-unpaid::before,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-part-paid::before,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-draft::before,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-sent::before,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-cancelled::before,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-converted::before,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-written-off::before,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-inactive::before{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    width:15px;
    height:15px;
    border:1.5px solid currentColor;
    border-radius:999px;
    font-size:9px;
    font-weight:950;
    line-height:1;
    background:rgba(255,255,255,.55);
  }

  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-paid,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-accepted,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-active{
    background:#ecfdf3!important;
    border-color:#bbf7d0!important;
    color:#15803d!important;
  }
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-paid::before,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-accepted::before,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-active::before{ content:"✓"; }

  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-overdue,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-declined{
    background:#fef2f2!important;
    border-color:#fecaca!important;
    color:#dc2626!important;
  }
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-overdue::before,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-declined::before{ content:"!"; }

  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-unpaid{
    background:#fff7ed!important;
    border-color:#fed7aa!important;
    color:#ea580c!important;
  }
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-unpaid::before{ content:"○"; }

  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-part-paid{
    background:#ecfeff!important;
    border-color:#a5f3fc!important;
    color:#0891b2!important;
  }
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-part-paid::before{ content:"½"; }

  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-draft{
    background:#f1f5f9!important;
    border-color:#cbd5e1!important;
    color:#64748b!important;
  }
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-draft::before{ content:"✎"; }

  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-sent,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-cancelled{
    background:#eff6ff!important;
    border-color:#bfdbfe!important;
    color:#2563eb!important;
  }
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-sent::before{ content:"→"; }
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-cancelled::before{ content:"×"; }

  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-converted{
    background:#eef2ff!important;
    border-color:#c7d2fe!important;
    color:#4f46e5!important;
  }
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-converted::before{ content:"↗"; }

  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-written-off,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-inactive{
    background:#f5f3ff!important;
    border-color:#ddd6fe!important;
    color:#7c3aed!important;
  }
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-written-off::before,
  body.tjc-office-dashboard-active .tjc-mobile-list-status.is-inactive::before{ content:"−"; }
}