.cl-box{flex-direction:column;gap:6px;min-width:0;display:flex}.cl-box.compact .cl-input{padding:7px 10px;font-size:12.5px}.cl-label{color:#374151;font-size:13px;font-weight:800}.cl-row{gap:6px;min-width:0;display:flex}.cl-input{color:#b91c1c;min-width:0;font:inherit;background:#fff7f7;border:1px dashed #f3b4b4;border-radius:10px;outline:none;flex:1;padding:9px 12px;font-size:13.5px;font-weight:600}.cl-input:focus{background:#fff;border-style:solid}.cl-btn{color:#fff;font:inherit;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#dc2626,#b91c1c);border:0;border-radius:10px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:800}.cl-btn.ok{background:#16a34a}.cl-btn.ghost{color:#b91c1c;background:#fff;border:1px solid #f3c4c4}.cl-box.compact .cl-row{flex-wrap:wrap}.cl-box.compact .cl-input{flex:100%}.cl-box.compact .cl-btn{flex:1;padding:7px 10px;font-size:12.5px}@media (max-width:560px){.cl-row{flex-wrap:wrap}.cl-input{flex:100%}.cl-btn{flex:1}}.cl-label{align-items:center;gap:6px;display:inline-flex}.cl-btn{justify-content:center;align-items:center;gap:6px;line-height:1.2;display:inline-flex}.cl-btn svg{flex-shrink:0;display:block}