/* Home-only layout polish. Loaded after the shared theme to avoid cross-page conflicts. */

@media(min-width:761px){body[data-page="home"] .app{grid-template-rows:auto auto 300px auto auto!important}}

body[data-page="home"] .topbar{
  display:grid!important;
  grid-template-columns:70px 46px 150px minmax(220px,1fr) 142px 78px!important;
  grid-template-areas:"brand calendar date title filters messages"!important;
  align-items:center!important;
  gap:8px!important;
  min-height:72px!important;
  padding:8px 14px!important;
  overflow:visible!important;
}
body[data-page="home"] .topbar .brand{grid-area:brand!important}
body[data-page="home"] .topbar .brand img{width:58px!important;height:58px!important;object-fit:contain!important}
body[data-page="home"] .topbar .calendar-btn{grid-area:calendar!important;width:42px!important;height:42px!important;margin:0!important}
body[data-page="home"] .topbar .date-wrap{grid-area:date!important;display:grid!important;grid-template-columns:1fr!important;gap:2px!important;align-items:center!important;min-width:0!important}
body[data-page="home"] .topbar .date-block{min-width:0!important;width:100%!important;padding:7px 9px!important;border-radius:11px!important;box-sizing:border-box!important}
body[data-page="home"] .topbar .date-main{font-size:14px!important;line-height:1.35!important;white-space:nowrap!important}
body[data-page="home"] .topbar .date-sub{font-size:9px!important;line-height:1.25!important}
body[data-page="home"] .topbar .outside-clock{font-size:10px!important;line-height:1!important;text-align:center!important;margin:0!important}
body[data-page="home"] .topbar .title{grid-area:title!important;padding:0!important;min-width:0!important;text-align:center!important}
body[data-page="home"] .topbar .title h1{font-size:22px!important;line-height:1.2!important;margin:0 0 3px!important}
body[data-page="home"] .topbar .title span{font-size:11px!important}
body[data-page="home"] .topbar .title-month{display:none!important}
body[data-page="home"] .topbar .header-group{grid-area:group!important}
body[data-page="home"] .topbar .header-theme{grid-area:filters!important;align-self:end!important}
body[data-page="home"] .topbar .header-tools{grid-area:messages!important}
body[data-page="home"] .topbar .header-group,
body[data-page="home"] .topbar .header-theme{display:grid!important;grid-template-columns:28px 1fr!important;gap:3px!important;min-width:0!important;height:28px!important;align-items:center!important}
body[data-page="home"] .topbar .header-group{grid-area:filters!important;align-self:start!important;display:grid!important;grid-template-columns:48px 1fr!important;gap:3px!important;min-width:0!important;height:28px!important;align-items:center!important}
body[data-page="home"] .topbar .header-group>span,
body[data-page="home"] .topbar .header-theme>span{font-size:8px!important;color:#8fa7bd!important;line-height:1!important}
body[data-page="home"] .topbar .header-group select,
body[data-page="home"] .topbar .header-theme select{width:100%!important;min-width:0!important;height:27px!important;padding:3px 7px!important;font-size:9px!important;border-color:rgba(84,128,169,.35)!important;background:rgba(5,24,42,.58)!important}
body[data-page="home"] .topbar .header-tools .icon-btn{width:74px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-color:rgba(87,161,255,.58)!important;background:linear-gradient(145deg,rgba(29,91,158,.42),rgba(18,37,63,.72))!important;box-shadow:0 7px 18px rgba(25,91,172,.2)!important}
body[data-page="home"] .topbar .header-message-icon-shell{width:24px!important;height:24px!important}
body[data-page="home"] .topbar .header-tools .icon-btn::after{content:none!important}

body[data-page="home"] .month-ribbon{min-height:52px!important;padding:7px 9px!important;box-sizing:border-box!important}
body[data-page="home"] .ribbon-row{gap:4px!important;align-items:stretch!important}
body[data-page="home"] .ribbon-day{height:36px!important;min-height:36px!important;border-radius:7px!important;padding:2px 1px!important}
body[data-page="home"] .ribbon-day .num{font-size:12px!important;line-height:1.05!important}
body[data-page="home"] .ribbon-day .wd{font-size:7px!important;line-height:1.05!important;margin-top:2px!important}

body[data-page="home"] .middle-grid{min-height:300px!important;height:300px!important}
body[data-page="home"] .middle-grid .chart{min-height:300px!important;height:300px!important;overflow:hidden!important}
body[data-page="home"] .middle-grid .chart .section-head{padding:10px!important;gap:6px!important;flex-wrap:nowrap!important;display:flex!important;align-items:center!important}
body[data-page="home"] .middle-grid .chart .section-head h2{font-size:14px!important;line-height:1.5!important}
body[data-page="home"] .middle-grid .chart .section-head h2{flex:1!important;min-width:0!important;white-space:nowrap!important}
body[data-page="home"] .middle-grid .chart .section-head select{height:34px!important;min-width:0!important;padding:5px 8px!important;font-size:10px!important}
body[data-page="home"] .middle-grid .chart #trendFilter{width:84px!important;flex:0 0 84px!important}
body[data-page="home"] .middle-grid .chart #teamFilter{width:82px!important;flex:0 0 82px!important}
body[data-page="home"] .middle-grid .chart #trendPeriodLabel,
body[data-page="home"] .middle-grid .chart .trend-summary{display:none!important}
body[data-page="home"] .middle-grid .chart .legend{gap:10px!important;font-size:8px!important;flex-wrap:wrap!important;padding-inline:8px!important}
body[data-page="home"] .middle-grid .chart .trend-summary{margin:6px 9px!important;padding:7px 8px!important;font-size:8px!important;line-height:1.55!important}
body[data-page="home"] .middle-grid .chart .chart-wrap{height:205px!important;min-height:205px!important;max-height:205px!important}

body[data-page="home"] #box05{display:grid!important;grid-template-rows:auto auto 1fr!important;align-content:stretch!important;gap:7px!important;padding:7px!important}
body[data-page="home"] #box05>.threshold{min-height:68px!important;height:auto!important;padding:8px!important;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-areas:"icon label" "icon value" "icon unit"!important;column-gap:8px!important;align-items:center!important;text-align:right!important}
body[data-page="home"] #box05>.threshold>span{grid-area:icon!important;font-size:24px!important}
body[data-page="home"] #box05>.threshold>label{grid-area:label!important;font-size:9px!important}
body[data-page="home"] #box05>.threshold>b{grid-area:value!important;font-size:18px!important}
body[data-page="home"] #box05>.threshold>small{grid-area:unit!important;font-size:8px!important}
body[data-page="home"] #box05 .mini-goals-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
body[data-page="home"] #box05 .mini-goal{min-height:48px!important;padding:6px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;text-align:center!important}
body[data-page="home"] #box05 .mini-goal span{font-size:8px!important}
body[data-page="home"] #box05 .mini-goal b{font-size:13px!important}
body[data-page="home"] #box05 .embedded-team-summary{min-height:0!important;height:auto!important;padding:7px!important;display:grid!important;grid-template-rows:auto 1fr auto!important;gap:6px!important;align-content:stretch!important}
body[data-page="home"] #box05 .embedded-team-summary h2{font-size:10px!important;margin:0!important;text-align:center!important}
body[data-page="home"] #box05 .team-summary-kpis{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;align-items:stretch!important}
body[data-page="home"] #box05 .team-summary-kpis>div{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;min-width:0!important;padding:5px 2px!important;text-align:center!important}
body[data-page="home"] #box05 .team-summary-kpis span{font-size:9px!important;white-space:normal!important;line-height:1.35!important}
body[data-page="home"] #box05 .team-summary-kpis b{font-size:15px!important}
body[data-page="home"] #box05 .team-groups-mini{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;padding-top:5px!important;margin:0!important}
body[data-page="home"] #box05 .team-groups-mini>div{font-size:8.5px!important;text-align:center!important;white-space:nowrap!important}

body[data-page="home"] #box04 .podium-person{align-self:end!important}
body[data-page="home"] #box04 .podium-person.first .stand{height:150px!important}
body[data-page="home"] #box04 .podium-person.second .stand{height:132px!important}
body[data-page="home"] #box04 .podium-person.third .stand{height:116px!important}

body[data-page="home"] #box07 .table-title{min-height:34px!important;padding:7px 12px!important;box-sizing:border-box!important}
body[data-page="home"] #box07 .all-details-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:28px!important;padding:5px 11px!important;border-radius:8px!important;font-size:10.5px!important;line-height:1!important;font-weight:800!important}
body[data-page="home"] #box07 table{width:100%!important;min-width:0!important;table-layout:fixed!important}
body[data-page="home"] #box07 th,
body[data-page="home"] #box07 td{min-width:0!important;padding-inline:2px!important;overflow:hidden!important;text-overflow:ellipsis!important}
body[data-page="home"] #box07 thead th{height:82px!important;vertical-align:middle!important;overflow:visible!important;text-overflow:clip!important}
body[data-page="home"] #box07 thead th:nth-child(n+8){writing-mode:vertical-rl!important;transform:rotate(180deg)!important;white-space:nowrap!important;font-size:8.5px!important;padding:5px 1px!important}
body[data-page="home"] #box07 tbody tr{height:42px!important}
body[data-page="home"] #box07 th:nth-child(1),body[data-page="home"] #box07 td:nth-child(1){width:4%!important}
body[data-page="home"] #box07 th:nth-child(2),body[data-page="home"] #box07 td:nth-child(2){width:15%!important}
body[data-page="home"] #box07 th:nth-child(n+3):nth-child(-n+7),body[data-page="home"] #box07 td:nth-child(n+3):nth-child(-n+7){width:4%!important}
body[data-page="home"] #box07 th:nth-child(8),body[data-page="home"] #box07 td:nth-child(8){width:7%!important}
body[data-page="home"] #box07 th:nth-child(n+9):nth-child(-n+11),body[data-page="home"] #box07 td:nth-child(n+9):nth-child(-n+11){width:5%!important}
body[data-page="home"] #box07 th:nth-child(12),body[data-page="home"] #box07 td:nth-child(12){width:7%!important}
body[data-page="home"] #box07 th:nth-child(13),body[data-page="home"] #box07 td:nth-child(13){width:8%!important}
body[data-page="home"] #box07 th:nth-child(14),body[data-page="home"] #box07 td:nth-child(14){width:6%!important}
body[data-page="home"] #box07 th:nth-child(15),body[data-page="home"] #box07 td:nth-child(15){width:7%!important}
body[data-page="home"] #box07 th:nth-child(16),body[data-page="home"] #box07 td:nth-child(16){width:7%!important}

body[data-page="home"] .challenges{min-height:0!important;height:auto!important;padding-bottom:7px!important;overflow:hidden!important}
body[data-page="home"] .challenges .section-head{min-height:38px!important;padding:9px 11px 7px!important;justify-content:flex-start!important}
body[data-page="home"] .challenges .section-head h2{font-size:13px!important;line-height:1.35!important}
body[data-page="home"] .challenge-grid{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(3,auto)!important;gap:6px!important;padding:0 8px 7px!important;overflow:visible!important}
body[data-page="home"] .challenge-card{display:grid!important;grid-template-columns:1fr!important;height:auto!important;min-height:0!important;padding:7px 8px!important;gap:4px!important;overflow:visible!important}
body[data-page="home"] .challenge-card .challenge-top{display:grid!important;grid-template-columns:25px minmax(0,1fr) auto!important;gap:5px!important;align-items:center!important}
body[data-page="home"] .challenge-card .challenge-icon{font-size:17px!important}
body[data-page="home"] .challenge-card b{font-size:10px!important;line-height:1.35!important;text-align:right!important}
body[data-page="home"] .challenge-card em{font-size:9px!important;padding:3px 5px!important;border-radius:999px!important}
body[data-page="home"] .challenge-card p{margin:0 30px 0 0!important;font-size:8.6px!important;line-height:1.55!important;text-align:right!important;white-space:normal!important}

body[data-page="home"] .motivation{min-height:68px!important;height:68px!important;margin-top:7px!important;padding:9px 16px!important;box-sizing:border-box!important}
body[data-page="home"] .motivation-copy{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
body[data-page="home"] .motivation-copy strong{font-size:12.5px!important;line-height:1.6!important}
body[data-page="home"] .motivation .rocket,
body[data-page="home"] .motivation .trophy{font-size:27px!important}

@media(max-width:1000px){
  body[data-page="home"] .topbar{grid-template-columns:58px 42px 136px minmax(170px,1fr) 130px 72px!important}
  body[data-page="home"] .topbar .brand img{width:52px!important;height:52px!important}
}
@media(max-width:760px){
  body[data-page="home"] .topbar{grid-template-columns:48px minmax(0,1fr) 74px!important;grid-template-areas:"brand title messages" "date date calendar" "filters filters filters"!important;min-height:0!important}
  body[data-page="home"] .topbar .date-wrap{grid-template-columns:1fr auto!important}
  body[data-page="home"] .topbar .header-group,
  body[data-page="home"] .topbar .header-theme{display:grid!important}
  body[data-page="home"] .ribbon-row{flex-wrap:wrap!important}
  body[data-page="home"] .ribbon-day{flex:0 0 calc(14.285% - 4px)!important;height:38px!important}
  body[data-page="home"] #box07 th,body[data-page="home"] #box07 td{font-size:7px!important;padding-inline:1px!important}
}

/* V90 — compact header, clickable date, readable themes and responsive headings */
body[data-page="home"]{font-size:clamp(13px,.34vw + 10px,16px)!important}
body[data-page="home"] .topbar{grid-template-columns:70px 158px minmax(210px,1fr) 174px 102px!important;grid-template-areas:"brand date title filters messages"!important}
body[data-page="home"] .date-wrap{appearance:none;border:0;background:transparent;padding:0;font-family:inherit;color:inherit;cursor:pointer;text-align:inherit;border-radius:12px;transition:transform .16s ease,filter .16s ease}
body[data-page="home"] .date-wrap:hover{transform:translateY(-1px);filter:brightness(1.06)}
body[data-page="home"] .date-wrap:focus-visible{outline:3px solid rgba(91,123,255,.55);outline-offset:3px}
body[data-page="home"] .date-wrap .date-block{background:linear-gradient(145deg,#ffd052,#eea313)!important;color:#181207!important;box-shadow:0 8px 22px rgba(238,169,35,.24)!important}
body[data-page="home"] .date-wrap .date-main{font-size:clamp(14px,.35vw + 10px,17px)!important;color:#181207!important}
body[data-page="home"] .date-wrap .date-sub{font-size:clamp(10px,.2vw + 8px,12px)!important;color:#3b2a09!important}
body[data-page="home"] .header-selectors{grid-area:filters;display:grid;grid-template-columns:1fr 1fr;gap:6px;min-width:0}
body[data-page="home"] .topbar .header-selectors .header-group,body[data-page="home"] .topbar .header-selectors .header-theme{grid-area:auto!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;height:30px!important;align-self:auto!important;gap:3px!important}
body[data-page="home"] .topbar .header-selectors select{width:100%!important;height:30px!important;min-width:0!important;padding:2px 5px!important;font-size:10px!important}
body[data-page="home"] .topbar .header-selectors>label{grid-template-columns:30px 54px!important;width:87px!important;box-sizing:border-box!important}body[data-page="home"] .topbar .header-selectors #groupFilter,body[data-page="home"] .topbar .header-selectors #themeFilter{width:54px!important;min-width:54px!important;max-width:54px!important}
body[data-page="home"] .topbar .header-selectors span{font-size:8px!important;color:#8099af!important}
body[data-page="home"] .messages-header-btn{width:96px!important;height:46px!important;border:1px solid rgba(155,146,255,.65)!important;background:linear-gradient(135deg,#237fe3,#7653df)!important;color:#fff!important;box-shadow:0 8px 24px rgba(73,82,224,.32)!important;animation:messageGlow 3.2s ease-in-out infinite}
body[data-page="home"] .messages-header-btn::after{content:none!important}
body[data-page="home"] .messages-header-btn span{font-size:18px}body[data-page="home"] .messages-header-btn b{font-size:11px!important;color:#fff!important}
@keyframes messageGlow{0%,100%{box-shadow:0 8px 22px rgba(63,92,224,.24)}50%{box-shadow:0 8px 28px rgba(120,79,229,.48)}}
body[data-page="home"] :is(.section-head h2,.table-title-main,.challenge-card b,.challenge-card p,.team-summary-kpis span,.best-card span){font-size:clamp(10px,.32vw + 7px,14px)!important}
body[data-page="home"] #box05 .team-summary-kpis b{font-size:clamp(15px,.5vw + 10px,21px)!important}
body[data-page="home"] .month-ribbon .ribbon-day .num{font-size:clamp(12px,.28vw + 9px,16px)!important}
body[data-page="home"] .month-ribbon .ribbon-day .wd{font-size:clamp(7px,.18vw + 5px,10px)!important}

/* The popup calendar deliberately remains dark in all three themes. */
html[data-theme] body[data-page="home"] .calendar-panel{background:linear-gradient(145deg,#081d34,#061426)!important;border:1px solid #295b86!important;color:#f4f8ff!important;box-shadow:0 25px 70px rgba(0,0,0,.55)!important}
html[data-theme] body[data-page="home"] .calendar-panel :is(h3,.weekdays div){color:#e9f3ff!important}
html[data-theme] body[data-page="home"] .calendar-panel .day{background:#0b2947!important;border:1px solid #204d73!important;color:#fff!important}
html[data-theme] body[data-page="home"] .calendar-panel .day:hover{background:#16476f!important;border-color:#70b7ff!important}
html[data-theme] body[data-page="home"] .calendar-panel .day.friday{background:#402466!important;border-color:#7852aa!important}
html[data-theme] body[data-page="home"] .calendar-panel .day.holiday{background:#68263a!important;border-color:#ad506a!important}
html[data-theme] body[data-page="home"] .calendar-panel .day.selected{background:linear-gradient(145deg,#ffd13d,#ff8613)!important;color:#151008!important;border-color:#ffe48b!important}
html[data-theme="day"] body[data-page="home"] .month-ribbon .ribbon-day{background:#092139!important;border-color:#244d70!important}html[data-theme="day"] body[data-page="home"] .month-ribbon .ribbon-day .num{color:#fff!important;text-shadow:0 1px 2px #000!important}html[data-theme="day"] body[data-page="home"] .month-ribbon .ribbon-day .wd{color:#c4d7e8!important}html[data-theme="day"] body[data-page="home"] .month-ribbon .ribbon-day.friday{background:#43256a!important}html[data-theme="day"] body[data-page="home"] .month-ribbon .ribbon-day.holiday{background:#70253b!important}html[data-theme="day"] body[data-page="home"] .month-ribbon .ribbon-day.no-data{opacity:.8!important}html[data-theme="glass"] body[data-page="home"] .month-ribbon .ribbon-day.no-data{opacity:.82!important}

@media(min-width:1100px){body[data-page="home"] #box07 thead th{height:48px!important;writing-mode:horizontal-tb!important;transform:none!important;white-space:normal!important;font-size:clamp(9px,.22vw + 7px,12px)!important;line-height:1.35!important;padding:5px 2px!important}}
@media(max-width:900px){body[data-page="home"] .topbar{grid-template-columns:58px minmax(190px,1fr) 96px!important;grid-template-areas:"brand title messages" "date date date" "filters filters filters"!important}body[data-page="home"] .header-selectors{width:min(360px,100%);justify-self:center}body[data-page="home"] #box07 thead th:nth-child(n+3){height:82px!important;writing-mode:vertical-rl!important;transform:rotate(180deg)!important;white-space:nowrap!important;font-size:9px!important}body[data-page="home"] #box07 thead th:nth-child(-n+2){writing-mode:horizontal-tb!important;transform:none!important}}
@media(max-width:560px){body[data-page="home"] .topbar{grid-template-columns:48px minmax(0,1fr) 88px!important}body[data-page="home"] .topbar .title h1{font-size:20px!important}body[data-page="home"] .messages-header-btn{width:86px!important}.user-admin-nav{grid-template-columns:1fr}}

/* V90.1 — day-theme header arrangement */
body[data-page="home"] .header-selectors{grid-template-columns:87px!important;grid-template-rows:30px 30px!important;gap:4px!important;width:87px!important;justify-self:center!important}
body[data-page="home"] .messages-header-btn{height:58px!important;width:78px!important;flex-direction:column!important;gap:3px!important;padding:5px!important;background:linear-gradient(145deg,#55a8f5,#8a70ed)!important;border-color:rgba(76,91,211,.72)!important}
body[data-page="home"] .messages-header-btn .header-message-icon-shell{width:25px!important;height:25px!important;color:inherit!important}
body[data-page="home"] .messages-header-btn .header-message-label{font-size:10px!important;line-height:1!important}
html[data-theme="day"] body[data-page="home"] .messages-header-btn,html[data-theme="day"] body[data-page="home"] .messages-header-btn b,html[data-theme="day"] body[data-page="home"] .messages-header-btn svg{color:#0a1017!important;stroke:#0a1017!important;text-shadow:none!important}
html[data-theme="day"] body[data-page="home"] .topbar .header-selectors span{color:#0a1017!important;font-weight:900!important}
@media(max-width:900px){body[data-page="home"] .header-selectors{width:87px!important}body[data-page="home"] .messages-header-btn{width:78px!important}}
body[data-page="home"] .topbar .header-tools .messages-header-btn{width:80px!important;height:58px!important;min-width:80px!important;min-height:58px!important;flex-direction:column!important;gap:3px!important}
body[data-page="home"] .header-selectors{width:100px!important;grid-template-columns:100px!important}
body[data-page="home"] .topbar .header-selectors>label{width:100px!important;grid-template-columns:30px 67px!important}
body[data-page="home"] .topbar .header-selectors #groupFilter,body[data-page="home"] .topbar .header-selectors #themeFilter{width:67px!important;min-width:67px!important;max-width:67px!important}
html[data-theme="day"] body[data-page="home"] :is(p,small,label,span,b,strong,h1,h2,h3,h4){color:#080d13!important;text-shadow:none!important}
html[data-theme="day"] body[data-page="home"] .month-ribbon .ribbon-day:not(.today) :is(.num,.wd){color:#fff!important;text-shadow:0 1px 2px #000!important}
html[data-theme="day"] body[data-page="home"] .month-ribbon .ribbon-day.today :is(.num,.wd){color:#080d13!important;text-shadow:none!important}
html[data-theme="day"] body[data-page="home"] .messages-header-btn :is(span,b){color:#080d13!important}
html[data-theme="day"] body[data-page="home"] .app :is(div,section,article,header,footer,table,th,td){color:#080d13!important;text-shadow:none!important}
html[data-theme="day"] body[data-page="home"] .topbar :is(.outside-clock,.outside-clock span,.title span,.header-group,.header-theme){color:#080d13!important;text-shadow:none!important}

/* V91 — lightweight flip clock beside the yellow date */
body[data-page="home"] .topbar{grid-template-columns:70px 282px minmax(150px,1fr) 100px 80px!important;grid-template-areas:"brand date title filters messages"!important}
body[data-page="home"] .topbar .date-wrap{display:grid!important;grid-template-columns:minmax(132px,1fr) auto!important;gap:7px!important;align-items:center!important;width:100%!important;max-width:none!important;justify-self:stretch!important}
body[data-page="home"] .topbar .outside-clock{direction:ltr!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;margin:0!important;padding:4px!important;border-radius:9px!important;background:#05070a!important;border:1px solid #20252b!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 5px 14px rgba(0,0,0,.22)!important;box-sizing:border-box!important}
body[data-page="home"] .flip-digit{position:relative!important;width:15px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:4px!important;background:linear-gradient(180deg,#1a1d21 0 48%,#080a0d 49% 100%)!important;border:1px solid #292d33!important;color:#f7f8fa!important;font:800 15px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;overflow:hidden!important}
body[data-page="home"] .flip-digit::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#000;opacity:.85}
body[data-page="home"] .flip-digit.changed{animation:flipTick .16s ease-out}
body[data-page="home"] .flip-separator{color:#e8ebef!important;font:900 14px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;transform:translateY(-1px)}
@keyframes flipTick{0%{transform:rotateX(55deg);filter:brightness(1.35)}100%{transform:rotateX(0);filter:none}}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .flip-digit.changed{animation:none}}
@media(max-width:1000px) and (min-width:901px){body[data-page="home"] .topbar{grid-template-columns:58px 258px minmax(130px,1fr) 100px 80px!important}body[data-page="home"] .flip-digit{width:13px!important;font-size:13px!important}}
@media(max-width:900px){body[data-page="home"] .topbar .date-wrap{width:min(300px,100%)!important;justify-self:center!important}body[data-page="home"] .flip-digit{width:14px!important}}
html[data-theme="day"] body[data-page="home"] .flip-digit,html[data-theme="day"] body[data-page="home"] .flip-separator{color:#fff!important}
html[data-theme="day"] body[data-page="home"] .app .topbar .outside-clock :is(.flip-digit,.flip-separator){color:#fff!important;text-shadow:none!important}
html[data-theme="day"] body[data-page="home"] .messages-header-btn :is(span,b),html[data-theme="day"] body[data-page="home"] .messages-header-btn svg{color:#fff!important;stroke:#fff!important}

/* V98 — final home feedback: LTR ribbon, no quick strip, readable KPIs */
body[data-page="home"] #monthRibbon,
body[data-page="home"] #monthRibbon .ribbon-row{direction:ltr!important}
body[data-page="home"] #monthRibbon .ribbon-row{flex-direction:row!important}
body[data-page="home"] #monthRibbon .ribbon-day{direction:rtl!important}
body[data-page="home"] .home-quick-strip{display:none!important}

body[data-page="home"] #box05 .mini-goals-row .mini-goal{
  min-height:48px!important;
  padding:6px 8px!important;
  display:flex!important;
  flex-direction:row!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:6px!important;
}
body[data-page="home"] #box05 .mini-goals-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body[data-page="home"] #box05 .mini-goals-row .mini-goal span{
  font-size:clamp(10px,.24vw + 7px,13px)!important;
  line-height:1.25!important;
  font-weight:850!important;
}
body[data-page="home"] #box05 .mini-goals-row .mini-goal b{
  font-size:clamp(17px,.48vw + 10px,23px)!important;
  line-height:1!important;
  font-weight:950!important;
}

body[data-page="home"] .challenge-card .challenge-top em{
  inline-size:34px!important;
  block-size:24px!important;
  min-inline-size:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:7px!important;
  font-size:clamp(9px,.16vw + 7px,11px)!important;
  line-height:1!important;
  box-sizing:border-box!important;
  padding:0!important;
  margin:0!important;
}

body[data-page="home"] .topbar{
  grid-template-columns:70px 282px minmax(150px,1fr) 108px 80px!important;
}
body[data-page="home"] .header-selectors{
  width:108px!important;
  grid-template-columns:108px!important;
  grid-template-rows:30px 30px!important;
  gap:4px!important;
}
body[data-page="home"] .topbar .header-selectors>label{
  width:108px!important;
  height:30px!important;
  grid-template-columns:32px 73px!important;
  gap:3px!important;
  align-items:center!important;
  box-sizing:border-box!important;
  padding:0!important;
  margin:0!important;
}
body[data-page="home"] .topbar .header-selectors>label>span{
  width:32px!important;
  font-size:9px!important;
  line-height:1!important;
  text-align:center!important;
}
body[data-page="home"] .topbar .header-selectors #groupFilter,
body[data-page="home"] .topbar .header-selectors #themeFilter{
  width:73px!important;
  min-width:73px!important;
  max-width:73px!important;
  height:30px!important;
  padding:2px 6px!important;
  border-radius:9px!important;
  font-size:10px!important;
  font-weight:900!important;
  box-sizing:border-box!important;
}
@media(max-width:1000px) and (min-width:901px){body[data-page="home"] .topbar{grid-template-columns:58px 258px minmax(130px,1fr) 108px 80px!important}}
@media(max-width:900px){body[data-page="home"] .header-selectors{width:108px!important}}