/* Report styles are scoped to the mounted headquarters view. */
#moleq-sales-content{color-scheme:light;--ms-blue:#143c6e;--ms-ink:#18263c;--ms-muted:#536378;--ms-line:#dbe4ee;--ms-soft:#f3f7fb;--ms-success:#eaf7f0;--ms-warning:#fff7e5}
#moleq-sales-content .report-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:4px 0 22px}
#moleq-sales-content .report-page-header h1{margin:0;font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-.02em}
#moleq-sales-content .report-page-header p{margin:7px 0 0;color:var(--ms-muted)}
#moleq-sales-content section{margin:20px 0;padding:clamp(18px,2.4vw,28px);background:#fff;border:1px solid var(--ms-line);border-radius:16px;box-shadow:0 8px 28px #15345c08}
#moleq-sales-content #filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end}
#moleq-sales-content #filters{max-width:none}
#moleq-sales-content #filters>label{min-width:0}
#moleq-sales-content label{display:flex;flex-direction:column;gap:7px;margin:0;font-size:14px;font-weight:650;color:#31445c}
#moleq-sales-content input,#moleq-sales-content select,#moleq-sales-content button{width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #b9c7d7;border-radius:9px;background:#fff;color:var(--ms-ink);box-sizing:border-box;font:inherit}
#moleq-sales-content input,#moleq-sales-content select{font-size:16px}
#moleq-sales-content button{border-color:var(--ms-blue);background:var(--ms-blue);color:#fff;font-weight:650;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#moleq-sales-content button:hover{background:#0f315c}
#moleq-sales-content button:active{transform:translateY(1px)}
#moleq-sales-content button:focus-visible,#moleq-sales-content input:focus-visible,#moleq-sales-content select:focus-visible{outline:3px solid #4c9ad5;outline-offset:2px}
#moleq-sales-content button:disabled{opacity:.55;cursor:wait}
#moleq-sales-content #last-year,#moleq-sales-content #refresh{background:#fff;color:var(--ms-blue)}
#moleq-sales-content #item-filter{grid-column:1/-1;display:grid;grid-template-columns:minmax(150px,.8fr) minmax(230px,1.5fr) minmax(130px,.55fr);align-items:end;gap:14px;padding:16px;background:var(--ms-soft);border:1px solid #e2eaf2;border-radius:12px}
#moleq-sales-content #item-filter[hidden]{display:none!important}
#moleq-sales-content #item-filter label{min-width:0}
#moleq-sales-content .report-filter-note{margin:18px 0 8px;color:var(--ms-muted);font-size:14px;line-height:1.65}
#moleq-sales-content .connection-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;padding-top:14px;border-top:1px solid #e8edf3}
#moleq-sales-content #connection{display:inline-flex;align-items:center;gap:8px;margin:0;padding:7px 11px;border-radius:999px;background:var(--ms-success);color:#286047;font-size:13px;font-weight:650}
#moleq-sales-content #connection::before{content:"";width:8px;height:8px;border-radius:50%;background:#2b8b68;flex:none}
#moleq-sales-content #connection[data-state="offline"]{background:#fff0ed;color:#9a3f31}
#moleq-sales-content #connection[data-state="offline"]::before{background:#c25543}
#moleq-sales-content #connection[data-state="upgrade"]{background:#fff7e5;color:#76551a}
#moleq-sales-content #connection[data-state="upgrade"]::before{background:#d39a21}
#moleq-sales-content #bridge-update{flex:1 1 320px;margin:0;color:#8a4b20;font-size:13px}
#moleq-sales-content #refresh{width:auto;min-height:40px;padding:7px 13px;font-size:13px}
#moleq-sales-content #message{min-height:24px;margin:12px 2px;color:#9b3a18;font-weight:650}
#moleq-sales-content #results{scroll-margin-top:16px}
#moleq-sales-content #results h2{margin:0 0 8px;font-size:clamp(22px,2.5vw,30px)}
#moleq-sales-content #period{margin:0 0 16px;color:#334a66;font-weight:650}
#moleq-sales-content #basis{margin:0;color:var(--ms-muted);line-height:1.65}
#moleq-sales-content #coverage{margin:16px 0;background:var(--ms-warning);border-left:4px solid #d5a12c;border-radius:8px;padding:12px 14px;color:#76551a;line-height:1.6}
#moleq-sales-content .table-wrap{max-width:100%;overflow:auto;border:1px solid var(--ms-line);border-radius:12px;-webkit-overflow-scrolling:touch}
#moleq-sales-content table{width:100%;min-width:700px;border-collapse:collapse;font-size:14px}
#moleq-sales-content th,#moleq-sales-content td{text-align:left;padding:13px 14px;border-bottom:1px solid #e3eaf1;vertical-align:top}
#moleq-sales-content th{position:sticky;top:0;background:#eef3f8;color:#40546b;font-size:13px;z-index:1}
#moleq-sales-content tbody tr:last-child td{border-bottom:0}
#moleq-sales-content tbody tr:nth-child(even){background:#fafcfe}
#moleq-sales-content td:last-child{text-align:right;font-weight:650}
#moleq-sales-content small{display:block;margin-top:3px;color:#64758a;font-size:12px;overflow-wrap:anywhere}
#moleq-sales-content #summary{margin:16px 0 0;padding:13px 15px;border-radius:10px;background:#eef5fb;color:#274b70;font-weight:650;line-height:1.6}
#moleq-sales-content #next{width:auto;min-width:140px;margin-top:14px}
#moleq-sales-content #results>p:last-child{margin-bottom:0;color:var(--ms-muted);font-size:13px}
#moleq-sales-content p{line-height:1.6}
#moleq-sales-content [hidden]{display:none!important}
#moleq-sales-content #department-tools{margin:22px 0}
#moleq-sales-content #department-tools[hidden]{display:none}
#moleq-sales-content .department-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
#moleq-sales-content .department-toolbar label{flex:1;max-width:480px;min-width:0}
#moleq-sales-content .department-toolbar select{width:100%;min-width:0;font-size:16px}
#moleq-sales-content .department-toolbar p{flex:1;min-width:200px;font-size:13px;color:var(--ms-muted)}
#moleq-sales-content .department-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
#moleq-sales-content .department-metrics>div{border:1px solid var(--ms-line);border-radius:10px;background:#f5f8fb;padding:14px;min-width:0}
#moleq-sales-content .department-metrics span{display:block;font-size:12px;color:var(--ms-muted)}
#moleq-sales-content .department-metrics strong{display:block;font-size:23px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#moleq-sales-content .department-note{font-size:13px;color:var(--ms-muted)}
#moleq-sales-content .department-table td{font-variant-numeric:tabular-nums}
#moleq-sales-content .department-table td:first-child{min-width:220px}
#moleq-sales-content .department-table td:not(:first-child),#moleq-sales-content .department-table th:not(:first-child){text-align:right}
#moleq-sales-content .department-table .department-empty{color:#697987;margin-top:4px;font-size:12px}
#moleq-sales-content #department-finances{margin-top:22px;padding-top:18px;border-top:1px solid var(--ms-line)}
#moleq-sales-content #department-finances h3{margin:0 0 12px;font-size:17px;color:#274b70}
#moleq-sales-content .department-financial-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#moleq-sales-content .department-financial-metrics>div{padding:16px;border:1px solid var(--ms-line);border-radius:10px;background:#f5f8fb;min-width:0}
#moleq-sales-content .department-financial-metrics span{display:block;font-size:13px;color:var(--ms-muted)}
#moleq-sales-content .department-financial-metrics strong{display:block;margin:6px 0;font-size:24px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#moleq-sales-content .department-financial-metrics .financial-pending strong{font-size:18px;color:#76551a}
#moleq-sales-content .department-financial-status{margin:12px 0 0;font-size:13px;color:#76551a}
#moleq-sales-content .department-financial-status:empty{display:none}


@media(min-width:1025px){
 #moleq-sales-content{width:100%;max-width:none;margin:0;padding-inline:clamp(28px,2.5vw,64px)}
#moleq-sales-content #filters{grid-template-columns:repeat(12,minmax(0,1fr))}
#moleq-sales-content #filters>.filter-store,#moleq-sales-content #filters>.filter-report{grid-column:span 2}
#moleq-sales-content #item-filter{grid-column:span 8}
#moleq-sales-content #filters>.filter-date,#moleq-sales-content #query,#moleq-sales-content #last-year{grid-column:span 3}

}


@media(min-width:701px) and (max-width:1024px){#moleq-sales-content main{padding:24px 22px 48px}
#moleq-sales-content #filters{grid-template-columns:repeat(2,minmax(0,1fr))}
#moleq-sales-content #item-filter{grid-template-columns:minmax(150px,.8fr) minmax(230px,1.4fr) minmax(130px,.55fr)}
#moleq-sales-content #query,#moleq-sales-content #last-year{width:100%}
#moleq-sales-content table{min-width:720px}

}


@media(max-width:700px){#moleq-sales-content main{margin:0 auto;padding:max(12px,calc(env(safe-area-inset-top,0px) + 12px)) max(10px,env(safe-area-inset-right,0px)) max(32px,env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))}
#moleq-sales-content .retail-back-nav{margin-bottom:10px}
#moleq-sales-content .report-page-header{display:block;margin-bottom:12px}
#moleq-sales-content .report-page-header h1{font-size:25px}
#moleq-sales-content .report-page-header p{font-size:14px}
#moleq-sales-content section{margin:12px 0;padding:12px;border-radius:13px}
#moleq-sales-content #filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#moleq-sales-content #filters>.filter-report{grid-column:1/-1}
#moleq-sales-content #item-filter{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:11px}
#moleq-sales-content #item-filter>label:first-child{grid-column:1/-1}
#moleq-sales-content #item-filter #scan-item{width:auto;min-width:104px}
#moleq-sales-content input,#moleq-sales-content select,#moleq-sales-content button{min-height:44px;padding:8px 10px}
#moleq-sales-content #query,#moleq-sales-content #last-year{width:100%}
#moleq-sales-content .report-filter-note{margin:12px 0 6px;font-size:12px;line-height:1.55}
#moleq-sales-content .connection-row{align-items:stretch;gap:10px}
#moleq-sales-content #connection{align-self:flex-start;max-width:100%;white-space:normal;border-radius:10px}
#moleq-sales-content #bridge-update{flex-basis:100%}
#moleq-sales-content #refresh{width:100%}
#moleq-sales-content #message{font-size:14px}
#moleq-sales-content #results h2{font-size:22px}
#moleq-sales-content #period,#moleq-sales-content #basis,#moleq-sales-content #coverage{font-size:13px;overflow-wrap:anywhere}
#moleq-sales-content .table-wrap{overflow:visible;border:0;border-radius:0}
#moleq-sales-content table,#moleq-sales-content tbody{display:block;min-width:0;width:100%}
#moleq-sales-content thead{display:none}
#moleq-sales-content tbody{display:grid;gap:10px}
#moleq-sales-content tbody tr{display:block;padding:5px 12px;background:#fff!important;border:1px solid var(--ms-line);border-radius:12px;box-shadow:0 3px 12px #173e6308}
#moleq-sales-content td,#moleq-sales-content td:last-child{display:grid;grid-template-columns:minmax(94px,38%) minmax(0,1fr);gap:10px;align-items:start;padding:10px 2px;border-bottom:1px solid #edf1f5;text-align:right;font-weight:500;overflow-wrap:anywhere}
#moleq-sales-content td::before{content:attr(data-label);color:#65768a;font-size:12px;font-weight:600;text-align:left}
#moleq-sales-content td:first-child{grid-template-columns:1fr;text-align:left;font-size:16px;font-weight:700;color:#213b59}
#moleq-sales-content td:first-child::before{display:none}
#moleq-sales-content td:last-child{border-bottom:0;font-weight:700}
#moleq-sales-content td small{text-align:left}
#moleq-sales-content #summary{font-size:14px}
#moleq-sales-content #next{width:100%}
#moleq-sales-content .department-toolbar{display:block}
#moleq-sales-content .department-toolbar label{max-width:none}
#moleq-sales-content .department-toolbar p{min-width:0}
#moleq-sales-content .department-metrics{gap:8px}
#moleq-sales-content .department-metrics>div{padding:10px}
#moleq-sales-content .department-metrics strong{font-size:18px}
#moleq-sales-content .department-financial-metrics{grid-template-columns:1fr;gap:9px}
#moleq-sales-content .department-financial-metrics>div{padding:12px}
#moleq-sales-content .department-table,#moleq-sales-content .department-table tbody{display:block;min-width:0;width:100%}
#moleq-sales-content .department-table thead{display:none}
#moleq-sales-content .department-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;border:1px solid var(--ms-line);border-radius:10px;margin:10px 0;padding:12px}
#moleq-sales-content .department-table td{display:block;min-width:0!important;padding:10px 0;overflow-wrap:anywhere;text-align:left;font-weight:500}
#moleq-sales-content .department-table td:first-child{grid-column:1/-1;text-align:left}
#moleq-sales-content .department-table td:first-child::before{display:none}
#moleq-sales-content .department-table td:not(:first-child){text-align:left}
#moleq-sales-content .department-table td:not(:first-child)::before{content:attr(data-label);display:block;font-size:12px;color:var(--ms-muted);margin-bottom:6px;text-align:left}
#moleq-sales-content .department-table td[colspan]{grid-column:1/-1}
#moleq-sales-content .department-table td:last-child{border-bottom:0}

}


@media(max-width:380px){#moleq-sales-content main{padding-inline:10px}
#moleq-sales-content td,#moleq-sales-content td:last-child{grid-template-columns:minmax(82px,36%) minmax(0,1fr)}

}


#moleq-sales-content{width:100%;max-width:none;min-width:0;margin:0;padding:0;color:var(--ms-ink)}

#moleq-sales-content .report-page-header{margin:0 0 12px}

#moleq-sales-content section:first-of-type{margin-top:0}


.moleq-top100 { min-width:0; margin-bottom:20px; }
.moleq-top100 summary { cursor:pointer; padding:12px 0; font-size:1.1rem; }
.moleq-top100 [data-top="filters"] { display:flex; flex-wrap:wrap; align-items:end; gap:12px; }
.moleq-top100 label { display:flex; flex-direction:column; gap:6px; }
.moleq-top100 .table-wrap { max-width:100%; overflow-x:auto; }
.moleq-top100 table { min-width:960px; }
.moleq-top100 dialog { width:min(520px,calc(100vw - 32px)); max-height:80vh; box-sizing:border-box; overflow:auto; border:1px solid #d5dce5; border-radius:12px; padding:24px; }
.moleq-top100 dialog::backdrop { background:rgba(20,30,45,.4); }
.moleq-top100 dialog select { max-width:100%; }
.moleq-top100 [data-top="status"] { font-weight:600; }

@media(max-width:700px){
 .moleq-top100 table, #moleq-sales-content .moleq-top100 table {display:block;min-width:0;width:100%;}
 .moleq-top100 tbody, #moleq-sales-content .moleq-top100 tbody {display:grid;gap:12px;width:100%;}
 .moleq-top100 thead, #moleq-sales-content .moleq-top100 thead {display:none;}
 .moleq-top100 tr, #moleq-sales-content .moleq-top100 tr {display:block;padding:12px;border:1px solid var(--ms-line);border-radius:12px;}
 .moleq-top100 td, #moleq-sales-content .moleq-top100 td {display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:10px 0;text-align:right;overflow-wrap:anywhere;}
 .moleq-top100 td::before, #moleq-sales-content .moleq-top100 td::before {content:attr(data-label);display:block;text-align:left;color:var(--ms-muted);font-size:12px;}
 .moleq-top100 td:first-child, #moleq-sales-content .moleq-top100 td:first-child {display:block;text-align:left;}
 .moleq-top100 td:first-child::before, #moleq-sales-content .moleq-top100 td:first-child::before {display:none;}
}
