.workflow-stage-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.nav-count[hidden]{display:none!important}
.workflow-stage-card{appearance:none;position:relative;min-height:92px;border:1px solid #dbe5f1;border-radius:15px;padding:12px 56px 12px 14px;background:#f8fbff;color:#17345c;text-align:left;cursor:pointer;display:grid;gap:3px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.workflow-stage-card:hover,.workflow-stage-card:focus-visible{transform:translateY(-1px);border-color:#82adf5;box-shadow:0 8px 20px rgba(37,99,235,.12);outline:0}
.workflow-stage-card.active{border:2px solid #2563eb;background:#eef5ff;box-shadow:0 8px 22px rgba(37,99,235,.13)}
.workflow-stage-card small{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#71829a}
.workflow-stage-card span{font-size:16px;font-weight:900}.workflow-stage-card b{position:absolute;right:16px;top:18px;font-size:28px;color:#0f315d}.workflow-stage-card em{font-size:11px;font-style:normal;color:#6b7c93}
.design-stage-cards .stage-new.active{border-color:#f59e0b;background:#fffaf0}.design-stage-cards .stage-designing.active{border-color:#2563eb;background:#eef5ff}.design-stage-cards .stage-confirming.active{border-color:#8b5cf6;background:#f7f3ff}
.shipping-stage-cards .stage-pending{border-color:#f2d391;background:#fffaf0}.shipping-stage-cards .stage-pending.active{border-color:#d99a05;background:#fff4d6;box-shadow:0 8px 22px rgba(217,154,5,.14)}
.shipping-stage-cards .stage-tracking{border-color:#b9d3f2;background:#f5f9ff}.shipping-stage-cards .stage-tracking.active{border-color:#2563c5;background:#eaf3ff;box-shadow:0 8px 22px rgba(37,99,197,.14)}
.shipping-stage-cards .stage-completed-link{border-color:#a9dec6;background:#f2fcf7}.shipping-stage-cards .stage-completed-link:hover,.shipping-stage-cards .stage-completed-link:focus-visible{border-color:#16a36d;background:#e8f9f0;box-shadow:0 8px 22px rgba(22,163,109,.14)}.shipping-stage-cards .stage-completed-link b{color:#087653}
.design-current-stage,.production-current-stage{display:flex;align-items:center;gap:10px;border-radius:12px;padding:9px 12px;margin:4px 0 12px;background:#edf5ff;color:#17345c}.design-current-stage span,.production-current-stage>span{margin-left:auto;font-size:12px;font-weight:800}.production-current-stage .production-label-filter{margin-left:8px}
.send-production-button{width:100%;margin-top:7px;border:0;border-radius:9px;padding:8px 9px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.send-production-button.ready{background:#15803d;color:#fff;box-shadow:0 5px 12px rgba(21,128,61,.18)}.send-production-button.payment-required{background:#fff3cd;color:#92400e;border:1px solid #f5cc64}
.completed-type-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.completed-type-tabs button{appearance:none;border:1px solid #dbe5f1;border-radius:13px;padding:12px 14px;background:#f8fbff;color:#17345c;font:inherit;font-weight:850;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.completed-type-tabs button b{font-size:20px}.completed-type-tabs button.active{border:2px solid #16a34a;background:#effcf3;color:#166534}.completed-type-tabs button[data-completed-filter="failed"].active{border-color:#dc2626;background:#fff1f2;color:#991b1b}
.production-payment-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:11px 13px;border:1px solid #f0c35a;border-radius:12px;background:#fff8dc;color:#7c4a03}.production-payment-note b{font-size:13px}.production-payment-note span{font-size:12px;text-align:right}
.completed-day-group .job-day-heading{background:#dcfce7;color:#166534;border-color:#86efac}.completed-work-panel:not(.completed-filter-failed) .job-row{border-left-color:#16a34a!important}.completed-work-panel:not(.completed-filter-failed) .job-row>td{background:#f0fdf4!important;border-top-color:#bbf7d0!important;border-bottom-color:#bbf7d0!important;box-shadow:none!important}.completed-work-panel:not(.completed-filter-failed) .job-row>td:first-child{box-shadow:inset 7px 0 0 #16a34a!important}.completed-work-panel:not(.completed-filter-failed) .color-mark{background:#16a34a!important;box-shadow:0 0 0 3px #fff,0 0 0 4px #86efac!important}.completed-work-panel:not(.completed-filter-failed) .urgent-now-badge{display:none}.completed-work-panel:not(.completed-filter-failed) .status-picker-button{border-color:#86efac!important;background:#dcfce7!important;color:#166534!important}.completed-work-panel.completed-filter-failed .completed-day-group .job-day-heading{background:#fff1f2;color:#991b1b;border-color:#fda4af}
#nav [data-view="completed"] i{color:#16a34a}
@media(max-width:760px){.workflow-stage-cards,.completed-type-tabs{grid-template-columns:1fr}.workflow-stage-card{min-height:76px}.production-current-stage{align-items:stretch;flex-wrap:wrap}.production-current-stage .production-label-filter{width:100%;margin-left:0}.production-payment-note{align-items:flex-start;flex-direction:column}.production-payment-note span{text-align:left}}