.biotik-rain-care, .biotik-rain-care * { box-sizing: border-box; }
.brc-card {
  --brc-primary:#2f855a;
  --brc-text:#1d2b1f;
  --brc-border:#dce8d8;
  color:var(--brc-text);
  background:linear-gradient(180deg,#ffffff 0%,#f7fbf6 100%);
  border:1px solid #e1eadf;
  border-radius:24px;
  padding:24px;
  box-shadow:0 22px 55px rgba(31,72,42,.10);
  font-family:inherit;
}
.brc-header { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; margin-bottom:18px; }
.brc-kicker { font-size:12px; letter-spacing:.08em; text-transform:uppercase; opacity:.62; font-weight:700; }
.brc-header h3 { margin:.2rem 0; font-size:clamp(22px,3vw,32px); }
.brc-header p { margin:0; opacity:.72; }
.brc-status { display:flex; align-items:center; gap:8px; background:white; border:1px solid var(--brc-border); border-radius:999px; padding:8px 12px; white-space:nowrap; }
.brc-dot { width:10px; height:10px; border-radius:50%; background:#a0aec0; display:inline-block; }
.brc-dot.level-ok { background:#2f855a; }
.brc-dot.level-watch { background:#d69e2e; }
.brc-dot.level-warning { background:#dd6b20; }
.brc-dot.level-critical { background:#e53e3e; }
.brc-grid { display:grid; gap:12px; }
.brc-metrics { grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); margin-bottom:16px; }
.brc-metric { background:linear-gradient(180deg,#f0fdf4 0%,#fff 100%); border:1px solid var(--brc-border); border-radius:18px; padding:16px; }
.brc-metric small { display:block; opacity:.65; margin-bottom:6px; }
.brc-metric strong { display:block; color:var(--brc-primary); font-size:24px; }
.brc-stress strong { font-size:28px; }
.brc-recommendation { border-radius:18px; padding:16px; margin:14px 0 20px; border:1px solid var(--brc-border); background:#fff; }
.brc-recommendation.level-ok { background:#f0fdf4; border-color:#c6f6d5; }
.brc-recommendation.level-watch { background:#fffaf0; border-color:#fbd38d; }
.brc-recommendation.level-warning { background:#fff7ed; border-color:#fdba74; }
.brc-recommendation.level-critical { background:#fff5f5; border-color:#feb2b2; }
.brc-chart-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:10px; }
.brc-chart-head span { opacity:.72; font-size:14px; }
.brc-chart { height:380px; background:#fff; border:1px solid #e1eadf; border-radius:22px; padding:16px; }
.brc-chart canvas { width:100% !important; height:100% !important; }
.brc-note { font-size:12px; opacity:.62; margin:14px 0 0; }
.biotik-rain-care-error { padding:16px; background:#fff5f5; border:1px solid #feb2b2; border-radius:12px; }
@media (max-width:700px){ .brc-header,.brc-chart-head{flex-direction:column; align-items:flex-start;} .brc-chart{height:320px;} }
.brc-project-meta { display:flex; flex-wrap:wrap; gap:8px; margin:-4px 0 16px; }
.brc-project-meta span { display:inline-flex; border:1px solid var(--brc-border); background:#fff; border-radius:999px; padding:6px 10px; font-size:12px; opacity:.82; }
.brc-hero { margin:-8px -8px 18px; border-radius:20px; overflow:hidden; max-height:360px; background:#f0fdf4; }
.brc-hero img { width:100%; height:100%; max-height:360px; object-fit:cover; display:block; }
.brc-custom-block { margin:18px 0; }
.brc-custom-before { margin-top:6px; }
.brc-custom-after { margin-bottom:8px; }

.brc-chart-head > div { display:flex; flex-direction:column; gap:2px; }
.brc-chart-filter { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:700; opacity:.88; }
.brc-chart-filter select { border:1px solid var(--brc-border); border-radius:999px; background:#fff; padding:8px 12px; color:var(--brc-text); min-width:150px; }
@media (max-width:700px){ .brc-chart-filter { width:100%; justify-content:space-between; } .brc-chart-filter select{ flex:1; } }