/* PAPÁ NENÊ v45 — suplementos da criança */
.pn-supp-card{position:relative;overflow:hidden}
.pn-supp-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,#d98db7,#bda3e8,#8fc9c0);opacity:.75}
.pn-supp-card .section-heading{align-items:center;margin-bottom:4px}
.pn-supp-title{display:flex;align-items:center;gap:8px;margin:0}
.pn-supp-title-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none;color:currentColor}.pn-supp-title-icon svg{display:block;width:20px;height:20px}
.pn-supp-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 12px}
.pn-supp-child-select{max-width:220px;margin:0;min-height:38px;padding:7px 32px 7px 10px;font-size:.82rem}
.pn-supp-today-label{margin:0;color:#7f6e7c;font-size:.82rem}
.pn-supp-list{display:grid;gap:9px;margin-top:10px}
.pn-supp-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #f0e3ea;border-radius:15px;background:#fffafb}
.pn-supp-main{min-width:0}
.pn-supp-name-line{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.pn-supp-name-line strong{font-size:.92rem;color:#56434f;overflow-wrap:anywhere}
.pn-supp-dose{color:#995377;font-size:.76rem;font-weight:700;background:#faedf5;padding:2px 7px;border-radius:999px}
.pn-supp-meta{display:block;margin-top:4px;color:#8c7c87;font-size:.72rem;line-height:1.35}
.pn-supp-given{display:grid;justify-items:end;gap:3px;min-width:104px}
.pn-supp-mark{min-height:38px;padding:8px 10px;border:1px solid #e6d4df;border-radius:11px;background:#fff;color:#87436a;font-size:.76rem;font-weight:700;white-space:nowrap}
.pn-supp-mark.done{border-color:#cae8d3;background:#edf8f0;color:#38704c}
.pn-supp-actor{max-width:130px;color:#8c7c87;font-size:.66rem;text-align:right;line-height:1.2}
.pn-supp-empty{padding:15px 12px;border:1px dashed #eadce5;border-radius:14px;background:#fffbfd;text-align:center;color:#8b7986;font-size:.82rem}
.pn-supp-sharing{margin:12px 0 0!important;color:#8b7986;font-size:.74rem!important}
.pn-supp-card .pn-supp-add{display:inline-flex;align-items:center;gap:5px}

.pn-supp-modal{width:min(100%,540px);max-height:calc(100dvh - 36px);overflow:auto;padding:20px;border-radius:22px;background:#fff;box-shadow:0 20px 60px #2a172956}
.pn-supp-modal h2{margin:0}
.pn-supp-modal .section-heading{align-items:flex-start;gap:12px}
.pn-supp-manager-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 10px}
.pn-supp-manager-top p{margin:0;color:#806e7d;font-size:.82rem}
.pn-supp-manage-list{display:grid;gap:8px}
.pn-supp-manage-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #eee2e9;border-radius:14px;background:#fffafb}
.pn-supp-manage-row.inactive{opacity:.65;background:#faf8f9}
.pn-supp-manage-copy{min-width:0}
.pn-supp-manage-copy strong{display:block;font-size:.9rem;overflow-wrap:anywhere}
.pn-supp-manage-copy small{display:block;margin-top:3px;color:#8c7c87;font-size:.72rem;line-height:1.35}
.pn-supp-actions{display:flex;align-items:center;gap:2px}
.pn-supp-actions button{min-width:38px;min-height:38px;border:0;border-radius:10px;background:transparent;color:#87436a;font-size:.72rem;font-weight:700}
.pn-supp-actions button:hover{background:#faedf5}
.pn-supp-actions .danger-action{color:#a94b5f}

.pn-supp-form{display:grid;gap:14px;margin-top:16px}
.pn-supp-form label{display:grid;gap:6px;color:#63515e;font-size:.82rem;font-weight:600}
.pn-supp-form input,.pn-supp-form select,.pn-supp-form textarea{width:100%;margin:0}
.pn-supp-form textarea{min-height:72px;resize:vertical}
.pn-supp-presets{display:grid;gap:7px;margin-top:2px;font-weight:400}
.pn-supp-presets>small{color:#8a7885;font-size:.7rem;line-height:1.35}
.pn-supp-preset-list{display:flex;flex-wrap:wrap;gap:6px}
.pn-supp-preset{min-height:32px;padding:5px 9px;border:1px solid #eadde5;border-radius:999px;background:#fffafd;color:#87436a;font-size:.7rem;font-weight:700;cursor:pointer}
.pn-supp-preset:hover,.pn-supp-preset:focus-visible{border-color:#d9b3c9;background:#faedf5;outline:none}

.pn-supp-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pn-supp-days{display:flex;flex-wrap:wrap;gap:6px}
.pn-supp-day{position:relative}
.pn-supp-day input{position:absolute;opacity:0;pointer-events:none}
.pn-supp-day span{display:grid;place-items:center;min-width:39px;height:38px;padding:0 8px;border:1px solid #eadde5;border-radius:12px;background:#fff;color:#786774;font-size:.72rem;font-weight:700;cursor:pointer}
.pn-supp-day input:checked+span{border-color:#b66b94;background:#f7e8f1;color:#874064}
.pn-supp-disclaimer{margin:2px 0 0;padding:11px 12px;border-radius:13px;background:#faf5f8;color:#7f6f79;font-size:.72rem;line-height:1.45}
.pn-supp-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:2px}
.pn-supp-form-actions .primary{min-width:120px}
.pn-supp-toast{position:fixed;z-index:90;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100vw - 32px),440px);padding:11px 14px;border-radius:13px;background:#4f3a48;color:white;box-shadow:0 10px 35px #2f1c2940;font-size:.8rem;text-align:center;animation:pn-supp-toast-in .18s ease both}
@keyframes pn-supp-toast-in{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}

@media(max-width:520px){
  .pn-supp-row{grid-template-columns:1fr;gap:8px}
  .pn-supp-given{grid-template-columns:auto 1fr;justify-items:start;align-items:center;min-width:0}
  .pn-supp-actor{text-align:left;max-width:none}
  .pn-supp-two{grid-template-columns:1fr}
  .pn-supp-modal{padding:17px}
  .pn-supp-manage-row{grid-template-columns:1fr}
  .pn-supp-actions{justify-content:flex-end}
}

html[data-theme="dark"] .pn-supp-title-icon{color:currentColor}
html[data-theme="dark"] .pn-supp-row,
html[data-theme="dark"] .pn-supp-manage-row,
html[data-theme="dark"] .pn-supp-modal{background:var(--pn-surface-1,#2b232a)!important;border-color:var(--pn-border-soft,#453540)!important;color:var(--pn-text,#f8f0f5)!important}
html[data-theme="dark"] .pn-supp-row{background:var(--pn-surface-2,#342a32)!important}
html[data-theme="dark"] .pn-supp-name-line strong,
html[data-theme="dark"] .pn-supp-manage-copy strong{color:var(--pn-text,#f8f0f5)!important}
html[data-theme="dark"] .pn-supp-dose{background:#472a3a;color:#f0a6cc}
html[data-theme="dark"] .pn-supp-meta,
html[data-theme="dark"] .pn-supp-actor,
html[data-theme="dark"] .pn-supp-manager-top p,
html[data-theme="dark"] .pn-supp-manage-copy small,
html[data-theme="dark"] .pn-supp-sharing{color:var(--pn-muted,#cbbdc6)!important}
html[data-theme="dark"] .pn-supp-mark{background:var(--pn-surface-2,#342a32);border-color:var(--pn-border,#55414d);color:#f0a6cc}
html[data-theme="dark"] .pn-supp-mark.done{background:#26392d;border-color:#3c684a;color:#a7e2b8}
html[data-theme="dark"] .pn-supp-empty{background:var(--pn-surface-2,#342a32);border-color:var(--pn-border,#55414d);color:var(--pn-muted,#cbbdc6)}
html[data-theme="dark"] .pn-supp-actions button:hover{background:#472a3a}
html[data-theme="dark"] .pn-supp-day span{background:var(--pn-surface-2,#342a32);border-color:var(--pn-border,#55414d);color:var(--pn-muted,#cbbdc6)}
html[data-theme="dark"] .pn-supp-day input:checked+span{background:#472a3a;border-color:#b66b94;color:#ffd9ed}
html[data-theme="dark"] .pn-supp-disclaimer{background:#352a32;color:var(--pn-muted,#cbbdc6)}

html[data-theme="dark"] .pn-supp-presets>small{color:var(--pn-muted,#cbbdc6)}
html[data-theme="dark"] .pn-supp-preset{background:var(--pn-surface-2,#342a32);border-color:var(--pn-border,#55414d);color:#f0a6cc}
html[data-theme="dark"] .pn-supp-preset:hover,html[data-theme="dark"] .pn-supp-preset:focus-visible{background:#472a3a;border-color:#8f5b78}

/* PAPÁ NENÊ v46 — gestão em painel estável + edição do horário */
.pn-supp-backdrop{
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
  padding:0!important;
  overscroll-behavior:contain;
}
.pn-supp-modal{
  width:min(100%,620px)!important;
  height:100dvh!important;
  max-height:none!important;
  margin:0!important;
  padding:22px 22px calc(28px + env(safe-area-inset-bottom))!important;
  border-radius:24px 0 0 24px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  box-shadow:-18px 0 54px #2a172936!important;
}
.pn-supp-modal>.section-heading{
  position:sticky;
  z-index:3;
  top:-22px;
  margin:-22px -22px 14px;
  padding:20px 22px 13px;
  background:linear-gradient(180deg,#fff 82%,rgba(255,255,255,.94));
  border-bottom:1px solid #f2e7ed;
}
.pn-supp-admin-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.pn-supp-edit-time{padding:0;border:0;background:transparent;color:#91496f;font-size:.66rem;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.pn-supp-time-editor{grid-column:1/-1;display:grid;gap:7px;width:100%;margin-top:4px;padding:9px;border:1px solid #eadde5;border-radius:12px;background:#fffafb}
.pn-supp-time-editor input{width:100%;min-height:40px;margin:0;padding:7px 9px;font-size:16px}
.pn-supp-time-editor>div{display:flex;justify-content:flex-end;gap:6px}
.pn-supp-time-editor button{min-height:34px;padding:6px 9px;border:1px solid #e6d4df;border-radius:9px;background:#fff;color:#87436a;font-size:.7rem;font-weight:700}
.pn-supp-time-editor button[data-action="save-time"]{border-color:#9d4a76;background:#9d4a76;color:#fff}
html.pn-supp-screen-open{overflow:hidden}

html[data-theme="dark"] .pn-supp-modal>.section-heading{
  background:linear-gradient(180deg,var(--pn-surface-1,#2b232a) 82%,rgba(43,35,42,.94));
  border-bottom-color:var(--pn-border-soft,#453540);
}
html[data-theme="dark"] .pn-supp-time-editor{background:var(--pn-surface-2,#342a32);border-color:var(--pn-border,#55414d)}
html[data-theme="dark"] .pn-supp-edit-time{color:#f0a6cc}
html[data-theme="dark"] .pn-supp-time-editor button{background:var(--pn-surface-1,#2b232a);border-color:var(--pn-border,#55414d);color:#f0a6cc}
html[data-theme="dark"] .pn-supp-time-editor button[data-action="save-time"]{background:#9d4a76;color:#fff}

@media(max-width:640px){
  .pn-supp-modal{width:100%!important;border-radius:0!important;padding:18px 16px calc(26px + env(safe-area-inset-bottom))!important}
  .pn-supp-modal>.section-heading{top:-18px;margin:-18px -16px 13px;padding:16px 16px 12px}
  .pn-supp-given{grid-template-columns:minmax(0,1fr);justify-items:stretch}
  .pn-supp-admin-meta{justify-content:flex-start}
  .pn-supp-mark{width:100%}
}

/* PAPÁ NENÊ v47 — administração mais discreta */
.pn-supp-row{align-items:start}
.pn-supp-given{align-self:start;display:grid;justify-items:end;gap:4px;min-width:112px}
.pn-supp-done-line{display:flex;align-items:center;justify-content:flex-end;gap:3px}
.pn-supp-given.is-done .pn-supp-mark.done{
  width:auto!important;min-width:0;min-height:32px;padding:5px 7px;border:0;border-radius:9px;
  background:transparent;color:#3f7a54;font-size:.78rem;font-weight:800;
}
.pn-supp-edit-time{
  width:30px;height:30px;min-width:30px;display:grid;place-items:center;padding:0!important;
  border:0!important;border-radius:9px;background:transparent!important;color:#955276!important;
  text-decoration:none!important;
}
.pn-supp-edit-time:hover,.pn-supp-edit-time:focus-visible{background:#faedf5!important;outline:none}
.pn-supp-actor{display:block;max-width:150px;color:#8c7c87;font-size:.64rem;text-align:right;line-height:1.2}
.pn-supp-time-editor{grid-column:auto;min-width:190px}

@media(max-width:520px){
  .pn-supp-row{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  .pn-supp-given{grid-template-columns:1fr!important;justify-items:end!important;min-width:96px!important}
  .pn-supp-given:not(.is-done) .pn-supp-mark{width:auto!important;min-height:34px;padding:6px 8px;font-size:.7rem}
  .pn-supp-actor{text-align:right!important;max-width:120px!important}
  .pn-supp-time-editor{grid-column:1/-1;min-width:0;width:min(230px,calc(100vw - 70px));justify-self:end}
}

html[data-theme="dark"] .pn-supp-given.is-done .pn-supp-mark.done{background:transparent!important;border:0!important;color:#9fdbb1!important}
html[data-theme="dark"] .pn-supp-edit-time:hover,html[data-theme="dark"] .pn-supp-edit-time:focus-visible{background:#472a3a!important}