/* Compact horizontal cards; preserve routes and status semantics. */
html body #graphic-app .operations-dashboard{padding:16px!important}
html body #graphic-app .operations-dashboard-head{gap:10px!important;margin-bottom:12px!important;align-items:center!important}
html body #graphic-app .operations-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
html body #graphic-app .operations-stage-card{display:grid!important;grid-template-columns:30px minmax(0,1fr) 12px!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;min-height:78px!important;flex-wrap:nowrap!important}
html body #graphic-app .operations-stage-icon{width:30px!important;height:30px!important;border-radius:9px!important;font-size:17px!important}
html body #graphic-app .operations-stage-card>span:not(.operations-stage-icon){display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:2px 8px!important;min-width:0!important}
html body #graphic-app .operations-stage-card small{font-size:15px!important;font-weight:700!important;line-height:1.45!important;white-space:normal!important}
html body #graphic-app .operations-stage-card b{font-size:22px!important;font-weight:800!important;line-height:1.3!important;white-space:nowrap!important}
html body #graphic-app .operations-stage-card em{grid-column:1/-1!important;font-size:12px!important;line-height:1.45!important;overflow-wrap:anywhere!important}
html body #graphic-app .operations-stage-card>i{display:block!important;font-size:15px!important}
html body #graphic-app .operations-attention.is-clear{background:#e6f8ee!important;border:2px solid #168451!important;padding:14px 16px!important}
html body #graphic-app .operations-attention.is-clear .operations-section-title{gap:12px!important;flex-wrap:wrap!important}
html body #graphic-app .operations-attention.is-clear .operations-section-title b{color:#105832!important;font-size:20px!important;font-weight:800!important;line-height:1.45!important}
html body #graphic-app .operations-attention.is-clear .operations-section-title small{color:#245b40!important;font-size:15px!important;font-weight:650!important;line-height:1.6!important;white-space:normal!important}
html body #graphic-app .operations-attention.is-clear .operations-section-title>strong{color:#0a6337!important;font-size:20px!important;font-weight:800!important;line-height:1.45!important}
@media(max-width:1100px) and (min-width:901px){html body #graphic-app .operations-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px) and (min-width:761px){html body #graphic-app .operations-stage-grid{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:1100px){html body #graphic-app .operations-stage-card em{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}}
@media(max-width:760px){html body #graphic-app .operations-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #graphic-app .operations-stage-card{min-height:80px!important}}
@media(max-width:600px){html body #graphic-app .operations-stage-grid{grid-template-columns:minmax(0,1fr)!important}html body #graphic-app .operations-stage-card{min-height:72px!important;padding:9px 11px!important}html body #graphic-app .operations-attention.is-clear .operations-section-title>strong{font-size:19px!important}}
@media(max-width:380px){html body #graphic-app .operations-stage-card small{grid-column:1/-1!important;font-size:14px!important}html body #graphic-app .operations-stage-card b{grid-column:2!important;grid-row:2!important;font-size:20px!important}html body #graphic-app .operations-stage-card em{grid-column:1!important;grid-row:2!important}}

/* Five work cards: three queue cards, then two equal result/action cards. */
@media(min-width:1101px){html body #graphic-app .operations-stage-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}html body #graphic-app .operations-stage-card{grid-column:span 2!important}html body #graphic-app .operations-stage-card:nth-child(n+4){grid-column:span 3!important}}
@media(min-width:901px) and (max-width:1100px),(min-width:601px) and (max-width:760px){html body #graphic-app .operations-stage-card:last-child{grid-column:1/-1!important}}