/* Shared desktop controls and progress cards. Stage dots remain white/green. */
:root{--control-radius:12px;--progress-track:#e3ebeF;--progress-fill:#14b86c}
.production-badge{display:inline-flex;flex-direction:column;text-align:left;white-space:nowrap;font-weight:900}.production-badge i,.production-badge i b{display:block;overflow:hidden;border-radius:99px}.production-badge i b{height:100%}
:is(.payment-badge,.production-badge),.payment-badge-big{min-width:148px;min-height:46px;padding:9px 11px;border:1px solid #d7e3ec;border-radius:var(--control-radius);font-size:10px;line-height:14px;gap:6px;background:#fff;color:#48647a;box-shadow:none}
:is(.payment-badge,.production-badge) i{height:5px;width:100%;background:var(--progress-track);border-radius:99px}
:is(.payment-badge,.production-badge) i b,:is(.payment-badge,.production-badge).paid i b,:is(.payment-badge,.production-badge).partial i b,:is(.payment-badge,.production-badge).unpaid i b,:is(.payment-badge,.production-badge).production-badge i b{background:var(--progress-fill)}
:is(.payment-badge,.production-badge).paid,.production-badge.ready{background:#f0faf5;border-color:#c5e7d6;color:#087f49}
:is(.payment-badge,.production-badge).partial,.production-badge.work{background:#f5faff;border-color:#cfdfed;color:#286590}
:is(.payment-badge,.production-badge).unpaid,:is(.payment-badge,.production-badge).unknown,.production-badge.shipped{background:#fff;border-color:#d7e3ec;color:#586f82}
.payment-overdue-badge,.production-badge.overdue{background:#fff4f4;border-color:#efcaca;color:#b93434}
.payment-overdue-badge{min-height:46px;padding:9px 11px;border-radius:var(--control-radius);font-size:10px;line-height:14px}
.status-line,.detail-status-badges{gap:8px;align-items:stretch}.order .right{min-width:0}.order .pct{margin-top:6px}
.progressbar,.finance-payment-progress i{height:6px;background:var(--progress-track)}
.progressbar i,.finance-payment-progress i b{background:var(--progress-fill)}
.btn,.back,.print-selected,.select-all,.delete-selected,.delete-range,.unpaid-filter,.finance-edit,.finance-delete,.settings-close,.setting-card button{border-radius:var(--control-radius);min-height:36px;padding:9px 13px;font-size:11px;font-weight:800;line-height:16px;border:1px solid transparent;box-shadow:none;transition:background .15s,border-color .15s}
.btn.blue,.print-selected{background:#0878d5;color:#fff;border-color:#0878d5}
.btn.gray,.back,.select-all,.finance-edit,.unpaid-filter{background:#f5f9fc;color:#365b76;border-color:#d2e0eb}
.btn.red,.delete-range,.delete-selected,.finance-delete{background:#fff4f4;color:#b93434;border-color:#efcaca}
button:focus-visible{outline:3px solid #8cc4ed;outline-offset:2px}
button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}
.nav button,.master button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:76px;border:1px solid rgba(255,255,255,.10);border-radius:var(--control-radius);background:rgba(255,255,255,.04);padding:10px 6px;font-size:11px;line-height:16px;gap:5px}
.nav button .ico,.master button .ico{margin:0;width:24px;height:24px;flex:0 0 24px;font-size:20px}
.nav button.active,.nav button:hover,.master button:hover{background:#0d5a92;border-color:#2774a8;color:#fff}
.nav button.on,.master button.on{background:#087f59;border-color:#25a57e;color:#fff}
.note-input{display:block;font-family:inherit;line-height:18px;padding:2px 8px;min-height:24px;height:24px;resize:none;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap}