@font-face{font-family:Poppins;src:url(Poppins-400.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(Poppins-600.ttf) format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url(Poppins-700.ttf) format('truetype');font-weight:700;font-display:swap}
:root{--green:#7699c2;--green-dark:#36486c;--green-soft:#edf2f8;--paper:#f5f7fa;--line:#dfe5ed;--shadow:0 5px 18px #36486c12}
body.cdrm-app,body.cdrm-public{font-family:Poppins,Arial,sans-serif!important}.cdrm-app :is(button,.cdrm-btn,input[type=submit]),.cdrm-public :is(button,.cdrm-btn,input[type=submit]){background:#36486c!important;color:#fff!important;border-color:#36486c!important;border-radius:9px;cursor:pointer}.cdrm-app :is(button,.cdrm-btn,input[type=submit]):is(:hover,:focus),.cdrm-public :is(button,.cdrm-btn,input[type=submit]):is(:hover,:focus){background:#36486c!important;color:#fff!important;box-shadow:0 3px 10px #36486c33;transform:translateY(-1px)}
.cdrm-demo-promo{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:20px 24px;border:1px solid #c9d8e9;border-left:5px solid #7699c2;border-radius:12px;background:#edf2f8;margin:0 0 14px;color:#2c3b59}.cdrm-demo-promo h2{font-size:19px;line-height:1.4;margin:0 0 6px}.cdrm-demo-promo p{margin:0;max-width:800px;font-size:13px;line-height:1.7}.cdrm-demo-promo a{white-space:nowrap}.cdrm-demo-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 0 20px;font-size:12px}.cdrm-demo-controls>span{flex:1 1 360px}.cdrm-demo-controls form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.cdrm-demo-controls label{display:grid;gap:4px}.cdrm-demo-controls select{max-width:100%;padding:8px;border:1px solid #dfe5ed;border-radius:7px}.cdrm-demo-controls button{padding:9px 14px}.cdrm-app :is(.cdrm-actions,.actions,.inline-form,.cdrm-filter-actions){gap:10px}.cdrm-app button+button,.cdrm-app .cdrm-btn+.cdrm-btn{margin-left:10px}.cdrm-main,.cdrm-content{min-width:0}.cdrm-brand img{max-width:180px;width:100%;height:auto;max-height:75px}.cdrm-slogan{text-align:center;width:180px;max-width:100%;font-size:10px}
.cdrm-demo-backdrop{position:fixed;inset:0;background:#17243c80;z-index:39;border:0;display:none}.cdrm-demo-backdrop[hidden]{display:none!important}@media(max-width:800px){.cdrm-demo-promo{flex-direction:column;align-items:stretch;padding:16px;gap:14px}.cdrm-demo-promo h2{font-size:17px}.cdrm-demo-promo a{white-space:normal}.cdrm-demo-controls form,.cdrm-demo-controls label{width:100%}.cdrm-demo-backdrop:not([hidden]){display:block}.cdrm-sidebar{overflow-y:auto;max-height:100dvh}.cdrm-demo-controls select{width:100%;min-width:0}}@media print{.cdrm-demo-promo,.cdrm-demo-controls,.cdrm-demo-backdrop{display:none!important}}

.cdrm-demo-intro{margin:0 0 20px;color:#36486c}.cdrm-demo-intro h2{font-size:15px;line-height:1.4;margin:0 0 4px}.cdrm-demo-intro p{font-size:13px;line-height:1.65;margin:0;max-width:1000px}

/* Shared native/select and existing searchable-choice presentation. */
:is(.cdrm-app,.cdrm-public) select{color-scheme:light;background-color:#fff!important;color:#2c3b59!important;border:1px solid #cbd5e1;border-radius:7px;box-sizing:border-box;min-height:42px;min-width:0;max-width:100%;padding:9px 30px 9px 11px;font:inherit;line-height:1.45}
:is(.cdrm-app,.cdrm-public) select option,:is(.cdrm-app,.cdrm-public) select optgroup{background:#fff;color:#2c3b59;font:inherit}
:is(.cdrm-app,.cdrm-public) select:disabled,:is(.cdrm-app,.cdrm-public) select option:disabled{color:#64748b!important;background:#f1f5f9!important}
:is(.cdrm-app,.cdrm-public) select[multiple]{padding:8px;min-height:100px}
:is(.cdrm-app,.cdrm-public) :is(select,.cdrm-choice44>input):focus-visible{outline:2px solid #7699c2;outline-offset:2px}
:is(.cdrm-app,.cdrm-public) .cdrm-choice44-list{box-sizing:border-box;max-width:100%;overflow-x:hidden;overflow-y:auto;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#2c3b59;box-shadow:0 5px 18px #36486c24;padding:4px}
:is(.cdrm-app,.cdrm-public) .cdrm-choice44-list button{box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;min-height:40px;margin:0!important;padding:10px 12px!important;background:#fff!important;color:#2c3b59!important;border:0!important;border-radius:5px!important;white-space:normal;overflow-wrap:anywhere;line-height:1.5;text-align:left;box-shadow:none!important;transform:none!important}
:is(.cdrm-app,.cdrm-public) .cdrm-choice44-list button:is(:hover,:focus-visible,[aria-selected=true]){background:#edf2f8!important;color:#2c3b59!important;box-shadow:none!important;transform:none!important}
:is(.cdrm-app,.cdrm-public) .cdrm-choice44-list button:focus-visible{outline:2px solid #7699c2;outline-offset:-2px}
:is(.cdrm-app,.cdrm-public) .cdrm-choice44>input{background-color:#fff;color:#2c3b59;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2336486c' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
