#campaignRanking{margin:12px 0}#campaignRanking summary{cursor:pointer;padding:12px}.campaign-rank-card{border:1px solid #ccdcef;border-radius:12px;margin:12px 0;padding:8px;background:white}.campaign-rank-scroll{overflow-x:auto}.campaign-rank-scroll table{width:100%;border-collapse:collapse;min-width:650px}.campaign-rank-scroll th,.campaign-rank-scroll td{padding:10px 8px;border:1px solid #d5e1ef;text-align:right;white-space:nowrap}.campaign-rank-scroll th{background:#e9f2ff}.campaign-rank-scroll tr:nth-child(even){background:#f5f8fc}
.rank-fold{border:1px solid #d5e1ef;border-radius:12px;background:white;margin:8px 0}.rank-fold>summary{cursor:pointer;padding:14px;font-weight:700;color:#17395c}.rank-fold .public-rank-column{width:100%}.public-rank-grid>.rank-fold{min-width:0}
#content.rank-mosaic-page:has(.public-rank-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}#content.rank-mosaic-page>.public-rank-grid{display:contents}#content.rank-mosaic-page>.rank-hero{display:none}#content.rank-mosaic-page>.active-view-title,#content.rank-mosaic-page>.view-guide{grid-column:1/-1}#content.rank-mosaic-page>.rank-fold{margin:0;min-width:0}#content.rank-mosaic-page>#campaignRanking{margin:0;min-width:0}#campaignRanking>.item{margin:0}#content.rank-mosaic-page details[open]{grid-column:1/-1}#content.rank-mosaic-page .rank-fold section{margin:0;border:0}
/* Closed headings are tiles; expanded content always spans the page. */
#content.rank-mosaic-page>#pageSectionGuide,#content.rank-mosaic-page>.section-guide{grid-column:1/-1;order:-1;margin:0}
#content.rank-mosaic-page>#campaignRanking:has(>.item[open]){grid-column:1/-1}
#content.rank-mosaic-page>.rank-fold[open],#content.rank-mosaic-page>.public-rank-grid>.rank-fold[open]{grid-column:1/-1}
.rank-fold>.today-order-rank>h2,.rank-fold>.brand-rank-picker>h2,.rank-fold>.report-section>h2,.rank-fold>.public-rank-column>h3,.rank-fold>.public-rank-column>header>h3{display:none}
.rank-fold>.public-rank-column>header{margin-top:0;padding-top:4px}

#campaignRanking{min-width:0;max-width:100%;--cr-font:14px}
#campaignRanking>.item,#campaignRanking .campaign-rank-card{min-width:0;max-width:100%;box-sizing:border-box}
#campaignRanking .campaign-rank-card>summary{font-size:15px;line-height:1.9;overflow-wrap:normal;word-break:normal}
#campaignRanking .campaign-rank-card>p{font-size:13px;line-height:1.9;color:#4c677b}
#campaignRanking .campaign-rank-scroll{width:100%;max-width:100%;min-width:0;max-height:68dvh;overflow:auto;direction:rtl;border:1px solid #c9dbea;border-radius:12px;box-sizing:border-box;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-inline:contain}
#campaignRanking .campaign-rank-scroll table{display:table;width:max-content!important;min-width:840px!important;max-width:none!important;table-layout:auto!important;border-collapse:separate;border-spacing:0;font-size:var(--cr-font)!important;line-height:1.85;direction:rtl}
#campaignRanking .campaign-rank-scroll table th,#campaignRanking .campaign-rank-scroll table td{box-sizing:border-box;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;word-wrap:normal!important;font-size:inherit!important;line-height:1.85!important;padding:14px 12px;border:0;border-bottom:1px solid #d8e4ef;text-align:right;vertical-align:middle;color:#183d58;background:#fff}
#campaignRanking .campaign-rank-scroll table thead th{position:sticky;top:0;z-index:3;background:#193c58!important;color:#fff!important;font-weight:700;min-width:110px}
#campaignRanking .campaign-rank-scroll table tr:nth-child(even) td{background:#f1f6fa}
#campaignRanking .campaign-rank-scroll table th:first-child,#campaignRanking .campaign-rank-scroll table td:first-child{position:sticky;right:0;z-index:2;width:44px!important;min-width:44px!important;max-width:44px!important;text-align:center;padding-inline:6px;background:#eaf2f8;font-weight:bold}
#campaignRanking .campaign-rank-scroll table th:nth-child(2),#campaignRanking .campaign-rank-scroll table td:nth-child(2){position:sticky;right:44px;z-index:2;width:152px!important;min-width:152px!important;max-width:152px!important;white-space:normal!important;background:#f3f7fb;border-left:1px solid #b9cddd;box-shadow:-3px 0 4px #19375515;font-weight:600}
#campaignRanking .campaign-rank-scroll table thead th:first-child,#campaignRanking .campaign-rank-scroll table thead th:nth-child(2){z-index:4}
#campaignRanking .campaign-rank-scroll table td:nth-child(4){min-width:175px;font-variant-numeric:tabular-nums}
#campaignRanking .cr-number{display:inline-block;white-space:nowrap!important;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
#campaignRanking .cr-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0;padding:11px 12px;border-radius:10px;background:#eef5fb;color:#355b76;font-size:13px;line-height:1.8}
#campaignRanking .cr-tools>div{display:flex;gap:8px;align-items:center}
#campaignRanking .cr-tools button{min-width:42px;min-height:42px;border:1px solid #bcd1e3;border-radius:8px;background:white;color:#164e75;font:inherit;font-size:16px}
@media(max-width:600px){#campaignRanking .campaign-rank-card{padding:7px}#campaignRanking .campaign-rank-card>summary{padding:12px 5px}#campaignRanking .cr-tools>span{flex-basis:100%}#campaignRanking .campaign-rank-scroll{max-height:65dvh}}
#campaignRanking>.item>summary{font-size:15px;line-height:1.9}#campaignRanking>.item>label{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px;margin:10px 0}#campaignRanking [data-rank-month]{font-size:16px;min-height:42px;max-width:150px;box-sizing:border-box;padding:8px;border:1px solid #bfd1e0;border-radius:8px}#campaignRanking [data-rank-load]{font-size:14px;min-height:42px;padding:8px 16px}#campaignRanking [data-rank-result]>p{font-size:13px;line-height:1.9}

@media(max-width:600px){
 body:has(#campaignRanking) .shell{width:100%;box-sizing:border-box;padding-inline:8px}
 #campaignRanking{margin-inline:0}
 #campaignRanking>.item{padding-inline:8px}
 #campaignRanking .campaign-rank-card{padding-inline:5px}
 #campaignRanking .campaign-rank-scroll table th,#campaignRanking .campaign-rank-scroll table td{padding-inline:8px}
 #campaignRanking .campaign-rank-scroll table th:first-child,#campaignRanking .campaign-rank-scroll table td:first-child{width:36px!important;min-width:36px!important;max-width:36px!important;padding-inline:4px;font-size:14px!important}
 #campaignRanking .campaign-rank-scroll table th:nth-child(2),#campaignRanking .campaign-rank-scroll table td:nth-child(2){right:36px;width:112px!important;min-width:112px!important;max-width:112px!important}
}
#content.rank-mosaic-page:has(.public-rank-grid){display:block}
#content.rank-mosaic-page>.public-rank-grid{display:block}
#content.rank-mosaic-page>.rank-fold,#content.rank-mosaic-page>.public-rank-grid>.rank-fold,#content.rank-mosaic-page>#campaignRanking{display:block;width:100%;margin:0 0 10px;box-sizing:border-box}
#content.rank-mosaic-page>.rank-hero{display:none}
.rank-send{display:block;margin:12px 14px;padding:10px 14px;border:1px solid #a8c8e1;border-radius:9px;background:#eaf4fc;color:#17466c;font:inherit;font-weight:700;cursor:pointer}
.rank-send:disabled{opacity:.55;cursor:wait}.rank-send-status{display:block;margin:0 14px 12px;color:#245678;font-size:13px}
@media(max-width:600px){
 #campaignRanking .campaign-rank-scroll{max-height:none;overflow:visible;border:0}
 #campaignRanking .campaign-rank-scroll table{display:block;width:100%!important;min-width:0!important}
 #campaignRanking .campaign-rank-scroll thead{display:none}
 #campaignRanking .campaign-rank-scroll tbody{display:block}
 #campaignRanking .campaign-rank-scroll tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;margin:8px 0;padding:8px;border:1px solid #d5e1ef;border-radius:10px;background:#fff}
 #campaignRanking .campaign-rank-scroll table td,#campaignRanking .campaign-rank-scroll table td:first-child,#campaignRanking .campaign-rank-scroll table td:nth-child(2){display:block;position:static;width:auto!important;min-width:0!important;max-width:none!important;padding:5px!important;white-space:normal!important;box-shadow:none;border:0;background:transparent!important;overflow-wrap:anywhere!important}
 #campaignRanking .campaign-rank-scroll table td:before{display:block;color:#637b90;font-size:11px;font-weight:400}
 #campaignRanking .campaign-rank-scroll table td:first-child:before{content:'رتبه'}
 #campaignRanking .campaign-rank-scroll table td:nth-child(2):before{content:'فروشنده'}
 #campaignRanking .campaign-rank-scroll table td:nth-child(3):before{content:'فروش خالص'}
 #campaignRanking .campaign-rank-scroll table td:nth-child(4):before{content:'تحقق / پاداش'}
 #campaignRanking .campaign-rank-scroll table td:nth-child(5):before{content:'وضعیت / تحقق'}
 #campaignRanking .campaign-rank-scroll table td:nth-child(6):before{content:'وضعیت'}
 #campaignRanking .campaign-rank-scroll table td:last-child{grid-column:1/-1}
}