/* Módulo Café (/dividabr/agro): usa as variáveis de cor da própria página */
#cafeModulo .cm-nav{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
#cafeModulo .cm-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:0.8125rem;font-weight:600;text-decoration:none}
#cafeModulo .cm-area{border-top:1px solid var(--line);padding-top:16px;margin-top:18px;scroll-margin-top:70px}
#cafeModulo .cm-area>h3{font-size:1.0625rem;margin:0 0 4px}
#cafeModulo .cm-seg{display:inline-flex;gap:6px;flex-wrap:wrap}
#cafeModulo .cm-b{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font-size:0.6875rem;font-weight:700;border:1px solid var(--line);white-space:nowrap}
#cafeModulo .cm-b.ok{color:var(--pos);border-color:color-mix(in srgb,var(--pos) 45%,var(--line))}
#cafeModulo .cm-b.old{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 55%,var(--line))}
#cafeModulo .cm-b.est{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
#cafeModulo .cm-b.man{color:var(--ink2);background:var(--hl)}
#cafeModulo .cm-b.off{color:var(--neg);border-color:color-mix(in srgb,var(--neg) 55%,var(--line))}
#cafeModulo .cm-eq{font-variant-numeric:tabular-nums;background:var(--bg);border:1px dashed var(--line);border-radius:10px;padding:8px 12px;margin:8px 0;font-size:0.8125rem;color:var(--ink2);overflow-wrap:anywhere}
#cafeModulo .cm-tres{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:12px 0}
#cafeModulo .cm-tres .kpi.dest{border-left-width:6px}
#cafeModulo table input,#cafeModulo table select{min-height:36px;margin:0;padding:4px 8px}
#cafeModulo td.in,#cafeModulo th.in{min-width:110px}
#cafeModulo .cm-barra{display:flex;height:26px;border-radius:8px;overflow:hidden;border:1px solid var(--line);margin:8px 0 4px}
#cafeModulo .cm-barra i{display:block;height:100%}
#cafeModulo .cm-leg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:0.75rem;color:var(--ink2)}
#cafeModulo .cm-leg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px}
#cafeModulo .cm-graf{position:relative}
#cafeModulo .cm-tip{position:absolute;top:4px;left:64px;pointer-events:none;font-size:0.75rem;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:3px 8px;color:var(--ink);font-variant-numeric:tabular-nums}
#cafeModulo .cm-warn{border-left:4px solid var(--warn);background:color-mix(in srgb,var(--surface) 90%,var(--warn) 10%);border-radius:0 10px 10px 0;padding:8px 12px;margin:8px 0;font-size:0.8125rem;color:var(--ink2)}
#cafeModulo .cm-warn b{color:var(--ink)}
#cafeModulo .cm-erro{border-left-color:var(--neg)}
#cafeModulo details.cm-d{border:1px solid var(--line);border-radius:12px;margin:10px 0;background:var(--bg)}
#cafeModulo details.cm-d>summary{cursor:pointer;font-weight:700;font-size:0.875rem;padding:10px 14px;min-height:44px;display:flex;align-items:center}
#cafeModulo details.cm-d>div{padding:0 14px 12px}
#cafeModulo .cm-sim{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:4px 18px}
#cafeModulo .neg,#cafeModulo .pos{font-weight:700}
@media(max-width:600px){#cafeModulo .tw table{font-size:0.8125rem}#cafeModulo td.in,#cafeModulo th.in{min-width:92px}}
