.mf-separacao{display:grid;gap:18px;padding:24px}
.mf-separacao-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.mf-separacao-head .eyebrow{display:block;margin-bottom:6px;color:#8d3150;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.mf-separacao-head h1{margin:0;color:var(--mf-ta-text,#18181b);font-size:28px;line-height:1.15}
.mf-separacao-head p{margin:7px 0 0;color:var(--mf-ta-muted,#6b7280);font-size:14px}
.mf-separacao-readonly{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #e8cbd5;border-radius:999px;background:#fff7fa;color:#7a263a;font-size:12px;font-weight:700;white-space:nowrap}
.mf-separacao-controls{display:grid;grid-template-columns:minmax(260px,1fr) minmax(180px,220px) auto;gap:12px;align-items:end;padding:18px;border:1px solid var(--mf-ta-border,#e5e7eb);border-radius:14px;background:var(--mf-ta-surface,#fff)}
.mf-separacao-field{display:grid;gap:7px}
.mf-separacao-field>span{font-size:12px;font-weight:700;color:var(--mf-ta-muted,#6b7280)}
.mf-separacao-field select,.mf-separacao-field input{min-height:42px;padding:0 12px;border:1px solid var(--mf-ta-border,#d1d5db);border-radius:9px;background:var(--mf-ta-surface,#fff);color:var(--mf-ta-text,#18181b);font:inherit}
.mf-separacao-controls :is(#compras-separacao-period,#compras-separacao-date-button,#compras-separacao-generate){box-sizing:border-box;height:38px!important;min-height:38px!important}

.mf-separacao-message{padding:11px 13px;border-radius:9px;font-size:13px}
.mf-separacao-message.info{background:#f7f3f5;color:#6d4553}
.mf-separacao-message.error{background:#fff0f0;color:#a11c2f}
.mf-separacao-message.success{background:#eef8ef;color:#356c38}
.mf-separacao-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.mf-separacao-stat{padding:13px 14px;border:1px solid var(--mf-ta-border,#e5e7eb);border-radius:11px;background:var(--mf-ta-surface,#fff)}
.mf-separacao-stat span{display:block;color:var(--mf-ta-muted,#6b7280);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.mf-separacao-stat strong{display:block;margin-top:4px;color:var(--mf-ta-text,#18181b);font-size:21px}
.mf-separacao-preview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.mf-separacao-preview-head h2{margin:0;font-size:18px}
.mf-separacao-preview-head small{color:var(--mf-ta-muted,#6b7280)}
.mf-separacao-print-toolbar{display:flex;align-items:stretch;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.mf-separacao-print-all,.mf-separacao-print-client{display:flex;align-items:flex-end;gap:7px;flex-wrap:wrap}
.mf-separacao-print-client{padding-left:10px;border-left:1px solid var(--mf-ta-border,#e5e7eb)}
.mf-separacao-print-client-field{display:grid;gap:5px;min-width:230px}
.mf-separacao-print-client-field span{color:var(--mf-ta-muted,#6b7280);font-size:11px;font-weight:700}
.mf-separacao-print-client-field select{height:34px;min-height:34px;padding:0 32px 0 10px;border:1px solid var(--mf-ta-border,#d1d5db);border-radius:8px;background:#fff;color:var(--mf-ta-text,#18181b);font:inherit;font-size:12px}
.mf-separacao-print-toolbar button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.mf-separacao-pages{display:grid;grid-template-columns:minmax(0,794px);gap:22px;align-items:start;justify-content:start}
.mf-separacao-page-wrap{display:grid;gap:7px;width:100%;max-width:794px}
.mf-separacao-page-label{display:flex;justify-content:space-between;color:var(--mf-ta-muted,#6b7280);font-size:11px;font-weight:700}
.mf-separacao-page{box-sizing:border-box;width:100%;min-height:1123px;background:#fff;color:#000;border:1px solid #d7d7d7;box-shadow:0 10px 28px rgba(0,0,0,.08);padding:71px 44px 75px;font-family:Calibri,Arial,sans-serif}
.mf-separacao-order{border:1px solid #222;margin:0}
.mf-separacao-order-gap{width:100%;background:#fff}
.mf-separacao-client{display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--separacao-row-height,25px);box-sizing:border-box;padding:0 6px;background:#fff200;font-family:Calibri,Arial,sans-serif;font-size:18pt;line-height:1;border-bottom:1px solid #222;white-space:nowrap;overflow:hidden}.mf-separacao-client strong{overflow:hidden;text-overflow:clip;font-family:Calibri,Arial,sans-serif;font-size:18pt;font-weight:700}.mf-separacao-client time{flex:0 0 auto;font-family:Calibri,Arial,sans-serif;font-size:16pt;font-weight:700}.mf-separacao-page.compact .mf-separacao-client strong{font-size:15pt}.mf-separacao-page.compact .mf-separacao-client time{font-size:15pt}
.mf-separacao-table{width:100%;border-collapse:collapse;table-layout:fixed;font-family:Calibri,Arial,sans-serif;font-size:var(--separacao-page-font,16pt)}
.mf-separacao-table :is(th,td){font-family:Calibri,Arial,sans-serif}
.mf-separacao-table col:nth-child(1){width:14.35%}
.mf-separacao-table col:nth-child(2){width:51.28%}
.mf-separacao-table col:nth-child(3){width:17.19%}
.mf-separacao-table col:nth-child(4){width:17.18%}
.mf-separacao-table th,.mf-separacao-table td{height:var(--separacao-row-height,25px);box-sizing:border-box;padding:2px 6px;border-right:1px solid #222;border-bottom:1px solid #222;vertical-align:middle;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:clip}
.mf-separacao-page.large .mf-separacao-table th,.mf-separacao-page.large .mf-separacao-table td{padding:0 6px;line-height:1}
.mf-separacao-table th:last-child,.mf-separacao-table td:last-child{border-right:0}
.mf-separacao-table th{font-weight:700;text-align:left}
.mf-separacao-table th:nth-child(3),.mf-separacao-table th:nth-child(4),.mf-separacao-table td:nth-child(3),.mf-separacao-table td:nth-child(4){text-align:center}
.mf-separacao-table .section td{font-weight:700;background:#cccccc;color:#000}
.mf-separacao-table .product-cell{white-space:nowrap;overflow:hidden}
.mf-separacao-table .total td{font-weight:700;text-align:center;border-bottom:0}
.mf-separacao-table .total td:last-child{text-align:center}
.mf-separacao-red{color:#d00000}
.mf-separacao-empty{padding:32px;border:1px dashed #d1d5db;border-radius:12px;text-align:center;color:#6b7280;background:#fafafa}
@media(max-width:900px){
  .mf-separacao{padding:16px}
  .mf-separacao-head{align-items:flex-start;flex-direction:column}
  .mf-separacao-controls{grid-template-columns:1fr}
  .mf-separacao-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mf-separacao-pages{grid-template-columns:1fr}
  .mf-separacao-page{min-height:auto}
}