/* theme.css — "Cosmos" na linguagem do ThamRak: azul-noite, ouro antigo
   #d3ae6b + violeta #8d7bec, vidro, anel néon a correr à volta das caixas.
   Carrega DEPOIS do style.css e só redefine — o esqueleto continua lá.
   Tema de um só mundo (escuro) por decisão: o céu é o fundo da app. */

@property --na { syntax: '<angle>'; inherits: false; initial-value: 0deg; }

:root{
  --bg:#07070f; --card:rgba(255,255,255,.035); --card2:rgba(10,10,26,.55);
  --line:rgba(141,123,236,.20); --fg:#ece8f6; --mut:#a09ab9;
  --grn:#3ecf8e; --grn-d:rgba(62,207,142,.14); --amb:#e5b04c; --red:#f06578; --blu:#7fa8f0;
  --gold:#d3ae6b; --gold-b:#f0d493; --vio:#8d7bec; --teal:#2dd4bf; --pink:#f472b6;
  --acc:#8d7bec; --acc-rgb:141,123,236;
  --n1:var(--gold); --n2:var(--teal); --n3:var(--vio); --n4:var(--pink);
  --r:16px;
  --serif:"Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  color-scheme:dark;
}
body[data-area="weed"]      { --acc:#3ecf8e; --acc-rgb:62,207,142;  --n2:#3ecf8e; }
body[data-area="horta"]     { --acc:#a3e635; --acc-rgb:163,230,53;  --n2:#a3e635; }
body[data-area="cogumelos"] { --acc:#e59a4c; --acc-rgb:229,154,76;  --n2:#e59a4c; }
body[data-area="flores"]    { --acc:#f472b6; --acc-rgb:244,114,182; --n2:#f472b6; --n4:#c084fc; }

html,body{background:#07070f}
body{
  background:
    radial-gradient(1100px 760px at 12% -12%, rgba(141,123,236,.20), transparent 62%),
    radial-gradient(900px 700px at 112% 28%, rgba(45,212,191,.08), transparent 60%),
    radial-gradient(820px 620px at 38% 118%, rgba(211,174,107,.09), transparent 60%),
    radial-gradient(700px 520px at 90% 90%, rgba(var(--acc-rgb),.07), transparent 60%),
    #07070f;
  background-attachment:fixed;
  color:var(--fg);
}
#cosmos{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}
/* planta gigante em linhas douradas e prateadas + luzes a correr por ela.
   Os dois respiram com a MESMA animação — senão as luzes saíam de cima das linhas. */
#flora,#flora-luz{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;
  transform-origin:50% 55%;will-change:transform;animation:floraRespira 18s ease-in-out infinite}
@keyframes floraRespira{50%{transform:scale(1.018) rotate(.35deg)}}
header,nav#tabs,main,.hero{position:relative;z-index:1}

/* ── cabeçalho ─────────────────────────────────── */
header{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:10px}
.brand{gap:10px;font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:.01em}
.brand > span:last-child,.gold-txt{
  background:linear-gradient(100deg,#f5e2b0 0%,#d3ae6b 40%,#b8914a 60%,#f0d493 100%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:ouroCorre 7s linear infinite;filter:drop-shadow(0 0 10px rgba(211,174,107,.25))}
@keyframes ouroCorre{to{background-position:-220% 0}}
.brand a{color:var(--gold)!important;opacity:.85}
canvas.mini-emblem{width:44px;height:44px;display:block;cursor:pointer;
  filter:drop-shadow(0 0 6px rgba(211,174,107,.45)) drop-shadow(0 0 14px rgba(var(--acc-rgb),.35))}
.badge{background:rgba(255,255,255,.04);border:1px solid rgba(211,174,107,.25);color:#cfc6e8;
  backdrop-filter:blur(10px)}

/* ── separadores ───────────────────────────────── */
nav#tabs{background:linear-gradient(rgba(7,7,15,.85) 65%,transparent);backdrop-filter:blur(6px)}
nav#tabs button{background:rgba(255,255,255,.04);border:1px solid rgba(141,123,236,.22);
  color:#bdb5d8;backdrop-filter:blur(10px);transition:all .25s}
nav#tabs button:hover{border-color:rgba(211,174,107,.5);color:var(--gold-b)}
nav#tabs button.on{
  background:linear-gradient(135deg,rgba(240,212,147,.96),rgba(211,174,107,.95) 45%,rgba(141,123,236,.95));
  color:#140f06;border-color:transparent;font-weight:700;
  box-shadow:0 0 0 1px rgba(240,212,147,.35),0 4px 18px -4px rgba(211,174,107,.6),0 0 22px -6px rgba(141,123,236,.7)}

/* ── caixas de vidro + anel néon a correr ──────── */
.card,.alert,.pcard,.areabtn,.straincard,.prod,.doc,.fitem,.kpi{
  position:relative;isolation:isolate;
  background:linear-gradient(165deg,rgba(255,255,255,.07),rgba(255,255,255,.018) 38%,rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.07);
  backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);
  box-shadow:0 14px 34px -16px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.07);
  border-radius:var(--r);
}
.card::before,.alert::before,.pcard::before,.areabtn::before,.straincard::before,.prod::before,.doc::before,.fitem::before,
.card::after,.alert::after,.pcard::after,.areabtn::after,.straincard::after,.prod::after,.doc::after,.fitem::after{
  content:"";position:absolute;border-radius:inherit;pointer-events:none;
  background:conic-gradient(from var(--na),
    transparent 0deg, transparent 150deg,
    var(--n1) 205deg, var(--n2) 245deg, var(--n3) 290deg, var(--n4) 325deg, transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:neonGira var(--nd,7s) linear infinite;animation-delay:var(--ndl,0s);
}
/* anel nítido */
.card::before,.alert::before,.pcard::before,.areabtn::before,.straincard::before,.prod::before,.doc::before,.fitem::before{
  inset:-1px;padding:1.6px;z-index:2;opacity:.95}
/* halo por fora, a seguir a luz */
.card::after,.alert::after,.pcard::after,.areabtn::after,.straincard::after,.prod::after,.doc::after,.fitem::after{
  inset:-8px;padding:7px;border-radius:calc(var(--r) + 7px);filter:blur(6px);opacity:.55;z-index:-1}
@keyframes neonGira{to{--na:360deg}}
/* ritmos diferentes para não parecer uma fábrica */
.card:nth-of-type(3n+1){--nd:8s} .card:nth-of-type(3n+2){--nd:6.2s;--ndl:-2s} .card:nth-of-type(3n){--nd:9.5s;--ndl:-4s}
.alert:nth-of-type(2n){--nd:5.5s;--ndl:-1.5s} .alert:nth-of-type(2n+1){--nd:7.5s;--ndl:-3.5s}
.pcard:nth-child(2n),.areabtn:nth-child(2n),.fitem:nth-child(2n){--ndl:-3s;--nd:8.5s}
.areabtn:nth-child(3){--ndl:-5s} .areabtn:nth-child(4){--ndl:-1s;--nd:6.5s}

/* alertas: o néon diz a gravidade */
.alert{background:linear-gradient(165deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}
.alert.crit{--n1:#f06578;--n2:#ff9fb0;--n3:#f06578;--n4:#d3ae6b;background:linear-gradient(165deg,rgba(240,101,120,.16),rgba(240,101,120,.04))}
.alert.warn{--n1:#e5b04c;--n2:#f0d493;--n3:#e5b04c;--n4:#8d7bec;background:linear-gradient(165deg,rgba(229,176,76,.12),rgba(229,176,76,.03))}
.alert.ok  {--n1:#3ecf8e;--n2:#2dd4bf;--n3:#3ecf8e;--n4:#d3ae6b;background:linear-gradient(165deg,rgba(62,207,142,.12),rgba(62,207,142,.03))}
.alert .dot{box-shadow:0 0 10px currentColor}
.alert.crit .dot{background:#f06578;color:#f06578} .alert.warn .dot{background:#e5b04c;color:#e5b04c} .alert.ok .dot{background:#3ecf8e;color:#3ecf8e}
.alert b{color:#f3eefc}

/* títulos */
.card h2,details summary{color:var(--gold);letter-spacing:.14em;text-shadow:0 0 14px rgba(211,174,107,.25)}
details summary::before{color:var(--gold-b)}
.muted{color:var(--mut)}
h3{font-family:var(--serif)}

/* ── campos ───────────────────────────────────── */
input,select,textarea{background:rgba(6,6,18,.55);border:1px solid rgba(141,123,236,.24);color:var(--fg);
  transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(211,174,107,.15),0 0 18px -4px rgba(211,174,107,.5)}
option{background:#12142a;color:var(--fg)}
.f>span{color:#b7aed6}
.f.calc b{background:rgba(6,6,18,.45);border-color:rgba(211,174,107,.35);color:var(--gold-b)}

/* ── botões ───────────────────────────────────── */
.primary{background:linear-gradient(135deg,#f5e2b0,#d3ae6b 45%,#b08944);color:#1a1405;
  box-shadow:0 0 0 1px rgba(240,212,147,.35),0 8px 24px -8px rgba(211,174,107,.65);
  animation:ouroPulsa 3.6s ease-in-out infinite}
@keyframes ouroPulsa{50%{box-shadow:0 0 0 1px rgba(240,212,147,.55),0 8px 30px -6px rgba(211,174,107,.9),0 0 26px -8px rgba(141,123,236,.8)}}
.ghost{background:rgba(255,255,255,.045);border:1px solid rgba(141,123,236,.28);color:var(--fg);backdrop-filter:blur(10px)}
.ghost:hover{border-color:rgba(211,174,107,.55)}
.tick{border-color:rgba(211,174,107,.45);color:var(--gold-b)}

/* ── áreas na página principal ─────────────────── */
.areabtn{padding:14px 14px 16px;align-items:center;text-align:center;gap:2px}
.areabtn canvas.area-emblem{width:92px;height:92px;display:block;margin:-2px auto 2px}
.areabtn b{font-family:var(--serif);font-size:17px;letter-spacing:.02em}
.areabtn[data-a="weed"]      {--n2:#3ecf8e}
.areabtn[data-a="horta"]     {--n2:#a3e635}
.areabtn[data-a="cogumelos"] {--n2:#e59a4c}
.areabtn[data-a="flores"]    {--n2:#f472b6;--n4:#c084fc}
.areabtn[data-a="weed"] canvas.area-emblem{filter:drop-shadow(0 0 8px rgba(62,207,142,.45)) drop-shadow(0 0 3px rgba(211,174,107,.6))}
.areabtn[data-a="horta"] canvas.area-emblem{filter:drop-shadow(0 0 8px rgba(163,230,53,.4)) drop-shadow(0 0 3px rgba(211,174,107,.6))}
.areabtn[data-a="cogumelos"] canvas.area-emblem{filter:drop-shadow(0 0 8px rgba(229,154,76,.45)) drop-shadow(0 0 3px rgba(211,174,107,.6))}
.areabtn[data-a="flores"] canvas.area-emblem{filter:drop-shadow(0 0 8px rgba(244,114,182,.45)) drop-shadow(0 0 3px rgba(211,174,107,.6))}
.areabtn:hover{transform:translateY(-2px);transition:transform .25s}

/* ── abertura do menu: emblema grande em movimento ─ */
.hero{overflow:hidden;display:grid;place-items:center;text-align:center;
  height:0;opacity:0;transition:height .7s cubic-bezier(.6,0,.2,1),opacity .5s,margin .7s}
.hero.intro{height:min(330px,46vh);opacity:1;margin-bottom:6px}
.hero canvas.hero-emblem{width:min(260px,34vh);height:min(260px,34vh);display:block;
  filter:drop-shadow(0 0 10px rgba(211,174,107,.55)) drop-shadow(0 0 32px rgba(var(--acc-rgb),.45))}
.hero.intro canvas.hero-emblem{animation:emblemaEntra 1.1s cubic-bezier(.2,.9,.25,1.15) both}
@keyframes emblemaEntra{from{transform:scale(.3) rotate(-25deg);opacity:0}to{transform:none;opacity:1}}
.hero h1{margin:4px 0 0;font-family:var(--serif);font-size:30px;font-weight:600;letter-spacing:.06em}
.hero small{display:block;color:var(--mut);font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-top:2px}

/* ── pedaços do dia-a-dia ─────────────────────── */
.pcard .b{background:linear-gradient(transparent,rgba(0,0,0,.25))}
.stagebar{background:rgba(255,255,255,.06)} .stagebar i{background:linear-gradient(90deg,var(--acc),var(--gold))}
th{color:var(--gold);border-bottom-color:rgba(211,174,107,.25)}
td{border-bottom-color:rgba(255,255,255,.06)}
tbody tr:nth-child(even) td,table tr:nth-child(even) td{background:rgba(255,255,255,.015)}
.task{border-bottom-color:rgba(255,255,255,.06)}
.calday{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.04)}
.calday.hoje{background:linear-gradient(160deg,rgba(211,174,107,.35),rgba(141,123,236,.25));
  border-color:var(--gold);box-shadow:0 0 16px -2px rgba(211,174,107,.6)}
.calday.sel{border-color:var(--gold-b)}
.calevts span,.cdia{background:rgba(255,255,255,.04);border-color:rgba(141,123,236,.2)}
.luaop{background:rgba(255,255,255,.035)}
details.manual .mtexto{background:rgba(6,6,18,.45);border:1px solid rgba(211,174,107,.14)}
.nbell{background:rgba(255,255,255,.05);border-color:rgba(211,174,107,.35);backdrop-filter:blur(10px)}
.npanel .card{background:rgba(12,12,28,.93)}
.modal{background:rgba(3,3,10,.78);backdrop-filter:blur(6px)}
.modal .inner{background:rgba(14,14,32,.92);border:1px solid rgba(211,174,107,.25);
  box-shadow:0 0 0 1px rgba(141,123,236,.2),0 30px 80px -20px #000}
#toast{background:linear-gradient(135deg,#f5e2b0,#d3ae6b 50%,#b08944);color:#1a1405;
  box-shadow:0 10px 30px -8px rgba(211,174,107,.7)}
.spark path,.spark polyline{filter:drop-shadow(0 0 4px currentColor)}
.good{color:#5fe0a6} .warnc{color:#f0c060} .bad{color:#ff8497}
code{background:rgba(255,255,255,.06)}

/* ── marca: logo + nome ───────────────────────── */
img.brand-logo{width:46px;height:46px;display:block;
  filter:drop-shadow(0 0 8px rgba(211,174,107,.45)) drop-shadow(0 0 16px rgba(141,123,236,.35));
  animation:logoRespira 6s ease-in-out infinite}
@keyframes logoRespira{50%{filter:drop-shadow(0 0 12px rgba(211,174,107,.7)) drop-shadow(0 0 22px rgba(141,123,236,.5))}}
.brand-nome{font-size:24px;line-height:1.05;letter-spacing:.04em}
.brand-nome small{display:block;font-family:var(--serif);font-style:italic;font-size:11.5px;
  letter-spacing:.14em;color:#a09ab9;-webkit-text-fill-color:#a09ab9;font-weight:400;margin-top:2px}
a.home-logo{display:block;line-height:0;opacity:1!important}
a.home-logo img{width:30px;height:30px;filter:drop-shadow(0 0 6px rgba(211,174,107,.5))}

/* ── cabeçalho nunca parte em duas linhas ─────── */
.brand{min-width:0;white-space:nowrap}
.brand > span:last-child{overflow:hidden;text-overflow:ellipsis}
.badge{max-width:44vw;overflow:hidden;text-overflow:ellipsis}

/* ── acessibilidade e telemóveis ──────────────── */
@media (max-width:480px){
  /* regra dos 60 s: o registo do dia tem de caber sem scroll — 3 colunas em vez de 2 */
  #quick .fields{grid-template-columns:repeat(3,1fr);gap:7px}
  #quick input{padding:11px 9px;font-size:16px}
  #quick .f.calc b{padding:11px 9px;font-size:16px}
  .alert{padding:10px 12px;margin:6px 0}
  header{padding-bottom:6px}
  canvas.mini-emblem{width:38px;height:38px}
  .brand{font-size:19px}
  .badge{max-width:34vw;font-size:11px;padding:4px 9px}
}
@media (max-width:720px){
  .card::after,.alert::after,.pcard::after,.straincard::after,.prod::after,.doc::after,.fitem::after{display:none}
  .card,.alert,.pcard,.straincard,.prod,.doc,.fitem{backdrop-filter:blur(10px) saturate(140%)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* ── Borda d'Água ─────────────────────────────── */
body[data-area="lua"] { --acc:#c9b8ff; --acc-rgb:201,184,255; --n2:#c9b8ff; }
.calday.passado{opacity:.62}
.calday .nd{min-width:14px;height:14px;width:auto;padding:0 3px;border-radius:7px;top:3px;right:3px;
  font-size:9px;font-weight:700;color:#1a1405;display:grid;place-items:center;background:var(--gold)}
.lnotas{display:flex;flex-direction:column;gap:8px}
.lnota{background:rgba(255,255,255,.035);border:1px solid rgba(211,174,107,.18);border-radius:11px;padding:9px 11px}
.lnota p{margin:5px 0 0;font-size:14px;line-height:1.5}
.lnota-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.alvo-chip{font-size:11.5px;color:var(--gold-b);background:rgba(211,174,107,.12);border:1px solid rgba(211,174,107,.3);
  border-radius:999px;padding:2px 9px}
.lnota-acc{display:flex;gap:6px}
button.mini{background:transparent;border:1px solid rgba(141,123,236,.3);color:var(--mut);border-radius:7px;
  font-size:11.5px;padding:3px 8px;cursor:pointer}
button.mini:hover{color:var(--gold-b);border-color:rgba(211,174,107,.5)}
.lnova{margin-top:12px}
.lnova textarea,#formNova textarea{width:100%;font-size:15px}
.ndia{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:start;margin:8px 0}
.ndata{font-size:12px;color:var(--mut);padding-top:10px}
@media(max-width:480px){.ndia{grid-template-columns:1fr}.ndata{padding-top:0}}

.janelas{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.janela{background:rgba(255,255,255,.035);border:1px solid rgba(141,123,236,.2);border-radius:12px;padding:10px 12px;
  display:flex;flex-direction:column;gap:1px}
.janela .ji{font-size:20px} .janela b{font-family:var(--serif);font-size:15px}
.janela small{color:var(--mut);font-size:12px} .janela .jd{color:var(--gold-b)}
.janela.agora{border-color:var(--grn);box-shadow:0 0 16px -4px rgba(62,207,142,.6)}
.janela.agora small:not(.jd){color:var(--grn);font-weight:700}

.agenda{display:flex;flex-direction:column;gap:6px}
.agdia{display:grid;grid-template-columns:44px 44px 1fr;gap:10px;align-items:start;padding:9px 10px;border-radius:11px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:border-color .2s}
.agdia:hover{border-color:rgba(211,174,107,.45)}
.agdia.passado{opacity:.55}
.agdia.hoje{background:linear-gradient(160deg,rgba(211,174,107,.2),rgba(141,123,236,.14));border-color:var(--gold)}
.agdata{text-align:center;line-height:1.1} .agdata b{font-size:19px;font-family:var(--serif)} .agdata small{display:block;font-size:10.5px;color:var(--mut)}
.aglua{text-align:center;font-size:22px;line-height:1.1} .aglua small{display:block;font-size:10px;color:var(--mut)}
.agtop{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;flex-wrap:wrap}
.agtipo{color:var(--mut);font-size:12px}
.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
.chip{font-size:11px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--mut)}
.chip.ok{color:#7ff0bd;border-color:rgba(62,207,142,.35);background:rgba(62,207,142,.08)}
.agnota{font-size:12.5px;color:#d6cfee;margin-top:5px;padding-left:8px;border-left:2px solid rgba(211,174,107,.45)}

/* ── centro de notificações ───────────────────── */
.nresumo{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 10px}
.rchip{font-size:12.5px;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.rchip.crit{color:#ff9fb0;border-color:rgba(240,101,120,.45)} .rchip.warn{color:#f0c060;border-color:rgba(229,176,76,.45)}
.rchip.ok{color:#7ff0bd;border-color:rgba(62,207,142,.4)}
.ngtop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.ngtop h3{margin:0;font-size:16px}
.ngacc{flex-wrap:wrap} .ngacc .ghost{padding:9px 12px;font-size:13px}
.gsec{margin:18px 4px 6px;font-size:13px;color:var(--gold);letter-spacing:.14em;text-transform:uppercase}
.gcard.desligado{opacity:.6}
.gcard.realce{box-shadow:0 0 0 2px var(--gold),0 0 30px -6px rgba(211,174,107,.8)}
.gestado{margin:0 0 8px;font-size:12.5px}
.gcampos{margin-bottom:8px}
.f-lbl{display:block;font-size:12px;color:#b7aed6;margin-bottom:4px}
.chip-op{display:inline-flex;align-items:center;gap:5px;font-size:13px;padding:6px 11px;border-radius:999px;cursor:pointer;
  background:rgba(255,255,255,.04);border:1px solid rgba(141,123,236,.28);color:var(--mut);user-select:none}
.chip-op input{display:none}
.chip-op small{font-size:10.5px;opacity:.8}
.chip-op.on,.chip-op:has(input:checked){color:#7ff0bd;border-color:rgba(62,207,142,.55);background:rgba(62,207,142,.1)}
.interruptor{position:relative;width:46px;height:26px;flex:0 0 auto;cursor:pointer}
.interruptor input{opacity:0;width:0;height:0;position:absolute}
.interruptor span{position:absolute;inset:0;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);transition:.2s}
.interruptor span::after{content:"";position:absolute;width:20px;height:20px;left:2px;top:2px;border-radius:50%;background:#bdb5d8;transition:.2s}
.interruptor input:checked + span{background:linear-gradient(135deg,#d3ae6b,#8d7bec);border-color:transparent}
.interruptor input:checked + span::after{left:22px;background:#fff}
.interruptor input:focus-visible + span{outline:2px solid var(--gold);outline-offset:2px}
.nbadge.lembrete{background:var(--grn);min-width:10px;height:10px;top:-2px;right:-2px;padding:0}
a.ncentro{display:block;text-align:center;text-decoration:none;margin-top:10px;padding:11px;font-size:13.5px}
/* "Para": a que planta vão a foto e a nota do registo do dia */
.alvo{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.alvo > span{color:var(--gold);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;flex:0 0 auto}
.alvo .pills{margin:0;min-width:0}
/* produto sem foto (outras marcas): monograma da marca em ouro */
.prod .prodsem{width:74px;height:96px;border-radius:8px;display:grid;place-items:center;font-family:var(--serif);font-size:26px;font-weight:600;color:var(--gold);background:radial-gradient(circle at 35% 30%,rgba(240,212,147,.18),rgba(10,10,26,.6));border:1px solid rgba(211,174,107,.35)}
/* gaveta pH/EC do registo do dia */
.phec{margin:0 0 12px}
.phec summary{font-size:12px;cursor:pointer}
.phec > p{font-size:12px;margin:6px 0 0}
.phec .fields{margin-top:8px}