/* liander.weekrapportage.nl – weekrapportage.nl in de kleuren van Liander-projecten */
body.th-liander{
  --ink:#2b2827; --muted:#5f5856; --line:#e4d9d3; --ground:#faf4f0; --field:#fff;
  --ant:#821e7d; --ant2:#4f124c; --accent:#0079a3; --teal2:#005576; --sky:#d9ecf3; --wr:#f28c28;
  --sans:"Proxima Nova","Segoe UI",Roboto,Arial,sans-serif;
  background:var(--ground);
}
.th-liander .intro{background:linear-gradient(150deg,#0089b8 0%,#0079a3 45%,#005576 100%);color:#fff;position:relative;overflow:hidden}
.th-liander .intro::after{content:"";position:absolute;right:-120px;bottom:-120px;width:360px;height:360px;border-radius:0 50% 50% 50%;background:rgba(255,255,255,.06);pointer-events:none}
.th-liander .lbrand{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:10px}
.th-liander .lbrand .logo{margin:0}
.th-liander .lbadge{display:inline-block;background:#fff;color:#821e7d;font-weight:700;font-size:13px;letter-spacing:.02em;padding:6px 12px;border-radius:0 8px 8px 8px}
.th-liander .intro h1{color:#fff;font-weight:700}
.th-liander .lead{color:rgba(255,255,255,.88)}
.th-liander .points li{border-left-color:var(--sky)}
.th-liander .points b{color:#fff}
.th-liander .points span{color:rgba(255,255,255,.78)}
.th-liander .card{border-radius:0 14px 14px 14px;box-shadow:0 1px 2px rgba(43,40,39,.06),0 14px 34px rgba(79,18,76,.10)}
.th-liander .eyebrow{color:var(--ant)}
.th-liander .card h2{color:var(--ink);font-weight:700}
.th-liander .btn{border-radius:0 8px 8px 8px}
.th-liander .btn.pri{background:var(--accent);border-color:var(--accent)}
.th-liander .btn.pri:hover{background:var(--teal2);border-color:var(--teal2)}
.th-liander .btn:hover{border-color:var(--accent)}
.th-liander input:focus,.th-liander textarea:focus{outline-color:var(--accent)}
.th-liander :focus-visible{outline-color:var(--accent)}
.th-liander input[type=text],.th-liander input[type=password],.th-liander input:not([type]),.th-liander input[type=search]{background:#fff;border-radius:4px}
.th-liander .plist a{border-radius:0 10px 10px 10px}
.th-liander .plist a:hover,.th-liander .plist a:focus-visible{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--ant)}
.th-liander .pnr{color:var(--ant)}
.th-liander .bar{background:var(--ant)}
.th-liander .wrap h1{color:var(--ant)}
.th-liander .panel{border-radius:0 12px 12px 12px}
.th-liander .foot{background:var(--ground)}
@media (max-width:820px){.th-liander .intro::after{display:none}}
/* logo opdrachtgever rechtsboven */
.th-liander .side{position:relative}
.th-liander .clientlogo{position:absolute;top:22px;right:28px;display:flex;align-items:center;gap:10px}
.th-liander .clientlogo span{font-size:12px;color:var(--muted);font-weight:600}
.th-liander .clientlogo img{height:52px;width:auto;display:block}
@media (max-width:820px){.th-liander .side{padding-top:64px}.th-liander .clientlogo{top:14px;right:16px}.th-liander .clientlogo img{height:34px}}
/* kleurband (blauw/paars, zoals het Liander-logo) onderaan */
.th-liander .split{position:relative}
.th-liander .split::after{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;background:linear-gradient(90deg,#821e7d 0 55%,#0079a3 55% 100%);z-index:1}
.th-liander .intro::after{display:none}