@media screen and (min-width:761px) and (display-mode:browser){
 html body.design3 .web-activity-tools>.sales-filters-with-insights{display:grid;grid-template-columns:minmax(280px,42%) minmax(0,1fr);gap:24px;container-type:inline-size}
 html body.design3 .sales-filters-with-insights>.reportfilters{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start}
 .sales-mini-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;align-content:start}
 .sales-mini-card{padding:14px;border:1px solid #e0e8e7;border-radius:12px;background:#f7faf9;min-width:0}
 html body.design3 .sales-mini-card h3{margin:0 0 4px;font-size:14px;line-height:1.4}
 .sales-mini-subtitle{font-size:12px;line-height:1.4;margin:0;color:#627574}
 .sales-mini-trend{display:block;width:100%;height:118px;margin:10px 0 0;overflow:visible}
 .sales-mini-trend rect{cursor:pointer}.sales-mini-trend rect:hover,.sales-mini-trend rect:focus{fill:#c87c3e;outline:none}
 .sales-mini-axis{display:flex;justify-content:space-between;font-size:11px;color:#627574}
 .sales-mini-share{display:flex;align-items:center;gap:14px;margin-top:16px;min-width:0;flex-wrap:wrap}
 .sales-mini-ring{position:relative;width:112px;height:112px;flex:0 0 112px;display:grid;place-items:center}
 .sales-mini-ring>svg{position:absolute;inset:0;width:100%;height:100%}
 .sales-mini-ring>strong{font-size:24px;line-height:1;align-self:end;z-index:1}
 .sales-mini-ring>small{align-self:start;font-size:11px;color:#627574;z-index:1}
 .sales-mini-legend{list-style:none;padding:0;margin:0;min-width:0;flex:1 1 130px;display:grid;gap:8px;font-size:12px}
 .sales-mini-legend li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:7px;align-items:center;min-width:0}
 .sales-mini-dot{width:8px;height:8px;border-radius:50%;background:#22667a}.sales-mini-dot[data-color="1"]{background:#dc9150}.sales-mini-dot[data-color="2"]{background:#68a99a}.sales-mini-dot[data-color="3"]{background:#8882ad}
 .sales-mini-place{overflow-wrap:anywhere}.sales-mini-legend b{font-size:12px;font-weight:600;white-space:nowrap}
 .sales-mini-legend .sales-mini-empty{display:block;color:#627574;line-height:1.5}
 .sales-mini-note{grid-column:1 / -1;font-size:11px;line-height:1.45;color:#627574;margin:0}
 @container(max-width:1050px){.sales-mini-charts{grid-template-columns:1fr}.sales-mini-card{padding:10px 12px}.sales-mini-trend{height:58px;margin-top:4px}.sales-mini-share{margin-top:6px;flex-wrap:nowrap}.sales-mini-ring{width:76px;height:76px;flex-basis:76px}.sales-mini-ring>strong{font-size:19px}.sales-mini-legend{gap:4px;flex-basis:0}}
 @container(max-width:600px){html body.design3 .web-activity-tools>.sales-filters-with-insights{grid-template-columns:1fr}.sales-mini-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-mini-share{flex-wrap:wrap}}
}
@media screen and (min-width:761px) and (display-mode:browser){
 html body.design3 .web-activity-tools>.operation-filters-with-insights,.customer-insights-tools{display:grid;grid-template-columns:minmax(280px,42%) minmax(0,1fr);gap:24px;align-items:start}
 .insights-filter-controls{min-width:0}.insights-filter-controls>.two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .operations-mini-card .sales-mini-ring,.customer-registration-card .sales-mini-ring{width:136px;height:136px;flex-basis:136px}
 .operations-mini-card .sales-mini-share,.customer-registration-card .sales-mini-share{margin:12px 0}.operations-mini-card .sales-mini-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px}
 .registration-chart-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.registration-chart-head h3{margin-right:auto!important}.registration-chart-head label{font-size:11px!important;flex:0 1 130px}.registration-chart-head select{min-height:34px!important;height:34px!important;padding:4px 9px!important}
 .filter-context-hint{display:block;font-size:11px;color:#627574;margin-top:4px;line-height:1.4}
 .customer-insights-tools .admin-work-filters{display:flex!important;flex-wrap:wrap;gap:10px}.customer-insights-tools #rankingperiod label{flex:1 1 130px!important;min-width:130px!important}.customer-insights-tools #rankingquick{margin:10px 0}
 @media(max-width:1350px){.operations-mini-card .sales-mini-legend{grid-template-columns:1fr}.operations-mini-card .sales-mini-ring,.customer-registration-card .sales-mini-ring{width:100px;height:100px;flex-basis:100px}}
 @media(max-width:1150px){html body.design3 .web-activity-tools>.sales-filters-with-insights,html body.design3 .web-activity-tools>.operation-filters-with-insights,.customer-insights-tools{grid-template-columns:1fr}.sales-mini-charts{grid-template-columns:1fr}.operations-mini-card .sales-mini-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
}
@media screen and (min-width:761px) and (display-mode:browser){
 html body.design3 th.history-status-heading{min-width:245px}.history-status-heading>span{vertical-align:middle}.history-page-size{display:inline-flex!important;float:right;align-items:center;gap:8px;margin:0!important;font-family:var(--font-sans,sans-serif)!important;font-size:11px!important;letter-spacing:0!important;text-transform:none!important;font-weight:600!important;white-space:nowrap}
 html body.design3 .history-page-size select{width:66px!important;min-height:30px!important;height:30px!important;margin:0!important;padding:3px 7px!important;font-size:12px!important}
}
@media screen and (min-width:761px) and (display-mode:browser){
 .customer-insights-tools .admin-work-filters:not(#rankingperiod)>label{flex:1 1 150px!important;min-width:150px!important;max-width:none!important}
 .operations-mini-card .sales-mini-legend{max-height:190px;overflow:auto;padding-right:4px}
}