.users-view .users-panel{margin-bottom:16px}.users-panel>.panel-title{min-height:44px;background:#f6f7f9;font-weight:400}.users-panel>.panel-body{padding:20px}.users-controls{display:flex;align-items:center;gap:12px;margin:0 0 24px;flex-wrap:wrap}.users-controls .tabs{margin:0}.users-controls .tabs button{font-size:12px;min-height:28px;padding:4px 13px}.users-grain{margin-left:auto!important}.users-filters{display:flex;align-items:center;gap:15px;margin-bottom:20px}.users-filters select{min-width:135px;height:28px;font-size:12px}.users-filters .date-picker{height:28px}.users-comparison{display:flex;justify-content:flex-start;gap:15px;margin:15px 0 22px}.users-comparison button,.users-comparison select{height:26px;min-height:26px;font-size:12px;padding:2px 12px}.users-milestones{border-bottom:1px solid #edf0f5;margin:10px 0 18px;padding:0 0 12px;color:#397fff;font-size:12px}.users-milestones summary{cursor:pointer;list-style:none}.users-milestones summary:after{content:'⌄';margin-left:6px}.users-milestones[open] summary:after{content:'⌃'}.users-milestone-list{padding:10px;color:#778699}.users-milestone-list p{display:flex;gap:20px;align-items:center}.users-milestone-list b{font-weight:400}.users-view .chart-svg{height:365px}.users-view .legend{margin:15px 0 24px}.users-view .table-tools button{font-size:12px}.users-view .info-button{color:#397fff}.users-view .tabs button:disabled{background:#fafafa;color:#bcc2ca;border-color:#eceef2;cursor:default}@media(max-width:900px){.users-filters{flex-wrap:wrap}.users-grain{margin-left:0!important}.users-panel>.panel-body{padding:14px}}

.users-once-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.users-once-cards>div{padding:15px 20px;border-right:1px solid #edf0f5}.users-once-cards span{display:block;font-size:13px;color:#7f8da2}.users-once-cards strong{display:block;font-weight:400;font-size:27px;margin-top:15px;color:#183653}.users-version-day{justify-content:flex-end;margin-bottom:12px}

/* User-analysis report layout, matched to the reference pages. */
.users-analysis-page .content{margin-left:220px;padding:74px 14px 24px 0}
.users-analysis-page .sidebar{width:220px}
.users-analysis-page .users-page-head{padding:16px 20px;gap:20px;margin-bottom:16px}
.users-analysis-page .users-page-head h1{font-size:16px;font-weight:400;color:#333}
.users-analysis-page .users-filters{gap:16px;flex-wrap:nowrap}
.users-analysis-page .users-filters select{min-width:150px;width:150px;font-size:12px;height:28px;color:#444;border-color:#dedede}
.users-analysis-page .date-picker{height:28px;border-color:#dedede;padding:0 8px;gap:3px}
.users-analysis-page .date-picker input{width:94px;height:26px;min-height:26px;font-size:12px;padding:0}
.users-analysis-page .date-picker input:first-child::-webkit-calendar-picker-indicator{display:none}
.users-analysis-page .date-picker>span{color:#999;font-size:12px}
.users-view .users-panel>.panel-title{height:48px;min-height:48px;padding:14px 20px;font-size:16px;color:#444;gap:5px}
.users-view .users-panel>.panel-body{padding:20px}
.users-view .users-panel>.panel-title+.panel-body{padding-top:44px}
.users-view .users-controls{margin-bottom:20px;gap:0;min-height:28px;flex-wrap:nowrap}
.users-view .tabs button{border-radius:0;min-height:28px;padding:3px 14px;color:#555;font-size:13px}
.users-view .tabs button.active{background:white;color:#222;border-color:#397fff}
.users-view .users-grain button{min-width:45px;padding:3px 12px}
.users-view .chart-wrap,.users-view .chart-svg{height:365px}
.users-view .chart-svg text{fill:#888;font-size:11px}
.users-view .legend{margin:0;min-height:44px;padding:12px 0;align-items:center}
.users-view .legend button{font-size:12px;color:#888}
.users-view .users-comparison{margin:0 0 20px;gap:16px}
.users-view .users-comparison select{min-width:94px}
.users-view .users-comparison button{border-radius:2px;height:28px;min-height:28px;font-size:12px}
.users-view .users-milestones{margin:0 -20px;padding:10px 20px;border-top:1px solid #eee;border-bottom:0;color:#397fff;font-size:12px}
.users-view .table-tools{margin:0 -20px;padding:12px 20px;border-top:1px solid #eee;min-height:44px}
.users-view .table-tools button{padding:0;font-size:12px;min-height:20px}
.users-view th{background:#f6f7f9;font-weight:400;color:#666}
.users-view th button{font-size:12px}
.users-view td{font-size:12px;padding-top:15px;padding-bottom:15px}
.users-view-active .panel-title{background:white!important;flex-wrap:wrap;height:auto!important;gap:8px!important}
.users-view-active .panel-title .users-filters{margin:0}
.users-view-active .users-panel>.panel-title+.panel-body{padding-top:0}
.users-once-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 16px}
.users-once-cards>section{display:grid;grid-template-columns:38px 1fr 1fr;gap:20px;align-items:center;background:white;padding:24px 30px;min-height:108px}
.users-once-cards>section>div{border:0;padding:0}
.users-once-cards span{font-size:13px;color:#777}
.users-once-cards strong{font-size:25px;font-weight:400;margin-top:10px;color:#444}
.users-once-clock{display:block;width:26px;height:26px;border:2px solid #3aa2df;border-radius:50%;position:relative}
.users-once-clock:before{content:'';position:absolute;left:11px;top:4px;height:8px;width:1px;background:#3aa2df}
.users-once-clock:after{content:'';position:absolute;left:11px;top:11px;height:1px;width:6px;background:#3aa2df}
.users-once-cards>section:nth-child(2) .users-once-clock{border-color:#e5b331}
.users-once-cards>section:nth-child(2) .users-once-clock:before,.users-once-cards>section:nth-child(2) .users-once-clock:after{background:#e5b331}
.users-once-controls{justify-content:flex-end}
.users-version-day{justify-content:flex-start}
@media(max-width:1050px){.users-analysis-page .content{margin-left:170px;padding-right:12px}.users-analysis-page .sidebar{width:170px}.users-view-active .panel-title .users-filters{width:100%}.users-view .users-controls{flex-wrap:wrap;gap:8px}.users-once-cards>section{padding:20px 16px;gap:10px}}