@media screen {
html body #appShell .portal-main-panel #sview-salesinsights:not(.hidden){display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--fh-theme-copy,#111827);font-size:13px;line-height:1.4}
html body #appShell .portal-main-panel #sview-salesinsights>*{margin:0!important;min-width:0}
#sview-salesinsights *{box-sizing:border-box}
#salesCompactHeader{display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid var(--fh-theme-border-strong,#cbd5e1);border-radius:7px;background:var(--fh-theme-surface,#fff);flex-shrink:0}
#sview-salesinsights .sales-compact-controls,#sview-salesinsights .sales-secondary-controls{display:flex;align-items:center;gap:6px;min-width:0}
#sview-salesinsights .sales-periods{display:flex;gap:3px;flex-shrink:0}
#sview-salesinsights .sales-dates{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}
#sview-salesinsights .sales-right-options{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}
html body #appShell #sview-salesinsights :is(button,input[type=date],select){height:28px;min-height:28px;padding:3px 5px;margin:0;font-family:inherit!important;font-size:13px!important;line-height:20px!important;border:1px solid var(--fh-theme-border-strong,#cbd5e1);border-radius:5px;background:var(--fh-theme-surface,#fff);color:var(--fh-theme-copy,#111827)}
html body #appShell #sview-salesinsights button{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-weight:600;white-space:nowrap;cursor:pointer}
html body #appShell #sview-salesinsights .sales-period-button[aria-pressed=true]{background:#064e3b!important;border-color:#064e3b!important;color:#fff!important}
html body #appShell #salesExportExcel{color:#fff!important;background:#0f766e!important;border-color:#0f766e!important;flex-shrink:0}
#sview-salesinsights button:hover{filter:brightness(.97)}
#sview-salesinsights :is(button,input,select,[tabindex],summary):focus-visible{outline:2px solid #0891b2;outline-offset:2px}
html body #appShell #sview-salesinsights label{display:flex;align-items:center;gap:4px;font-size:13px!important;line-height:20px;font-weight:500;white-space:nowrap}
#sview-salesinsights input[type=date]{width:112px}
#sview-salesinsights select{width:135px}
#sview-salesinsights .sales-movement-filter input{width:14px;height:14px;min-height:0;margin:0;accent-color:#064e3b}
#salesInsightsPeriodLabel{font-size:12px;line-height:20px;color:var(--fh-theme-muted,#475569);margin:0}
#salesCompactSummary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;flex-shrink:0}
#salesCompactSummary>div{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:28px;padding:3px 6px;border:1px solid var(--fh-theme-border-strong,#cbd5e1);border-radius:5px;background:var(--fh-theme-surface,#fff);font-size:13px;white-space:nowrap}
#salesCompactSummary strong{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
#salesBooksScroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;border:1px solid var(--fh-theme-border-strong,#cbd5e1);border-radius:7px;background:var(--fh-theme-surface,#fff);scrollbar-width:thin}
#sview-salesinsights .sales-books-table{width:100%;min-width:740px;table-layout:fixed;border-collapse:separate;border-spacing:0}
#sview-salesinsights .sales-index-col{width:3.5%}
#sview-salesinsights .sales-book-col{width:35%}
#sview-salesinsights .sales-quantity-col{width:9.5%}
#sview-salesinsights .sales-restocked-col{width:10%}
#sview-salesinsights .sales-condition-col{width:11%}
#sview-salesinsights .sales-orders-col{width:9%}
#sview-salesinsights .sales-available-col{width:12.5%}
html body #appShell #sview-salesinsights .sales-books-table :is(th,td){padding:6px!important;border-bottom:1px solid var(--fh-theme-border,#e2e8f0);font-family:inherit;font-size:13px!important;line-height:1.4!important;vertical-align:middle;text-align:right;color:var(--fh-theme-copy,#111827);overflow-wrap:normal;font-variant-numeric:tabular-nums}
html body #appShell #sview-salesinsights .sales-books-table :is(th,td):nth-child(2){text-align:left}
#sview-salesinsights .sales-books-table th{position:sticky;top:0;z-index:1;background:var(--fh-theme-surface-2,#f1f5f9);font-weight:700}
#sview-salesinsights .sales-books-table tfoot td{position:sticky;bottom:0;z-index:1;background:var(--fh-theme-surface-2,#f1f5f9);font-weight:700;border-top:1px solid var(--fh-theme-border-strong,#cbd5e1)}
#sview-salesinsights .sales-book-title{display:block;font-size:13px;font-weight:600;overflow-wrap:break-word}
#sview-salesinsights .sales-book-identifiers{display:block;margin-top:2px;color:var(--fh-theme-muted,#475569);font-size:12px;overflow-wrap:break-word}
#sview-salesinsights .sales-books-table tbody tr:hover{background:var(--fh-theme-surface-2,#f8fafc)}
#salesBreakdowns{flex-shrink:0;border:1px solid var(--fh-theme-border-strong,#cbd5e1);border-radius:6px;background:var(--fh-theme-surface,#fff)}
#salesBreakdowns summary{padding:4px 8px;font-size:13px;font-weight:600;cursor:pointer}
#salesInsightsFootnote{max-height:180px;overflow:auto;padding:6px;font-size:13px}
#salesInsightsFootnote>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#salesInsightsFootnote section{min-width:0;overflow:auto;background:var(--fh-theme-surface,#fff)}
html body #appShell #salesInsightsFootnote :is(h4,th,td){font-size:13px!important;line-height:1.4!important;color:var(--fh-theme-copy,#111827)}
html body #appShell #sview-salesinsights :is(button,label):is(.hidden,.fh-role-hidden,.fh-permission-hidden,[hidden]){display:none!important}
}
@media screen and (min-width:701px){html body #appShell .portal-main-panel #sview-salesinsights:not(.hidden){height:calc(100dvh - 132px);min-height:300px}}
@media screen and (max-width:1000px){#sview-salesinsights .sales-compact-controls{flex-wrap:wrap}#sview-salesinsights .sales-dates{margin-left:0}#salesExportExcel{margin-left:auto!important}#salesCompactSummary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media screen and (max-width:700px){#sview-salesinsights .sales-secondary-controls{flex-wrap:wrap}#sview-salesinsights .sales-right-options{margin-left:0;flex-wrap:wrap}#sview-salesinsights .sales-periods{flex-wrap:wrap;flex-shrink:1}#salesBooksScroll{max-height:60dvh}#salesInsightsFootnote>div{grid-template-columns:1fr}}