.cp-compare{padding:28px 8px 32px;color:#26323b}.cp-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cp-group{background:#fff;border-radius:12px;min-width:0}.cp-group>header{padding:16px 14px;border-bottom:1px solid #ededf0}.cp-group h2{margin:0;font-size:14px;font-weight:500;color:#17191b}.cp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px;padding:24px 20px 20px}.cp-field{position:relative;min-width:0}.cp-field>label{display:block;margin-bottom:8px;font-size:12px;color:#68686d}.cp-field>button,.cp-field>input{width:100%;height:29px;padding:5px 10px;border:1px solid #dddde4;border-radius:7px;background:#fff;font:inherit;font-size:12px;color:#26323b;box-sizing:border-box}.cp-field>button{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer}.cp-field>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-field svg{width:12px;height:12px;fill:none;stroke:#577180;stroke-width:1.5;flex:none}.cp-field [aria-expanded=true]{border-color:#6852b5;outline:none}.cp-field [aria-expanded=true]>svg{transform:rotate(180deg)}.cp-placeholder,.cp-field>input::placeholder{color:#96969c}.cp-popup{position:absolute;top:calc(100% + 4px);left:0;z-index:60;background:#fff;border:1px solid #ececf0;border-radius:11px;box-shadow:0 2px 5px #0002}.cp-options{padding:4px;width:100%;max-height:385px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.cp-options button{display:block;width:100%;border:0;border-radius:6px;background:white;text-align:left;font:inherit;font-size:12px;color:#26323b;padding:8px 6px;cursor:pointer}.cp-options button[aria-selected=true]{background:#e0dbf2}.cp-options button:hover{background:#efedf8}.cp-options p{font-size:12px;color:#777;padding:4px 6px}.cp-calendar{padding:14px;width:274px;max-width:calc(100vw - 36px);box-shadow:0 5px 14px #0004}.cp-calendar header{display:flex;align-items:center;gap:8px;margin-bottom:18px}.cp-calendar header button{background:none;border:0;padding:4px;color:#17191b;font:inherit;font-size:22px;cursor:pointer}.cp-calendar header button:first-child{font-size:12px;font-weight:600;margin-right:auto;display:flex;align-items:center;gap:12px}.cp-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.cp-calendar-grid>span{font-size:10px;color:#888;display:grid;place-items:center;height:26px}.cp-calendar-grid button{border:1px solid transparent;border-radius:50%;width:30px;height:30px;justify-self:center;background:white;font:inherit;font-size:11px;color:#36363a;cursor:pointer}.cp-calendar-grid button[aria-current=date]{border-color:#8b70d3}.cp-calendar-grid button[aria-pressed=true]{background:#e0dbf2;border-color:#6b55b8}.cp-calendar-grid button:hover{background:#f0edf7}.cp-clear-date{display:block;margin:12px 0 0 auto;background:none;border:0;color:#6b55b8;font-size:11px;cursor:pointer}.cp-month-picker{display:flex;gap:8px;align-items:end;margin-bottom:12px;flex-wrap:wrap}.cp-month-picker label{font-size:11px;flex:1;min-width:70px}.cp-month-picker select,.cp-month-picker input{display:block;width:100%;border:1px solid #ddd;border-radius:5px;padding:4px;font:inherit;font-size:12px;box-sizing:border-box}.cp-month-picker button{background:#6b55b8;color:white;border:0;border-radius:5px;padding:6px}.cp-compare form>footer{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.cp-compare form>footer button{background:white;border:1px solid #dddde4;border-radius:7px;padding:9px 13px;font:inherit;font-size:12px;cursor:pointer}.cp-compare form>footer button[type=submit]{background:#6b55b8;border-color:#6b55b8;color:white;font-weight:600}.cp-error{font-size:13px;color:#b83243;margin:15px 0}.cp-results{margin-top:28px}.cp-results>h2{font-size:16px;font-weight:500}.cp-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cp-result-grid>div{min-width:0}.cp-results .ro-stat-columns{display:block;padding-bottom:20px}.cp-results .ro-card header p{overflow-wrap:anywhere}.cp-chart-card{margin-top:14px}.cp-compare :is(button,input,select):focus-visible{outline:2px solid #8971cb;outline-offset:2px}@media(max-width:900px){.cp-fields{gap:20px 12px;padding:18px 14px}.cp-field:nth-child(even) .cp-calendar{left:auto;right:0}}@media(max-width:700px){.cp-groups,.cp-result-grid{grid-template-columns:1fr}.cp-compare{padding:18px 0}.cp-fields{gap:22px 14px}.cp-results .ro-chart-body{min-height:0}}@media(max-width:380px){.cp-fields{grid-template-columns:1fr}.cp-field:nth-child(even) .cp-calendar{left:0;right:auto}}@media print{#cp-form{display:none}.cp-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.cp-options button{display:flex;align-items:center;gap:10px;min-height:34px}.cp-selected-label{display:flex;align-items:center;gap:7px;min-width:0}.cp-compare .mb-market-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;overflow:hidden;border-radius:50%;background:#f0eff6;font-size:7px;font-weight:600;color:#6552a7}.cp-compare .mb-market-icon img{display:block;width:100%;height:100%;object-fit:contain}.cp-selected-label .mb-market-icon{width:18px;height:18px;flex-basis:18px}.cp-compare .mb-forex-icon{position:relative;overflow:visible;border-radius:0;background:transparent}.cp-compare .mb-currency-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:15px;height:15px;border:1px solid white;border-radius:50%;overflow:hidden;background:#f0eff6;font-size:5px}.cp-compare .mb-currency-icon:first-child{left:0;top:0}.cp-compare .mb-currency-icon:last-child{right:0;bottom:0}

/* Keep Safari contact and credential autofill controls out of date filters. */
.cp-date-input::-webkit-contacts-auto-fill-button{visibility:hidden!important;display:none!important;pointer-events:none!important}
.cp-date-input::-webkit-credentials-auto-fill-button{visibility:hidden!important;display:none!important;pointer-events:none!important}
