.sales-order-report-root{position:fixed;inset:0;z-index:2700;display:flex;align-items:center;justify-content:center;padding:16px}
.sales-order-report-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.54)}
.sales-order-report-dialog{position:relative;width:min(620px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--card,#fff);color:var(--text,#1f2937);border:1px solid var(--line,#e5e7eb);border-radius:var(--radius-card,8px);box-shadow:0 24px 64px rgba(15,23,42,.25)}
.sales-order-report-dialog header,.sales-order-report-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--line,#e5e7eb)}
.sales-order-report-dialog header h2{font-size:20px;margin:0}
.sales-order-report-dialog footer{justify-content:flex-end;border-bottom:0;border-top:1px solid var(--line,#e5e7eb)}
.sales-order-report-fields{padding:16px;display:grid;gap:16px}
.sales-order-report-fields label{display:block;margin-bottom:6px}
.sales-order-report-fields fieldset{margin:0;padding:10px;border:1px solid var(--line,#e5e7eb);border-radius:6px;min-width:0}
.sales-order-report-statuses{display:flex;flex-wrap:wrap;gap:8px 16px}
.sales-order-report-statuses label{display:flex;align-items:center;gap:8px;min-height:40px;margin:0;cursor:pointer}
.sales-order-report-statuses input{width:18px;height:18px}
.sales-order-report-period{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sales-order-report-search{display:flex;gap:8px}.sales-order-report-search .input{min-width:0;flex:1}
.sales-order-report-dialog [role=listbox]:not(:empty){max-height:180px;overflow:auto;border:1px solid var(--line,#e5e7eb);border-radius:6px;margin-top:4px;padding:4px}
.sales-order-report-dialog [role=option]{padding:10px;cursor:pointer;min-height:44px;box-sizing:border-box}
.sales-order-report-dialog [role=option]:hover,.sales-order-report-dialog [aria-selected=true]{background:var(--bg,#f5f6f7)}
.sales-order-report-dialog .btn,.sales-order-report-dialog .input,.sales-order-report-dialog .select{min-height:44px}
.sales-order-report-message{font-size:14px;min-height:20px}.sales-order-report-message.is-error{color:var(--danger,#dc2626)}
.sales-order-report-dialog :focus-visible{outline:2px solid var(--primary,#2c3e50);outline-offset:2px}
@media(max-width:480px){.sales-order-report-root{padding:8px}.sales-order-report-dialog{max-height:calc(100dvh - 16px)}.sales-order-report-dialog header h2{font-size:18px}.sales-order-report-fields{padding:12px}.sales-order-report-statuses{gap:4px 12px}}