.codcb-form{max-width:500px;margin:24px 0;padding:22px;background:#fff;border:1px solid #e2e8f0;border-radius:calc(var(--codcb-radius) + 6px);box-shadow:0 12px 28px rgba(15,23,42,.08);font-family:inherit;direction:rtl;text-align:right}.codcb-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.codcb-head h3{margin:0;font-size:20px}.codcb-head span{font-size:12px;font-weight:700;color:var(--codcb-color);background:#eef8f7;padding:6px 10px;border-radius:999px}.codcb-field{margin-bottom:14px}.codcb-field label{display:block;margin-bottom:6px;font-size:14px;font-weight:700}.codcb-field input,.codcb-field select,.codcb-field textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:var(--codcb-radius);font:inherit;background:#fff}.codcb-field textarea{min-height:100px;resize:vertical}.codcb-field input:focus,.codcb-field select:focus,.codcb-field textarea:focus{outline:0;border-color:var(--codcb-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--codcb-color) 15%,transparent)}.codcb-submit{width:100%;padding:14px;border:0;border-radius:var(--codcb-radius);background:var(--codcb-color);color:#fff;font:inherit;font-weight:800;cursor:pointer}.codcb-submit:disabled{opacity:.7;cursor:wait}.codcb-message{margin:14px 0;padding:12px;border-radius:var(--codcb-radius);font-weight:600}.codcb-message.success{background:#dcfce7;color:#166534}.codcb-message.error{background:#ffe4e6;color:#9f1239}.codcb-row{display:flex;gap:8px;align-items:center;margin:8px 0;padding:8px;background:#f8fafc;border:1px solid #e2e8f0}.codcb-row input{max-width:190px}@media(max-width:600px){.codcb-form{padding:16px}.codcb-head{align-items:flex-start;flex-direction:column}.codcb-row{flex-wrap:wrap}}