/* D10C — structural UX via non-destructive DOM grouping. Scope: Manual Copy & Form only. */
.rvo221e-copy-panel .rvo-d10c-flat{padding:0!important}
body:has(.rvo221e-copy-panel) .rvo221e-copy-intro{margin-bottom:10px!important}
@media (min-width:881px){
body:has(.rvo221e-copy-panel) .revaly-editor-grid{height:calc(100dvh - 205px)!important;min-height:390px!important;overflow:hidden!important;align-items:stretch!important;grid-template-columns:minmax(170px,210px) minmax(0,1fr)!important}
body:has(.rvo221e-copy-panel) .revaly-editor-grid>div:first-child{position:relative!important;top:auto!important;max-height:100%!important;overflow-y:auto!important;align-self:stretch!important}
body:has(.rvo221e-copy-panel) .revaly-editor-grid>div:nth-child(2){height:100%!important;max-height:100%!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
}
@media (max-width:880px){body:has(.rvo221e-copy-panel) .revaly-editor-grid{height:auto!important;overflow:visible!important}body:has(.rvo221e-copy-panel) .revaly-editor-grid>div:nth-child(2){max-height:none!important;overflow:visible!important}}
body:has(.rvo221e-copy-panel) .d10c-heading{position:relative!important;display:flex!important;align-items:center!important;gap:8px!important;min-height:42px!important;padding:11px 13px!important;margin:14px 0 6px!important;background:#f1f5fb!important;border:1px solid #dce5f0!important;border-radius:9px!important;color:#173b72!important;cursor:pointer!important;font-size:13px!important;font-weight:750!important}
body:has(.rvo221e-copy-panel) .d10c-heading::before{content:'▸';font-size:12px;display:inline-block;transition:transform .14s}
body:has(.rvo221e-copy-panel) .d10c-heading[aria-expanded=true]::before{transform:rotate(90deg)}
body:has(.rvo221e-copy-panel) .d10c-hidden{display:none!important}
body:has(.rvo221e-copy-panel) .d10c-card{position:relative!important;padding-top:53px!important}
body:has(.rvo221e-copy-panel) .d10c-card::before{content:attr(data-d10c-title);position:absolute;left:12px;right:12px;top:9px;height:35px;display:flex;align-items:center;background:#e9f0fa;color:#1e477d;border:1px solid #d4e1f0;border-radius:7px;padding:0 12px;font-size:13px;font-weight:750;cursor:pointer}
body:has(.rvo221e-copy-panel) .d10c-card[data-d10c-open=false]{padding-bottom:0!important;min-height:55px}
body:has(.rvo221e-copy-panel) .d10c-card[data-d10c-open=false]>*{display:none!important}
body:has(.rvo221e-copy-panel) .d10c-card[data-d10c-open=true]::before{content:'▾  ' attr(data-d10c-title)}
body:has(.rvo221e-copy-panel) .d10c-card[data-d10c-open=false]::before{content:'▸  ' attr(data-d10c-title)}

/* D10C2 — remaining checkout editor panels. Header remains visible; fields
   stay mounted under React and retain their state while collapsed. */
body:has(.rvo221e-copy-panel) .d10c2-card{padding:12px!important;border:1px solid #dce5f0!important;border-radius:12px!important;background:#fff!important;margin-top:14px!important}
body:has(.rvo221e-copy-panel) .d10c2-card>.d10c2-card-title{display:flex!important;align-items:center!important;gap:9px!important;min-height:40px!important;padding:9px 12px!important;margin:0!important;background:#e9f0fa!important;border:1px solid #d4e1f0!important;border-radius:8px!important;color:#173b72!important;font-size:13px!important;font-weight:750!important;cursor:pointer!important;user-select:none}
body:has(.rvo221e-copy-panel) .d10c2-card>.d10c2-card-title:before{content:'▸';font-size:12px;transition:transform .14s}
body:has(.rvo221e-copy-panel) .d10c2-card>.d10c2-card-title[aria-expanded=true]:before{transform:rotate(90deg)}
body:has(.rvo221e-copy-panel) .d10c2-card[data-d10c2-open=false]>*:not(.d10c2-card-title){display:none!important}
body:has(.rvo221e-copy-panel) .d10c2-card>.d10c2-card-title:focus-visible{outline:2px solid #397de5;outline-offset:2px}
