/* Scripta Logs in the main website's look (scriptacare.co.uk), from the mockup Deaglan liked on 10 Oct 2026: DM Sans, the
   floating header, the home page's intro on the password page, softer cards, tinted "needs attention" rows and the slate footer.
   Loaded after the app's own styles, so it only overrides (the app's rules are ".cc-logs .x", these are "html .cc-logs .x").
   Added by website-build/logs_style/logs_style.py. Class names start ls- so they never meet the app's own. */
:root{
  --ls-wash:#f3f6fa;--ls-line:#dfe3eb;--ls-text:#252a36;--ls-muted:#626978;--ls-ink:#20283b;
  --ls-teal:#0f7389;--ls-teal-hover:#0b5e70;--ls-teal-tint:#e8f4f7;--ls-mint:#cdeee9;--ls-slate:#173b45;
  --ls-must:#9e3a42;--ls-must-tint:#f8e6e6;--ls-should:#7f5110;--ls-should-tint:#f8eedb;--ls-could:#256742;--ls-could-tint:#def0e5;
  --ls-glow-teal:rgba(15,115,137,.45);--ls-glow-sky:rgba(39,155,215,.45);--ls-glow-lime:rgba(124,170,30,.5);--ls-glow-amber:rgba(247,180,29,.6);
  --ls-font:'DM Sans','Inter','Segoe UI',system-ui,sans-serif;
  --ls-card:rgba(255,255,255,.8) 0 1px 1px 0 inset,rgba(0,0,0,.04) 0 -1px 2px 0 inset,rgba(0,0,0,.05) 0 0 0 .5px,rgba(0,0,0,.04) 0 2px 4px 0;
  --ls-lift:rgba(32,40,59,.08) 0 12px 30px 0,rgba(0,0,0,.05) 0 0 0 .5px;
  --ls-hero:rgba(44,40,93,.28) 0 24px 80px -32px,rgba(118,135,153,.12) 0 0 0 1px;
  --ls-ease:cubic-bezier(.2,.7,.2,1);
  /* the app's own tokens, moved onto the website's palette and type */
  --cc-font-body:var(--ls-font);--cc-font-display:var(--ls-font);--font-sans:var(--ls-font);--font-display:var(--ls-font);
  --cc-bg:var(--ls-wash);--cc-text:var(--ls-text);--cc-muted:var(--ls-muted);--cc-divider:var(--ls-line);
  --cc-primary-tint:var(--ls-teal-tint);--cc-sunken:#eef2f7;--cc-r-control:8px;--cc-r-box:14px;
  --background:216 45% 97%;--foreground:224 18% 18%;--border:220 24% 90%;--card-border:220 24% 90%;--muted-foreground:223 9% 43%;
  --sidebar-accent:193 42% 94%;--radius:.875rem}
body{font-family:var(--ls-font);background:var(--ls-wash);color:var(--ls-text)}
.lt{font-weight:400}

/* header: the website's floating bar (it keeps the cc-header class: site.js measures it for the sticky sidebar) */
html .cc-header.ls-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;padding:10px 16px 0;border:0;background:linear-gradient(var(--ls-wash) 70%,transparent);font-family:var(--ls-font)}
@media (max-height:480px){html .cc-header.ls-head{position:static}}
.ls-head-in{display:flex;align-items:center;gap:8px 18px;max-width:1088px;min-height:60px;margin:0 auto;padding:8px 16px;background:rgba(255,255,255,.94);border-radius:14px;box-shadow:var(--ls-card)}
@media (min-width:640px){html .cc-header.ls-head{padding-inline:32px}.ls-head-in{padding-inline:20px}}
.ls-brand{display:flex;align-items:center;gap:10px;color:var(--ls-text);text-decoration:none;flex:none}
.ls-brand:hover{color:var(--ls-text)}
.ls-brand svg{width:28px;height:28px;color:var(--ls-teal);flex:none}
.ls-brand b{font:700 19px/1.2 var(--ls-font);letter-spacing:-.015em;font-variation-settings:"opsz" 40;white-space:nowrap}
.ls-pv{font:500 12px/1 var(--ls-font);color:var(--ls-teal);background:var(--ls-teal-tint);padding:6px 8px;border-radius:4px;white-space:nowrap}
.ls-nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.ls-nav a{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:8px;color:var(--ls-muted);text-decoration:none;font-size:15px;transition:background-color .18s,color .18s}
.ls-nav a:hover{background:var(--ls-wash);color:var(--ls-text)}
.ls-nav a[aria-current=page]{color:var(--ls-text);font-weight:600;background:var(--ls-wash)}
.ls-who{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border-radius:12px;background:var(--ls-wash);line-height:1.2}
.ls-who[hidden]{display:none}
.ls-who i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ls-mint);color:var(--ls-slate);font:700 13px/1 var(--ls-font);font-style:normal;flex:none}
.ls-who b{display:block;font-size:14px;font-weight:600}
.ls-who span span{display:block;font-size:12px;color:var(--ls-muted)}
.ls-out{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:8px;background:var(--ls-wash);color:var(--ls-ink);box-shadow:var(--ls-card);font:500 14px/1.2 var(--ls-font);text-decoration:none;white-space:nowrap;flex:none}
.ls-out:hover{background:#fff;color:var(--ls-teal)}
.ls-head :focus-visible{outline:2px solid var(--ls-teal);outline-offset:2px}
/* the menu button: the website's three lines, on phones and tablets only */
html .ls-burger{display:none;place-items:center;width:44px;height:44px;margin-left:-6px;border:0;border-radius:12px;background:none;color:var(--ls-text);cursor:pointer}
html .ls-burger:hover,html .ls-burger[aria-expanded=true]{background:var(--ls-wash)}
.ls-lines{position:relative;display:block;width:20px;height:14px}
.ls-lines i{position:absolute;left:0;width:20px;height:2px;border-radius:2px;background:currentColor}
.ls-lines i:nth-child(1){top:0}.ls-lines i:nth-child(2){top:6px}.ls-lines i:nth-child(3){top:12px}
@media (max-width:860px){
  html .ls-burger{display:grid}
  .ls-nav,.ls-who{display:none!important}
  .ls-head-in{gap:6px 10px}
  .ls-pv{margin-left:auto}
  .ls-out{padding:0 12px}
  .ls-out span{display:none}
}
@media (max-width:520px){.ls-pv-l{display:none}.ls-head-in{padding-inline:10px 12px}}

/* the site menu (phones and tablets): the website's type */
html .cc-drawer{font-family:var(--ls-font)}
html .cc-drawer-title{font-weight:700}

/* phones: Records: <this page>, under the header */
.ls-rec{padding:12px 16px 0}
.ls-rec[hidden]{display:none}
.ls-recbtn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;padding:0 16px;border:0;border-radius:10px;background:#fff;color:var(--ls-ink);box-shadow:var(--ls-card);font:500 15px/1.2 var(--ls-font);cursor:pointer}
.ls-recbtn span{font-weight:600;margin-right:auto}
.ls-recbtn svg{color:var(--ls-muted);flex:none}
.ls-recbtn:focus-visible{outline:2px solid var(--ls-teal);outline-offset:2px}
@media (min-width:768px){.ls-rec{display:none}}

/* footer: deep slate, mint links */
html .cc-footer.ls-foot{margin:0;padding:28px 16px 36px;border:0;background:var(--ls-slate);color:#cfe3e7;font:400 14px/1.5 var(--ls-font)}
.ls-foot-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;max-width:1056px;margin:0 auto}
@media (min-width:640px){html .cc-footer.ls-foot{padding-inline:32px}}
.ls-foot nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.ls-foot a{color:var(--ls-mint);text-decoration:none}
.ls-foot a:hover{color:#fff;text-decoration:underline}
.ls-foot :focus-visible{outline:2px solid #fff;outline-offset:2px}
.ls-foot-note{flex-basis:100%;max-width:52em;margin:0;font-size:13px;opacity:.9}
.ls-foot-note a{text-decoration:underline;text-underline-offset:2px}

/* the password page: the home page's intro, the password on the mint panel */
.ls-gate{flex:1 0 auto;padding:0}
.ls-gate-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;max-width:1120px;margin:0 auto;padding:56px 32px 88px}
@media (max-width:920px){.ls-gate-in{grid-template-columns:minmax(0,1fr);gap:36px;padding:32px 16px 56px}}
.ls-copy{display:grid;gap:20px;align-content:start}
.ls-copy h1{margin:0;font:700 clamp(38px,5.4vw,56px)/1.05 var(--ls-font);letter-spacing:-.035em;color:var(--ls-text)}
.ls-lede{margin:0;font-size:18px;line-height:1.55;color:var(--ls-muted);max-width:32em}
.ls-checks{display:grid;gap:12px;margin-top:4px}
.ls-checks b{font-size:14px;font-weight:600;color:var(--ls-muted)}
.ls-checks ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ls-checks li{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.35}
.ls-tick{flex:none;position:relative;width:22px;height:22px;border-radius:50%;background:var(--ls-teal-tint)}
.ls-tick::after{content:"";position:absolute;left:8px;top:5px;width:5px;height:9px;border:solid var(--ls-teal);border-width:0 2px 2px 0;transform:rotate(45deg)}
.ls-notice:empty{display:none}
.ls-notice{margin:0;justify-self:start;padding:10px 14px;border-radius:10px;background:var(--ls-teal-tint);color:var(--ls-teal);font-weight:500}
.ls-art{background:var(--ls-mint);border-radius:20px;padding:36px 28px}
@media (max-width:520px){.ls-art{padding:20px 12px}}
.ls-card{display:grid;gap:16px;padding:28px;border-radius:20px;background:#fff;box-shadow:var(--ls-hero)}
@media (max-width:520px){.ls-card{padding:22px 18px}}
.ls-card h2{margin:0;font:700 22px/1.2 var(--ls-font);letter-spacing:-.02em}
.ls-card > p{margin:0;font-size:15px;color:var(--ls-muted)}
.ls-card form{display:grid;gap:16px;max-width:none}
.ls-card .field label{font-size:15px}
.ls-card input{height:48px;border-color:#9aa3b2;border-radius:8px;font-family:var(--ls-font)}
.ls-card input:focus{outline:2px solid var(--ls-teal);outline-offset:1px;border-color:var(--ls-teal)}
.ls-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:0 18px;border:0;border-radius:8px;background:var(--ls-slate);color:#fff;font:500 16px/1.2 var(--ls-font);cursor:pointer;box-shadow:rgba(255,255,255,.18) 0 1px 0 0 inset,rgba(23,59,69,.35) 0 6px 16px -6px}
.ls-btn:hover{background:var(--ls-teal)}
.ls-btn:focus-visible{outline:2px solid var(--ls-teal);outline-offset:2px}
.ls-fine{margin:0;font-size:13px;color:var(--ls-muted);text-align:center}

/* privacy notice: the website's centred title */
.page-head{max-width:46em;margin:0 auto;padding-block:40px 28px;text-align:center;justify-items:center}
.page-head h1{font:700 clamp(32px,4.6vw,48px)/1.06 var(--ls-font);letter-spacing:-.035em}
.page-head p{font-size:18px}
.prose{margin:0 auto;font-size:16px;line-height:1.6}
.prose h2{font:700 22px/1.25 var(--ls-font);letter-spacing:-.02em}

/* ------------------------------------------------------------------ the app ------------------------------------------------------------------ */
html .cc-logs{background:var(--ls-wash)}
/* a computer: the sidebar is a card beside the page, both centred under the header */
@media (min-width:768px){
  html .cc-logs [data-slot=sidebar-wrapper] > .flex{max-width:1120px;margin:0 auto;padding:20px 16px 56px;gap:28px;box-sizing:border-box}
  html .cc-logs .ccl-sidebar{top:calc(env(safe-area-inset-top,0px) + var(--cc-head) + 12px);height:auto;max-height:calc(100svh - var(--cc-head) - env(safe-area-inset-top,0px) - var(--ccl-foot,0px) - 32px);
    width:232px;overflow:auto;border:0;border-radius:14px;background:#fff;box-shadow:var(--ls-card)}
}
@media (min-width:1024px){html .cc-logs [data-slot=sidebar-wrapper] > .flex{padding-inline:32px}}
html .cc-logs .ccl-sidebar [data-sidebar=group]{padding:12px 10px}
html .cc-logs .ccl-sidebar [data-sidebar=group-label]{padding:2px 10px 10px;font:600 12px/1.2 var(--ls-font);letter-spacing:.08em;text-transform:uppercase;color:var(--ls-teal)}
html .cc-logs .ccl-sidebar [data-sidebar=menu]{gap:2px}
html .cc-logs .ccl-sidebar [data-sidebar=menu-button]{min-height:40px;padding:9px 10px;gap:12px;border-radius:8px;font:400 15px/1.2 var(--ls-font);color:var(--ls-text)}
html .cc-logs .ccl-sidebar [data-sidebar=menu-button]:hover{background:var(--ls-wash);color:var(--ls-text)}
html .cc-logs .ccl-sidebar [data-sidebar=menu-button][data-active=true]{background:var(--ls-teal-tint);color:var(--ls-teal);font-weight:600}
html .cc-logs .ccl-sidebar [data-sidebar=menu-button] svg{width:18px;height:18px}
html .cc-logs .ccl-who{margin:0 10px;padding:12px 10px 14px;border-color:var(--ls-line)}
@media (min-width:861px){html .cc-logs .ccl-who{display:none}}

/* the page: the website's big titles, opening words bold and the rest lighter (style.js) */
html .cc-logs #ccl-main > div:not(.ccl-dash){max-width:none;padding:0}
@media (max-width:767px){html .cc-logs #ccl-main > div:not(.ccl-dash),html .cc-logs #ccl-main > .ccl-dash{padding:16px 16px 40px}}
html .cc-logs #ccl-main h1,html .cc-logs .ccl-signin h1{font:700 clamp(30px,4vw,44px)/1.08 var(--ls-font);letter-spacing:-.035em;color:var(--ls-text)}
html .cc-logs #ccl-main h1 + p,html .cc-logs #ccl-main .ccl-dash-sub{margin-top:8px;font-size:17px;line-height:1.5;color:var(--ls-muted)}
html .cc-logs #ccl-main h2{letter-spacing:-.02em}
/* a page's title, text and regulation cards on the left, its main button top right (the regulation cards then run full width) */
html .cc-logs #ccl-main div:has(> div > .ccl-frame):has(> :is(button,a)){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h b" "p b" "f f";column-gap:24px;align-items:start}
html .cc-logs #ccl-main div:has(> :is(button,a)) > div:has(> .ccl-frame){display:contents}
html .cc-logs #ccl-main div:has(> :is(button,a)) > div:has(> .ccl-frame) > h1{grid-area:h}
html .cc-logs #ccl-main div:has(> :is(button,a)) > div:has(> .ccl-frame) > p{grid-area:p}
html .cc-logs #ccl-main div:has(> div > .ccl-frame):has(> :is(button,a)) > :is(button,a){grid-area:b;align-self:end;margin-bottom:4px}
html .cc-logs #ccl-main .ccl-frame{grid-area:f}
@media (max-width:640px){
  html .cc-logs #ccl-main div:has(> div > .ccl-frame):has(> :is(button,a)){grid-template-columns:minmax(0,1fr);grid-template-areas:"h" "p" "b" "f"}
  html .cc-logs #ccl-main div:has(> div > .ccl-frame):has(> :is(button,a)) > :is(button,a){justify-self:start;margin:16px 0 0}
}
/* what each page follows: the home page's document cards */
html .cc-logs .ccl-frame{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:none;margin-top:20px;font-size:14px;line-height:1.45;color:var(--ls-muted)}
@media (max-width:760px){html .cc-logs .ccl-frame{grid-template-columns:minmax(0,1fr)}}
html .cc-logs .ccl-frame p{display:grid;gap:8px;align-content:start;margin:0;padding:14px 16px;border-radius:12px;background:#fff;box-shadow:var(--ls-card)}
html .cc-logs .ccl-frame strong{justify-self:start;padding:5px 8px;border-radius:4px;background:var(--ls-teal-tint);color:var(--ls-teal);font:500 12px/1 var(--ls-font)}

/* buttons: slate main button, soft secondary ones */
html .cc-logs .ccl-btn{border-radius:8px;font-family:var(--ls-font);font-weight:500}
html .cc-logs .ccl-btn-primary{background:var(--ls-slate);border-color:var(--ls-slate);color:#fff;box-shadow:rgba(255,255,255,.18) 0 1px 0 0 inset,rgba(23,59,69,.35) 0 6px 16px -6px}
html .cc-logs .ccl-btn-primary:hover{background:var(--ls-teal);border-color:var(--ls-teal);color:#fff}
html .cc-logs .ccl-btn-secondary{background:var(--ls-wash);border-color:transparent;color:var(--ls-ink);box-shadow:var(--ls-card)}
html .cc-logs .ccl-btn-secondary:hover{background:#fff;color:var(--ls-teal)}
html .cc-logs .ccl-badge{border-radius:4px;font:500 13px/20px var(--ls-font)}

/* fields */
html .cc-logs .ccl-field,html .cc-logs input.border-input,html .cc-logs #ccl-main input[type=date]{border-color:#9aa3b2;border-radius:8px;background:#fff;font-family:var(--ls-font)}

/* cards: white, softly raised, no outline; lists keep a little space between their cards */
html .cc-logs .shadcn-card{border:0;border-radius:14px;background:#fff;box-shadow:var(--ls-card)}
html .cc-logs #ccl-main [role=dialog],html .cc-logs [role=dialog]{border-radius:14px;font-family:var(--ls-font)}

/* choosing a person: cards with the person's initials (style.js) and the website's glows */
html .cc-logs .ccl-signin{padding:40px 16px 64px}
html .cc-logs .ccl-signin-inner{max-width:1088px;justify-items:center;text-align:center;gap:12px}
html .cc-logs .ccl-signin-intro{max-width:36em;font-size:17px}
html .cc-logs .ccl-signin-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%;margin:24px 0 0;padding:0;border:0;background:none;box-shadow:none;list-style:none;text-align:left}
@media (max-width:920px){html .cc-logs .ccl-signin-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){html .cc-logs .ccl-signin-list{grid-template-columns:minmax(0,1fr);gap:16px}}
html .cc-logs .ccl-signin-list li{border:0;margin:0}
html .cc-logs .ccl-signin-person{display:grid;gap:4px;align-content:start;justify-items:start;width:100%;height:100%;padding:22px 22px 24px;border:0;border-radius:14px;background:#fff;
  box-shadow:0 0 15px var(--ls-glow-teal);text-align:left;cursor:pointer;transition:transform .2s var(--ls-ease),box-shadow .2s}
html .cc-logs .ccl-signin-list li:nth-child(2) .ccl-signin-person{box-shadow:0 0 15px var(--ls-glow-sky)}
html .cc-logs .ccl-signin-list li:nth-child(3) .ccl-signin-person{box-shadow:0 0 15px var(--ls-glow-lime)}
html .cc-logs .ccl-signin-list li:nth-child(4) .ccl-signin-person{box-shadow:0 0 15px var(--ls-glow-amber)}
html .cc-logs .ccl-signin-person:hover{transform:translateY(-2px);background:#fff}
html .cc-logs .ccl-signin-person:focus-visible{outline:2px solid var(--ls-teal);outline-offset:3px}
html .cc-logs .ccl-signin-person[data-ini]::before{content:attr(data-ini);display:grid;place-items:center;width:44px;height:44px;margin-bottom:12px;border-radius:50%;background:var(--ls-mint);color:var(--ls-slate);font:700 15px/1 var(--ls-font)}
html .cc-logs .ccl-signin-name{font:700 19px/1.25 var(--ls-font);color:var(--ls-text)}
html .cc-logs .ccl-signin-job{font-size:15px;color:var(--ls-muted)}
@media (prefers-reduced-motion:reduce){html .cc-logs .ccl-signin-person{transition:none}html .cc-logs .ccl-signin-person:hover{transform:none}}

/* the dashboard: count tiles (style.js), tinted rows, and the last shift's notes as cards */
html .cc-logs .ccl-dash{max-width:none;padding:0;gap:20px}
html .cc-logs .ccl-dash section{gap:16px;margin-top:20px}
html .cc-logs .ccl-dash .ccl-dash-h2{font:700 clamp(22px,2.6vw,28px)/1.15 var(--ls-font);letter-spacing:-.025em}
.ls-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1000px){.ls-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.ls-tile{display:grid;gap:4px;align-content:start;padding:16px 18px;border-radius:14px;background:#fff;box-shadow:var(--ls-card);color:var(--ls-muted);text-decoration:none;font-size:14px;line-height:1.3;transition:transform .2s var(--ls-ease)}
.ls-tile:hover{transform:translateY(-2px);color:var(--ls-text)}
.ls-tile:focus-visible{outline:2px solid var(--ls-teal);outline-offset:2px}
.ls-tile b{font:700 30px/1.1 var(--ls-font);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ls-must b{color:var(--ls-must)}.ls-should b{color:var(--ls-should)}.ls-teal b{color:var(--ls-teal)}.ls-none b{color:#9aa3b2}
@media (prefers-reduced-motion:reduce){.ls-tile{transition:none}.ls-tile:hover{transform:none}}
html .cc-logs .ccl-dash-rows{display:grid;gap:10px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
html .cc-logs .ccl-dash-rows > li{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:8px 18px;align-items:center;padding:14px 18px;border:0;border-radius:14px;background:var(--ls-should-tint)}
html .cc-logs .ccl-dash-rows > li:has(.ccl-badge-danger){background:var(--ls-must-tint)}
html .cc-logs .ccl-dash-rows > li + li{border-top:0}
html .cc-logs .ccl-dash-rows .ccl-badge{background:rgba(255,255,255,.75)}
html .cc-logs .ccl-dash-text{font-size:15px;line-height:1.45}
html .cc-logs .ccl-dash-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:0;border-radius:8px;background:#fff;color:var(--ls-ink);box-shadow:var(--ls-card);font:500 14px/1.2 var(--ls-font);text-decoration:none;white-space:nowrap}
html .cc-logs .ccl-dash-action:hover{color:var(--ls-teal);background:#fff}
@media (max-width:767px){
  html .cc-logs .ccl-dash-rows > li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"s s" "t a";padding:14px 16px}
  html .cc-logs .ccl-dash-rows .ccl-dash-status{grid-area:s}
  html .cc-logs .ccl-dash-rows .ccl-dash-text{grid-area:t}
  html .cc-logs .ccl-dash-rows .ccl-dash-action{grid-area:a}
}
html .cc-logs .ccl-dash-handover{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;border:0;background:none;box-shadow:none}
@media (max-width:1000px){html .cc-logs .ccl-dash-handover{grid-template-columns:minmax(0,1fr)}}
html .cc-logs .ccl-dash-handover > li{display:grid;gap:8px;align-content:start;padding:20px;border:0;border-radius:14px;background:#fff;box-shadow:0 0 15px var(--ls-glow-teal)}
html .cc-logs .ccl-dash-handover > li:nth-child(3n+2){box-shadow:0 0 15px var(--ls-glow-sky)}
html .cc-logs .ccl-dash-handover > li:nth-child(3n){box-shadow:0 0 15px var(--ls-glow-lime)}
html .cc-logs .ccl-dash-handover > li + li{border-top:0}
html .cc-logs .ccl-dash-handover strong{font-size:17px}
html .cc-logs .ccl-dash-handover .ccl-dash-log{font-size:15px}
html .cc-logs .ccl-dash-handover .ccl-dash-meta{font-size:13px}

/* the medication chart: one card per medicine, tinted doses */
html .cc-logs .ccl-mar-med{border:0;border-radius:14px;background:#fff;box-shadow:var(--ls-card);overflow:hidden}
html .cc-logs .ccl-mar-title{font:700 20px/1.25 var(--ls-font);letter-spacing:-.015em}
html .cc-logs #ccl-main .ccl-mar .ccl-mar-table thead th{background:#fff;color:var(--ls-muted);font-weight:600}
html .cc-logs #ccl-main .ccl-mar .ccl-mar-table thead th.is-today{background:#fff;color:var(--ls-teal)}
html .cc-logs .ccl-mar-table th,html .cc-logs .ccl-mar-table td{border-top-color:var(--ls-line)}
html .cc-logs .ccl-mar-table td.is-today{background:transparent}
html .cc-logs .ccl-mar-cell{gap:4px;min-height:52px;padding:8px 10px;border:0;border-radius:12px;background:var(--ls-wash);font-family:var(--ls-font)}
html .cc-logs .ccl-mar-cell .ccl-mar-out{font-weight:700}
html .cc-logs .ccl-mar-cell.is-given{background:var(--ls-could-tint)}
html .cc-logs .ccl-mar-cell.is-given .ccl-mar-out{color:var(--ls-could)}
html .cc-logs .ccl-mar-cell:is(.is-refused,.is-omitted,.is-late){background:var(--ls-should-tint)}
html .cc-logs .ccl-mar-cell:is(.is-refused,.is-omitted,.is-late) .ccl-mar-out{color:var(--ls-should)}
html .cc-logs .ccl-mar-cell.is-missing{background:var(--ls-must-tint)}
html .cc-logs .ccl-mar-cell.is-missing .ccl-mar-out{color:var(--ls-must)}
html .cc-logs .ccl-mar-cell.is-due{background:#fff;box-shadow:inset 0 0 0 2px var(--ls-teal)}
html .cc-logs .ccl-mar-cell.is-due .ccl-mar-out{color:var(--ls-teal)}
html .cc-logs .ccl-mar-cell.is-upcoming{background:#fff;box-shadow:inset 0 0 0 1px #b9c3cc}
html .cc-logs .ccl-mar-cell:hover{filter:brightness(.97)}

/* record lists: a card per record (the app had rows with dividers), with Edit beside "Logged by" in the daily log */
html .cc-logs .shadcn-card:is([data-testid^=card-log-],[data-testid^=card-behaviour-],[data-testid^=card-keywork-],[data-testid^=card-session-],[data-testid^=card-activity-],[data-testid^=card-rc-],[data-testid^=card-document-]){border-width:0;border-radius:14px;background:#fff;box-shadow:var(--ls-card)}
html .cc-logs .shadcn-card:is([data-testid^=card-log-],[data-testid^=card-behaviour-],[data-testid^=card-keywork-],[data-testid^=card-session-],[data-testid^=card-activity-],[data-testid^=card-rc-],[data-testid^=card-document-]) > div{padding:18px 20px}
html .cc-logs div:has(> .shadcn-card:is([data-testid^=card-log-],[data-testid^=card-behaviour-],[data-testid^=card-keywork-],[data-testid^=card-session-],[data-testid^=card-activity-],[data-testid^=card-rc-],[data-testid^=card-document-])){gap:12px}
html .cc-logs .shadcn-card[data-testid^=card-log-] > div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}
html .cc-logs .shadcn-card[data-testid^=card-log-] > div > *{grid-column:1/-1}
html .cc-logs .shadcn-card[data-testid^=card-log-] > div > p:has(+ .ccl-edit-row){grid-column:1}
html .cc-logs .shadcn-card[data-testid^=card-log-] > div > .ccl-edit-row{grid-column:2;margin:0;padding:0}