.dye-flow-card{width:148mm!important;height:210mm!important;padding:20px 14px 16px!important}
.dye-flow-card>.card-punch{width:22px!important;height:22px!important;margin:0 auto 16px!important}
.dye-flow-card>header{width:530px!important;height:38px!important;margin:0 0 12px!important}
.dye-flow-card>header h1{font-size:30px!important;line-height:38px!important}
.dye-flow-card .card-number{font-size:18px!important}
.dye-flow-card .card-number b{font-size:26px!important}
.card-top-remark{display:grid!important;grid-template-columns:64px 1fr!important;width:530px!important;height:30px!important;border:1px solid #222!important;font-size:16px!important;line-height:28px!important;overflow:hidden!important}
.card-top-remark span{padding-left:8px!important}
.card-top-remark b{padding:0 8px!important;border-left:1px solid #222!important;font-weight:400!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.dye-flow-card>.card-meta{width:530px!important;min-height:58px!important;margin:8px 0!important;gap:6px 48px!important;font-size:16px!important}
.dye-flow-card .card-meta b{min-height:24px!important}
.dye-flow-card .card-customer{min-width:0!important;color:#000!important;font-size:18px!important;font-weight:700!important}
.dye-flow-card .card-customer span{color:#000!important;font-weight:700!important}
.dye-flow-card .card-customer b{min-width:0!important;color:#000!important;font-size:20px!important;font-weight:800!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.dye-flow-card table{width:530px!important}
.dye-flow-card tr{height:30px!important}
.dye-flow-card th,.dye-flow-card td{height:30px!important;padding:2px 6px!important;font-size:16px!important;line-height:20px!important}
.dye-flow-card .card-main-table tr:first-child{height:60px!important}
.dye-flow-card .card-preparation{width:530px!important;height:42px!important;padding:10px 8px!important;font-size:16px!important}
.dye-flow-card .card-process-table tr{height:34px!important}
.dye-flow-card .card-check-table tr{height:46px!important}
.dye-flow-card>.card-meta{grid-template-columns:1fr 1fr!important;width:530px!important;min-height:30px!important;height:30px!important;margin:8px 0!important;gap:48px!important}
.card-remark-row{display:grid!important;grid-template-columns:64px 1fr!important;width:530px!important;height:42px!important;border:1px solid #222!important;border-top:0!important;font-size:16px!important;line-height:40px!important;overflow:hidden!important}
.card-remark-row span{padding-left:8px!important}
.card-remark-row b{padding:0 8px!important;border-left:1px solid #222!important;font-weight:400!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* Normalize both current and cached legacy card markup. */
.dye-card-preview{--card-scale:.58}
.dye-flow-card{display:flex!important;flex-direction:column!important}
.dye-flow-card>.card-punch{order:1!important;flex:none!important}
.dye-flow-card>header{order:2!important;flex:none!important}
.dye-flow-card>.card-meta{order:3!important;flex:none!important}
.dye-flow-card>.card-main-table{order:4!important;flex:none!important}
.dye-flow-card>.card-remark-row,.dye-flow-card>footer{order:5!important;flex:none!important}
.dye-flow-card>.card-process-table{order:6!important;flex:none!important}
.dye-flow-card>.card-check-table{order:7!important;flex:none!important}
.dye-flow-card>.card-preparation,.dye-flow-card>.card-order-notes{display:none!important}
.dye-flow-card>.card-meta:has(>div:nth-child(4))>div:nth-child(-n+2){display:none!important}
.dye-flow-card>.card-meta:has(>div:nth-child(4)){grid-template-columns:1fr 1fr!important;width:530px!important;min-height:30px!important;height:30px!important;margin:8px 0!important;gap:48px!important}
.dye-flow-card>footer{display:grid!important;grid-template-columns:64px 1fr!important;width:530px!important;height:42px!important;margin:0!important;border:1px solid #222!important;border-top:0!important;font-size:16px!important;line-height:40px!important;overflow:hidden!important}
.dye-flow-card>footer span{padding-left:8px!important}
.dye-flow-card>footer b{padding:0 8px!important;border-left:1px solid #222!important;font-weight:400!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* V26: the preview uses the same physical CSS-pixel size as the locked A5 print DOM. */
.dye-card-gallery{grid-template-columns:repeat(auto-fill,581px)!important;justify-content:start!important;overflow-x:auto!important}
.dye-card-preview{box-sizing:border-box!important;width:581px!important;height:816px!important;aspect-ratio:auto!important;--card-scale:1!important}
.dye-card-preview .dye-flow-card{transform:scale(1)!important}
.card-remark-row,.dye-flow-card>footer{grid-template-columns:56px 1fr!important;height:96px!important;font-size:16px!important;line-height:22px!important}
.card-remark-row span,.dye-flow-card>footer span{display:flex!important;align-items:flex-start!important;padding:8px 0 0 8px!important}
.card-remark-row b,.dye-flow-card>footer b{padding:8px 10px!important;overflow:hidden!important;text-overflow:clip!important;white-space:normal!important;word-break:break-all!important}
.dye-flow-card .card-process-table tr{height:40px!important}
.dye-flow-card .card-check-table tr{height:58px!important}
.dye-flow-card .card-check-table th,.dye-flow-card .card-check-table td{width:auto!important}