/* Scoped to the new message-statistics page; inherited pages retain their CSS. */
.message-analytics{min-height:0;gap:16px}
.message-pane{display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden!important;padding:0!important}
.message-sticky-tabs{flex:none;padding:0 24px}
.message-sticky-tabs .tabs{height:52px;gap:36px}
.message-scroll{flex:1;min-height:0;overflow:auto;padding:0 16px 28px;scrollbar-width:thin;scrollbar-color:#bfbfbf transparent}
.message-filters{display:flex;align-items:center;gap:24px;padding:16px 0;position:relative}
.message-period{display:flex;flex:none;width:344px;gap:0;align-items:center}
.message-period>.select-control{width:84px;flex:none}
.message-filters>.select-control{width:266px;flex:0 1 266px}
.message-date-control{width:260px;flex:none;position:relative}
.message-date-range{display:flex;align-items:center;justify-content:space-between;gap:12px;width:260px;height:32px;padding:0 11px;border:1px solid #d9d9d9;border-radius:5px;background:white;font-size:14px;white-space:nowrap}
.message-date-range:hover,.message-date-range[aria-expanded=true]{border-color:#f60}
.message-calendar-icon{color:#bfbfbf;display:inline-flex}
.message-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.message-metric{height:92px;padding:20px 16px 14px;border:1px solid #ffd5bf;border-radius:8px;background:linear-gradient(120deg,#fffcfa,#fff6f0)}
.message-metric-name{font-size:12px;line-height:20px;border-bottom:1px dashed #aaa;color:#333;cursor:help;white-space:nowrap}
.message-metric strong{display:block;margin-top:6px;font-size:22px;line-height:26px;font-weight:600;color:#000}
.message-chart-section{margin-top:36px}
.message-metric-choices{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;min-height:24px;margin-bottom:20px}
.message-choice{display:inline-flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap;cursor:pointer;line-height:20px;color:#142738}
.message-choice input{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1px solid #d9d9d9;border-radius:2px;background:white;margin:0;flex:none;cursor:pointer;position:relative;transition:border-color .15s,background .15s}
.message-choice:hover input{border-color:#f60}
.message-choice input:checked{background:#f60;border-color:#f60}
.message-choice input:checked:after{content:'';position:absolute;width:5px;height:9px;left:5px;top:1px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}
.message-choice input:focus-visible{outline:2px solid #ffb47d;outline-offset:2px}
.message-series-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;transition:background .15s}
.message-chart-frame{position:relative;outline:none;min-width:0}
.message-chart-frame:focus-visible{outline:1px solid #ffd5bf;border-radius:4px}
.message-chart{display:block;width:100%;height:336px;overflow:visible}
.message-chart text{font-family:inherit;font-size:12px;fill:#8c8c8c}
.message-chart-hit{cursor:crosshair}
.message-hover-guide[hidden]{display:none}
.message-chart-tooltip{position:absolute;z-index:4;padding:10px 12px;border-radius:4px;background:rgba(255,255,255,.98);box-shadow:0 1px 10px #0003;pointer-events:none;font-size:12px;color:#555;min-width:200px;max-width:calc(100% - 12px)}
.message-chart-tooltip[hidden]{display:none}
.message-tooltip-date{margin-bottom:6px;font-size:12px;white-space:nowrap}
.message-tooltip-row{display:flex;align-items:center;gap:8px;min-height:24px;white-space:nowrap}
.message-tooltip-row i{width:8px;height:8px;flex:none;border-radius:50%}
.message-tooltip-row strong{font-weight:400;text-align:right;margin-left:auto;padding-left:18px}
.message-details{margin-top:22px}
.message-details .between{height:40px;margin-bottom:12px}
.message-details .section-title{font-size:16px;gap:8px;margin:0}
.message-details .section-title:before{height:16px}
.message-details .section-title small{font-size:12px;font-weight:400}
.message-table-scroll{overflow:auto;min-height:48px}
.message-table{table-layout:fixed;min-width:1050px;font-size:14px}
.message-table th{padding:14px 16px;height:46px;position:relative;white-space:nowrap;line-height:18px}
.message-table th:first-child{width:10.5%}
.message-table th:nth-child(2),.message-table th:nth-child(3){width:10.4%}
.message-table th:nth-child(4){width:14.6%}
.message-table th:nth-child(5),.message-table th:nth-child(6),.message-table th:nth-child(7){width:17.1%}
.message-table td{padding:14px 16px;height:47px;line-height:19px}
.message-pagination{display:flex;align-items:center;gap:8px;margin-top:14px}
.message-pagination button{min-width:32px;height:32px;padding:0 8px;border:1px solid #d9d9d9;border-radius:5px;background:#fff;color:#777;font-size:14px}
.message-pagination button.active{color:#f60;border-color:#f60}
.message-pagination button:disabled{color:#bfbfbf;opacity:.7}
.message-calendar{position:absolute;top:40px;left:0;z-index:30;width:560px;max-width:calc(100vw - 240px);padding:0;background:#fff;border-radius:8px;box-shadow:0 6px 18px #0003}
.message-calendar-nav{height:44px;padding:6px 12px;display:flex;align-items:center;position:relative;z-index:1;pointer-events:none}
.message-calendar-nav span{flex:1}
.message-calendar-nav button{pointer-events:auto;width:22px;height:26px;border:0;background:none;color:#bfbfbf;font-size:18px;padding:0}
.message-calendar-nav button:hover{color:#f60}
.message-calendar-months{display:grid;grid-template-columns:1fr 1fr;margin-top:-44px}
.message-calendar-month{padding:0 12px 10px;min-width:0}
.message-calendar-month+.message-calendar-month{border-left:1px solid #f0f0f0}
.message-calendar-month h4{text-align:center;margin:0 0 10px;height:44px;line-height:44px;font-size:14px;font-weight:500}
.message-calendar-week,.message-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;font-size:14px}
.message-calendar-week{height:30px;align-items:center}
.message-calendar-day{height:30px;min-width:0;border:0;background:none;padding:3px 0;font-size:14px;color:#262626;position:relative;border-radius:2px}
.message-calendar-day:hover{background:#fff2e8}
.message-calendar-day.within{background:#fff2e8;border-radius:0}
.message-calendar-day.outside{color:#bfbfbf}
.message-calendar-day.edge{color:white;background:#f60;border-radius:2px}
.message-calendar-shortcuts{display:flex;gap:8px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid #f0f0f0}
.message-calendar-shortcuts button{border:1px solid #ffbb96;background:#fff7ed;color:#f60;border-radius:3px;font-size:12px;line-height:20px;padding:0 7px}
.message-calendar-shortcuts button:hover{background:#fff0df}
@media(max-width:1450px){.message-filters{gap:16px}.message-filters>.select-control{min-width:140px;flex:1}.message-period{width:344px}.message-metric{padding:16px 12px}.message-metric-name{white-space:normal}.message-metric-choices{gap:8px 14px}}
@media(max-width:1120px){.message-filters{gap:10px;flex-wrap:wrap}.message-filters>.select-control{flex:1;min-width:150px}.message-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.message-chart-section{margin-top:28px}.message-sticky-tabs{padding:0 16px}.message-sticky-tabs .tabs{gap:24px}}