.native-home{font-family:Roboto,Arial,sans-serif;padding:24px;background:#f7f8fa;min-height:calc(100vh - 110px);color:#333}
.native-home h1{font-size:26px;font-weight:400;margin:0 auto 0 0}
.home-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:24px;background:#fff;border:1px solid #e3e6e9;border-radius:4px}
.home-filters input{width:150px;margin:0}.home-filters span:last-child{width:100%;text-align:right;font-size:12px;color:#68737c}.home-payment{min-width:130px;max-height:65px}
.home-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:20px 0;align-items:stretch}
.home-column-title{font-size:16px!important;font-weight:500;margin:0!important;color:#68737c}.home-column-title:nth-child(4){grid-column:4/6}
.home-kpi,.home-sentiment{background:#fff;border:1px solid #e3e6e9;border-radius:4px;padding:24px;text-align:center;min-height:175px}
.home-kpi-sent{grid-area:2/1/3/2}.home-kpi-views{grid-area:2/2/3/3}.home-kpi-nps{grid-area:2/3/3/4}.home-kpi-videos{grid-area:3/1/4/2}.home-kpi-shares{grid-area:3/2/4/3}.home-kpi-pulse{grid-area:3/3/4/4}
.home-kpi-value{font-size:44px;line-height:1.2;margin:20px 0 8px;color:#34495e}.home-kpi h2{font-size:15px;line-height:20px;font-weight:500;margin:0 0 10px}.home-kpi small{color:#777;font-size:11px}
.home-sentiment{grid-area:2/4/4/6;text-align:left;padding:0 16px;max-height:480px;overflow:auto}.home-sentiment h2{font-size:12px;font-weight:700;padding:10px 0;border-bottom:1px solid #eee}
.home-sentiment-item{padding:12px 0;border-bottom:1px solid #eee}.home-sentiment-item small{display:block;color:#777}.home-sentiment-item p{white-space:pre-wrap;overflow-wrap:anywhere}.home-sentiment-badge{padding:4px 8px;border-radius:4px;font-size:12px}.sentiment-PO,.sentiment-VPO{background:#d9edda}.sentiment-SPO{background:#edf6ed}.sentiment-NEU{background:#fff5ce}.sentiment-SNE{background:#fceaea}.sentiment-NE,.sentiment-VNE{background:#f6cdcd}.home-data-status{margin:16px 0;color:#68737c}
@media(max-width:850px){.home-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.home-column-title:nth-child(4){display:none}.home-sentiment{grid-area:4/1/5/4}.home-kpi{padding:12px}.home-kpi-value{font-size:34px}.native-home{padding:16px}}
.home-report-table{border-collapse:collapse;width:100%;background:#fff;margin:20px 0}.home-report-table th,.home-report-table td{padding:12px;border-bottom:1px solid #eee;text-align:left;overflow-wrap:anywhere}.home-report-pagination{display:flex;align-items:center;gap:20px}.home-report-link{display:block;font-size:12px;margin-top:12px}
.home-report-filters{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.home-report-filters label{display:flex;flex-direction:column;font-size:12px}.home-report-filters select{min-width:125px;max-width:200px;height:65px}.home-report-summary{display:flex;gap:24px;background:white;padding:16px}.home-report-aggregates{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-report-summary,.home-report-chart{grid-column:1/-1}.home-report-chart{background:white;width:100%;max-height:300px;font-size:12px}.home-report-table{font-size:13px}

/* Homepage values and geometry follow supplied dashboard-ui report-card/dashboard styles. */
@font-face{font-family:HomeOpenSans;src:url('/fonts/open-sans-400-latin.woff2')}@font-face{font-family:HomeOpenSans;src:url('/fonts/open-sans-600-latin.woff2');font-weight:600}@font-face{font-family:HomeOpenSans;src:url('/fonts/open-sans-700-latin.woff2');font-weight:700}@font-face{font-family:HomeMaterial;src:url('/fonts/material-icons-v145.woff2')}
.native-home-dashboard{font-family:HomeOpenSans,'Open Sans',sans-serif;background:#ebf1f7;color:#40566c;padding:36px 20px 20px}
.native-home-dashboard .home-filters{box-sizing:border-box;min-height:108px;padding:24px;margin:0 0 24px;box-shadow:0 0 20px #26394f33;border-radius:4px;gap:12px}
.native-home-dashboard h1{font-family:inherit;font-size:18px;font-weight:600}
.home-date-range{position:relative;display:flex;align-items:center;gap:6px;border:1px solid #999;border-radius:4px;margin:0;padding:13px 12px;min-width:0}
.home-date-range legend{position:absolute;top:-12px;left:10px;width:auto;padding:0 4px;margin:0;background:white;border:0;font-size:12px;line-height:20px;color:#666}
.native-home-dashboard .home-date-range input{border:0;box-shadow:none;padding:0;width:126px;background:white;font:14px HomeOpenSans;color:#666}
.native-home-dashboard .home-date-range span{width:auto;font-size:14px;color:#666}
.home-pay-label{position:relative;box-sizing:border-box;width:198px;height:56px;padding:16px;border:1px solid #999;border-radius:4px;font-size:16px;color:#777;margin:0}
.home-pay-label .home-payment{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.home-pay-label:focus-within .home-payment{opacity:1;background:white}.home-pay-label:focus-within{outline:2px solid #3988ce}
.home-filter-apply{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.home-filter-apply:focus{position:static;width:auto;height:auto;clip-path:none}
.native-home-dashboard .home-data-status{font-size:12px;margin:0 0 12px}.native-home-dashboard .home-data-status:empty{display:none}
.native-home-dashboard .home-kpis{margin:0;gap:16px;grid-template-rows:42px repeat(2,minmax(200px,250px))}
.native-home-dashboard .home-column-title{display:flex;align-items:center;justify-content:center;padding-bottom:14px;font-size:16px!important;font-weight:600;gap:6px;color:#40566c}
.home-material-icon{font:28px HomeMaterial;color:#3889ce;line-height:28px}
.native-home-dashboard .home-kpi{position:relative;box-sizing:border-box;max-width:250px;min-height:0;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 20px #26394f33;border-radius:4px}
.native-home-dashboard .home-kpi-value{font-size:48px;font-weight:700;color:#3889ce;margin:0 0 22px}.native-home-dashboard .home-kpi h2{font:600 12px HomeOpenSans;margin:0}.native-home-dashboard .home-kpi small{font:11px HomeOpenSans;margin-top:4px;color:#40566c}
.native-home-dashboard .home-report-link{position:absolute;inset:0;font-size:0;margin:0;border-radius:4px}.native-home-dashboard .home-kpi:has(a:hover){box-shadow:-5px 5px 15px #0005}.native-home-dashboard .home-report-link:focus-visible{outline:3px solid #297cd6}
.native-home-dashboard .home-vqs-link{font-size:48px;font-weight:700;color:#3889ce;line-height:1.1}.native-home-dashboard .home-vqs-link:after{content:'';position:absolute;inset:0}.native-home-dashboard .home-kpi-shares p{font:600 13px/1.35 HomeOpenSans;margin:16px 0 0}
.native-home-dashboard .home-sentiment{box-shadow:0 0 20px #26394f33;max-height:none;display:flex;flex-direction:column;padding:0 16px 16px}.native-home-dashboard .home-sentiment>div{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:14px}.native-home-dashboard .home-sentiment>a{text-align:center;padding:12px}.native-home-dashboard .home-sentiment h2{font:700 12px HomeOpenSans;padding:16px 0 8px;margin:0}
@media(max-width:850px){.native-home-dashboard .home-kpis{grid-template-rows:42px repeat(2,minmax(180px,220px)) auto}.native-home-dashboard .home-filters h1{width:100%;margin-bottom:12px}.native-home-dashboard .home-sentiment{min-height:300px}}

/* Match dashboard-ui's constrained container and two-column sentiment rows. */
.native-home-dashboard{margin-top:30px;box-sizing:border-box}
.home-dashboard-body{position:relative;max-width:1400px;margin:auto}
.native-home-dashboard .home-filters,.native-home-dashboard .home-kpi,.native-home-dashboard .home-sentiment{box-shadow:0 0 20px #0003}
.home-vqs-emphasis{color:#297cd6;text-decoration:underline}
.native-home-dashboard .home-data-status{position:absolute;top:112px;left:0;font-size:10px;line-height:14px;margin:0}
.native-home-dashboard .home-kpis{grid-template-rows:42px repeat(2,242px)}
.native-home-dashboard .home-date-range{width:266px;height:56px;box-sizing:border-box;gap:4px}
.native-home-dashboard .home-date-range input{width:111px;min-width:0;font-size:14px}
.native-home-dashboard .home-date-range input:first-of-type{width:99px}
.native-home-dashboard .home-date-range input:first-of-type::-webkit-calendar-picker-indicator{display:none}
.native-home-dashboard .home-kpi-shares p{font-weight:600;font-size:13px}
.native-home-dashboard .home-sentiment{min-height:0;height:500px;overflow:hidden;padding:0 16px;justify-content:flex-start;text-align:left}
.native-home-dashboard .home-sentiment h2{flex:none;align-self:stretch;height:41px;box-sizing:border-box;padding:16px 0 10px;border-bottom:1px solid #ebf1f7;color:#2e445e}
.native-home-dashboard .home-sentiment>.home-sentiment-list{flex:none;height:406px;min-height:0;overflow-y:auto;display:block;text-align:left;padding-top:10px;box-sizing:border-box;scrollbar-gutter:stable}
.native-home-dashboard .home-sentiment>.home-sentiment-list:not(:has(article)){display:flex;align-items:center;justify-content:center;color:#6d7e91}
.native-home-dashboard .home-sentiment-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 0;border:0;border-top:1px solid #ebf1f7;box-sizing:border-box;text-align:left}
.native-home-dashboard .home-sentiment-item:first-child{border-top:0}
.home-sentiment-content{display:flex;flex-direction:column;min-width:0;max-width:75%;flex:1}
.home-sentiment-meta{display:flex;flex-direction:column;align-items:flex-end;flex:none}
.native-home-dashboard .home-sentiment-item strong{font:700 12px/14px HomeOpenSans;color:#2e445e;padding-bottom:6px;text-transform:capitalize}
.native-home-dashboard .home-sentiment-item p{font:400 12px/14px HomeOpenSans;color:#6d7e91;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.native-home-dashboard .home-sentiment-item small{font:400 12px/14px HomeOpenSans;color:#6d7e91;padding-bottom:6px;white-space:nowrap}
.native-home-dashboard .home-sentiment-badge{font:600 10px/11px HomeOpenSans;letter-spacing:.03em;text-transform:uppercase;border-radius:16px;padding:5px;white-space:nowrap;box-sizing:border-box;text-align:center;width:100%;color:#402c1b}
.native-home-dashboard .sentiment-PO,.native-home-dashboard .sentiment-VPO{background:#b3cbbc}
.native-home-dashboard .sentiment-SPO{background:#dbeddb}
.native-home-dashboard .sentiment-NEU{background:#fdecc8}
.native-home-dashboard .sentiment-SNE{background:#ffe2dd}
.native-home-dashboard .sentiment-NE,.native-home-dashboard .sentiment-VNE{background:#e89997}
.native-home-dashboard .home-sentiment>a{display:block;flex:none;padding:12px;line-height:16px;font-size:13px;font-weight:600;color:#3889ce;align-self:stretch}
@media(max-width:850px){.native-home-dashboard .home-data-status{position:static;margin:-12px 0 12px}.native-home-dashboard .home-kpis{grid-template-rows:42px repeat(2,minmax(180px,220px)) auto}.native-home-dashboard .home-sentiment{height:500px}.native-home-dashboard .home-date-range{width:266px}.home-sentiment-content{max-width:70%}}
