.content.dashboard-page{width:100%;max-width:1472px;margin:0 auto;padding:20px 20px 70px}
.dashboard-page .setup-body{padding-top:6px;padding-bottom:1px}
.dashboard-page .setup-step.current>button{padding-top:13px;padding-bottom:3px}
.dashboard-page .setup-step:nth-child(3)>button{padding-top:13px;padding-bottom:11px}
.dashboard-page .setup-step:last-child>button{padding-top:4px;padding-bottom:12px}
.dashboard-page .setup-step>button{font-size:14px}
.dashboard-page .setup-step.current .setup-detail{padding-left:39px;padding-right:39px;padding-bottom:15px}
.dashboard-page .setup-detail>div:last-child{margin-top:8px}
.dashboard-page .warning{max-width:85%;width:fit-content;min-height:56px;margin-bottom:16px;padding:8px 12px;line-height:20px}
.dashboard-page .agent-fields{grid-template-columns:260px 198px;gap:16px;margin-bottom:14px}
.dashboard-page .agent-fields .field{gap:4px}
.dashboard-page .agent-fields .input,.dashboard-page .agent-fields .select{height:32px;min-height:32px;padding-top:4px;padding-bottom:4px}
.dashboard-page .agent-fields .muted{margin-top:0}
.dashboard-page .tone-options button{padding-top:4px;padding-bottom:4px}
.dashboard-page .tone-quote{font-size:14px;line-height:20px;max-width:420px}
.dashboard-page .agent-goals-title{margin-top:13px}
.dashboard-page .check-list{gap:10px}
.dashboard-page .setup-advanced{margin-bottom:12px}
.dashboard-page .setup-detail .btn.dark{min-height:28px;height:28px;padding-top:4px;padding-bottom:4px;font-size:12px}
.dashboard-page .dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin-top:24px}
.dashboard-page .dashboard-grid aside{padding-top:0}
@media(max-width:900px){.content.dashboard-page{padding:20px 24px 70px}.dashboard-page .dashboard-grid{grid-template-columns:1fr}}
@media(max-width:640px){.content.dashboard-page{padding:16px}.dashboard-page .warning{max-width:100%}.dashboard-page .agent-fields{grid-template-columns:1fr}}

/* Analytics layout follows the cards and chart sizes on the reference dashboard. */
.dash-performance>.section-title,.dash-status>.section-title{height:24px;line-height:24px;margin:0}
.dash-filters{display:flex;align-items:center;gap:8px;margin:13px 0 16px}
.dash-select{height:28px;min-height:28px;padding:3px 10px;appearance:auto;font-size:13px}
.dash-cards{display:flex;flex-direction:column;gap:12px}
.dash-cards h3{font-size:14px;font-weight:600;line-height:20px;margin:0}
.dash-total,.dash-metric,.dash-chart,.dash-savings,.dash-hours,.dash-detail-card,.dash-skills{padding:16px}
.dash-cards .card{border-radius:12px}
.dash-cards>.dash-total{height:222px}
.dash-total{flex:2;min-width:0}
.dash-total>p{font-size:13px;color:#555;margin:2px 0 18px}
.dash-big-value{font-size:24px;font-weight:650;line-height:32px}
.dash-trend{font-size:13px;color:#40b984;font-weight:600;vertical-align:middle;white-space:nowrap}
.dash-value-bar{height:24px;background:#f0f0f0;border-radius:6px;margin:16px 0 12px}
.dash-legend-line{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-top:5px}
.dash-legend-line span,.dash-chart-legend span{display:inline-flex;align-items:center;gap:8px}
.dash-legend-line b{font-weight:550;color:#666}
.dash-legend-line i,.dash-chart-legend i{display:inline-block;width:10px;height:10px;border-radius:2px}
.dash-blue{background:#1b9fd9}.dash-light-blue{background:#77bce1}.dash-green{background:#68de88}.dash-muted{background:repeating-linear-gradient(45deg,#ddd,#ddd 2px,#f4f4f4 2px,#f4f4f4 4px)}
.dash-cards>.dash-total,.dash-value-side{display:none}
.dash-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.dash-cards>.dash-total{display:block;grid-column:span 2}
.dash-value-side{display:flex;flex-direction:column;gap:12px;height:222px}
.dash-value-side .dash-metric:first-child{height:93px}
.dash-value-side .dash-metric:last-child{height:117px}
.dash-metric-value{font-size:24px;font-weight:650;line-height:32px;margin-top:8px;white-space:nowrap}
.dash-value-side .dash-metric:first-child .dash-metric-value{font-size:38px;line-height:40px;margin-top:4px}
.dash-value-side .dash-metric:last-child .dash-trend{display:block;line-height:18px}
.dash-chart,.dash-three,.dash-two,.dash-savings,.dash-hours,.dash-skills{grid-column:1/-1}
.dash-revenue{height:354px}
.dash-conversations{height:318px}
.dash-chart>.dash-big-value{margin-top:4px}
.dash-plot{height:207px;display:flex;margin-top:6px;gap:8px}
.dash-plot-labels{width:31px;flex:none;display:flex;flex-direction:column;justify-content:space-between;color:#aaa;font-size:11px;padding:0 0 4px}
.dash-plot-area{position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:1px 0 3px}
.dash-plot-area>i{border-top:1px solid #e7e7e7;width:100%;height:1px}
.dash-last-bar{position:absolute;right:0;bottom:3px;width:14px;height:100%;background:#1da2e4;border-radius:3px 3px 0 0}
.dash-plot-conversations{height:190px;margin-top:13px}
.dash-plot-conversations .dash-plot-labels{position:relative;display:block;padding:0}
.dash-plot-conversations .dash-plot-labels span{position:absolute;left:0;line-height:16px;transform:translateY(-50%)}
.dash-plot-conversations .dash-plot-labels span:nth-child(1){top:0}
.dash-plot-conversations .dash-plot-labels span:nth-child(2){top:50%}
.dash-plot-conversations .dash-plot-labels span:nth-child(3){top:100%}
.dash-plot-conversations .dash-plot-area{padding:0}
.dash-plot-bars{position:absolute;inset:0;display:grid;align-items:end}
.dash-plot-bars .dash-last-bar{position:relative;right:auto;bottom:auto;display:block;width:min(48px,100%);height:100%;background:#14a2ee}
.dash-chart-dates{display:flex;justify-content:space-between;color:#aaa;font-size:11px;margin:3px 0 0 40px}
.dash-chart-legend{display:flex;align-items:center;gap:18px;margin-top:17px;color:#555;font-size:12px;white-space:nowrap}
.dash-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dash-three .dash-metric,.dash-two .dash-metric{height:92px}
.dash-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dash-savings{height:100px}
.dash-savings .dash-big-value{margin-top:8px}
.dash-hours{height:396px}
.dash-hours-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px;font-size:12px}
.dash-hours-summary>div{display:flex;flex-direction:column;gap:8px}
.dash-hours-summary span{font-size:20px;font-weight:650}
.dash-hours-plot{height:195px;position:relative;border-bottom:1px solid #ddd;margin:32px 0 0 34px;background:repeating-linear-gradient(to top,transparent 0,transparent 63px,#eee 64px,#eee 65px)}
.dash-hours-plot b{position:absolute;left:8%;bottom:0;width:14px;height:75%;background:#1b9fd9;border-radius:3px 3px 0 0}
.dash-hours-dates{margin-left:34px}
.dash-detail-pair .dash-detail-card{height:340px;min-width:0}
.dash-funnel-card{display:flex;flex-direction:column;gap:16px}
.dash-funnel-plot{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-height:0}
.dash-funnel-plot svg{display:block;width:220px;height:220px;flex:none}
.dash-funnel-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.dash-funnel-center strong{font-size:30px;font-weight:700;line-height:36px;color:#303030}
.dash-funnel-center span{font-size:11px;line-height:16px;color:#8a8a8a}
.dash-funnel-legend{display:flex;align-items:center;gap:8px;font-size:13px;line-height:20px}
.dash-funnel-legend i{width:10px;height:10px;flex:none;border-radius:2px;background:#e3e3e3}
.dash-funnel-legend strong{font-weight:600;color:#303030}
.dash-funnel-legend span{color:#616161}
.dash-detail-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-top:20px;overflow-wrap:anywhere}
.dash-detail-row b{white-space:nowrap}
.dash-detail-pair .dash-detail-card:last-child .dash-detail-row{position:relative;align-items:center;margin-top:16px;line-height:20px}
.dash-detail-pair .dash-detail-card:last-child .dash-detail-row::after{position:absolute;top:24px;left:0;width:100%;height:6px;border-radius:2px;background:#14a2ee;content:""}
.dash-detail-pair .dash-detail-card:last-child .dash-detail-row b{font-weight:500}
.dash-url-percent{color:#8a8a8a;font-size:13px;font-weight:400}
.dash-skills{height:200px;display:flex;flex-direction:column;gap:12px}
.dash-skills p{display:flex;flex:1;align-items:center;justify-content:center;align-self:stretch;margin:0;padding:24px;border-radius:12px;background:#fafafa;color:#616161;font-size:13px;line-height:20px;text-align:center}
.dash-skills p span{max-width:380px}
.dash-freshness{display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 12px;margin:4px 0 0;border:1px solid #dedede;border-radius:12px;background:#fff;box-shadow:0 1px 1px #0000000d;color:#616161;font-size:13px}
.dash-freshness::before{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:6px;background:#9bdaf7;color:#135b8d;font-size:17px;font-weight:700;content:"ⓘ"}
.dash-status .status-card{margin-top:8px}
.dash-status .status-line{height:33px;margin:0;font-size:13px}
.dash-status .status-line strong{display:flex;align-items:center;gap:5px;font-weight:600}
.dash-status .status-line .icon{width:16px;height:16px}
.dash-filter-wrap{position:relative;flex:none}
.dash-filter-button{height:28px;border:1px solid #dedede;border-radius:7px;background:#fff;box-shadow:0 1px 2px #0000000d;color:#3a3a3a;padding:0 9px;display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}
.dash-filter-button:hover,.dash-filter-button[aria-expanded="true"]{border-color:#c8c8c8;background:#fafafa}
.dash-filter-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dash-channel-button{min-width:108px;justify-content:space-between}
.dash-date-menu,.dash-channel-menu{position:absolute;z-index:15;top:32px;left:0;background:#fff;border:1px solid #dedede;border-radius:11px;box-shadow:0 3px 7px #0000001b}
.dash-date-menu{display:flex;width:max-content;min-width:168px;overflow:hidden}
.dash-preset-list{width:168px;padding:12px 14px;display:flex;flex-direction:column;gap:1px;flex:none}
.dash-preset-list button{height:27px;border:0;background:transparent;text-align:left;padding:0 7px;border-radius:6px;color:#3a3a3a;font-size:12px;white-space:nowrap}
.dash-preset-list button:hover,.dash-preset-list button.selected{background:#eee}
.dash-preset-list button.selected{font-weight:600}
.dash-channel-menu{width:253px;padding:7px 11px;display:flex;flex-direction:column}
.dash-channel-menu label{height:36px;display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:13px;cursor:pointer}
.dash-channel-menu label.inactive{color:#777;cursor:default}
.dash-channel-menu input{appearance:none;width:16px;height:16px;flex:none;margin:0;border:1px solid #b9b9b9;border-radius:4px;background:#fff;display:grid;place-items:center}
.dash-channel-menu input:checked{background:#303030;border-color:#303030}
.dash-channel-menu input:checked:after{content:'✓';font-size:12px;color:white;line-height:1}
.dash-channel-menu input:disabled{background:#ededed;border-color:#ededed}
.dash-channel-menu em{font-style:normal;border-radius:8px;background:#f0f0f0;padding:2px 7px;font-size:12px;line-height:16px;color:#666;margin-left:-5px}
.dash-calendar{width:512px;border-left:1px solid #eee;padding:20px 16px 14px}
.dash-calendar-head{height:20px;display:flex;justify-content:space-between;align-items:center}
.dash-calendar-head button{border:0;background:transparent;font-size:25px;line-height:20px;width:25px;height:25px;color:#222}
.dash-calendar-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dash-month strong{display:block;font-size:12px;text-align:center;line-height:20px;margin:-20px 0 14px}
.dash-weekdays,.dash-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}
.dash-weekdays span{font-size:11px;font-weight:600;line-height:25px}
.dash-day{height:32px;min-width:0;border:0;background:transparent;color:#2c2c2c;font-size:12px}
.dash-day.outside{color:#aaa}
.dash-day:disabled{color:#bbb;cursor:not-allowed}
.dash-day.between{background:#eee}
.dash-day.edge{background:#303030;color:white}
.dash-day:not(:disabled):hover{outline:1px solid #555;outline-offset:-1px}
.dash-calendar-foot{display:flex;justify-content:flex-end;align-items:center;gap:8px;border-top:1px solid #ddd;margin-top:15px;padding-top:10px;font-size:12px;color:#555}
.dash-calendar-foot span{margin-right:auto}
.dash-calendar-foot .btn{height:28px;min-height:28px;font-size:12px;padding:3px 9px}
.dash-hours-summary{grid-template-columns:1fr 1fr;gap:32px;margin-top:16px;font-size:13px}
.dash-hours-summary>div{display:block}
.dash-hours-number{display:flex;align-items:baseline;gap:9px;margin-bottom:8px}
.dash-hours-number strong{font-size:24px;line-height:30px}
.dash-hours-number span{font-size:13px;color:#666}
.dash-hours-legend{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#555;line-height:23px}
.dash-hours-legend span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400}
.dash-hours-legend i{width:10px;height:10px;border-radius:2px;display:inline-block}
.dash-hours-legend b{font-size:12px;font-weight:500;color:#777}
.dash-hours-plot{margin-top:30px}
.dash-hours-plot b{left:0;width:20px;height:100%;background:#77bce1}
.dash-savings .btn,.dash-hours .btn{height:28px;min-height:28px;padding:3px 10px;font-size:12px}
.dash-detail-pair .dash-detail-card{height:338px}
.dash-funnel-plot svg{width:210px;height:210px}
.dash-funnel-card{gap:13px}
.dash-freshness::before{content:'ⓘ';font-family:Arial,Helvetica,sans-serif}
@media(max-width:760px){.dash-date-menu{max-width:calc(100vw - 32px)}.dash-calendar{width:min(512px,calc(100vw - 200px));overflow:auto}.dash-calendar-pair{min-width:440px}.dash-filters{flex-wrap:wrap}}
@media(max-width:900px){.dash-chart-legend{flex-wrap:wrap;white-space:normal}.dash-hours-summary{grid-template-columns:1fr 1fr}.dash-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.dash-cards{display:flex}.dash-total,.dash-chart,.dash-three,.dash-two,.dash-savings,.dash-hours,.dash-skills{width:100%}.dash-three,.dash-two{grid-template-columns:1fr}.dash-value-side{height:auto}.dash-value-side .dash-metric{height:auto!important}.dash-plot{height:170px}}

/* Shared dashboard primitives aligned with the observed website-install flow. */
.setup-resume{width:100%;min-height:44px;display:flex;align-items:center;gap:8px;border:0;padding:10px 18px;background:#f8f9fa;text-align:left;color:#303030;font-size:13px}
.setup-resume>span:not(.step-dot){color:#737373}.setup-resume u{margin-left:auto;font-weight:600}
.dashboard-page .setup-step>button{padding:8px 16px;font-weight:400}
.dashboard-page .setup-step>button strong{font-weight:400}
.dashboard-page .setup-step.current>button{padding:14px 16px 4px}
.dashboard-page .setup-step.current>button strong{font-weight:600}
.dashboard-page .setup-step:nth-child(3):not(.current)>button,.dashboard-page .setup-step:last-child:not(.current)>button{padding:8px 16px}
.dashboard-page .setup-step.current .setup-detail{padding:0 39px 15px}
.setup-install{font-size:13px;line-height:20px}.setup-install>p:first-child{margin:12px 0 8px}
.setup-install ol{padding-left:32px;margin:0 0 20px}.setup-install li{margin:6px 0}.setup-install a{text-decoration:underline;font-weight:600}
.setup-install-script{display:flex;align-items:center;width:520px;max-width:100%;height:32px;background:#ececed;border-radius:7px;margin:0 0 20px;padding:0 8px;gap:8px}
.setup-install-script input{min-width:0;width:100%;border:0;background:transparent;font-size:12px;color:#333;text-overflow:ellipsis;outline-offset:2px}
.setup-install-script button{flex:none;display:grid;place-items:center;border:0;background:transparent;color:#666;padding:3px}.setup-install-script svg{width:16px;height:16px}
.setup-install-help{color:#737373;font-size:12px;margin:8px 0 0}
.dash-value-bar.has-value{background:#7bbde2}.dash-neutral{background:#f0f0f0}
.dash-install-help{font-size:13px;line-height:20px;margin:8px 0 12px}
.dash-status .status-card{margin-top:8px}.dash-status .status-line{height:36px}
.dash-empty{display:flex;align-items:center;justify-content:center;flex:1;min-height:120px;padding:24px;background:#fafafa;border-radius:10px;color:#737373;font-size:13px;line-height:20px;text-align:center;margin-top:16px}
.dash-empty-conversations{min-height:136px;margin-top:20px}.dash-conversations:has(.dash-empty){height:auto;min-height:240px}
@media(max-width:640px){.setup-resume{flex-wrap:wrap}.setup-resume>span:not(.step-dot){font-size:12px}.dashboard-page .setup-step.current .setup-detail{padding-left:20px;padding-right:20px}.setup-install-script{width:100%}}

.dashboard-page .setup-body{padding-top:10px;padding-bottom:9px}
.dash-status .btn{font-size:12px;min-height:28px;padding:4px 12px}

.dash-status-icon{width:20px;height:20px;flex:none;display:block}

.dash-trend.negative{color:#b42318}.dash-detail-row>span{min-width:0;overflow-wrap:anywhere}.dash-detail-row>b{flex-shrink:0}