:root { --gap: 8px; --radius: 12px; }

.roi-personas-wrap { font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif; color:#111; }

.roi-personas-wrap .roi-header { background: #063476; color: #fff; padding: 22px 16px; }
.roi-personas-wrap .roi-header h1 { color: #fff; margin: 0 0 6px; font-size: 24px; }
.roi-personas-wrap .roi-header p { margin: 0; color: #fff; font-size: 16px; }

.roi-personas-wrap .roi-main { background:#f3f5f6; padding: 8px 16px; }

.roi-personas-wrap .grid { display: grid; grid-template-columns: 1.0fr .8fr; gap: var(--gap); }
@media (max-width: 1349px){ .roi-personas-wrap .grid { grid-template-columns: 1fr; } .roi-personas-wrap .grid { margin: 0 !important } .roi-personas-wrap .roi-main { background:#f3f5f6; padding: 8px 8px; } }

.roi-personas-wrap .card { background: #fff; padding: 16px; border: 1px solid #d9d9d9; }
.roi-personas-wrap .card h2 { color: #063476; margin: 0 0 10px; font-size: 16px; }

.roi-personas-wrap .row { display:grid; grid-template-columns: 1fr 220px; gap: 10px; align-items:center; padding: 8px 0; border-bottom: 1px solid #eee; }
@media (max-width: 900px){ .roi-personas-wrap .row { grid-template-columns: 1fr; } }
.roi-personas-wrap .row:last-child { border-bottom:none; }

.roi-personas-wrap label { font-size: 13px; line-height: 1.25; }
.roi-personas-wrap .hint { display:block; font-size: 12px; color:#666; margin-top: 2px;}

.roi-personas-wrap input,
.roi-personas-wrap select { width: 100%; padding: 9px 10px; border: 1px solid #d6d8dd; border-radius: 10px; font-size: 14px; box-sizing: border-box; }

.roi-personas-wrap .two { display:grid; grid-template-columns: 1fr 1fr; gap: var(--gap); }

.roi-personas-wrap .kpi { display:grid; grid-template-columns: 1fr 1fr; gap: var(--gap); }
.roi-personas-wrap .kpi .box { background:#063476; color:#fff; border-radius: var(--radius); padding: 14px; }
.roi-personas-wrap .kpi .box h3 { margin: 0 0 6px; font-size: 13px; color:#f3f5f6; font-weight: 600;}
.roi-personas-wrap .kpi .box .v { font-size: 22px; font-weight: 800; letter-spacing: .2px;}
.roi-personas-wrap .kpi .box .s { margin-top: 6px; font-size: 12px; opacity:.85; }

.roi-personas-wrap .note { font-size: 12px; color:#444; line-height: 1.35; }

.roi-personas-wrap .actions { display:flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.roi-personas-wrap button { padding: 10px 12px; border-radius: 10px; border: 1px solid #d6d8dd; background:#fff; cursor:pointer; font-weight: 700;}
.roi-personas-wrap button.primary { background:#01b5ff; color:#fff; border-color:#01b5ff; }

.roi-personas-wrap .small { font-size: 12px; color:#666; }

.roi-personas-wrap .breakdown { font-size: 13px; }
.roi-personas-wrap .breakdown table { width: 100%; border-collapse: collapse; }
.roi-personas-wrap .breakdown td { padding: 8px 0; border-bottom: 1px solid #eee; }
.roi-personas-wrap .breakdown td:last-child { text-align:right; font-variant-numeric: tabular-nums; }

.roi-personas-wrap .badge { display:inline-block; padding: 2px 8px; border-radius: 999px; background:#f3f5f6; color:#063476; font-size: 12px; margin-left: 6px;}