/* 复用全局字段外观，产品类型只增加季品、属性两个条件组。 */
.pf-attribute{position:relative;min-width:215px;max-width:420px}
.pf-attribute summary{position:relative;display:flex;width:100%;height:36px;align-items:center;cursor:pointer;list-style:none;border:1px solid #e0e3e8;border-radius:6px;background:#fff}
.pf-attribute summary::-webkit-details-marker{display:none}
.pf-attribute-value{display:block;line-height:34px;flex:1;min-width:0;text-align:center;padding:0 22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.pf-attribute summary>span:last-child{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:12px;height:12px;font-size:0;background:var(--filter-chevron) center / contain no-repeat;pointer-events:none}
.pf-attribute-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:90;width:400px;padding:4px 16px;border:1px solid #dce5f0;border-radius:7px;background:#fff;box-shadow:0 6px 24px #213b5b24}
.pf-attribute-row{padding:13px 0;display:grid;grid-template-columns:88px 1fr;gap:8px;align-items:start;border-bottom:1px solid #edf1f6}
.pf-attribute-row:last-child{border:0}.pf-attribute-row>b{font-size:12px;padding-top:4px;font-weight:500;color:#60748e}
.pf-attribute-row [role=radiogroup]{display:flex;gap:6px 14px;flex-wrap:wrap}.pf-attribute-row button{display:flex;gap:5px;align-items:center;font-size:12px;border:0;background:transparent;color:#65758a;padding:3px 0}
.pf-attribute-row button i{width:12px;height:12px;border:1px solid #aab8ca;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.pf-attribute-row button[aria-checked=true]{color:#1677ff}.pf-attribute-row button[aria-checked=true] i{border-color:#1677ff}.pf-attribute-row button[aria-checked=true] i:after{content:"";height:6px;width:6px;border-radius:50%;background:#1677ff}
.pf-attribute-row select[hidden]{display:none!important}
.ms-section .sales-header-actions,.ms-section .sales-time-controls>#sales-dimension-tabs,.ms-section>.twocol{display:none!important}
.ms-section .summarygrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ms-section .ms-card{padding:16px 14px;background:#fff;min-width:0}
.ms-section .ms-card.company{background:linear-gradient(180deg,#f3f4ff,#fafaff);border-color:#d8dcff}
.ms-card h3{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;margin:0 0 18px}
.ms-mini-metrics,.ms-mini-deltas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ms-metric{min-width:0}.ms-metric small{display:block;color:#7d8da6;font-size:11px;margin-bottom:5px;white-space:nowrap}
.ms-metric strong{display:block;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ms-primary{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;margin-bottom:12px}.ms-primary .ms-metric strong{font-size:25px;font-weight:500;line-height:1.5}.ms-primary-delta{display:block;font-size:11px;color:#7d8da6;margin-top:2px;min-height:17px}
/* 目标、进度与辅助字段沿用参考卡片的纵向层级。 */
.ms-card-line,.ms-attainment{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;padding:5px 0}
.ms-card-line>span:first-child{color:#7d8da6}.ms-card-line>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.ms-goal-line{background:#f1f2ff;padding:7px 6px;border-radius:4px;margin:0 -5px 3px}.ms-goal-line>span{color:#6571b0!important}
.ms-card>.ms-goal-line{background:transparent;padding:5px 0;margin:0}
.ms-attainment-highlight{background:#f1f2ff;padding:7px 6px 8px;border-radius:4px;margin:0 -5px 8px}
.ms-attainment-highlight>.ms-attainment{padding:0 0 6px}
.ms-attainment-highlight>.ms-progress{margin:0}
.ms-attainment>span:last-child{background:#f5f6fa;border-radius:3px;padding:2px 5px;font-size:11px}
.ms-progress{position:relative;height:5px;background:#f0f1f9;border-radius:3px;overflow:visible;margin:3px 0 8px}.ms-progress>i{display:block;height:100%;background:#6663ff;border-radius:3px}
.ms-card-facts{margin-bottom:12px}.ms-trend{position:relative;margin:10px 0 16px;outline-offset:4px;cursor:crosshair}.ms-trend svg{display:block;width:100%;height:60px}.ms-trend-dates{display:flex;justify-content:space-between;font-size:10px;color:#8797b0;margin-top:3px}
.ms-trend-tip{position:absolute;bottom:calc(100% + 5px);z-index:10;white-space:nowrap;pointer-events:none;padding:8px 10px;border:1px solid #e1e5f2;border-radius:6px;background:#fff;box-shadow:0 4px 16px #23345a20;font-size:11px;color:#7d8da6}.ms-trend-tip strong{display:block;font-weight:500;color:#203555;margin-top:3px}.ms-trend-empty{height:67px;color:#8797b0;font-size:11px}
.ms-section .si-card-details{margin-top:2px;border-top:1px solid #e5ecf5;padding-top:12px}
.ms-breakdown-row{box-sizing:border-box;height:var(--ms-row-height);align-content:center;display:grid;grid-template-columns:60px minmax(0,1fr);column-gap:8px;row-gap:5px;padding:12px 0;border-bottom:1px solid #e9eef5}.ms-breakdown-row:last-child{border-bottom:0}
.ms-breakdown-row>b{grid-column:1;grid-row:1 / span 2;align-self:center;font-size:12px;font-weight:500;line-height:18px;overflow-wrap:anywhere;margin:0}.ms-breakdown-row>.ms-mini-metrics,.ms-breakdown-row>.ms-mini-deltas{grid-column:2;min-width:0;gap:6px}.ms-breakdown-row>.ms-mini-deltas{margin:0;font-size:10px;white-space:nowrap}.ms-mini-metrics>strong{white-space:nowrap}
.ms-mini-metrics .ms-metric small{font-size:10px;margin-bottom:4px}.ms-mini-metrics .ms-metric strong{font-size:12px}
.ms-mini-deltas{font-size:10px;margin-top:6px;gap:4px}
.ms-common-help{font-size:12px;color:#798ca5;display:flex;align-items:center;gap:3px;margin-left:8px}
.ms-drawer-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.ms-drawer-toolbar label{height:36px;width:360px;max-width:100%}

.ms-drawer-toolbar input[type=search]{width:100%;min-width:0}
.ms-drawer .ms-data-table{min-width:1080px;table-layout:auto;width:100%}
.ms-data-table th,.ms-data-table td{white-space:nowrap;padding:15px 14px}
.ms-data-table th{background:#f5f7fa;color:#7d8da6;font-weight:400;font-size:12px}
.ms-drawer #ms-drawer-pages{margin-top:14px}
.rp-platform-mark{width:16px;height:16px;vertical-align:middle;object-fit:contain}
@media(max-width:1400px){.ms-section .summarygrid{grid-template-columns:repeat(3,minmax(0,1fr))}.ms-primary .ms-metric strong{font-size:18px}}
@media(max-width:900px){.ms-section .summarygrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ms-section .summarygrid{grid-template-columns:1fr}.pf-attribute{max-width:100%;width:100%}.pf-attribute-menu{width:min(400px,calc(100vw - 64px))}.pf-attribute-row{grid-template-columns:80px 1fr}.ms-drawer-toolbar label{width:100%}.ms-common-help{margin-left:0}}

.ms-breakdown-head{display:grid;grid-template-columns:60px repeat(3,minmax(0,1fr));gap:6px;padding:10px 0 5px;color:#7d8da6;font-size:11px}.ms-mini-metrics>strong{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.ms-mini-deltas{font-size:11px}
.rp-identity b.rp-platform-name{display:flex;align-items:center;gap:5px}.rp-platform-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.rp-platform-name>.rp-platform-mark{flex:none;margin:0}

/* 长枚举保持卡片等高，可滚动查看全部品牌和平台。 */
.ms-breakdown{--ms-row-height:72px;--ms-head-height:38px;height:calc(var(--ms-head-height) + var(--ms-row-height)*6.5);max-height:calc(var(--ms-head-height) + var(--ms-row-height)*6.5);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dce1f1 transparent}.ms-breakdown-head{box-sizing:border-box;height:var(--ms-head-height);position:sticky;top:0;background:#fff;z-index:1;padding-bottom:9px}.company .ms-breakdown-head{background:#f6f7ff}.ms-card .ms-delta-label{color:#7d8da6}

/* 同行展示目标/达成与偏差；标签灰色，只有数值按偏差判灯。 */
.ms-line-values,#dialogbody .up-attainment-values{display:inline-flex;align-items:baseline;justify-content:flex-end;flex-wrap:wrap;gap:3px 10px}
.ms-inline-deviation{display:inline-flex;align-items:center;gap:3px;padding:1px 5px;border:1px solid #e2e7f0;border-radius:4px;background:#f2f4f9;font-size:11px;line-height:18px;white-space:nowrap;font-weight:400}
.ms-inline-deviation .ms-delta-label{color:#7d8da6}
.ms-card .ms-attainment>.ms-line-values{background:none;padding:0}
.ms-card .ms-card-line>.ms-line-values{white-space:normal}

/* 时间进度与销售偏差共用所选周期口径。 */
#sales.ms-section .ms-time-progress{font-size:12px;font-weight:400;color:#86909c;white-space:nowrap;margin-left:12px}

.ms-trend-tip i{display:inline-block;width:7px;height:7px;border-radius:50%;flex:none}
.ms-trend-gsv{background:#8c8bff}.ms-trend-margin{background:#20b6a5}
.ms-trend-tip strong{display:flex;align-items:center;gap:6px}.ms-trend-tip strong b{margin-left:auto;font-weight:500;padding-left:12px}

.ms-trend-tip-range{display:block;font-size:10px;color:#8a98ac;margin-top:2px}

/* 销售明细：维度标签在搜索前，时间统一置于抽屉头部。 */
.ms-drawer-dimensions{display:inline-flex;align-items:center;gap:3px;flex:none;height:36px;padding:3px;background:#f0f3f8;border-radius:7px}
.ms-drawer-dimensions button{height:30px;min-width:78px;padding:0 16px;border:0;border-radius:5px;background:transparent;color:#7d8da6;font-size:12px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.ms-drawer-dimensions button:hover{color:#1677ff;background:#e8eef8}
.ms-drawer-dimensions button[aria-selected="true"]{color:#1677ff;background:#fff;box-shadow:0 1px 4px rgba(38,66,112,.12);font-weight:500}
.ms-drawer-dimensions button:focus-visible{outline:2px solid #91beff;outline-offset:2px}
.ms-drawer-toolbar .ms-drawer-search{margin-left:12px}
.ms-drawer-search input{height:36px;border:1px solid #dce4f1;border-radius:5px;padding:0 12px 0 32px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none' stroke='%238699b3' stroke-width='1.5'%3E%3Ccircle cx='8' cy='8' r='5'/%3E%3Cpath d='m12 12 5 5'/%3E%3C/svg%3E") 10px center no-repeat;font-size:12px}
#dialog.business-drawer:has(.ms-drawer)>.dialogfoot{display:none}
#dialog.business-drawer:has(.ms-drawer) #dialogsub .period-range{font-size:11px;white-space:nowrap}
@media(max-width:600px){.ms-drawer-toolbar .ms-drawer-search{margin-left:0}}

.ms-breakdown[data-ms-breakdown-view="brand"]{height:calc(var(--ms-head-height) + var(--ms-row-height)*6);max-height:calc(var(--ms-head-height) + var(--ms-row-height)*6)}

.ms-progress>.ms-time-marker{position:absolute;top:-3px;width:2px;height:11px;background:#708199;transform:translateX(-1px)}