/* 广告报告书 · 布局与图表样式（交互全部在 reportbook.js） */

#view-reportbook .rb-toolbar {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  padding: 10px 16px 12px;
}
#view-reportbook .rb-subtabs { display: flex; gap: 4px; padding: 10px 16px 0; }
#view-reportbook .rb-subtabs button {
  border: 0; background: transparent; cursor: pointer;
  padding: 7px 12px; font-size: 12.5px; color: var(--tl-faint, #6b7280);
  border-bottom: 2px solid transparent; margin-bottom: -1px;
}
#view-reportbook .rb-subtabs button.active {
  color: var(--tl-ink, #17211b); border-bottom-color: var(--tl-orange-deep, #dd5a2c); font-weight: 600;
}

#view-reportbook .rb-seg {
  display: inline-flex; border: 1px solid var(--tl-line, rgba(23,33,27,.16));
  border-radius: 7px; overflow: hidden; background: #fff;
}
#view-reportbook .rb-seg button {
  border: 0; background: transparent; cursor: pointer; padding: 6px 12px;
  font-size: 12px; color: var(--tl-ink-soft, #4a515c);
}
#view-reportbook .rb-seg button.active { background: var(--tl-ink, #17211b); color: #fffdf8; }

#view-reportbook .rb-presets { display: flex; gap: 4px; margin-left: auto; }
#view-reportbook .rb-presets button {
  border: 1px solid var(--tl-line, rgba(23,33,27,.16)); background: #fff;
  border-radius: 6px; padding: 6px 10px; font-size: 12px; cursor: pointer;
  color: var(--tl-ink-soft, #4a515c);
}
#view-reportbook .rb-presets button.active {
  border-color: var(--tl-orange-deep, #dd5a2c); color: var(--tl-orange-deep, #dd5a2c);
  background: rgba(221,90,44,.06); font-weight: 600;
}
#view-reportbook .rb-range {
  font-size: 12px; color: var(--tl-ink-soft, #4a515c);
  padding: 6px 10px; border: 1px solid var(--tl-line, rgba(23,33,27,.16));
  border-radius: 6px; background: #fff; font-variant-numeric: tabular-nums;
}

/* KPI 四卡 */
#view-reportbook .rb-kpis {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px; padding: 0 16px 4px;
}
#view-reportbook .rb-kpi { display: flex; flex-direction: column; gap: 2px; }
#view-reportbook .rb-spark-wrap { color: var(--tl-orange-deep, #dd5a2c); margin-top: 4px; }
#view-reportbook .rb-spark { width: 100%; height: 30px; display: block; }

/* 主图 */
#view-reportbook .rb-main { margin: 10px 16px 0; }
#view-reportbook .rb-main-head {
  display: flex; align-items: center; gap: 10px; padding: 13px 16px 4px; flex-wrap: wrap;
}
#view-reportbook .rb-main-head b { font-size: 13px; }
#view-reportbook .rb-legend { display: flex; gap: 14px; font-size: 11.5px; color: var(--tl-faint, #6b7280); margin-left: auto; }
#view-reportbook .rb-legend i {
  display: inline-block; width: 9px; height: 9px; border-radius: 2px; margin-right: 5px; vertical-align: -1px;
}
#view-reportbook .rb-main-body { display: flex; gap: 8px; padding: 4px 16px 14px; align-items: stretch; }
#view-reportbook .rb-chart { flex: 1 1 auto; min-width: 0; }
#view-reportbook .rb-sumlist {
  flex: 0 0 210px; display: flex; flex-direction: column; justify-content: center; gap: 14px;
  border-left: 1px solid var(--tl-line, rgba(23,33,27,.12)); padding-left: 16px;
}
#view-reportbook .rb-sumlist > div { display: flex; flex-direction: column; gap: 1px; }
#view-reportbook .rb-sumlist span { font-size: 11.5px; color: var(--tl-faint, #6b7280); }
#view-reportbook .rb-sumlist b { font-size: 17px; font-variant-numeric: tabular-nums; letter-spacing: -.2px; }
#view-reportbook .rb-sumlist em { font-style: normal; font-size: 11px; color: var(--tl-faint, #6b7280); }

/* 图表内元素 */
#view-reportbook .rb-grid { stroke: rgba(23,33,27,.09); stroke-width: 1; }
#view-reportbook .rb-ytick, #view-reportbook .rb-xtick {
  fill: var(--tl-faint, #8a8f88); font-size: 9.5px;
  font-family: ui-monospace, Consolas, monospace;
}

/* 周表 */
#view-reportbook .rb-week { margin: 10px 16px 16px; }
#view-reportbook .rb-table { width: 100%; border-collapse: collapse; font-size: 12px; }
#view-reportbook .rb-table th {
  text-align: right; font-weight: 600; color: var(--tl-faint, #6b7280);
  padding: 8px 10px; border-bottom: 1px solid var(--tl-line, rgba(23,33,27,.16));
  white-space: nowrap; font-size: 11.5px;
}
#view-reportbook .rb-table th:first-child,
#view-reportbook .rb-table .rb-c-time { text-align: left; }
#view-reportbook .rb-table td {
  padding: 8px 10px; border-bottom: 1px solid rgba(23,33,27,.07);
  white-space: nowrap;
}
#view-reportbook .rb-table .rb-num { text-align: right; font-variant-numeric: tabular-nums; }
#view-reportbook .rb-table tbody tr:hover { background: rgba(221,90,44,.04); }
#view-reportbook .rb-table .rb-sum { font-weight: 600; background: rgba(23,33,27,.035); }
#view-reportbook .rb-table .rb-sum td { border-bottom: 0; }

#view-reportbook .rb-warn {
  margin: 6px 16px 0; padding: 8px 10px; border-radius: 6px;
  background: rgba(221,138,44,.1); color: #8a5a12; font-size: 11.5px; line-height: 1.6;
}

@media (max-width: 1100px) {
  #view-reportbook .rb-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #view-reportbook .rb-main-body { flex-direction: column; }
  #view-reportbook .rb-sumlist {
    flex: 1 1 auto; border-left: 0; border-top: 1px solid var(--tl-line, rgba(23,33,27,.12));
    padding-left: 0; padding-top: 12px; flex-direction: row; justify-content: space-between;
  }
}
@media (max-width: 640px) {
  #view-reportbook .rb-kpis { grid-template-columns: 1fr 1fr; gap: 8px; }
  #view-reportbook .rb-presets { margin-left: 0; width: 100%; }
  #view-reportbook .rb-week { overflow-x: auto; }
  #view-reportbook .rb-table { min-width: 900px; }
}

#view-reportbook .rb-note {
  margin: 6px 16px 0; padding: 8px 10px; border-radius: 6px;
  background: rgba(74,130,152,.1); color: #39606f; font-size: 11.5px; line-height: 1.6;
}

/* 数据来源标记：官方报告书快照 vs 按日指标推算 */
#view-reportbook .rb-src {
  display: inline-block; width: 5px; height: 5px; border-radius: 50%;
  background: #cbc5b6; margin-left: 6px; vertical-align: 3px;
}
#view-reportbook .rb-src-report { background: #39765e; }
#view-reportbook .rb-source-line {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  margin: 4px 16px 0; font-size: 11.5px; color: var(--tl-faint, #6b7280);
}
#view-reportbook .rb-source-line b { color: #39765e; font-weight: 600; }
#view-reportbook .rb-source-line .rb-src { margin: 0 4px 0 0; }
#view-reportbook .rb-chart-empty {
  display: flex; align-items: center; justify-content: center; min-height: 200px;
  padding: 0 28px; text-align: center; font-size: 12.5px; line-height: 1.8; color: var(--tl-faint, #6b7280);
}
/* Coupang report layout, isolated from the console theme. */
#view-reportbook{background:#fff;color:#34445e;font-family:Arial,"Microsoft YaHei",sans-serif;padding:24px 16px;min-height:calc(100vh - 64px)}
#view-reportbook .page-head{padding:0 0 24px;margin:0;border-bottom:1px solid #edf0f4;position:static}
#view-reportbook .page-title{font-size:21px;color:#17202c;font-weight:700}
#view-reportbook .page-title:before,#view-reportbook .page-sub{display:none}
#view-reportbook .rb-primary-tabs{display:flex;gap:3px;margin-top:26px;border-bottom:1px solid #dce0e6;overflow:auto}
#view-reportbook .rb-primary-tabs span{flex:0 0 142px;text-align:center;padding:13px 10px;background:#f5f6f9;border:1px solid #dce0e6;border-radius:3px 3px 0 0;font-size:12px;font-weight:600}
#view-reportbook .rb-primary-tabs .active{background:#fff;border-top:3px solid #4267ff;border-bottom-color:#fff;padding-top:11px}
#view-reportbook .rb-subtabs{border-bottom:1px solid #e4e7ed;padding:0 12px;gap:12px}
#view-reportbook .rb-subtabs button{font-size:12px;padding:12px 8px;color:#34445e}
#view-reportbook .rb-subtabs button.active{color:#4165ff;border-color:#4165ff}
#view-reportbook .rb-toolbar{padding:18px 0 14px;gap:8px}
#view-reportbook .rb-seg{border:0;border-radius:2px;gap:2px;overflow:visible}
#view-reportbook .rb-seg button{background:#f0f0f0;border:1px solid #e2e4e8;border-radius:2px;color:#6a7482;font-size:12px;padding:9px 14px}
#view-reportbook .rb-seg button.active{color:#4165ff;border-color:#4165ff;background:#fff}
#view-reportbook .rb-presets{gap:0;align-items:center}
#view-reportbook .rb-presets button{border:0;border-radius:0;background:#f5f6f8;padding:5px 8px;font-size:11px;color:#7b8697}
#view-reportbook .rb-presets button.active{background:#fff;border:1px solid #ccd3df;color:#34445e;font-weight:400}
#view-reportbook .rb-presets .rb-range{padding:8px 12px;background:white;border:1px solid #ccd3df;margin-left:5px;color:#34445e}
#view-reportbook .rb-kpis{gap:8px;padding:0;grid-template-columns:repeat(4,minmax(0,1fr))}
#view-reportbook .rb-kpi{background:#f9fafc;border:0;border-radius:4px;padding:14px 12px 12px;gap:0;min-width:0;box-shadow:none;position:relative}
#view-reportbook .rb-kpi-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;margin-bottom:6px}
#view-reportbook .rb-kpi-top strong{font-size:16px;white-space:nowrap;color:#435572}
#view-reportbook .rb-spark{height:154px;width:100%;display:block}
#view-reportbook .rb-kpi small{font-size:10px;color:#8b96a5;min-height:12px}
#view-reportbook .panel{background:#fff;border:1px solid #f0f2f6;border-radius:4px;box-shadow:none}
#view-reportbook .rb-main{margin:18px 0 0}
#view-reportbook .rb-main-head{padding:10px 12px;font-size:12px;background:#f7f8fb}
#view-reportbook .rb-main-head b{font-size:12px}
#view-reportbook .rb-main>.rb-main-head{background:white}
#view-reportbook .rb-main-body{padding:0 12px 12px;gap:18px}
#view-reportbook #rbMain{height:174px}
#view-reportbook .rb-sumlist{flex-basis:270px;border-left:0;padding-left:6px;gap:18px}
#view-reportbook .rb-sumlist>div{display:grid;grid-template-columns:1fr auto;gap:3px 8px}
#view-reportbook .rb-sumlist span{color:#435572;font-size:12px}
#view-reportbook .rb-sumlist b{font-size:18px;color:#435572}
#view-reportbook .rb-sumlist em{grid-column:2;text-align:right;color:#00a3bb}
#view-reportbook .rb-grid{stroke:#e7eaf0}
#view-reportbook .rb-ytick,#view-reportbook .rb-xtick{fill:#8795aa;font-family:Arial,sans-serif;font-size:9px}
#view-reportbook .rb-chart-empty{min-height:160px;font-size:12px;color:#8b96a5}
#view-reportbook .rb-week{margin:26px 0 0;border:0;overflow:auto}
#view-reportbook .rb-week-chart{min-width:700px;padding:8px 0 16px}
#view-reportbook .rb-week-chart svg{width:100%;height:225px;display:block}
#view-reportbook .rb-table{min-width:1100px;font-size:11px;color:#435572}
#view-reportbook .rb-table th{background:#f8f9fc;color:#435572;font-size:11px;padding:14px 10px;border:1px solid #edf0f5;text-align:center}
#view-reportbook .rb-table td{padding:15px 10px;border:1px solid #edf0f5;background:#fff;font-size:11px}
#view-reportbook .rb-table .rb-sum td{background:#f7f8fb}
#view-reportbook .rb-note,#view-reportbook .rb-source-line{font-size:10px;margin:5px 0;background:none;padding:0;color:#8491a5}
#view-reportbook .rb-custom{padding:10px 0;display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12px}
#view-reportbook .rb-custom[hidden]{display:none}
#view-reportbook .rb-custom input{border:1px solid #cbd3df;padding:7px;background:white;color:#34445e}
#view-reportbook #rbApply{border:0;background:#4165ff;color:white;padding:8px 18px;border-radius:3px;cursor:pointer}
#view-reportbook #rbDateError{color:#c04439}
@media(max-width:1100px){#view-reportbook .rb-main-body{flex-direction:column}#view-reportbook .rb-sumlist{flex-basis:auto;flex-direction:row;border:0;padding:12px 0}#view-reportbook .rb-kpi-top{flex-wrap:wrap}}
@media(max-width:640px){#view-reportbook{padding:16px 10px}#view-reportbook .rb-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#view-reportbook .rb-spark{height:120px}#view-reportbook .rb-kpi-top strong{font-size:14px}#view-reportbook .rb-presets{flex-wrap:wrap;gap:4px}#view-reportbook .rb-sumlist{flex-direction:column}#view-reportbook .rb-primary-tabs span{flex-basis:120px}#view-reportbook .rb-table,#view-reportbook .rb-table thead{display:table-header-group}#view-reportbook .rb-table{display:table}#view-reportbook .rb-table tbody{display:table-row-group}#view-reportbook .rb-table tr{display:table-row}#view-reportbook .rb-table td{display:table-cell;min-height:0;text-align:right}#view-reportbook .rb-table td:before{display:none}}
#view-reportbook .rb-daily-note{font-size:10px;color:#8995a7;padding-left:36px}
#view-reportbook .rb-legend label{display:inline-flex;align-items:center;gap:4px;cursor:pointer}
#view-reportbook .rb-legend input{accent-color:#4267ff;margin:0;width:11px;height:11px}
/* Match the reference rail only while the report-book view is selected. */
body:has(#view-reportbook.active) .sidebar{background:#40516f;background-image:none;border-color:#40516f;color:#e5ebf4}
body:has(#view-reportbook.active) .sidebar .nav-item,body:has(#view-reportbook.active) .sidebar .nav-group-head{color:#dce3ef}
body:has(#view-reportbook.active) .sidebar .nav-item.active{background:#33435e;color:white;border-radius:0}
body:has(#view-reportbook.active) .sidebar .nav-item.active:before{background:#4267ff}
body:has(#view-reportbook.active) .brand-name{color:white}
body:has(#view-reportbook.active) .content{background:#fff;background-image:none;padding:0}
body:has(#view-reportbook.active) .topbar{background:#fff;border-color:#edf0f4}
body:has(#view-reportbook.active) main{background:#fff}
.rb-chart-tooltip{position:fixed;z-index:2147482000;background:#fff;color:#34445e;border:1px solid #d9dfe8;border-radius:2px;padding:9px 11px;box-shadow:0 2px 6px rgba(31,48,75,.16);font:11px/1.65 Arial,"Microsoft YaHei",sans-serif;pointer-events:none;max-width:min(320px,calc(100vw - 16px));font-variant-numeric:tabular-nums}
.rb-chart-tooltip[hidden]{display:none}
.rb-chart-tooltip .rb-tip-date{color:#738198;font-size:10px;margin-bottom:5px}
.rb-chart-tooltip .rb-tip-value{text-align:center;font-size:12px;font-weight:600;color:#263650}
.rb-chart-tooltip .rb-tip-row{display:flex;align-items:center;gap:4px;white-space:nowrap}
.rb-chart-tooltip .rb-tip-row i{width:7px;height:7px;display:inline-block;flex:none}
#view-reportbook svg[data-rb-kind]{outline:none;touch-action:pan-y}
#view-reportbook svg[data-rb-kind]:focus-visible{outline:2px solid #4165ff;outline-offset:2px}
#view-reportbook .rb-hover-layer{pointer-events:none}
#view-reportbook .rb-data-line{transition:stroke-opacity .1s,stroke-width .1s}
#view-reportbook .rb-line-active{stroke-width:3.4}
#view-reportbook .rb-spark .rb-line-active{stroke:#4165ff}
#view-reportbook #rbMain .rb-line-active{stroke-width:2.8}
#view-reportbook .rb-line-muted{stroke-opacity:.23}
#view-reportbook .rb-bar-active{stroke:#3596b3;stroke-width:1.5;fill-opacity:1}
#view-reportbook .rb-bar-muted{fill-opacity:.35}
#view-reportbook .rb-table-scroll{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
@media(max-width:640px){
 #view-reportbook{padding:16px 12px;min-width:0;overflow:hidden}
 #view-reportbook .page-head{padding-bottom:12px}
 #view-reportbook .page-title{font-size:20px}
 #view-reportbook .rb-primary-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:14px;overflow:visible;border:0}
 #view-reportbook .rb-primary-tabs span{min-width:0;padding:10px 6px;flex:auto;font-size:12px;border-radius:3px;box-sizing:border-box}
 #view-reportbook .rb-primary-tabs .active{padding-top:8px}
 #view-reportbook .rb-subtabs{padding:2px 0 0;gap:10px}
 #view-reportbook .rb-subtabs button{min-height:44px;padding:10px 8px}
 #view-reportbook .rb-toolbar{padding:12px 0;gap:10px}
 #view-reportbook .rb-seg{display:grid;grid-template-columns:1fr 1fr;width:100%}
 #view-reportbook .rb-seg button{min-height:42px;padding:8px 5px;font-size:12px}
 #view-reportbook .rb-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%;margin:0}
 #view-reportbook .rb-presets button{min-height:40px;padding:7px 3px;font-size:12px;border:1px solid #e1e5ed;border-radius:3px}
 #view-reportbook .rb-presets .rb-range{grid-column:1/-1;margin:0;min-height:44px;font-size:13px;text-align:center}
 #view-reportbook .rb-custom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
 #view-reportbook .rb-custom[hidden]{display:none}
 #view-reportbook .rb-custom label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px}
 #view-reportbook .rb-custom input{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:42px;font-size:16px;padding:6px}
 #view-reportbook #rbApply,#view-reportbook #rbDateError{grid-column:1/-1}
 #view-reportbook #rbApply{min-height:44px}
 #view-reportbook .rb-kpis{grid-template-columns:minmax(0,1fr);gap:12px}
 #view-reportbook .rb-kpi{padding:13px 10px 10px}
 #view-reportbook .rb-kpi-top{flex-wrap:nowrap;font-size:13px;gap:8px}
 #view-reportbook .rb-kpi-top strong{font-size:18px}
 #view-reportbook .rb-spark{height:145px}
 #view-reportbook .rb-ytick,#view-reportbook .rb-xtick{font-size:12px}
 #view-reportbook .rb-kpi small{font-size:11px;line-height:1.5}
 #view-reportbook .rb-main{margin-top:16px}
 #view-reportbook .rb-main-head{flex-direction:column;align-items:flex-start;gap:7px;padding:12px 10px}
 #view-reportbook .rb-legend{flex-wrap:wrap;gap:8px 12px;margin:0;font-size:11px}
 #view-reportbook .rb-legend label{min-height:30px;gap:4px}
 #view-reportbook .rb-legend input{width:14px;height:14px}
 #view-reportbook .rb-main-body{padding:0 6px 10px;gap:8px}
 #view-reportbook #rbMain{height:230px}
 #view-reportbook .rb-sumlist{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;box-sizing:border-box;padding:12px 6px 0;border-top:1px solid #edf0f5}
 #view-reportbook .rb-sumlist>div{grid-template-columns:minmax(0,1fr) auto;align-items:center}
 #view-reportbook .rb-sumlist span{font-size:12px}
 #view-reportbook .rb-sumlist b{font-size:17px}
 #view-reportbook .rb-week{overflow:visible;margin-top:18px;min-width:0}
 #view-reportbook .rb-week-chart{min-width:0;width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 #view-reportbook .rb-week-chart svg{height:230px}
 #view-reportbook .rb-source-line,#view-reportbook .rb-note{font-size:11px;line-height:1.6;margin:6px 0;overflow-wrap:anywhere}
 #view-reportbook .rb-table-scroll{margin-top:10px;border:1px solid #e6eaf1;border-radius:3px}
 #view-reportbook .rb-table{display:table!important;min-width:1100px;width:1100px;table-layout:auto}
 #view-reportbook .rb-table thead{display:table-header-group!important}
 #view-reportbook .rb-table tbody{display:table-row-group!important}
 #view-reportbook .rb-table tr{display:table-row!important;margin:0;min-height:0}
 #view-reportbook .rb-table td,#view-reportbook .rb-table th{display:table-cell!important;min-height:0;padding:12px 10px;font-size:12px;line-height:1.5}
 #view-reportbook .rb-table td:before{display:none!important}
 #view-reportbook .rb-table td:first-child,#view-reportbook .rb-table th:first-child{position:sticky;left:0;z-index:1;min-width:110px;background:#f8f9fc;box-shadow:1px 0 #e6eaf1;text-align:left}
}
/* Smooth chart entry without changing data coordinates or hover geometry. */
#view-reportbook .rb-chart-pending .rb-data-line,#view-reportbook .rb-chart-pending [data-rb-week]{opacity:0}
#view-reportbook .rb-chart-enter .rb-data-line{stroke-dasharray:1 1;animation:rb-line-reveal 850ms cubic-bezier(.22,.7,.25,1) both}
#view-reportbook .rb-spark.rb-chart-enter .rb-data-line{animation-duration:720ms}
#view-reportbook .rb-chart-enter [data-rb-week]{transform-box:fill-box;transform-origin:center bottom;animation:rb-bar-rise 700ms cubic-bezier(.2,.75,.25,1) var(--rb-delay,0ms) both}
@keyframes rb-line-reveal{from{stroke-dashoffset:1;opacity:.1}to{stroke-dashoffset:0;opacity:1}}
@keyframes rb-bar-rise{from{transform:scaleY(.015);opacity:.2}to{transform:scaleY(1);opacity:1}}
@media(prefers-reduced-motion:reduce){
 #view-reportbook .rb-chart-pending .rb-data-line,#view-reportbook .rb-chart-pending [data-rb-week]{opacity:1}
 #view-reportbook .rb-chart-enter .rb-data-line,#view-reportbook .rb-chart-enter [data-rb-week]{animation:none;stroke-dasharray:none;transform:none;opacity:1}
}

#view-reportbook .rb-campaign-selected { background: #eef5ff; }
#view-reportbook .rb-campaign-pages { display:flex; align-items:center; justify-content:center; gap:12px; padding:12px; }
#view-reportbook .rb-campaign-pages button { border:1px solid #d7dce5; background:#fff; padding:5px 10px; border-radius:4px; cursor:pointer; }
#view-reportbook .rb-campaign-pages button:disabled { opacity:.45; cursor:default; }
#view-reportbook [data-rb-campaign] { accent-color:#416eff; }

#view-reportbook .rb-sort { border:0; padding:0; background:none; color:inherit; font:inherit; cursor:pointer; white-space:nowrap; }