/* V12.2 UI — acciones y bloques informativos */
.cf-v122-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.cf-v122-btn{appearance:none;border:1px solid #d8def0;background:#fff;color:#25304a;border-radius:10px;padding:9px 13px;font:600 14px/1.2 inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}
.cf-v122-btn:hover{transform:translateY(-1px);border-color:#8b82ff;box-shadow:0 5px 14px rgba(46,43,130,.10);background:#fafaff}
.cf-v122-btn:active{transform:translateY(0);box-shadow:none}
.cf-v122-panel,.cf-v122-water,.cf-v122-chart{margin-top:16px;padding:18px;border:1px solid #e3e7f0;border-radius:16px;background:linear-gradient(180deg,#fff,#f8f9fd);box-shadow:0 8px 22px rgba(28,39,72,.06)}
.cf-v122-panel h3,.cf-v122-water strong{margin:0 0 12px;color:#202b43}
.cf-v122-water-bar{height:10px;background:#e8edf5;border-radius:999px;overflow:hidden;margin:10px 0 13px}.cf-v122-water-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:999px;transition:width .2s ease}.cf-v122-water-actions{display:flex;flex-wrap:wrap;gap:8px}.cf-v122-water-actions button{border:1px solid #d8def0;background:#fff;border-radius:9px;padding:8px 11px;cursor:pointer;font-weight:700}
.cf-v122-modal{position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.48);display:flex;align-items:center;justify-content:center;padding:18px}.cf-v122-card{width:min(620px,100%);max-height:min(78vh,720px);overflow:auto;background:#fff;border-radius:20px;padding:22px;box-shadow:0 24px 70px rgba(15,23,42,.28);position:relative}.cf-v122-card h2{margin:0 35px 15px 0;color:#172033}.cf-v122-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f1f3f8;color:#344054;font-size:22px;cursor:pointer}.cf-v122-history-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #edf0f5}.cf-v122-history-row small{color:#7a8499;white-space:nowrap}.cf-v122-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cf-v122-related a{display:block;padding:11px 12px;border:1px solid #e2e6ef;border-radius:11px;text-decoration:none;color:#3845c7;background:#fafaff;font-weight:650}.cf-v122-compare{overflow:auto}.cf-v122-compare table{width:100%;border-collapse:collapse;margin-top:10px}.cf-v122-compare th,.cf-v122-compare td{padding:9px;border-bottom:1px solid #e6e9f0;text-align:left}.cf-v122-compare th{background:#f5f6fb}.cf-v122-chart svg{width:100%;height:auto;display:block}.cf-v122-legend{display:flex;gap:16px;flex-wrap:wrap;color:#667085;font-size:13px;margin-top:8px}.cf-v122-search-help{margin:22px 0 0;padding:16px;border:1px solid #e1e5ef;border-radius:15px;background:#f8f9fd}.cf-v122-search-help strong{display:block;margin-bottom:9px}.cf-v122-search-help input{width:100%;box-sizing:border-box;border:1px solid #d7ddea;border-radius:10px;padding:10px 12px;font:inherit}.cf-v122-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.cf-v122-suggestions button{border:1px solid #d9def0;background:#fff;border-radius:999px;padding:7px 10px;cursor:pointer}
.cf-v122-data-card{margin:16px 0 4px;padding:16px;border-radius:16px;border:1px solid #dfe3f5;background:linear-gradient(135deg,#f7f7ff,#f9fbff);box-shadow:0 8px 22px rgba(54,49,135,.07)}.cf-v122-data-title{font-weight:800;color:#273252;margin-bottom:11px}.cf-v122-data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.cf-v122-data-item{background:#fff;border:1px solid #e8eaf2;border-radius:12px;padding:11px}.cf-v122-data-item .label{display:block;color:#77809a;font-size:12px;margin-bottom:4px}.cf-v122-data-item .value{display:block;color:#202b43;font-weight:800;font-size:15px}
@media(max-width:700px){.cf-v122-actions{gap:7px}.cf-v122-btn{flex:1 1 calc(50% - 7px);min-width:145px}.cf-v122-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-v122-related{grid-template-columns:1fr}.cf-v122-card{padding:18px}.cf-v122-history-row{display:block}.cf-v122-history-row small{display:block;margin-top:3px}}