/* Kepha Studio — painel do Intelligent Model Router (motor escolhido / custo / motivo).
   OS: KEPHA-INTELLIGENT-MODEL-ROUTER-FREE-FIRST-COST-LADDER-SECURE-001 */
.mr-panel {
  border: 1px solid var(--line, #2c2c2c);
  border-radius: 10px;
  padding: 14px 16px;
  background: var(--panel, #1a1a1a);
  margin: 10px 0;
  font-size: 14px;
  line-height: 1.5;
}
.mr-panel .mr-line { margin: 2px 0; }
.mr-panel .mr-engine { font-weight: 600; }
.mr-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 6px;
}
.mr-badge.mr-free { background: #16351f; color: #6fe08a; }
.mr-badge.mr-low { background: #2b2410; color: #e8c97a; }
.mr-badge.mr-medium { background: #3a301e; color: #f0c674; }
.mr-badge.mr-premium { background: #3a1e1e; color: #ff9e9e; }
.mr-panel .mr-advanced-toggle {
  cursor: pointer;
  color: var(--dim, #a3a09a);
  font-size: 12px;
  margin-top: 8px;
  display: inline-block;
}
.mr-panel .mr-advanced { display: none; margin-top: 8px; font-size: 12px; color: var(--dim, #a3a09a); }
.mr-panel.mr-show-advanced .mr-advanced { display: block; }

/* Widget "Decidir motor" — endpoint POST /api/studio/model-router/decide
   OS: KEPHA-MODEL-ROUTER-V2-API-ENDPOINT-STUDIO-INTEGRATION-001 */
.mr-widget { margin: 10px 0; }
.mr-widget .mr-input {
  width: 100%;
  box-sizing: border-box;
  margin: 6px 0;
  padding: 8px 10px;
  border: 1px solid var(--line, #2c2c2c);
  border-radius: 8px;
  background: var(--panel, #1a1a1a);
  color: inherit;
  font-size: 14px;
}
.mr-widget .mr-btn {
  padding: 7px 14px;
  border: 1px solid var(--line, #2c2c2c);
  border-radius: 8px;
  background: #2b2410;
  color: #e8c97a;
  font-weight: 600;
  cursor: pointer;
}
.mr-widget .mr-btn:hover { filter: brightness(1.15); }
.mr-widget .mr-result { margin-top: 6px; }