/* RestinCal premium-sovellussivut (testi): päiväkirja, viikko, makrot, BMR, paino, vesi, asetukset, reseptit, ruoat. Iho oikean päiväkirjan päälle:
   sama DOM ja JS, uusi ilme. Kaksi palstaa: vasemmalla päivän yhteenveto (tarttuva),
   oikealla ruoan lisäys + ateriat. Aina tumma. */

@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/poppins-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/poppins-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

html:has(body.pm-diary-ui){
  /* Oletus = tumma premium. premium-theme.js korvaa nämä käyttäjän teeman mukaan (html-elementin style). */
  --pm-bg:var(--pm-bg); --pm-surface:#0f1512; --pm-raised:#141c18; --pm-raised-2:#1a241f;
  --pm-line:rgba(214,240,226,.075); --pm-line-2:rgba(214,240,226,.13);
  --pm-text:#edf3ef; --pm-text-2:#c9d4ce; --pm-muted:#8e9d95; --pm-faint:#5f6d66;
  --pm-accent:#62dc9b; --pm-accent-2:#a6efc6; --pm-accent-deep:#1d5c40; --pm-on-accent:#05110b;
  --pm-warm:#f0c36b; --pm-berry:#f08aa8; --pm-sky:#7cc3f0;
  --pm-ink:#fff; --pm-shadow:#000; --pm-input:rgba(0,0,0,.28); --pm-heading-a:#fff; --pm-heading-b:#b5d9c5;
  --pm-display:'Poppins','Inter',system-ui,sans-serif;
  --pm-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  /* sivuston omat muuttujat samaan sävyyn, jotta JS:n piirtämät osat seuraavat */
  --bg:var(--pm-bg); --card:var(--pm-surface); --bg-secondary:var(--pm-raised); --text:var(--pm-text); --muted:var(--pm-muted);
  --border:var(--pm-line-2); --green:var(--pm-accent); --green-light:var(--pm-accent-2); --green-dark:var(--pm-accent);
  --green-pale:color-mix(in srgb,var(--pm-accent) 7%,transparent); --amber:#f0a45b; --amber-pale:rgba(240,164,91,.08);
}
html:has(body.pm-diary-ui) body{--bg:var(--pm-bg); --card:var(--pm-surface); --bg-secondary:var(--pm-raised); --text:var(--pm-text); --muted:var(--pm-muted); --border:var(--pm-line-2); --green:var(--pm-accent); --green-light:var(--pm-accent-2); --green-dark:var(--pm-accent)}
html:not(.pm-custom-font) body.pm-diary-ui{font-family:var(--pm-body)!important}
body.pm-diary-ui{background:var(--pm-bg)!important;color:var(--pm-text)!important;-webkit-font-smoothing:antialiased}
body.pm-diary-ui::before{content:"";position:fixed;inset:0 0 auto;height:520px;z-index:-1;pointer-events:none;
  background:radial-gradient(800px 380px at 50% -120px,color-mix(in srgb,var(--pm-accent) 14%,transparent),transparent 70%)}
body.pm-diary-ui :is(button,input,select,textarea){font-family:inherit}
body.pm-diary-ui :is(h1,h2,h3,h4){font-family:var(--pm-body)}

/* ---------- Yläpalkki ---------- */
body.pm-diary-ui>header:not(.sc-topbar){
  background:color-mix(in srgb,var(--pm-bg) 72%,transparent)!important;-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);
  border-bottom:1px solid var(--pm-line)!important;box-shadow:none!important;min-height:64px!important;padding:0 24px!important;
  position:sticky!important;top:0;z-index:60}
body.pm-diary-ui>header:not(.sc-topbar)::after,body.pm-diary-ui>header:not(.sc-topbar)::before{display:none!important}
html:not(.pm-custom-brand) body.pm-diary-ui .brand-name{font-family:var(--pm-display)}
body.pm-diary-ui .brand-name strong{color:var(--pm-accent)}
body.pm-diary-ui header h1{font-size:19px!important}
body.pm-diary-ui #hamburgerBtn{border:1px solid var(--pm-line-2)!important;background:transparent!important;border-radius:8px!important;width:38px;height:38px;color:var(--pm-text)!important;font-size:16px!important}
body.pm-diary-ui .lang-switch a{color:var(--pm-faint)!important;background:transparent!important;border:0!important;font-size:13px}
body.pm-diary-ui .lang-switch a.active{color:var(--pm-text)!important}
/* Teemakytkin (Vaalea / Tumma) */
body.pm-diary-ui .header-dark-btn{background:color-mix(in srgb,var(--pm-ink) 4%,transparent)!important;border:1px solid var(--pm-line-2)!important;border-radius:999px!important;padding:3px!important;display:inline-flex!important;gap:2px}
body.pm-diary-ui .header-dark-btn .dts-opt{border-radius:999px!important;padding:5px 10px!important;color:var(--pm-muted)!important;background:transparent!important;font-size:12px!important;font-weight:600}
body.pm-diary-ui .header-dark-btn .dts-opt.dts-active{background:var(--pm-accent)!important;color:var(--pm-on-accent)!important}
body.pm-diary-ui .header-login-btn{background:var(--pm-accent)!important;color:var(--pm-on-accent)!important;border:0!important;border-radius:999px!important;font-weight:600!important;padding:9px 16px!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--pm-accent) 40%,transparent),0 8px 24px -8px color-mix(in srgb,var(--pm-accent) 55%,transparent)}
body.pm-diary-ui #planLabel{background:color-mix(in srgb,var(--pm-accent) 10%,transparent)!important;color:var(--pm-accent)!important;border:1px solid color-mix(in srgb,var(--pm-accent) 25%,transparent)}

/* Alanavigaatio: hiljainen välilehtirivi */
body.pm-diary-ui .nav-tabs-wrap{background:transparent!important;border-bottom:1px solid var(--pm-line)!important;box-shadow:none!important}
body.pm-diary-ui .nav-tabs{background:transparent!important;border:0!important;max-width:1180px;margin:0 auto;padding:0 16px}
body.pm-diary-ui .nav-tab,body.pm-diary-ui .nav-more-btn{color:var(--pm-muted)!important;font-weight:500!important;border-bottom:2px solid transparent!important;background:transparent!important}
body.pm-diary-ui .nav-tab:hover{color:var(--pm-text)!important}
body.pm-diary-ui .nav-tab.active{color:var(--pm-text)!important;border-bottom-color:var(--pm-accent)!important}
body.pm-diary-ui .nav-more-dropdown{background:var(--pm-raised)!important;border:1px solid var(--pm-line-2)!important;border-radius:12px!important}

/* Ilmoitukset */
body.pm-diary-ui .local-save-note{max-width:1180px!important;margin:20px auto 0!important;background:color-mix(in srgb,var(--pm-warm) 6%,transparent)!important;border:1px solid color-mix(in srgb,var(--pm-warm) 22%,transparent)!important;border-radius:14px!important;color:var(--pm-muted)!important;font-size:14px!important;padding:12px 16px!important}
body.pm-diary-ui .local-save-note a{color:var(--pm-warm)!important}

/* ---------- Sivun runko ---------- */
body.pm-diary-ui .page{max-width:1180px!important;margin:0 auto!important;padding:24px 24px 0!important;position:relative}
body.pm-diary-ui .page.active{display:flex!important;flex-direction:column;gap:16px}
body.pm-diary-ui .page.active>.pmd-layout{display:grid}
body.pm-diary-ui .pmd-layout{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:24px;align-items:start}
body.pm-diary-ui .pmd-side{display:flex;flex-direction:column;gap:16px;min-width:0}
body.pm-diary-ui .pmd-main{display:flex;flex-direction:column;gap:16px;min-width:0}

/* Päivävalitsin isoksi otsikoksi */
body.pm-diary-ui .date-bar{background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;align-items:center;justify-content:flex-start!important;gap:14px;padding:4px 0 22px!important;margin:0!important}
body.pm-diary-ui #dateLabel{order:0;font-family:var(--pm-display);font-size:clamp(28px,4vw,40px)!important;letter-spacing:-.035em;font-weight:700!important;color:var(--pm-text)!important;min-width:0!important}
body.pm-diary-ui .date-bar button{order:1;width:40px;height:40px;border-radius:50%!important;border:1px solid var(--pm-line-2)!important;background:color-mix(in srgb,var(--pm-ink) 2%,transparent)!important;color:var(--pm-text)!important;font-size:18px!important;line-height:1;transition:border-color .15s,background .15s}
body.pm-diary-ui .date-bar button:hover{border-color:color-mix(in srgb,var(--pm-accent) 45%,transparent)!important;background:color-mix(in srgb,var(--pm-accent) 6%,transparent)!important}
body.pm-diary-ui .date-bar button:first-child{margin-left:auto}

/* Kortit */
body.pm-diary-ui .page .card{
  background:linear-gradient(180deg,var(--pm-raised),var(--pm-surface))!important;border:1px solid var(--pm-line)!important;
  border-radius:20px!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--pm-ink) 4%,transparent)!important;margin:0!important;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}
body.pm-diary-ui .page .card>.card-header{background:transparent!important;border-bottom:0!important;min-height:0!important;padding:20px 22px 6px!important;display:flex;align-items:center;justify-content:space-between;gap:12px}
body.pm-diary-ui .page .card>.card-header::after{display:none!important}
body.pm-diary-ui .page .card-header h2{font-size:15px!important;font-weight:600!important;text-transform:none!important;letter-spacing:-.01em!important;color:var(--pm-text)!important;margin:0}
body.pm-diary-ui .page .card-body{padding:12px 22px 22px!important}
body.pm-diary-ui #goalLabel{font-size:12px!important;color:var(--pm-muted)!important;background:color-mix(in srgb,var(--pm-ink) 4%,transparent);border:1px solid var(--pm-line);border-radius:999px;padding:3px 10px}
body.pm-diary-ui .pmd-side .card:first-child>p{display:none} /* selitysteksti pois yhteenvedosta */

/* ---------- Yhteenveto ---------- */
body.pm-diary-ui .summary{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:18px!important;padding:0!important}
body.pm-diary-ui .ring-wrap{width:168px!important;height:168px!important;margin:6px auto 0!important;position:relative}
body.pm-diary-ui .ring-wrap svg{width:100%!important;height:100%!important}
body.pm-diary-ui .ring-wrap circle:first-child{stroke:color-mix(in srgb,var(--pm-ink) 7%,transparent)!important}
body.pm-diary-ui #ringFill{stroke:var(--pm-accent)!important;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--pm-accent) 35%,transparent))}
body.pm-diary-ui .kcal-num{font-family:var(--pm-display)!important;font-size:38px!important;letter-spacing:-.04em;color:var(--pm-text)!important;line-height:1!important}
body.pm-diary-ui .kcal-label{font-size:12px!important;color:var(--pm-muted)!important;text-transform:none!important;letter-spacing:0!important}
body.pm-diary-ui .goal-bar-row{display:flex;flex-direction:column;gap:6px;color:var(--pm-muted)!important;font-size:13px!important;font-variant-numeric:tabular-nums}
body.pm-diary-ui .goal-bar{height:8px!important;background:color-mix(in srgb,var(--pm-ink) 7%,transparent)!important;border-radius:99px!important}
body.pm-diary-ui .goal-bar-fill{background:linear-gradient(90deg,var(--pm-accent),var(--pm-accent-2))!important;border-radius:99px!important}
body.pm-diary-ui .kcal-status{font-size:12.5px!important;border-radius:10px!important;padding:8px 12px!important;background:color-mix(in srgb,var(--pm-ink) 3.5%,transparent)!important;color:var(--pm-text)!important;border:1px solid var(--pm-line-2)!important}
body.pm-diary-ui .kcal-status:empty{display:none}

/* Makropalkit */
body.pm-diary-ui #dayMacroBars{gap:12px!important}
body.pm-diary-ui .day-macro-bar{display:grid!important;grid-template-columns:1fr auto;grid-template-areas:"l n" "b b";gap:6px 10px!important;align-items:center}
body.pm-diary-ui .day-macro-bar .dmb-label{grid-area:l;width:auto!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:500!important;color:var(--pm-muted)!important}
body.pm-diary-ui .day-macro-bar .dmb-label span{display:none} /* emoji-ikonit pois */
body.pm-diary-ui .day-macro-bar .dmb-nums{grid-area:n;font-size:13px!important;color:var(--pm-text)!important;font-weight:600;font-variant-numeric:tabular-nums;min-width:0!important}
body.pm-diary-ui .day-macro-bar .dmb-bar{grid-area:b;height:6px!important;background:color-mix(in srgb,var(--pm-ink) 7%,transparent)!important;border-radius:99px!important}
body.pm-diary-ui .day-macro-bar .dmb-fill{border-radius:99px!important}

/* Mikroravinteet + lähdehuomautus */
body.pm-diary-ui #microSourceNote{background:transparent!important;border:0!important;border-top:1px solid var(--pm-line)!important;border-radius:0!important;padding:12px 0 0!important;color:var(--pm-faint)!important;font-size:12px!important}
body.pm-diary-ui #microSourceNote a{color:var(--pm-muted)!important}
body.pm-diary-ui .page details summary{color:var(--pm-text)}
body.pm-diary-ui #dayFatPctBadge{background:color-mix(in srgb,var(--pm-ink) 4%,transparent)!important;border:1px solid var(--pm-line)}

/* ---------- Lisää ruoka ---------- */
body.pm-diary-ui .ai-section{padding:6px 22px 22px!important}
body.pm-diary-ui .ai-tabs{display:inline-flex!important;gap:2px!important;padding:4px!important;border:1px solid var(--pm-line)!important;border-radius:999px!important;background:var(--pm-input)!important;margin-bottom:14px!important;flex-wrap:wrap}
body.pm-diary-ui .ai-tab{border:0!important;background:transparent!important;color:var(--pm-muted)!important;border-radius:999px!important;padding:8px 14px!important;font-size:13px!important;font-weight:500!important;transform:none!important}
body.pm-diary-ui .ai-tab:hover{color:var(--pm-text)!important}
body.pm-diary-ui .ai-tab.active{background:var(--pm-raised-2)!important;color:var(--pm-text)!important;box-shadow:inset 0 0 0 1px var(--pm-line-2)}
body.pm-diary-ui .ai-desc{font-size:13px!important;color:var(--pm-faint)!important;margin:0 0 10px!important}
body.pm-diary-ui .input-row{display:flex;gap:8px;align-items:center;padding:6px 6px 6px 18px;border-radius:999px;background:var(--pm-input);border:1px solid var(--pm-line-2);transition:border-color .2s,box-shadow .2s}
body.pm-diary-ui .input-row:focus-within{border-color:color-mix(in srgb,var(--pm-accent) 55%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--pm-accent) 10%,transparent)}
body.pm-diary-ui .input-row input{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--pm-text)!important;font-size:15px!important;padding:8px 0!important;outline:none}

/* Kentät yleisesti */
body.pm-diary-ui .page :is(input[type="text"],input[type="number"],input[type="time"],input:not([type]),select,textarea):not(.input-row input){
  background:var(--pm-input)!important;border:1px solid var(--pm-line-2)!important;border-radius:10px!important;color:var(--pm-text)!important}
body.pm-diary-ui .page :is(input,select,textarea):focus{border-color:color-mix(in srgb,var(--pm-accent) 55%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--pm-accent) 12%,transparent)!important;outline:none}

/* Napit */
body.pm-diary-ui .page .btn{border-radius:999px!important;font-weight:600!important;transform:none}
body.pm-diary-ui .page .btn-primary{background:var(--pm-accent)!important;color:var(--pm-on-accent)!important;border:0!important;padding:10px 18px!important;box-shadow:0 6px 20px -8px color-mix(in srgb,var(--pm-accent) 60%,transparent)}
body.pm-diary-ui .page .btn-primary:hover{background:var(--pm-accent-2)!important}
body.pm-diary-ui .page .btn-ghost{background:color-mix(in srgb,var(--pm-ink) 3%,transparent)!important;border:1px solid var(--pm-line-2)!important;color:var(--pm-text)!important}
body.pm-diary-ui .page .btn-ghost:hover{border-color:color-mix(in srgb,var(--pm-ink) 28%,transparent)!important;background:color-mix(in srgb,var(--pm-ink) 6%,transparent)!important}

/* Hakutulokset ja tuloskortti */
body.pm-diary-ui #searchResults{border-radius:14px;overflow:hidden}
body.pm-diary-ui .ai-result{background:var(--pm-input)!important;border:1px solid var(--pm-line-2)!important;border-radius:16px!important}
body.pm-diary-ui #cookingFactorWrap{background:color-mix(in srgb,var(--pm-ink) 3%,transparent)!important;border:1px solid var(--pm-line)}
body.pm-diary-ui #cookingFactor{background:var(--pm-input)!important;color:var(--pm-text)!important;border-color:var(--pm-line-2)!important}

/* ---------- Ateriat ---------- */
body.pm-diary-ui .meal-list{padding:4px 14px 14px!important;display:flex;flex-direction:column;gap:10px}
body.pm-diary-ui .meal-group{border:1px solid var(--pm-line)!important;border-radius:16px!important;background:color-mix(in srgb,var(--pm-ink) 1.5%,transparent)!important;overflow:hidden;margin:0!important}
body.pm-diary-ui .meal-group-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px!important;background:transparent!important;border:0!important;font-size:14px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;color:var(--pm-text)!important}
body.pm-diary-ui .mg-kcal{color:var(--pm-accent)!important;font-size:13px!important;font-weight:600!important;font-variant-numeric:tabular-nums}
body.pm-diary-ui .food-item{border-top:1px solid var(--pm-line)!important;border-bottom:0!important;padding:11px 16px!important;background:transparent!important;font-size:14px!important;transition:background .15s}
body.pm-diary-ui .food-item:hover{background:color-mix(in srgb,var(--pm-accent) 4%,transparent)!important}
body.pm-diary-ui .food-name{color:var(--pm-text)!important;font-weight:500!important}
body.pm-diary-ui .food-grams{color:var(--pm-faint)!important;font-size:12.5px!important}
body.pm-diary-ui .food-kcal{color:var(--pm-text)!important;font-weight:600!important;font-variant-numeric:tabular-nums}
body.pm-diary-ui .food-del{color:var(--pm-faint)!important;background:transparent!important;border-radius:8px!important}
body.pm-diary-ui .food-del:hover{color:#f08a8a!important;background:rgba(240,138,138,.08)!important}
body.pm-diary-ui .empty-state{color:var(--pm-faint)!important;padding:28px 12px!important;text-align:center;border:1px dashed var(--pm-line-2);border-radius:16px;margin:0!important}
body.pm-diary-ui #eatingBanner{background:color-mix(in srgb,var(--pm-ink) 2%,transparent)!important;border-color:var(--pm-line)!important;border-radius:14px!important;margin:0 14px!important}

/* ---------- Vesi ja paino ---------- */
body.pm-diary-ui #waterTotalMl{font-family:var(--pm-display);font-size:30px;letter-spacing:-.03em;color:var(--pm-sky)}
body.pm-diary-ui .page [onclick^="addWaterMl"]{padding:7px 12px!important;font-size:13px!important}
body.pm-diary-ui #weightInput,body.pm-diary-ui #fatPctInput{font-family:var(--pm-display);font-size:20px!important}
body.pm-diary-ui #weightCardToggle{color:var(--pm-faint)!important}

/* Kirjautumislukko: pehmeämpi */
body.pm-diary-ui .feature-lock{background:linear-gradient(180deg,color-mix(in srgb,var(--pm-bg) 20%,transparent),color-mix(in srgb,var(--pm-bg) 75%,transparent) 40%)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:20px}
body.pm-diary-ui .feature-lock-badge{background:var(--pm-accent)!important;color:var(--pm-on-accent)!important;border-radius:999px!important;font-weight:600!important;box-shadow:0 10px 30px -8px color-mix(in srgb,var(--pm-accent) 60%,transparent)!important;border:0!important}

/* SEO-teksti alas rauhallisena */
body.pm-diary-ui #page-day>.card:last-of-type{margin-top:48px!important;background:transparent!important;border:0!important;border-top:1px solid var(--pm-line)!important;border-radius:0!important;box-shadow:none!important}
body.pm-diary-ui #page-day>.card:last-of-type h2{font-family:var(--pm-display)!important;font-size:20px!important;letter-spacing:-.02em!important;color:var(--pm-text)!important;text-transform:none!important;margin-top:24px}
body.pm-diary-ui #page-day>.card:last-of-type p{color:var(--pm-muted)!important;max-width:70ch}

/* Footer ja muut */
body.pm-diary-ui footer{background:transparent!important;border-top:1px solid var(--pm-line)!important;color:var(--pm-faint)!important;margin-top:64px}
body.pm-diary-ui #sidebar{background:var(--pm-surface)!important;border-right:1px solid var(--pm-line)}
body.pm-diary-ui #authOverlay .auth-box{background:var(--pm-raised)!important;border:1px solid var(--pm-line-2);border-radius:24px!important;color:var(--pm-text)}

@media (max-width:980px){
  body.pm-diary-ui .pmd-layout{grid-template-columns:1fr}
  body.pm-diary-ui .pmd-side{position:static}
}
@media (max-width:640px){
  body.pm-diary-ui>header:not(.sc-topbar){padding:0 12px!important}
  body.pm-diary-ui #page-day{padding:16px 16px 0!important}
  body.pm-diary-ui .date-bar{padding-bottom:14px!important}
  body.pm-diary-ui .ai-tabs{display:grid!important;grid-template-columns:1fr 1fr;border-radius:16px!important}
  body.pm-diary-ui .ai-tab{border-radius:12px!important}
  body.pm-diary-ui .meal-list{padding:4px 8px 8px!important}
  body.pm-diary-ui .food-item{padding:10px 10px!important;gap:4px!important}
  body.pm-diary-ui .meal-group-header{padding:11px 12px!important}
}

body.pm-diary-ui #dateLabel:empty::before{content:"Tänään"}
html[lang="en"] body.pm-diary-ui #dateLabel:empty::before{content:"Today"}

/* JS:n piirtämät emojit hiljaisemmiksi */
body.pm-diary-ui .macro-section-title{display:none!important}
body.pm-diary-ui .meal-group-header>span:first-child{display:block}
body.pm-diary-ui .meal-group-header>span:first-child::first-letter{font-size:0}
body.pm-diary-ui .food-del[onclick*="editEntryStart"]{font-size:0!important;width:30px;height:30px;display:grid;place-items:center}
body.pm-diary-ui .food-del[onclick*="editEntryStart"]::before{content:"";width:15px;height:15px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3Cpath d='m13.5 6.5 4 4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3Cpath d='m13.5 6.5 4 4'/%3E%3C/svg%3E") center/contain no-repeat}
body.pm-diary-ui .food-del[onclick*="editEntryStart"]:hover{color:var(--pm-accent)!important;background:color-mix(in srgb,var(--pm-accent) 8%,transparent)!important}
body.pm-diary-ui .food-name span{background:color-mix(in srgb,var(--pm-ink) 5%,transparent)!important;color:var(--pm-faint)!important}

/* Asetukset: ylin ilmoitus hillitymmäksi */
body.pm-diary-ui #page-settings>.card:first-of-type>.card-body>div:first-child{background:color-mix(in srgb,var(--pm-warm) 6%,transparent)!important;border:1px solid color-mix(in srgb,var(--pm-warm) 22%,transparent)!important;color:var(--pm-muted)!important;border-radius:12px!important}
body.pm-diary-ui #page-settings>.card:first-of-type>.card-body>div:first-child a{color:var(--pm-warm)!important}
/* Vihreät vinkkilaatikot hillitymmiksi */
body.pm-diary-ui .page>div[style*="border"]:not(.card):not(.date-bar):not(.pmd-layout){background:color-mix(in srgb,var(--pm-accent) 5%,transparent)!important;border:1px solid color-mix(in srgb,var(--pm-accent) 20%,transparent)!important;border-radius:14px!important;color:var(--pm-muted)!important}

/* ---------- Päiväkirja: valitun ruoan kortti ---------- */
body.pm-diary-ui #resultName{font-family:var(--pm-display);font-size:22px!important;letter-spacing:-.02em;color:var(--pm-text)!important;margin:0 0 10px!important}
body.pm-diary-ui #resultMacros{display:flex;flex-wrap:wrap;gap:6px!important;font-size:12.5px!important;color:var(--pm-muted)!important}
body.pm-diary-ui #resultMacros>span:not([style]){background:color-mix(in srgb,var(--pm-ink) 4%,transparent);border:1px solid var(--pm-line);border-radius:999px;padding:4px 10px}
body.pm-diary-ui #resultMacros strong{color:var(--pm-text)}
body.pm-diary-ui .serving-tag{background:color-mix(in srgb,var(--pm-ink) 3%,transparent)!important;border:1px solid var(--pm-line-2)!important;color:var(--pm-text)!important;border-radius:999px!important;padding:6px 12px!important;font-size:12.5px!important}
body.pm-diary-ui .serving-tag.active,body.pm-diary-ui .serving-tag:hover{border-color:color-mix(in srgb,var(--pm-accent) 50%,transparent)!important;background:color-mix(in srgb,var(--pm-accent) 8%,transparent)!important}
body.pm-diary-ui #portionKcalPreview{color:var(--pm-accent)!important;font-family:var(--pm-display);font-size:18px!important}
/* Ateriavalitsin (JS:n inline-tyylit) */
body.pm-diary-ui #mealPicker [role="button"]{background:color-mix(in srgb,var(--pm-ink) 2.5%,transparent)!important;border:1px solid var(--pm-line-2)!important;border-radius:14px!important;color:var(--pm-muted)!important}
body.pm-diary-ui #mealPicker [role="button"]:hover{border-color:color-mix(in srgb,var(--pm-ink) 28%,transparent)!important;color:var(--pm-text)!important}
body.pm-diary-ui #mealPicker [role="button"][aria-pressed="true"]{background:color-mix(in srgb,var(--pm-accent) 10%,transparent)!important;border-color:color-mix(in srgb,var(--pm-accent) 60%,transparent)!important;color:var(--pm-text)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--pm-accent) 10%,transparent)!important}
/* Hakutulokset */
body.pm-diary-ui #searchResults>div{border:1px solid var(--pm-line-2)!important;border-radius:16px!important;background:var(--pm-input)!important}
body.pm-diary-ui .db-item{border-bottom:1px solid var(--pm-line)!important;transition:background .15s}
body.pm-diary-ui .db-item:hover{background:color-mix(in srgb,var(--pm-accent) 5%,transparent)!important}
body.pm-diary-ui .db-name{color:var(--pm-text)!important;font-weight:600}
body.pm-diary-ui .db-info{color:var(--pm-faint)!important;font-size:12.5px!important}
body.pm-diary-ui .db-add{background:transparent!important;border:1px solid color-mix(in srgb,var(--pm-accent) 40%,transparent)!important;color:var(--pm-accent)!important;border-radius:999px!important;font-weight:600}
body.pm-diary-ui .db-source-badge{border-radius:999px!important;font-size:10.5px!important}

/* ---------- Ponnahdusikkunat ---------- */
body.pm-diary-ui :is(#authOverlay,#entryDetailOverlay,#nicknameModal){background:rgba(4,8,6,.82)!important}
body.pm-diary-ui :is(.auth-box,#nicknameModal>div,#entryDetailPanel){background:linear-gradient(180deg,var(--pm-raised),var(--pm-surface))!important;border:1px solid var(--pm-line-2)!important;border-radius:24px!important;color:var(--pm-text)!important;box-shadow:0 40px 90px -30px color-mix(in srgb,var(--pm-shadow) 90%,transparent)!important}
body.pm-diary-ui .auth-box h2{font-family:var(--pm-display)}
body.pm-diary-ui .auth-box p,body.pm-diary-ui .auth-consent label{color:var(--pm-muted)!important}
body.pm-diary-ui .auth-consent a{color:var(--pm-accent)!important}
body.pm-diary-ui .btn-google{background:#fff!important;color:#1f2a24!important;border-radius:999px!important;font-weight:600!important;border:0!important}
body.pm-diary-ui .btn-google:disabled{opacity:.45}
body.pm-diary-ui .auth-free{color:var(--pm-faint)!important}
body.pm-diary-ui .auth-close{color:var(--pm-muted)!important;background:transparent!important}
/* Sivuvalikko */
body.pm-diary-ui #sidebar .sidebar-item{color:var(--pm-muted)!important;border-radius:10px!important}
body.pm-diary-ui #sidebar .sidebar-item:hover{background:color-mix(in srgb,var(--pm-ink) 4%,transparent)!important;color:var(--pm-text)!important}
body.pm-diary-ui #sidebar .sidebar-item.active{background:color-mix(in srgb,var(--pm-accent) 8%,transparent)!important;color:var(--pm-text)!important}
body.pm-diary-ui #sidebarOverlay{background:rgba(4,8,6,.6)!important}

body.pm-diary-ui .auth-logo{display:none!important}

/* Blogi */
body.pm-diary-ui .blog-hero{background:radial-gradient(520px 260px at 90% 0%,color-mix(in srgb,var(--pm-accent) 14%,transparent),transparent 70%),linear-gradient(180deg,var(--pm-raised-2),var(--pm-surface))!important;border:1px solid var(--pm-line-2)!important;border-radius:20px!important;color:var(--pm-text)!important}
body.pm-diary-ui .blog-hero h2,body.pm-diary-ui .blog-hero h1{font-family:var(--pm-display)!important;color:var(--pm-text)!important}
body.pm-diary-ui .blog-hero p{color:var(--pm-muted)!important}
body.pm-diary-ui .page :is(article,.blog-post,.post-body) :is(h1,h2){font-family:var(--pm-display)!important;letter-spacing:-.02em;color:var(--pm-text)!important}
body.pm-diary-ui .page :is(article,.blog-post,.post-body) p{color:var(--pm-text-2)}

/* Sisältösivut (tietoa, UKK, yhteydenotto, juridiset) */
body.pm-diary-ui.rc-content-ui :is(h1,h2){font-family:var(--pm-display)!important;color:var(--pm-text)!important;letter-spacing:-.025em}
body.pm-diary-ui.rc-content-ui h1{font-size:clamp(30px,4.4vw,46px)!important;line-height:1.08}
body.pm-diary-ui.rc-content-ui h3{color:var(--pm-text)!important}
body.pm-diary-ui.rc-content-ui :is(p,li){color:var(--pm-text-2)}
body.pm-diary-ui.rc-content-ui a:not(.btn){color:var(--pm-accent)}

/* Turhat ilmoitukset pois / hillitymmiksi kaikilla sovellussivuilla */
body.pm-diary-ui div:has(> input[id^="openThemeSettings"]){display:none!important}
body.pm-diary-ui #cloudSyncBanner{background:radial-gradient(420px 200px at 95% 0%,color-mix(in srgb,var(--pm-accent) 14%,transparent),transparent 70%),linear-gradient(180deg,var(--pm-raised-2),var(--pm-surface))!important;border:1px solid color-mix(in srgb,var(--pm-accent) 22%,transparent)!important;border-radius:20px!important;box-shadow:none!important;color:var(--pm-text)!important}
body.pm-diary-ui #cloudSyncBanner :is(p,span,small){color:var(--pm-muted)!important}
body.pm-diary-ui #cloudSyncBanner :is(a,button):not([aria-label]){background:var(--pm-accent)!important;color:var(--pm-on-accent)!important;border:0!important;border-radius:999px!important;font-weight:600!important}

/* ---------- Animaatiot ---------- */
@media (prefers-reduced-motion:no-preference){
  /* kortit liukuvat esiin sivun latautuessa porrastetusti (päättyy aina näkyvään tilaan) */
  body.pm-diary-ui .page.active .card{animation:pmCardIn .7s cubic-bezier(.16,1,.3,1) both!important}
  body.pm-diary-ui .page.active :is(.card:nth-child(2),.pmd-main .card:nth-child(1)){animation-delay:.06s!important}
  body.pm-diary-ui .page.active :is(.card:nth-child(3),.pmd-main .card:nth-child(2)){animation-delay:.12s!important}
  body.pm-diary-ui .page.active .card:nth-child(n+4){animation-delay:.18s!important}
  @keyframes pmCardIn{from{opacity:0;transform:translateY(14px)}}
  body.pm-diary-ui .page .card:hover{border-color:var(--pm-line-2)!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--pm-ink) 5%,transparent),0 18px 40px -24px color-mix(in srgb,var(--pm-shadow) 80%,transparent)!important}
  /* kalorirengas ja palkit liikkuvat arvon muuttuessa */
  body.pm-diary-ui #ringFill{transition:stroke-dashoffset 1s cubic-bezier(.16,1,.3,1),stroke .3s}
  body.pm-diary-ui :is(.dmb-fill,.goal-bar-fill){transition:width .9s cubic-bezier(.16,1,.3,1)!important}
  body.pm-diary-ui .meal-group{animation:pmCardIn .5s cubic-bezier(.16,1,.3,1) both}
  body.pm-diary-ui .food-item{transition:background .15s,transform .15s}
  body.pm-diary-ui .btn:active{transform:scale(.97)!important}
}

/* ---------- Mainospaikat ---------- */
body.pm-diary-ui .rc-ad{position:relative}
body.pm-diary-ui :is(.rc-ad,.rc-rail) ins{border-radius:14px;overflow:hidden}
body.pm-ad-preview :is(.rc-ad,.rc-rail) ins:not([data-ad-status]){display:grid!important;place-items:center;min-height:var(--rc-ad-min,250px);border:1px dashed color-mix(in srgb,var(--pm-ink) 18%,transparent);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--pm-ink) 1.5%,transparent) 0 12px,transparent 12px 24px)}
body.pm-ad-preview :is(.rc-ad,.rc-rail) ins:not([data-ad-status])::after{content:"Mainospaikka · AdSense";font:500 12px var(--pm-body);color:var(--pm-faint)}

/* Logo ja yläpalkin osat kummassakin teemassa */
body.pm-diary-ui :is(header,#sidebar) .brand-name em{color:var(--pm-text)!important}
body.pm-diary-ui :is(header,#sidebar) .brand-name strong{color:var(--pm-accent)!important}
body.pm-diary-ui header .lang-switch{background:transparent!important;border:1px solid var(--pm-line-2)!important;border-radius:999px!important}
body.pm-diary-ui header .lang-switch a.active{background:color-mix(in srgb,var(--pm-ink) 8%,transparent)!important;border-radius:999px}
body.pm-diary-ui #hamburgerBtn{color:var(--pm-text)!important}
body.pm-diary-ui header :is(.header-signup-btn,[class*="signup"],a[href*="kirjaudu"],a[href*="login"]){border-color:var(--pm-line-2)!important;color:var(--pm-accent)!important;background:transparent!important}
body.pm-diary-ui #sidebar,body.pm-diary-ui #sidebar *{border-color:var(--pm-line)}
body.pm-diary-ui #sidebar :is(.sidebar-name,h2){color:var(--pm-text)!important}

/* Sivujen inline-napit: korostusväri taustana + valkoinen teksti -> teeman mukainen tekstiväri */
body.pm-diary-ui :is([style*="background:var(--green"],[style*="background: var(--green"]):is([style*="color:white"],[style*="color:#fff"],[style*="color: white"]){color:var(--pm-on-accent)!important}
body.pm-diary-ui .featured-chip{background:transparent!important;border:1px solid var(--pm-line-2)!important;color:var(--pm-muted)!important;border-radius:999px!important}
body.pm-diary-ui .featured-chip:hover{color:var(--pm-text)!important}
body.pm-diary-ui .featured-chip.active{background:var(--pm-accent)!important;border-color:var(--pm-accent)!important;color:var(--pm-on-accent)!important}
body.pm-diary-ui #sidebar .sidebar-header{background:transparent!important;border-bottom:1px solid var(--pm-line)!important}
body.pm-diary-ui #sidebar .sidebar-close{color:var(--pm-muted)!important}

/* BMR-tulos ja makrojen automaattipaneeli: tarkoituksella tummat korostuspaneelit, sävy korostusvärin mukaan */
body.pm-diary-ui :is(.bmr-result,#page-macros .macro-auto-panel){background:radial-gradient(420px 260px at 90% 0%,color-mix(in srgb,var(--pm-accent) 26%,transparent),transparent 70%),linear-gradient(160deg,color-mix(in srgb,var(--pm-accent-deep) 70%,#07100c),#0b1310)!important;border-color:color-mix(in srgb,var(--pm-accent) 25%,transparent)!important}
/* Ilmoitukset makrosivulla: toimivat kummassakin teemassa */
body.pm-diary-ui #page-macros .macro-bmr-warning{background:color-mix(in srgb,var(--pm-accent) 7%,var(--pm-surface))!important;border-color:color-mix(in srgb,var(--pm-accent) 30%,transparent)!important;border-left-color:var(--pm-accent)!important;color:var(--pm-text-2)!important}
body.pm-diary-ui #page-macros .macro-bmr-warning a{color:var(--pm-accent)!important}
body.pm-diary-ui #page-macros .macro-disclaimer{background:color-mix(in srgb,var(--pm-warm) 7%,var(--pm-surface))!important;border-color:color-mix(in srgb,var(--pm-warm) 35%,transparent)!important;border-left-color:var(--pm-warm)!important;color:var(--pm-text-2)!important}
body.pm-diary-ui #page-macros .macro-disclaimer a{color:var(--pm-warm)!important}

/* ═════════ Päiväkirjan ja kalorilaskurin hionta (premium-diary.js) ═════════ */
/* Vanhat ilmoitukset korvautuvat yhdellä kirjautumiskehotuksella */
body.pm-diary-ui.pmd-enhanced :is(.local-save-note,#cloudSyncBanner){display:none!important}
body.pm-diary-ui .pmd-login{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--pm-accent) 25%,transparent);
  background:radial-gradient(360px 160px at 0% 50%,color-mix(in srgb,var(--pm-accent) 12%,transparent),transparent 70%),var(--pm-surface)}
body.pm-diary-ui .pmd-login[hidden]{display:none}
body.pm-diary-ui .pmd-login .ico{width:40px;height:40px;border-radius:12px;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--pm-accent) 12%,transparent);color:var(--pm-accent)}
body.pm-diary-ui .pmd-login .ico svg{width:20px;height:20px}
body.pm-diary-ui .pmd-login div{flex:1;min-width:0}
body.pm-diary-ui .pmd-login b{display:block;font-size:14.5px}
body.pm-diary-ui .pmd-login span{display:block;font-size:13px;color:var(--pm-muted)}
body.pm-diary-ui .pmd-login-btn{flex:none;font:600 13.5px var(--pm-body);border:0;border-radius:999px;padding:10px 16px;background:var(--pm-accent);color:var(--pm-on-accent);cursor:pointer;box-shadow:0 8px 22px -10px color-mix(in srgb,var(--pm-accent) 70%,transparent)}
@media (max-width:640px){body.pm-diary-ui .pmd-login{flex-wrap:wrap}body.pm-diary-ui .pmd-login-btn{width:100%}}

/* Jäljellä olevat kalorit renkaan alla */
body.pm-diary-ui .pmd-remaining{text-align:center;margin-top:-4px}
body.pm-diary-ui .pmd-remaining:empty{display:none}
body.pm-diary-ui .pmd-remaining b{display:block;font-family:var(--pm-display);font-size:26px;letter-spacing:-.03em;color:var(--pm-accent);line-height:1.1}
body.pm-diary-ui .pmd-remaining b.over{color:var(--pm-warm)}
body.pm-diary-ui .pmd-remaining span{font-size:12.5px;color:var(--pm-muted)}

/* Viimeksi syödyt */
body.pm-diary-ui .pmd-recent{margin-top:16px}
body.pm-diary-ui .pmd-recent[hidden]{display:none}
body.pm-diary-ui .pmd-recent-h{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--pm-faint);margin-bottom:8px}
body.pm-diary-ui .pmd-recent-h svg{width:14px;height:14px}
body.pm-diary-ui .pmd-recent-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
body.pm-diary-ui .pmd-recent-list button{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:1px;max-width:190px;padding:9px 13px;border-radius:14px;
  border:1px solid var(--pm-line-2);background:color-mix(in srgb,var(--pm-ink) 3%,transparent);color:var(--pm-text);font:inherit;cursor:pointer;text-align:left;transition:border-color .15s,transform .15s}
body.pm-diary-ui .pmd-recent-list button:hover{border-color:color-mix(in srgb,var(--pm-accent) 45%,transparent);transform:translateY(-1px)}
body.pm-diary-ui .pmd-recent-list b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
body.pm-diary-ui .pmd-recent-list small{font-size:11.5px;color:var(--pm-muted);font-variant-numeric:tabular-nums}

/* Tyhjän päivän aloitusnäkymä */
body.pm-diary-ui .pmd-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:30px 18px;border:1px dashed var(--pm-line-2);border-radius:18px}
body.pm-diary-ui .pmd-empty .ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--pm-accent) 10%,transparent);color:var(--pm-accent);margin-bottom:6px}
body.pm-diary-ui .pmd-empty .ico svg{width:26px;height:26px}
body.pm-diary-ui .pmd-empty b{font-size:15px}
body.pm-diary-ui .pmd-empty>span{font-size:13px;color:var(--pm-muted);max-width:36ch}
body.pm-diary-ui .pmd-empty-acts{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;justify-content:center}
body.pm-diary-ui .pmd-empty-acts button{display:inline-flex;align-items:center;gap:7px;font:600 13px var(--pm-body);padding:9px 14px;border-radius:999px;cursor:pointer;
  border:1px solid var(--pm-line-2);background:transparent;color:var(--pm-text)}
body.pm-diary-ui .pmd-empty-acts button:first-child{background:var(--pm-accent);color:var(--pm-on-accent);border-color:transparent}
body.pm-diary-ui .pmd-empty-acts svg{width:15px;height:15px}

/* Kalorilaskurin otsikko ja siirtymä päiväkirjaan */
body.pm-diary-ui .pmd-hero{padding:8px 0 10px}
body.pm-diary-ui .pmd-eyebrow{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--pm-accent);display:flex;align-items:center;gap:8px}
body.pm-diary-ui .pmd-eyebrow::before{content:"";width:18px;height:1px;background:currentColor}
body.pm-diary-ui .pmd-hero h1{margin:0 0 10px;font-family:var(--pm-display)!important;font-size:clamp(32px,5vw,52px);line-height:1.04;letter-spacing:-.045em;color:var(--pm-text)}
body.pm-diary-ui .pmd-hero p{margin:0;color:var(--pm-muted);max-width:60ch}
body.pm-diary-ui a.pmd-cta{display:flex!important;align-items:center;gap:12px;padding:16px 18px!important;text-decoration:none;color:var(--pm-text)!important;transition:border-color .2s}
body.pm-diary-ui a.pmd-cta:hover{border-color:color-mix(in srgb,var(--pm-accent) 40%,transparent)!important}
body.pm-diary-ui a.pmd-cta .ico{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--pm-accent) 12%,transparent);color:var(--pm-accent)}
body.pm-diary-ui a.pmd-cta .ico svg{width:19px;height:19px}
body.pm-diary-ui a.pmd-cta b{display:block;font-size:14px}
body.pm-diary-ui a.pmd-cta small{display:block;font-size:12.5px;color:var(--pm-muted)}
body.pm-diary-ui a.pmd-cta i{margin-left:auto;font-style:normal;color:var(--pm-accent)}

/* Mobiili: yhteenveto → ruoan lisäys → ateriat → vesi → paino */
@media (max-width:980px){
  body.pm-diary-ui .pmd-layout{display:flex!important;flex-direction:column;gap:16px}
  :root body.pm-diary-ui .pmd-layout{align-items:stretch}  /* desktopin align-items:start kutisti kortit sisällön levyisiksi */
  :root body.pm-diary-ui .pmd-layout>*,:root body.pm-diary-ui .pmd-layout .card{min-width:0;max-width:100%}  /* valittu ruoka levitti kortin näytön yli */
  :root body.pm-diary-ui .pmd-layout :is(select,input,textarea){max-width:100%}
  :root body.pm-diary-ui .db-add{white-space:nowrap;flex:none}
  :root body.pm-diary-ui .db-item>div:first-child{min-width:0}
  body.pm-diary-ui :is(.pmd-side,.pmd-main){display:contents}
  body.pm-diary-ui .pmd-layout .card,body.pm-diary-ui .pmd-layout>*>*{order:10}
  body.pm-diary-ui .pmd-layout .card:has(.ring-wrap){order:1}
  body.pm-diary-ui .pmd-layout .card:has(.ai-section){order:2}
  body.pm-diary-ui .pmd-layout .card:has(#mealLog){order:3}
  body.pm-diary-ui .pmd-layout a.pmd-cta{order:4}
}
/* Kalorilaskuri mobiilissa: ruoan lisäys ensin, yhteenveto kirjausten jälkeen */
@media (max-width:980px){
  body.pm-diary-ui.pmd-calc .pmd-layout .card:has(.ai-section){order:1}
  body.pm-diary-ui.pmd-calc .pmd-layout .card:has(#mealLog){order:2}
  body.pm-diary-ui.pmd-calc .pmd-layout .card:has(.ring-wrap){order:3}
}

/* ═════════ Teematila vain teemapaneelissa + mobiilin yläpalkki ja välilehdet ═════════ */
body.pm-diary-ui .header-dark-btn{display:none!important}
body.pm-diary-ui>header:not(.sc-topbar) .pm-theme-auto{margin-left:auto}
body.pm-diary-ui>header:not(.sc-topbar):has(.pm-theme-auto) .header-right{margin-left:10px!important}
@media (max-width:640px){
  body.pm-diary-ui>header:not(.sc-topbar){min-height:56px!important;gap:8px!important}
  body.pm-diary-ui header h1{font-size:17px!important}
  body.pm-diary-ui #hamburgerBtn{width:36px!important;height:36px!important}
  body.pm-diary-ui header .lang-switch a{padding:4px 7px!important;font-size:12px!important}
  /* välilehdet: tasaiset välit, ei päällekkäisyyttä */
  body.pm-diary-ui .nav-tabs{justify-content:space-between!important;gap:2px!important;padding:0 6px!important}
  body.pm-diary-ui :is(.nav-tab,.nav-more-btn){font-size:13px!important;padding:12px 7px!important;white-space:nowrap;letter-spacing:-.005em}
  body.pm-diary-ui .nav-more-wrap{flex:none}
  /* sisältö hieman tiiviimmäksi */
  body.pm-diary-ui .page .card>.card-header{padding:16px 16px 4px!important}
  body.pm-diary-ui .page .card-body{padding:10px 16px 16px!important}
  body.pm-diary-ui .ai-section{padding:4px 16px 16px!important}
  body.pm-diary-ui #dateLabel{font-size:30px!important}
  body.pm-diary-ui .date-bar button{width:36px!important;height:36px!important}
  body.pm-diary-ui .ring-wrap{width:148px!important;height:148px!important}
}
/* Kirjautumiskehotus kertoo saman asian: lukituksen oma merkki pois päältä (lukitus itse toimii) */
body.pm-diary-ui.pmd-enhanced .feature-lock-badge{display:none!important}
body.pm-diary-ui #goalLabel:empty{display:none!important}

/* Sisältöpalsta kapenee läppärileveyksillä, jotta reunamainoksille (ad-slots.js) jää vähintään 200 px:n marginaali (vierityspalkki huomioiden).
   Isoilla näytöillä (≥ 1560 px) palsta on 1080 px. */
@media (min-width:1280px){
  body.pm-diary-ui .page,body.pm-diary-ui .nav-tabs,body.pm-diary-ui .local-save-note{max-width:clamp(900px,calc(100vw - 480px),1080px)!important}
}

/* Kosketuslaitteet: iOS zoomaa sivun, jos napautetun kentän fontti on alle 16 px */
@media (pointer:coarse){
  :root :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){font-size:16px!important}
}

/* Blogi- ja reseptilistojen sivutus premium-teemassa */
:root body.pm-diary-ui :is(.blog-pager,#featuredPager){display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:22px 0 6px}
:root body.pm-diary-ui :is(.blog-pager,#featuredPager) .featured-page-btn{min-width:42px;height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border-radius:999px;border:1px solid var(--pm-line);background:var(--pm-raised);color:var(--pm-text);font:600 15px/1 var(--pm-body);cursor:pointer;transition:border-color .15s,background .15s}
:root body.pm-diary-ui :is(.blog-pager,#featuredPager) .featured-page-btn:hover:not(:disabled){border-color:var(--pm-accent);background:color-mix(in srgb,var(--pm-accent) 10%,var(--pm-raised))}
:root body.pm-diary-ui :is(.blog-pager,#featuredPager) .featured-page-btn.active{background:var(--pm-accent);border-color:var(--pm-accent);color:var(--pm-on-accent,#06140d)}
:root body.pm-diary-ui :is(.blog-pager,#featuredPager) .featured-page-btn:disabled{opacity:.35;cursor:default}
:root body.pm-diary-ui :is(.blog-pager,#featuredPager) .pg-nav{padding:0 18px}
:root body.pm-diary-ui :is(.blog-pager,#featuredPager) .pg-nav em{font-style:normal}
:root body.pm-diary-ui :is(.blog-pager,#featuredPager) .pg-nav span{font-size:20px;line-height:1;margin-top:-2px}
:root body.pm-diary-ui :is(.blog-pager,#featuredPager) .featured-page-status{display:none;font:600 14px var(--pm-body);color:var(--pm-text);padding:0 6px}
:root body.pm-diary-ui :is(.blog-pager,#featuredPager) .featured-page-count{flex-basis:100%;margin:2px 0 0;text-align:center;font-size:13px;color:var(--pm-muted)}
@media (max-width:640px){
  :root body.pm-diary-ui :is(.blog-pager,#featuredPager){flex-wrap:wrap;justify-content:space-between;gap:6px}
  :root body.pm-diary-ui :is(.blog-pager,#featuredPager) .pg-num{display:none}
  :root body.pm-diary-ui :is(.blog-pager,#featuredPager) .featured-page-status{display:block;flex:1;text-align:center;white-space:nowrap;padding:0;font-size:13.5px}
  :root body.pm-diary-ui :is(.blog-pager,#featuredPager) .pg-nav{height:44px;flex:0 0 auto;padding:0 13px;font-size:14px;gap:4px}
}

/* v31: vanhat kiinteät vihreät seuraamaan teemaa (tarkistettu Rose-teemalla koko sivustolta) */
/* reseptisivut: tagit ja ohjeiden numeropallot (inline #d1fae5 / #065f46), "tallennettu"-painike */
:root body.pm-diary-ui :is([style*="#d1fae5"],[style*="rgb(209, 250, 229)"]){background:color-mix(in srgb,var(--pm-accent) 16%,transparent)!important;color:var(--pm-accent)!important}
:root body.pm-diary-ui #copyBtn:is([style*="#059669"],[style*="rgb(5, 150, 105)"]){background:var(--pm-accent)!important;color:var(--pm-on-accent)!important}
/* makrolaskurin tumma paneeli: linkit ja huomautukset aksenttisävyyn */
:root body.pm-diary-ui #page-macros .macro-auto-panel a{color:color-mix(in srgb,var(--pm-accent) 45%,#fff)!important}
:root body.pm-diary-ui #page-macros :is(#macroFormulaNote,.macro-auto-panel details>summary){color:color-mix(in srgb,var(--pm-accent) 14%,#fff)!important}
:root body.pm-diary-ui #page-macros .macro-auto-panel details>div{background:color-mix(in srgb,var(--pm-accent-deep) 35%,transparent)!important}
:root body.pm-diary-ui #page-macros .macro-auto-panel select option{background:color-mix(in srgb,var(--pm-accent-deep) 60%,#07100c)}
/* kaavioiden aikavälipainikkeet (vesi, paino) */
:root body.pm-diary-ui .chart-range-btn.active{background:var(--pm-accent)!important;border-color:var(--pm-accent)!important;color:var(--pm-on-accent)!important}
/* yhteyssivun nimetön palaute -laatikko */
:root body.pm-diary-ui .contact-bot{background:color-mix(in srgb,var(--pm-accent) 8%,var(--pm-surface))!important;border-color:color-mix(in srgb,var(--pm-accent) 25%,transparent)!important;box-shadow:none!important}
:root body.pm-diary-ui .legal-wrap .contact-bot :is(h2,p){color:var(--pm-text)!important}
:root body.pm-diary-ui .contact-bot button{background:var(--pm-accent)!important;color:var(--pm-on-accent)!important;box-shadow:none!important}
/* yläpalkin alaviiva, aktiivinen välilehti ja kielivalinta, päiväkirjan renkaan hehku, tietosivujen kehys */
:root body.pm-diary-ui header::after{background:linear-gradient(90deg,transparent,var(--pm-accent) 48%,transparent)!important}
:root body.pm-diary-ui :is(.nav-tab.active,.lang-switch a.active){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pm-accent) 22%,transparent)!important}
:root body.pm-diary-ui .ring-wrap::before{background:color-mix(in srgb,var(--pm-accent) 16%,transparent)!important}
:root body.pm-diary-ui .ring-wrap::after{background:color-mix(in srgb,var(--pm-accent) 20%,transparent)!important}
:root body.pm-diary-ui .legal-wrap{border-color:var(--pm-line-2)!important}
:root body.pm-diary-ui .legal-wrap::before{background:linear-gradient(90deg,var(--pm-accent-deep),var(--pm-accent) 55%,var(--pm-accent-2))!important}
:root body.pm-diary-ui .contact-email{border-color:color-mix(in srgb,var(--pm-accent) 25%,transparent)!important}

/* v32: kirjoitustila puhelimella (premium-diary.js lisää body.pmd-typing, kun Lisää ruoka -kortin kenttä on aktiivinen):
   kiinteä yläpalkki liukuu pois ja RestinBotin painike piilotetaan, jotta näppäimistön yläpuolelle jää tilaa. */
@media (max-width:760px){
  :root body.pm-diary-ui>header{transition:transform .2s ease}
  :root body.pm-diary-ui.pmd-typing>header{transform:translateY(-110%)}
  :root body.pmd-typing .rb-root:not(.rb-open) :is(.rb-trigger,.rb-teaser,.rb-closed-notice){visibility:hidden!important;opacity:0!important;pointer-events:none!important}
}