/* ===== Memória Babita — organização + movimento =====
   Durações e easing conforme o Guia Definitivo de Design da casa (§13):
   micro 120–150ms · padrão 200–300ms · grande 300–480ms · nunca linear.      */
:root{
  --e-in:cubic-bezier(.05,.7,.1,1);      /* entrada */
  --e-out:cubic-bezier(.3,0,.8,.15);     /* saída (mais rápida que a entrada) */
  --e-std:cubic-bezier(.2,0,0,1);        /* padrão */
  --d-micro:130ms; --d-std:220ms; --d-big:340ms;
}

/* ============ árvore: linha com ações ============ */
.tree .row{position:relative;gap:6px}
.tree .row .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tree .file .row span:last-child,.tree .dir .row span:last-child{overflow:visible;text-overflow:clip}
.tree .tree-ic{width:15px;height:15px;flex:0 0 auto;opacity:.62;transition:opacity var(--d-micro) var(--e-std),transform var(--d-micro) var(--e-std)}
.tree .dir>.row .tree-ic{color:var(--acc-2);opacity:.85}
.tree .row:hover .tree-ic{opacity:1}
.tree .file.active>.row .tree-ic{opacity:1;transform:scale(1.08)}
.tree .caret{display:inline-flex;align-items:center;justify-content:center;width:13px;flex:0 0 auto;color:var(--fg3)}
.tree .caret .ic{width:13px;height:13px;stroke-width:2.4;transition:transform var(--d-std) var(--e-std)}
.tree .collapsed>.row .caret{transform:none}
.tree .collapsed>.row .caret .ic{transform:rotate(-90deg)}
.tree .cnt{font-size:10.5px;color:var(--fg3);font-weight:600;padding:1px 5px;border-radius:20px;background:var(--bg3);flex:0 0 auto;transition:opacity var(--d-micro) var(--e-std)}
.tree .row:hover .cnt{opacity:0}

.tree .tree-acts{display:flex;gap:2px;flex:0 0 auto;opacity:0;transform:translateX(4px);
  transition:opacity var(--d-micro) var(--e-std),transform var(--d-micro) var(--e-in);pointer-events:none}
.tree .row:hover .tree-acts,.tree .row:focus-within .tree-acts{opacity:1;transform:none;pointer-events:auto}
.tree .ta{display:grid;place-items:center;width:23px;height:23px;border:none;background:transparent;border-radius:6px;
  cursor:pointer;color:var(--fg2);transition:background var(--d-micro) var(--e-std),color var(--d-micro) var(--e-std),transform var(--d-micro) var(--e-std)}
.tree .ta .ic{width:15px;height:15px}
.tree .ta:hover{background:var(--bg4);color:var(--acc)}
.tree .ta:active{transform:scale(.88)}
@media (hover:none){.tree .tree-acts{opacity:1;transform:none;pointer-events:auto}.tree .cnt{display:none}}

/* abrir/fechar pasta animado (sem display:none, para poder animar) */
.tree .children{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--d-std) var(--e-std),opacity var(--d-micro) var(--e-std)}
.tree .children>.children-inner{overflow:hidden;min-height:0}
.tree .collapsed>.children{display:grid;grid-template-rows:0fr;opacity:0}
.tree .dir.flash>.row{animation:flashRow 1s var(--e-std)}
@keyframes flashRow{0%,70%{background:var(--sel);box-shadow:inset 2px 0 0 var(--acc)}100%{background:transparent}}

/* arrastar e soltar */
body.mw-dragging{cursor:grabbing}
body.mw-dragging .tree .row{transition:background var(--d-micro) var(--e-std),transform var(--d-micro) var(--e-std)}
.tree .row.dragging{opacity:.4}
.tree .row.drop-in{background:var(--sel);box-shadow:inset 0 0 0 1.5px var(--acc);transform:translateX(3px)}
.tree.drop-root{box-shadow:inset 0 0 0 1.5px var(--acc);border-radius:var(--r-md)}

/* ============ atalho para a paleta ============ */
.pal-hint{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;gap:8px;width:100%;margin-top:14px;padding:9px 11px;
  border:1px dashed var(--bord-2);backdrop-filter:blur(6px);
  background:color-mix(in srgb,var(--bg2) 88%,transparent);color:var(--fg3);border-radius:var(--r-md);cursor:pointer;font-size:12.5px;
  transition:border-color var(--d-micro) var(--e-std),color var(--d-micro) var(--e-std),background var(--d-micro) var(--e-std)}
.pal-hint .ic{width:15px;height:15px}
.pal-hint span{flex:1;text-align:left}
.pal-hint:hover{border-color:var(--acc);color:var(--acc);background:var(--sel)}
kbd{font:inherit;font-size:10.5px;font-weight:600;padding:1px 5px;border-radius:5px;background:var(--bg3);border:1px solid var(--bord);color:var(--fg2)}

/* ============ sumário da nota ============ */
.outline{margin:0 0 12px;border:1px solid var(--bord);border-radius:var(--r-md);background:var(--bg3);overflow:hidden;animation:slideDown var(--d-std) var(--e-in)}
.out-head{display:flex;align-items:center;gap:7px;padding:8px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.7px;
  color:var(--fg2);font-weight:700;cursor:pointer;user-select:none;transition:color var(--d-micro) var(--e-std)}
.out-head:hover{color:var(--fg)}
.out-head .ic{width:14px;height:14px}
.out-head span:first-of-type{flex:1}
.out-n{background:var(--bg4);border-radius:20px;padding:1px 6px;font-size:10px;letter-spacing:0}
.out-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--d-std) var(--e-std)}
.outline.closed .out-body{grid-template-rows:0fr}
.out-body>*{min-height:0}
.outline .out-i{display:block;width:100%;text-align:left;border:none;background:transparent;color:var(--fg2);cursor:pointer;
  font-size:12.5px;padding:5px 10px;border-left:2px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:color var(--d-micro) var(--e-std),border-color var(--d-micro) var(--e-std),background var(--d-micro) var(--e-std)}
.outline .out-i:hover{color:var(--fg);background:var(--bg4)}
.outline .out-i.on{color:var(--acc);border-left-color:var(--acc);font-weight:600}
.outline.closed .out-body{overflow:hidden}
@keyframes slideDown{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ============ barra de progresso de leitura ============ */
.readbar{height:2px;background:var(--grad);transform:scaleX(0);transform-origin:0 50%;
  transition:transform 90ms linear;flex:0 0 auto;opacity:.9}

/* ============ contador de palavras ============ */
.word-count{font-size:11.5px;color:var(--fg3);white-space:nowrap}
@media (max-width:860px){.word-count{display:none}}

/* ============ copiar bloco de código ============ */
#viewer pre{position:relative}
#viewer pre .code-copy{position:absolute;top:8px;right:8px;width:28px;height:28px;display:grid;place-items:center;
  border:1px solid var(--bord);background:var(--bg2);color:var(--fg2);border-radius:7px;cursor:pointer;
  opacity:0;transform:scale(.9);transition:opacity var(--d-micro) var(--e-std),transform var(--d-micro) var(--e-in),color var(--d-micro) var(--e-std)}
#viewer pre:hover .code-copy,#viewer pre .code-copy:focus-visible{opacity:1;transform:none}
#viewer pre .code-copy:hover{color:var(--acc);border-color:var(--acc)}
#viewer pre .code-copy.ok{color:var(--green);border-color:var(--green);animation:pop var(--d-std) var(--e-in)}
#viewer pre .code-copy .ic{width:15px;height:15px}

/* ============ menu de contexto ============ */
.mw-menu{position:fixed;z-index:300;min-width:212px;padding:6px;background:var(--bg2);border:1px solid var(--bord-2);
  border-radius:var(--r-md);box-shadow:var(--shadow);transform-origin:top left;animation:menuIn var(--d-std) var(--e-in)}
.mw-menu.is-out{animation:menuOut var(--d-micro) var(--e-out) forwards}
.mw-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:none;background:transparent;
  color:var(--fg);border-radius:var(--r-sm);cursor:pointer;font-size:13px;font-weight:500;text-align:left;
  animation:itemIn var(--d-std) var(--e-in) backwards;animation-delay:var(--d,0ms);
  transition:background var(--d-micro) var(--e-std),color var(--d-micro) var(--e-std),transform var(--d-micro) var(--e-std)}
.mw-menu button .ic{width:16px;height:16px;color:var(--fg2);flex:0 0 auto}
.mw-menu button:hover{background:var(--bg3);transform:translateX(2px)}
.mw-menu button:hover .ic{color:var(--acc)}
.mw-menu button.danger:hover{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}
.mw-menu button.danger:hover .ic{color:var(--danger)}
.mw-menu-sep{height:1px;background:var(--bord);margin:5px 8px}
@keyframes menuIn{from{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:none}}
@keyframes menuOut{to{opacity:0;transform:scale(.97)}}
@keyframes itemIn{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}

/* ============ modais (nova nota, pasta, renomear, mover) ============ */
.mw-modal{animation:fade var(--d-std) var(--e-in)}
.mw-modal.is-out{animation:fadeOut var(--d-micro) var(--e-out) forwards}
.mw-modal .mw-dialog{width:432px;max-width:92vw;animation:dialogIn var(--d-big) var(--e-in)}
.mw-modal.is-out .mw-dialog{animation:dialogOut var(--d-micro) var(--e-out) forwards}
.mw-dialog.is-danger .dialog-ic{background:linear-gradient(135deg,var(--danger),color-mix(in srgb,var(--danger) 72%,#000))}
.mw-lb{display:block;margin-top:14px;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--fg2);font-weight:700}
.mw-dialog input{margin-top:6px}
.mw-static{margin-top:12px;font-size:13px;color:var(--fg2)}
.mw-sel{position:relative;margin-top:6px}
.mw-sel select{width:100%;appearance:none;background:var(--bg3);border:1px solid var(--bord);color:var(--fg);
  border-radius:var(--r-md);padding:11px 34px 11px 12px;font:inherit;cursor:pointer;
  transition:border-color var(--d-micro) var(--e-std),box-shadow var(--d-micro) var(--e-std)}
.mw-sel select:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--sel);outline:none}
.mw-sel-ic{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--fg3);pointer-events:none}
.mw-dialog .err{margin-top:10px;color:var(--danger);font-size:12.5px;min-height:0}
.mw-dialog .dialog-actions button.primary{background:var(--grad);border-color:transparent;color:#fff}
.mw-dialog .dialog-actions button.danger{background:var(--danger);border-color:transparent;color:#fff}
.mw-dialog .dialog-actions button{transition:transform var(--d-micro) var(--e-std),filter var(--d-micro) var(--e-std),border-color var(--d-micro) var(--e-std)}
.mw-dialog .dialog-actions button:hover{filter:brightness(1.08)}
.mw-dialog .dialog-actions button:active{transform:scale(.96)}
@keyframes dialogIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes dialogOut{to{opacity:0;transform:translateY(6px) scale(.98)}}
@keyframes fadeOut{to{opacity:0}}

/* ============ paleta de comandos ============ */
.mw-palette{align-items:flex-start;padding-top:12vh;animation:fade var(--d-micro) var(--e-in)}
.mw-palette.is-out{animation:fadeOut var(--d-micro) var(--e-out) forwards}
.mw-pal{width:640px;max-width:94vw;background:var(--bg2);border:1px solid var(--bord-2);border-radius:var(--r-lg);
  box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;max-height:70vh;animation:palIn var(--d-big) var(--e-in)}
.mw-palette.is-out .mw-pal{animation:dialogOut var(--d-micro) var(--e-out) forwards}
.mw-pal-head{display:flex;align-items:center;gap:11px;padding:15px 17px;border-bottom:1px solid var(--bord)}
.mw-pal-head .ic{width:18px;height:18px;color:var(--fg3);flex:0 0 auto}
.mw-pal-head input{flex:1;background:transparent;border:none;outline:none;color:var(--fg);font:inherit;font-size:16px}
.mw-pal-list{overflow:auto;padding:7px;flex:1;min-height:60px}
.mw-pal-i{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:none;background:transparent;color:var(--fg);
  border-radius:var(--r-sm);cursor:pointer;text-align:left;font:inherit;
  animation:itemIn var(--d-std) var(--e-in) backwards;animation-delay:var(--d,0ms)}
.mw-pal-i .ic{width:16px;height:16px;color:var(--fg3);flex:0 0 auto;transition:color var(--d-micro) var(--e-std)}
.mw-pal-i .l{font-weight:600;white-space:nowrap}
.mw-pal-i .s{flex:1;min-width:0;color:var(--fg3);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mw-pal-i .t{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--fg3);background:var(--bg3);
  padding:2px 7px;border-radius:20px;flex:0 0 auto}
.mw-pal-i.on{background:var(--sel)}
.mw-pal-i.on .ic,.mw-pal-i.on .l{color:var(--acc)}
.mw-pal-foot{display:flex;gap:16px;padding:9px 17px;border-top:1px solid var(--bord);background:var(--bg3);
  font-size:11px;color:var(--fg3)}
.mw-pal-foot kbd{margin:0 2px}
@keyframes palIn{from{opacity:0;transform:translateY(-14px) scale(.985)}to{opacity:1;transform:none}}

/* ============ entrada da nota e destaque de título ============ */
#viewer.note-in{animation:noteIn var(--d-big) var(--e-in)}
@keyframes noteIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
#viewer .flash-h{animation:flashH 1.1s var(--e-std)}
@keyframes flashH{0%,60%{background:var(--sel);box-shadow:-10px 0 0 var(--sel),10px 0 0 var(--sel)}100%{background:transparent;box-shadow:none}}

/* botões do topo com resposta ao clique */
.top-actions button{transition:transform var(--d-micro) var(--e-std),background var(--d-micro) var(--e-std),border-color var(--d-micro) var(--e-std),color var(--d-micro) var(--e-std)}
.top-actions button:active{transform:scale(.95)}
#newNoteBtn:active,#newFolderBtn:active{transform:scale(.9)}

/* ============ acessibilidade: movimento reduzido é necessidade médica ============ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important}
  .tree .children{transition:none}
  .readbar{transition:none}
}

/* ============ anexo que não carregou ============ */
.anexo-erro{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px dashed var(--danger);
  border-radius:var(--r-md);background:color-mix(in srgb,var(--danger) 9%,transparent);color:var(--danger);
  font-size:13px;animation:pop var(--d-std) var(--e-in)}
.anexo-erro .ic{width:16px;height:16px;flex:0 0 auto}
.anexo-erro span{color:var(--fg2);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}

/* ============ propriedades da nota (resumo / tags / atualizado) ============ */
.props{flex:0 0 auto;border-bottom:1px solid var(--bord);background:var(--bg2);animation:slideDown var(--d-std) var(--e-in)}
.props-strip{display:flex;align-items:center;gap:10px;width:100%;padding:9px 20px;border:none;background:transparent;
  color:var(--fg2);cursor:pointer;text-align:left;font:inherit;font-size:12.5px;
  transition:background var(--d-micro) var(--e-std),color var(--d-micro) var(--e-std)}
.props-strip:hover{background:var(--bg3);color:var(--fg)}
.props-strip>.ic{width:15px;height:15px;flex:0 0 auto;color:var(--fg3)}
.ps-txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ps-txt b{color:var(--fg)}
.ps-tags{display:flex;gap:4px;flex:0 0 auto}
.ps-tags i{font-style:normal;font-size:10.5px;background:var(--tag);color:var(--tag-fg);padding:1px 7px;border-radius:20px}
.ps-dt{flex:0 0 auto;font-size:11px;color:var(--fg3);font-variant-numeric:tabular-nums}
.ps-dt.velho{color:var(--amber)}
.props.sem-resumo{border-left:3px solid var(--amber)}
.props.sem-resumo .props-strip>.ic{color:var(--amber)}
.props.sem-resumo .ps-txt{color:var(--amber)}
.props.sem-resumo .ps-txt b{color:var(--amber)}

.props-form{padding:16px 20px 18px;animation:slideDown var(--d-std) var(--e-in)}
.pf-head{display:flex;align-items:center;gap:8px;font-size:13px;flex-wrap:wrap}
.pf-head .ic{width:16px;height:16px;color:var(--acc)}
.pf-hint{color:var(--fg3);font-size:11.5px;font-weight:400;margin-left:4px}
.props-form textarea{width:100%;margin-top:6px;background:var(--bg3);border:1px solid var(--bord);color:var(--fg);
  border-radius:var(--r-md);padding:10px 12px;font:inherit;font-size:13px;line-height:1.5;resize:vertical;
  transition:border-color var(--d-micro) var(--e-std),box-shadow var(--d-micro) var(--e-std)}
.props-form textarea:focus,.props-form input:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--sel);outline:none}
.props-form input{background:var(--bg3);border:1px solid var(--bord);color:var(--fg);border-radius:var(--r-md);
  padding:9px 11px;font:inherit;width:100%;margin-top:6px;
  transition:border-color var(--d-micro) var(--e-std),box-shadow var(--d-micro) var(--e-std)}
.pf-linha{display:flex;gap:14px;margin-top:4px}
.pf-linha>div:first-child{flex:1;min-width:0}
.pf-dt{flex:0 0 auto}
.pf-dt-row{display:flex;gap:6px;align-items:flex-end}
.pf-dt-row input{width:auto}
#pfHoje{margin-top:6px;background:var(--bg3);border:1px solid var(--bord);color:var(--fg2);border-radius:var(--r-md);
  padding:9px 12px;cursor:pointer;font:inherit;font-size:12px;
  transition:border-color var(--d-micro) var(--e-std),color var(--d-micro) var(--e-std)}
#pfHoje:hover{border-color:var(--acc);color:var(--acc)}
.props-form .dialog-actions{margin-top:14px}
.props-form .dialog-actions button.primary{background:var(--grad);border-color:transparent;color:#fff}
@media (max-width:860px){.props-strip{padding:9px 14px}.props-form{padding:14px}.pf-linha{flex-direction:column;gap:6px}}

/* ============ saude da memoria ============ */
.saude{padding:26px 34px 50px;max-width:940px;margin:0 auto}
.saude-load{padding:26px 34px;display:flex;flex-direction:column;gap:14px}
.sk{height:74px;border-radius:var(--r-lg);background:linear-gradient(90deg,var(--bg2),var(--bg3),var(--bg2));
  background-size:200% 100%;animation:sk 1.1s var(--e-std) infinite;animation-delay:var(--d,0ms)}
@keyframes sk{to{background-position:-200% 0}}

.saude-score{padding:16px 14px 18px;margin-bottom:12px;border:1px solid var(--bord);border-radius:var(--r-lg);background:var(--bg3);text-align:center}
.ss-n{font-size:38px;font-weight:700;line-height:1;color:var(--acc);font-variant-numeric:tabular-nums}
.ss-n i{font-size:17px;font-style:normal;opacity:.6;margin-left:2px}
.ss-bar{height:6px;border-radius:20px;background:var(--bg4);margin:11px 0 9px;overflow:hidden}
.ss-bar span{display:block;height:100%;border-radius:20px;background:var(--grad);
  transform-origin:0 50%;animation:barIn var(--d-big) var(--e-in)}
@keyframes barIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ss-sub{font-size:11.5px;color:var(--fg3);line-height:1.5}
.saude-link{display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;margin-bottom:5px;border:1px solid var(--bord);
  background:var(--bg2);color:var(--fg2);border-radius:var(--r-md);cursor:pointer;font:inherit;font-size:12.5px;text-align:left;
  transition:border-color var(--d-micro) var(--e-std),color var(--d-micro) var(--e-std),transform var(--d-micro) var(--e-std)}
.saude-link:hover{border-color:var(--acc);color:var(--fg);transform:translateX(2px)}
.saude-link .ic{width:15px;height:15px;flex:0 0 auto}
.saude-link span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saude-link i{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;background:var(--bg4);
  border-radius:20px;padding:1px 8px;font-size:11px}
.saude-link.tom-alerta .ic{color:var(--danger)}
.saude-link.tom-aviso .ic{color:var(--amber)}
.saude-link.tom-info .ic{color:var(--fg3)}

.bloco{border:1px solid var(--bord);border-radius:var(--r-lg);background:var(--bg2);margin-bottom:14px;overflow:hidden;
  animation:fade var(--d-big) var(--e-in) backwards;animation-delay:var(--d,0ms)}
.bloco.vazio{opacity:.62}
.bl-head{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;user-select:none;
  transition:background var(--d-micro) var(--e-std)}
.bl-head:hover{background:var(--bg3)}
.bl-head .ic{width:18px;height:18px;flex:0 0 auto}
.bloco.tom-alerta .bl-head .ic{color:var(--danger)}
.bloco.tom-aviso .bl-head .ic{color:var(--amber)}
.bloco.tom-info .bl-head .ic{color:var(--fg3)}
.bloco.vazio .bl-head .ic{color:var(--green)}
.bl-head b{flex:1;font-size:14.5px}
.bl-n{font-weight:700;font-variant-numeric:tabular-nums;background:var(--bg4);border-radius:20px;padding:2px 10px;font-size:12px}
.bl-caret{width:16px;height:16px;color:var(--fg3);transition:transform var(--d-std) var(--e-std)}
.bloco.fechado .bl-caret{transform:rotate(-90deg)}
.bl-porque{margin:0;padding:0 16px 12px;font-size:12.5px;color:var(--fg3);line-height:1.55}
.bl-porque b{color:var(--fg2)}
.bl-porque code{background:var(--bg3);padding:1px 5px;border-radius:5px;font-size:11.5px}
.bl-itens{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--d-std) var(--e-std)}
.bloco.fechado .bl-itens{grid-template-rows:0fr}
.bl-itens>*{min-height:0;overflow:hidden}
.bl-i{display:flex;align-items:center;gap:10px;padding:9px 16px;border-top:1px solid var(--bord);cursor:pointer;
  transition:background var(--d-micro) var(--e-std),padding-left var(--d-micro) var(--e-std)}
.bl-i:hover{background:var(--bg3);padding-left:20px}
.bi-nome{font-weight:600;font-size:13px;white-space:nowrap}
.bi-path{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;color:var(--fg3)}
.bi-alvos{display:flex;gap:4px;flex-wrap:wrap;flex:0 0 auto}
.bi-alvos i{font-style:normal;font-size:10.5px;color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent);
  padding:1px 7px;border-radius:20px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.bi-dias{font-size:11px;color:var(--amber);font-variant-numeric:tabular-nums;flex:0 0 auto}
.bi-acao{flex:0 0 auto;border:1px solid var(--bord);background:var(--bg3);color:var(--fg2);border-radius:20px;
  padding:3px 11px;font:inherit;font-size:11px;cursor:pointer;
  transition:border-color var(--d-micro) var(--e-std),color var(--d-micro) var(--e-std),transform var(--d-micro) var(--e-std)}
.bi-acao:hover{border-color:var(--acc);color:var(--acc)}
.bi-acao:active{transform:scale(.94)}
.bl-ok{margin:0;padding:12px 16px;border-top:1px solid var(--bord);font-size:12.5px;color:var(--green)}
@media (max-width:860px){.saude{padding:16px 14px 40px}.bi-path,.bi-alvos{display:none}}

/* realce do termo na busca */
.search-results mark{background:color-mix(in srgb,var(--acc) 34%,transparent);color:inherit;border-radius:3px;padding:0 2px}