/* Fiozato Logistics — aba "Multimarca". Classes .mm-*; usa .ct-* de /corte/corte-ui.css, .fz-* e .pz-* (carregar os quatro). */
.mm-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px; }
.mm-top > div { display: flex; flex-direction: column; gap: 3px; }
.mm-top b { font-size: 16px; }
.mm-top span { font-size: 12.5px; color: #5f5f5f; }
.mm-attach { cursor: pointer; }

.mm-order { margin: 0 16px 14px; border: 1px solid #000000; }
.mm-ohead { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 18px; background: #000000; color: #ffffff; }
.mm-ohead > div:first-child { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.mm-ohead > div:first-child > b { font-size: 24px; line-height: 1.1; }
.mm-ohead > div:first-child > span:not(.ct-tag) { font-size: 12.5px; color: #bdbdbd; }
.mm-pdf { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; color: #ffffff; font: inherit; font-size: 12.5px; cursor: pointer; }
.mm-progress { flex: 0 0 560px; display: flex; flex-direction: column; gap: 8px; }
.mm-progress > div { display: flex; height: 12px; border-radius: 3px; overflow: hidden; }
.mm-progress > div i { display: block; height: 12px; }
.mm-progress ul { display: flex; gap: 16px; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.mm-progress li { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; }
.mm-progress li i { width: 10px; height: 10px; border-radius: 2px; border: 1px solid rgba(255, 255, 255, .35); box-sizing: border-box; }
.mm-c-tocut { background: #555555; } .mm-c-sep { background: #ffffff; } .mm-c-cut { background: #f6d9bf; } .mm-c-sew { background: #1d7a8c; } .mm-c-ready { background: #137549; }

.mm-hint { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; border-bottom: 1px solid #e5e5e5; background: #fbfde6; font-size: 12.5px; }
.mm-hint > span:last-child { display: inline-flex; align-items: center; gap: 8px; }
.mm-hint > span:last-child b { font-size: 16px; }
.mm-cols, .mm-row { display: grid; grid-template-columns: 22px minmax(0, 1fr) 236px 50px 84px 74px 76px 86px 64px; align-items: center; column-gap: 12px; }
.mm-th { padding: 10px 16px; background: #f6f6f6; font-size: 10.5px; font-weight: 700; letter-spacing: .08em; color: #5f5f5f; }
.mm-row { min-height: 70px; padding: 6px 16px; border-top: 1px solid #e5e5e5; background: #ffffff; }
.mm-row.is-all { background: #f4f8f5; }
.mm-row > strong { font-size: 16px; }
.mm-prod { display: flex; align-items: center; gap: 10px; min-width: 0; }
.mm-prod > div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.mm-prod b { font-size: 13.5px; }
.mm-num { font-size: 14px; font-weight: 500; }
.mm-num.is-zero { color: #b0b0b0; }
.mm-num.is-ok { font-weight: 700; color: #137549; }
.mm-num.is-strong { font-weight: 700; }
.mm-check { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; padding: 0; box-sizing: border-box; border: 1.5px solid #9a9a9a; border-radius: 3px; background: #ffffff; color: #ffffff; cursor: pointer; }
.mm-check.is-all { background: #137549; border-color: #137549; }
.mm-check.is-some { border-color: #111111; }
.mm-check.is-some i { width: 8px; height: 2px; background: #111111; }

/* grade do pedido com o check embaixo do número */
.mm-cells { display: inline-flex; gap: 4px; }
.mm-cell { display: inline-flex; flex-direction: column; width: 44px; box-sizing: border-box; border: 1.5px solid #dcdcdc; border-radius: 3px; overflow: hidden; background: #ffffff; color: #b0b0b0; }
.mm-cell.has { border-color: #111111; background: #f2ff58; color: #111111; }
.mm-cell.done { border-color: #111111; color: #111111; }
.mm-cell > button { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 36px; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.mm-cell > button:disabled { cursor: default; }
.mm-cell small { font-size: 9.5px; font-weight: 700; line-height: 1; }
.mm-cell b { font-size: 15px; line-height: 1.15; }
.mm-cell.done:has(.mm-sep.on) b { text-decoration: line-through; color: #9a9a9a; }
.mm-cell .mm-sep { display: flex; align-items: center; justify-content: center; gap: 2px; height: 17px; border-top: 1px solid #111111; background: #ffffff; color: #9a9a9a; font-size: 10.5px; font-weight: 800; cursor: text; }
.mm-cell:not(.has):not(.done) .mm-sep { border-top-color: #dcdcdc; }
.mm-cell .mm-sep.on { background: #137549; border-top-color: #137549; color: #ffffff; }
.mm-cell .mm-sep.is-off { cursor: default; border-top-color: transparent; }
.mm-cell .mm-sep input { width: 16px; padding: 0; border: 0; outline: 0; background: transparent; color: inherit; font: inherit; font-size: 10.5px; font-weight: 800; text-align: left; -moz-appearance: textfield; appearance: textfield; }
.mm-cell .mm-sep:not(.on) input { width: 0; }
.mm-cell .mm-sep:not(.on):focus-within input { width: 16px; color: #111111; }
.mm-cell .mm-sep input::-webkit-outer-spin-button, .mm-cell .mm-sep input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.mm-ofoot { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 16px; border-top: 1px solid #e5e5e5; background: #fafafa; }
.mm-ofoot > span { font-size: 12.5px; color: #5f5f5f; }
.mm-ofoot > span b { color: #111111; }
.mm-ofoot > div { display: flex; gap: 8px; }
.mm-ofoot .fz-btn { height: 34px; }
.mm-danger { color: #b52f3e; border-color: #e7c3c8; }
.mm-drop { margin: 0 16px; height: 96px; border: 1.5px dashed #9a9a9a; border-radius: 3px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: #5f5f5f; cursor: pointer; }
.mm-drop b { font-size: 13.5px; color: #111111; }
.mm-drop span { font-size: 12.5px; }

/* conferência do PDF */
.mm-modal { position: fixed; z-index: 41; left: 50%; top: 90px; transform: translateX(-50%); width: 1120px; max-width: calc(100vw - 32px); max-height: calc(100vh - 110px); overflow: auto; box-sizing: border-box; background: #ffffff; border: 1px solid #000000; border-radius: 3px; display: flex; flex-direction: column; }
.mm-mtop { display: flex; justify-content: space-between; align-items: flex-start; padding: 20px 24px 16px; }
.mm-mtop > div { display: flex; flex-direction: column; gap: 4px; }
.mm-mtop b { font-size: 20px; }
.mm-mtop span { font-size: 12.5px; color: #5f5f5f; }
.mm-mfields { display: flex; gap: 16px; align-items: flex-end; padding: 0 24px 16px; }
.mm-file { display: flex; align-items: center; gap: 12px; flex-grow: 1; height: 62px; padding: 0 14px; box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 3px; background: #f7f7f7; }
.mm-file i { width: 34px; height: 44px; border: 1px solid #cfcfcf; background: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700; font-style: normal; color: #b52f3e; }
.mm-file > div { display: flex; flex-direction: column; gap: 2px; }
.mm-file b { font-size: 13px; }
.mm-file span { font-size: 12px; color: #5f5f5f; }
.mm-mfields label { display: flex; flex-direction: column; gap: 5px; flex: 0 0 250px; }
.mm-mfields label.mm-date { flex-basis: 150px; }
.mm-mfields label span { font-size: 11px; font-weight: 700; letter-spacing: .08em; color: #5f5f5f; }
.mm-mfields input { height: 38px; padding: 0 12px; box-sizing: border-box; border: 1px solid #bdbdbd; border-radius: 3px; font: inherit; font-size: 13.5px; font-weight: 600; }
.mm-dtable { margin: 0 24px; border: 1px solid #000000; }
.mm-drow { display: grid; grid-template-columns: 24px minmax(0, 1fr) 210px 110px 250px 44px 16px; align-items: center; column-gap: 12px; min-height: 52px; padding: 4px 16px; border-top: 1px solid #e5e5e5; background: #ffffff; }
.mm-drow.is-bad { background: #fdf0f1; }
.mm-drow > strong { font-size: 15px; }
.mm-dth { min-height: 0; padding: 10px 16px; border-top: 0; background: #f6f6f6; font-size: 10.5px; font-weight: 700; letter-spacing: .1em; color: #5f5f5f; }
.mm-pdfname { font-size: 12.5px; color: #5f5f5f; }
.mm-ok { display: inline-flex; align-items: center; gap: 6px; color: #137549; }
.mm-bad { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: #b52f3e; }
.mm-select { height: 34px; padding: 0 8px; border: 1px solid transparent; border-radius: 3px; background: transparent; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.mm-select.is-bad { border: 1.5px solid #b52f3e; background: #ffffff; color: #b52f3e; font-size: 12.5px; }
.mm-select-color { font-size: 12.5px; max-width: 110px; }
.mm-inputs { display: flex; gap: 6px; }
.mm-inputs > span { width: 44px; text-align: center; }
.mm-inputs input { width: 44px; height: 34px; padding: 0; box-sizing: border-box; border: 1px solid #bdbdbd; border-radius: 3px; font: inherit; font-size: 13.5px; font-weight: 700; text-align: center; -moz-appearance: textfield; appearance: textfield; }
.mm-inputs input.is-zero { border-color: #e2e2e2; font-weight: 400; color: #b0b0b0; }
.mm-inputs input::-webkit-outer-spin-button, .mm-inputs input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.mm-dadd { padding: 10px 16px; border-top: 1px solid #e5e5e5; }
.mm-mfoot { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 24px 20px; }
.mm-mfoot > div { display: flex; align-items: center; gap: 8px; }
.mm-mfoot > div:first-child { gap: 18px; font-size: 13px; }
.mm-mfoot > div:first-child > span > b { font-size: 20px; }