/* My Routine 3.3 · My Nutrition. Prefixo .mrn; usa as variáveis e os componentes da Central Premium (.mrp),
   então acompanha o acento do tema (--acento) como as outras telas Premium. */
.mrp-module-nutrition .mrp-module-icon{color:#7fd38b;background:color-mix(in srgb,#7fd38b 12%,var(--mrp-s2));border-color:color-mix(in srgb,#7fd38b 30%,transparent)}
:is(.mrp,.mrp-layer) .mrn-hint{font-size:12px;line-height:1.45}
:is(.mrp,.mrp-layer) button.mrn-link{min-height:36px;padding:0 4px;align-self:flex-start;background:transparent;color:var(--mrp-accent);font-size:13px;font-weight:700;gap:6px}
:is(.mrp,.mrp-layer) button.mrn-link:hover{text-decoration:underline}

/* dia */
.mrp button.mrn-hoje{align-self:center;min-height:38px;font-size:13px}
.mrn-dia{text-align:center}

/* entrada inteligente */
.mrn-smart{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--mrp-r);background:var(--mrp-s1);border:1px solid var(--mrp-line)}
.mrn-smart-label{font-size:15px;font-weight:750;letter-spacing:-.01em;color:var(--mrp-text)}
.mrp textarea.mrn-smart-input{display:block;width:100%;min-height:58px;margin:0;padding:12px 14px;border-radius:12px;border:1px solid var(--mrp-line2);background:var(--mrp-s2);color:var(--mrp-text);font:inherit;font-size:16px;line-height:1.4;resize:vertical;box-sizing:border-box}
.mrp textarea.mrn-smart-input:focus{outline:0;border-color:var(--mrp-accent)}
.mrn-smart-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mrn-smart-row .mrp-btn{min-height:46px;font-size:14px}

/* painel */
.mrn-panel{display:flex;flex-direction:column;gap:14px;padding:18px 16px;border-radius:20px;background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--mrp-accent) 16%,transparent) 0%,transparent 55%),var(--mrp-s1);border:1px solid var(--mrp-line)}
.mrn-kcal{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mrn-kcal-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.mrp .mrn-kcal-value{font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-.04em;overflow-wrap:anywhere}
.mrn-ring{position:relative;flex-shrink:0;width:64px;height:64px}
.mrn-ring svg{display:block}
.mrn-ring circle{fill:none;stroke-width:7}
.mrn-ring-bg{stroke:var(--mrp-s3)}
.mrn-ring-fg{stroke:var(--mrp-accent);stroke-linecap:round}
.mrn-ring span{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;font-weight:800}
.mrn-macros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mrn-macro{display:flex;flex-direction:column;gap:6px;min-width:0}
.mrn-macro-head{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--mrp-muted)}
.mrn-macro-head strong{font-size:15px;color:var(--mrp-text);font-weight:750;overflow-wrap:anywhere}
.mrp .mrn-macro-rest{font-size:11.5px}
.mrn-macro-p .mrp-bar span{background:#5fb7ff}
.mrn-macro-c .mrp-bar span{background:#f5b84b}
.mrn-macro-g .mrp-bar span{background:#c08cff}
.mrp .mrn-aviso{padding-top:10px;border-top:1px solid var(--mrp-line)}

/* refeições */
.mrn-meal{display:flex;flex-direction:column;gap:8px;padding:14px 14px 10px;border-radius:var(--mrp-r);background:var(--mrp-s1);border:1px solid var(--mrp-line)}
.mrn-meal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mrn-meal-title{display:flex;flex-direction:column;gap:2px;min-width:0}
.mrn-meal h3,.mrn-sug h3,.mrn-week h3{margin:0;font-size:16px;font-weight:780;letter-spacing:-.02em}
.mrn-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.mrn-item{display:flex;align-items:center;gap:10px;border-top:1px solid var(--mrp-line)}
.mrn-item.is-readonly{padding:10px 4px}
.mrp button.mrn-item-main{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:54px;padding:8px 4px;border:0;background:transparent;color:var(--mrp-text);font:inherit;text-align:left;cursor:pointer;border-radius:10px}
.mrp button.mrn-item-main:hover{background:var(--mrp-s2)}
.mrn-item-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.mrn-item-copy strong{font-size:14.5px;font-weight:650;overflow-wrap:anywhere}
.mrn-item-copy .mrp-muted{font-size:12.5px;overflow-wrap:anywhere}
.mrn-item-kcal{flex-shrink:0;font-size:14px;font-weight:750;font-variant-numeric:tabular-nums}
.mrn-item-kcal::after{content:' kcal';font-size:11px;font-weight:600;color:var(--mrp-muted)}
.mrn-rapidos{border-style:dashed}

/* sugestões e semana */
.mrn-sug,.mrn-week{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--mrp-r);background:var(--mrp-s1);border:1px solid var(--mrp-line)}
.mrn-sug .mrp-seg{align-self:flex-start}
.mrn-sug-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--mrp-line)}
.mrn-chart{height:150px}
.mrp button.mrn-chart-col{border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer;border-radius:8px}
.mrp button.mrn-chart-col:disabled{cursor:default;opacity:.45}
.mrn-chart-goal{position:absolute;left:0;right:0;height:0;border-top:1px dashed color-mix(in srgb,var(--mrp-accent) 70%,transparent);pointer-events:none}

/* camadas: busca, alimento, prévia */
.mrn-busca .mrn-abas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.mrn-busca .mrn-abas[hidden]{display:none}
.mrn-results{display:flex;flex-direction:column;overflow-y:auto;min-height:0;flex:1;margin:0 -16px;padding:0 16px}
.mrp-layer button.mrn-result{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;padding:8px 2px;border:0;border-top:1px solid var(--mrp-line);background:transparent;color:var(--mrp-text);font:inherit;text-align:left;cursor:pointer}
.mrp-layer button.mrn-result:first-child{border-top:0}
.mrp-layer button.mrn-result:hover{background:var(--mrp-s2)}
.mrp-layer button.mrn-result svg{color:var(--mrp-muted);flex-shrink:0}
.mrp-layer .mrn-vazio{padding:18px 4px;text-align:center}
.mrp-layer button.mrn-criar{margin:4px 0 8px}
.mrn-seg-ref{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))}
.mrp-layer .mrn-seg-ref button.mrp-seg-btn{padding:0 4px;font-size:13px}
.mrn-head-actions{display:flex;align-items:center;gap:2px}
.mrp-layer button.mrn-fav.is-on{color:#ffcc4d}
.mrp-layer .mrn-origem,.mrp-layer .mrn-por100{font-size:12.5px;line-height:1.45}
.mrp-layer .mrn-alerta{padding:10px 12px;border-radius:12px;font-size:13px;color:#f3d18a;background:#3a2f17;border:1px solid #5b4823}
.mrn-food{overflow-y:auto}
.mrn-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mrn-value{display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px 8px;border-radius:12px;background:var(--mrp-s2);border:1px solid var(--mrp-line);text-align:center}
.mrn-value strong{font-size:15px;font-weight:800;letter-spacing:-.02em;overflow-wrap:anywhere}
.mrn-value span{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mrp-muted)}
.mrn-value.is-missing strong{color:var(--mrp-muted)}
.mrn-food-values{display:flex;flex-direction:column;gap:6px}
.mrn-qtd-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important}
.mrn-previa,.mrn-busca{overflow:hidden}
.mrn-lines{list-style:none;margin:0 -16px;padding:0 16px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0;flex:1}
.mrn-line{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:14px;background:var(--mrp-s2);border:1px solid var(--mrp-line2)}
.mrn-line.is-pending{border-color:#5b4823;background:color-mix(in srgb,#3a2f17 45%,var(--mrp-s2))}
.mrn-line-head{display:flex;align-items:flex-start;gap:8px}
.mrn-line-texto{font-size:12px;color:var(--mrp-muted);font-style:italic;overflow-wrap:anywhere}
.mrp-layer .mrn-line-vals{font-size:13px;font-weight:650;color:var(--mrp-text)}
.mrp-layer .mrn-pend{font-size:12.5px;font-weight:700;color:#f3d18a}
.mrn-choices{display:flex;flex-wrap:wrap;gap:6px}
.mrp-layer button.mrn-chip{min-height:36px;padding:0 12px;border-radius:99px;font-size:13px;font-weight:650;background:var(--mrp-s1);border:1px solid var(--mrp-line2);color:var(--mrp-text);gap:6px}
.mrp-layer button.mrn-chip.is-on{background:var(--mrp-accent);border-color:var(--mrp-accent);color:#fff}
.mrn-previa-total{display:flex;flex-direction:column;gap:2px;padding-top:8px;border-top:1px solid var(--mrp-line)}
.mrn-previa-total strong{font-size:14px;overflow-wrap:anywhere}
.mrp-layer .mrn-dia-previa{font-size:12.5px}
.mrn-check{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;color:var(--mrp-text);cursor:pointer}
.mrn-check input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--mrp-accent);flex-shrink:0}
.mrp-layer .mrn-metas .mrp-sheet-actions,.mrp-layer .mrn-meu .mrp-sheet-actions,.mrp-layer .mrn-food .mrp-sheet-actions{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom));z-index:1;margin:4px -16px 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom));background:var(--mrp-s1)}
.mrn-metas,.mrn-meu{overflow-y:auto}

@media (max-width:380px){
  .mrn-macros{gap:8px}
  .mrn-macro-head strong{font-size:13.5px}
  .mrp .mrn-kcal-value{font-size:26px}
  .mrn-values{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mrn-smart-row{grid-template-columns:1fr}
  .mrp-layer .mrn-seg-ref button.mrp-seg-btn{font-size:12px}
}