/* Phase 10.3.5 — Operational Day Rollover UI */
.cmdx-section-head{
    align-items:flex-end;
    gap:12px;
}
.cmdx-opday{
    min-width:170px;
    padding:14px 18px;
    border-radius:18px;
    background:rgba(255,255,255,.84);
    border:1px solid rgba(115,72,216,.12);
    box-shadow:0 18px 42px rgba(16,24,44,.08);
    text-align:left;
}
html[dir="rtl"] .cmdx-opday{text-align:right;}
.cmdx-opday small{
    display:block;
    color:#66708a;
    font-weight:900;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:4px;
}
.cmdx-opday strong{
    display:block;
    color:#0f1736;
    font-size:17px;
    font-weight:1000;
    line-height:1.1;
}
.cmdx-opday em{
    display:block;
    font-style:normal;
    margin-top:4px;
    color:#008a7b;
    font-weight:900;
    font-size:11px;
}
.cmdx-opday.rollover{
    background:linear-gradient(135deg, rgba(255,247,230,.92), rgba(241,255,253,.9));
    border-color:rgba(255,174,66,.45);
}
.cmdx-opday.rollover em{color:#b26000;}
.cmdx-trust div:nth-child(2){
    background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(244,255,253,.9));
}
@media (max-width: 1180px){
    .cmdx-section-head{display:grid;grid-template-columns:1fr auto auto;align-items:end;}
    .cmdx-opday{min-width:150px;padding:12px 14px;}
    .cmdx-opday strong{font-size:15px;}
}
@media (max-width: 860px){
    .cmdx-section-head{grid-template-columns:1fr;align-items:stretch;}
    .cmdx-opday,.cmdx-updated{width:100%;}
}
