/* Desk analytics — layers over manager.css. Adds a third series colour, wraps
   the KPI strip on phones, and a plain link style for cross-page jumps. */
.ds-link{color:var(--muted);font-size:12.5px;text-decoration:none;border-bottom:1px solid var(--line)}
.ds-link:hover{color:var(--ink);border-color:var(--ink)}
.mg-bar .ds-link{margin-left:6px}
.sw-book{background:var(--ok)}
.mg-chart .b-b{fill:var(--ok)}
.ds-facts{grid-template-columns:repeat(4,1fr)}
.ds-facts .mg-fact span{display:block;margin-top:6px;color:var(--muted);font-size:12.5px}
.ds-facts .mg-fact b.warn{color:var(--warn)}
.ds-facts .mg-fact b.ok{color:var(--ok)}
.ds-gap{margin-top:14px}
.mg-table td .sub{display:block;font-size:11.5px;color:var(--muted);font-weight:400}
/* The strip is one glass panel: some tiles are [data-mgr] and hidden for non-managers,
   so the wrap rules go on the TOP edge of every tile after the first row (the hidden
   tiles are the last two) — that way no hairline ever lands on the panel's bottom edge. */
@media (max-width:900px){
  .ds-kpis{grid-template-columns:repeat(3,1fr)}
  .ds-kpis .mg-kpi:nth-child(3n){border-right:0}
  .mg-kpis.ds-kpis .mg-kpi{border-bottom:0;border-top:1px solid var(--line)}
  .mg-kpis.ds-kpis .mg-kpi:nth-child(-n+3){border-top:0}
  .mg-cols{grid-template-columns:1fr}
  .ds-facts{grid-template-columns:repeat(2,1fr)}
  .ds-facts .mg-fact:nth-child(2n){border-right:0}
  .ds-facts .mg-fact{border-bottom:1px solid var(--line)}
  .ds-facts .mg-fact:nth-last-child(-n+2){border-bottom:0}
}
@media (max-width:520px){
  .ds-kpis{grid-template-columns:repeat(2,1fr)}
  .ds-kpis .mg-kpi:nth-child(3n){border-right:1px solid var(--line)}
  .ds-kpis .mg-kpi:nth-child(2n){border-right:0}
  .mg-kpis.ds-kpis .mg-kpi:nth-child(-n+3){border-top:1px solid var(--line)}
  .mg-kpis.ds-kpis .mg-kpi:nth-child(-n+2){border-top:0}
  .mg-kpi b{font-size:28px}
}