/* v137 — regression lock: donut above, legend below (Admin Weekly + Quarterly) */
.weekly-donut-layout,.quarter-donut-layout{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  width:100%!important;
  min-height:0!important;
}
.weekly-donut-box,.quarter-donut-box{width:100%!important;display:grid!important;place-items:center!important}
.weekly-donut{width:min(285px,74vw)!important}
.quarter-donut{width:min(245px,70vw)!important}
.weekly-donut-layout .pie-legend,.quarter-donut-layout .pie-legend{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.weekly-donut-layout .pie-total,.quarter-donut-layout .pie-total{grid-column:1/-1!important}
@media(max-width:700px){
  .weekly-donut-layout .pie-legend,.quarter-donut-layout .pie-legend{grid-template-columns:1fr!important}
  .weekly-donut-layout .pie-total,.quarter-donut-layout .pie-total{grid-column:auto!important}
}

/* v140 — Yearly Reports + mobile Actions/WoW visibility + directional WoW icon */
/* v141 — bounded WoW engagement movement (−100% to +100%) */
/* v142 — directional arrows only in the comparison line, never beside the main WoW value */
/* v143 — mirror bounded engagement movement in Public Weekly and Quarterly Admin/Public */
.yearly-workspace{display:grid;gap:16px}
.yearly-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:27px 29px;border-radius:24px;background:linear-gradient(135deg,#092f73 0%,#1453a3 63%,#07824e 135%);color:#fff;box-shadow:0 16px 38px rgba(17,55,110,.14)}
.yearly-hero small{font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:#c9dcff}.yearly-hero h1{margin:7px 0 7px;font-size:32px;line-height:1.05;letter-spacing:-.6px}.yearly-hero p{margin:0;max-width:790px;color:rgba(255,255,255,.82);font-size:12px;line-height:1.55}.yearly-hero-year{font-size:58px;font-weight:950;line-height:.9;letter-spacing:-2px;color:#fff;white-space:nowrap}
.yearly-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:15px 17px;border:1px solid #e3e9f2;border-radius:18px;background:#fff}.yearly-toolbar label{display:grid;gap:6px;min-width:140px;font-size:9px;font-weight:950;color:#687a91;text-transform:uppercase;letter-spacing:.07em}.yearly-toolbar select{border:1px solid #d7e0ec;border-radius:11px;padding:10px 12px;background:#fff;font:inherit;color:#25364a}.yearly-summary{margin-left:auto;padding:10px 12px;border-radius:12px;background:#f5f8fc;color:#61748d;font-size:10px;font-weight:800}
.yearly-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.yearly-month-card{border:1px solid #e0e8f2;border-radius:19px;background:#fff;overflow:hidden;box-shadow:0 9px 24px rgba(18,45,79,.045)}.yearly-month-toggle{width:100%;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:0;background:#fff;padding:16px 17px;text-align:left;cursor:pointer;color:inherit}.yearly-month-toggle:hover{background:#f8fbff}.yearly-month-name small{display:block;font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;color:#00a651}.yearly-month-name strong{display:block;margin-top:4px;color:#173a67;font-size:18px}.yearly-month-count{display:grid;justify-items:end;gap:4px}.yearly-month-count b{font-size:20px;color:#173a67}.yearly-month-count span{font-size:8px;color:#7d8ca0;text-transform:uppercase;font-weight:900}.yearly-chevron{display:inline-block;margin-left:6px;transition:transform .18s ease}.yearly-month-card.open .yearly-chevron{transform:rotate(180deg)}
.yearly-month-reports{display:none;border-top:1px solid #edf1f6;padding:10px}.yearly-month-card.open .yearly-month-reports{display:grid;gap:8px}.yearly-week-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid #e5ebf3;border-radius:13px;background:#fbfcfe}.yearly-week-copy strong{display:block;font-size:11px;color:#263b57}.yearly-week-copy span{display:inline-flex;margin-top:5px;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.yearly-week-copy span.final{background:#e2f6e9;color:#0a7440}.yearly-week-copy span.draft{background:#fff2d1;color:#8a5b00}.yearly-view-week{border:1px solid #d5e1ef;background:#fff;color:#17457e;border-radius:10px;padding:8px 10px;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.yearly-view-week:hover{background:#edf5ff}.yearly-empty{padding:17px 12px;text-align:center;border:1px dashed #dce4ee;border-radius:12px;color:#7b899b;font-size:10px;line-height:1.45;background:#fafbfd}
@media(max-width:1000px){.yearly-month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .topbar{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;padding:10px!important}
  .topbar-left{min-width:0!important;flex:1 1 auto!important;gap:8px!important;overflow:hidden}
  .topbar-copy{display:none!important}.topbar-logo{width:112px!important;max-width:112px!important;flex:0 0 112px}.menu-toggle{flex:0 0 42px}
  .topbar-right{display:flex!important;flex:0 0 auto!important;margin-left:auto!important}.action-menu-wrap{position:static!important}.action-menu-btn{display:inline-flex!important;visibility:visible!important;min-width:82px!important;padding:9px 10px!important;white-space:nowrap!important}
  .action-menu{position:fixed!important;top:70px!important;right:12px!important;left:12px!important;width:auto!important;max-height:calc(100vh - 84px)!important;overflow:auto!important}
  .kpi-grid>.kpi:last-child{grid-column:1/-1!important}.kpi-grid>.kpi:last-child .value{font-size:38px}.kpi-grid>.kpi:last-child .delta{max-width:420px}
  .yearly-hero{align-items:flex-start;flex-direction:column}.yearly-hero-year{font-size:46px}.yearly-summary{width:100%;margin-left:0}.yearly-month-grid{grid-template-columns:1fr}
}
@media(max-width:390px){.topbar-logo{width:98px!important;max-width:98px!important;flex-basis:98px!important}.action-menu-btn{min-width:74px!important;font-size:11px!important}.kpi-grid{grid-template-columns:1fr!important}.kpi-grid>.kpi:last-child{grid-column:auto!important}}