/* ============================================================
   RC UI 3.0 — UTILITY DRAWERS / PANELS FINAL OWNER
   ============================================================ */

body.rc-editor-open #rc-editor-modal:is(.rcsd-device-tablet, .rcsd-device-mobile){
    --rc-drawer-surface:#121c28;
    --rc-drawer-surface-raised:#192533;
    --rc-drawer-fg:#f8fafc;
    --rc-drawer-fg-muted:#94a3b8;
    --rc-drawer-control-surface:#f8fafc;
    --rc-drawer-control-fg:#111827;
    --rc-drawer-border:#273548;
    --rc-drawer-shadow:var(--rc-shadow-panel);
    --rc-drawer-scroll-track:#151e29;
    --rc-drawer-scroll-thumb:#667384;
}

body.rc-editor-open #rc-editor-modal:is(.rcsd-device-tablet, .rcsd-device-mobile) #rc-text-drawer{
    --rc-drawer-close-size:32px;
    --rc-drawer-close-radius:var(--rc-radius-sm);
    --rc-drawer-close-surface:var(--rc-drawer-surface-raised);
    --rc-drawer-close-fg:var(--rc-drawer-fg);
    --rc-drawer-close-border:var(--rc-drawer-border);
}

body.rc-editor-open #rc-editor-modal .rc-properties.rc-layers-drawer-open{
    top:var(--rc-topbar-height) !important;
}

body.rc-editor-open #rc-editor-modal .rc-side-panel.rcsd-utility-side-panel{
    box-sizing:border-box;
    position:fixed !important;
    top:var(--rc-topbar-height) !important;
    right:auto !important;
    bottom:0 !important;
    left:var(--rc-left-rail-width, 84px) !important;
    width:var(--rc-utility-drawer-width) !important;
    min-width:0 !important;
    max-width:calc(100vw - var(--rc-left-rail-width, 84px) - 12px) !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    display:none !important;
    align-items:stretch !important;
    overflow:hidden !important;
    border:0 !important;
    border-left:1px solid var(--rc-drawer-border) !important;
    border-radius:0 !important;
    background:var(--rc-drawer-surface) !important;
    color:var(--rc-drawer-fg) !important;
    box-shadow:var(--rc-drawer-shadow) !important;
    z-index:40 !important;
    pointer-events:none !important;
}

/* ID grouping supplies one final owner over the high-specificity legacy generations. */
body.rc-editor-open #rc-editor-modal :is(#rc-template-modal, #rc-image-library-modal, #rc-elements-modal, #rc-qr-modal, #rc-text-drawer).rc-side-panel.rcsd-utility-side-panel{
    position:fixed !important;
    inset:var(--rc-topbar-height) auto 0 var(--rc-left-rail-width) !important;
    top:var(--rc-topbar-height) !important;
    right:auto !important;
    bottom:0 !important;
    left:var(--rc-left-rail-width, 84px) !important;
    width:var(--rc-utility-drawer-width) !important;
    min-width:0 !important;
    max-width:calc(100vw - var(--rc-left-rail-width, 84px)) !important;
    height:auto !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:0 !important;
    background:var(--rc-drawer-surface) !important;
    transform:none !important;
}

body.rc-editor-open #rc-editor-modal .rc-side-panel.rcsd-utility-side-panel.active{
    display:flex !important;
    pointer-events:auto !important;
}

body.rc-editor-open #rc-editor-modal .rc-side-panel.rcsd-utility-side-panel > :is(.rc-side-panel-box, .rc-layers-side-panel-content){
    width:100% !important;
    min-width:0 !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    border-radius:inherit !important;
    background:var(--rc-drawer-surface) !important;
    color:var(--rc-drawer-fg) !important;
}

body.rc-editor-open #rc-editor-modal .rc-side-panel.rcsd-utility-side-panel :is(.rc-elements-box, .rc-qr-box, .rc-image-library-box, .rc-template-box){
    border:0 !important;
    border-radius:inherit !important;
    background:var(--rc-drawer-surface) !important;
    box-shadow:none !important;
}

body.rc-editor-open #rc-editor-modal #rc-qr-modal.rc-side-panel.rcsd-utility-side-panel{
    border-radius:0 !important;
    background:var(--rc-drawer-surface) !important;
}

body.rc-editor-open #rc-editor-modal #rc-qr-modal.rc-side-panel.rcsd-utility-side-panel > .rc-qr-box{
    overflow:hidden !important;
    border-radius:0 !important;
    background:var(--rc-drawer-surface) !important;
}

body.rc-editor-open #rc-editor-modal #rc-qr-modal.rc-side-panel.rcsd-utility-side-panel :is(.rc-qr-head, .rc-qr-body){
    background:var(--rc-drawer-surface) !important;
    color:var(--rc-drawer-fg) !important;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover{
    position:fixed !important;
    inset:var(--rc-topbar-height) auto 0 var(--rc-left-rail-width) !important;
    width:var(--rc-utility-drawer-width) !important;
    min-width:0 !important;
    max-width:calc(100vw - var(--rc-left-rail-width, 84px)) !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:0 !important;
    background:var(--rc-drawer-surface) !important;
    color:var(--rc-drawer-fg) !important;
    box-shadow:var(--rc-shadow-panel) !important;
    z-index:40 !important;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover[hidden]{
    display:none !important;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rc-basic-objects-head{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:50px !important;
    padding:10px 16px !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    background:#111821 !important;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rc-basic-objects-list{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow:auto !important;
    padding:10px !important;
}

body.rc-editor-open #rc-editor-modal.rcsd-device-mobile #rc-basic-objects-popover{
    inset:var(--rc-editor-navigation-height) 8px 70px 8px !important;
    width:auto !important;
    max-width:none !important;
    border-radius:12px !important;
}

body.rc-editor-open #rc-editor-modal .rc-side-panel.rcsd-utility-side-panel :is(.rc-side-panel-head, .rc-template-head, .rc-image-library-head, .rc-elements-head, .rc-qr-head){
    flex:0 0 auto !important;
    padding:14px 16px !important;
    border-bottom:1px solid var(--rc-drawer-border) !important;
    background:var(--rc-drawer-surface) !important;
    color:var(--rc-drawer-fg) !important;
}

body.rc-editor-open #rc-editor-modal .rc-side-panel.rcsd-utility-side-panel :is(.rc-side-panel-head, .rc-template-head, .rc-image-library-head, .rc-elements-head, .rc-qr-head) strong{
    font-size:15px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
}

body.rc-editor-open #rc-editor-modal .rc-utility-drawer__header > :is(button, .rc-icon-only),
body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rc-basic-objects-close{
    width:var(--rc-drawer-close-size) !important;
    min-width:var(--rc-drawer-close-size) !important;
    height:var(--rc-drawer-close-size) !important;
    min-height:var(--rc-drawer-close-size) !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid var(--rc-drawer-close-border) !important;
    border-radius:var(--rc-drawer-close-radius) !important;
    background:var(--rc-drawer-close-surface) !important;
    color:var(--rc-drawer-close-fg) !important;
}

body.rc-editor-open #rc-editor-modal .rc-side-panel.rcsd-utility-side-panel :is(label, .rc-field-label){
    font-size:12px !important;
    line-height:1.3 !important;
    font-weight:600 !important;
    color:var(--rc-drawer-fg) !important;
}

body.rc-editor-open #rc-editor-modal .rc-side-panel.rcsd-utility-side-panel :is(input:not([type="color"]), select, textarea){
    min-height:36px !important;
    padding:7px 9px !important;
    font-size:13px !important;
    line-height:1.3 !important;
    background:var(--rc-drawer-control-surface) !important;
    color:var(--rc-drawer-control-fg) !important;
}

body.rc-editor-open #rc-editor-modal .rc-side-panel.rcsd-utility-side-panel :is(button, p, small, .description){
    font-size:12px !important;
    line-height:1.4 !important;
}

body.rc-editor-open #rc-editor-modal .rc-side-panel.rcsd-utility-side-panel :is(.rc-side-panel-body, .rc-template-list, .rc-image-library-list, .rc-elements-list, .rc-qr-body){
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    background:var(--rc-drawer-surface) !important;
    color:var(--rc-drawer-fg) !important;
    scrollbar-width:thin;
    scrollbar-color:var(--rc-drawer-scroll-thumb) var(--rc-drawer-scroll-track);
}

body.rc-editor-open #rc-editor-modal .rc-utility-drawer__content::-webkit-scrollbar{
    width:8px;
    height:8px;
}

body.rc-editor-open #rc-editor-modal .rc-utility-drawer__content::-webkit-scrollbar-track{
    background:var(--rc-drawer-scroll-track);
}

body.rc-editor-open #rc-editor-modal .rc-utility-drawer__content::-webkit-scrollbar-thumb{
    border:2px solid var(--rc-drawer-scroll-track);
    border-radius:8px;
    background:var(--rc-drawer-scroll-thumb);
}

body.rc-editor-open #rc-editor-modal .rc-utility-drawer__toolbar,
body.rc-editor-open #rc-editor-modal #rc-image-library-modal .rc-image-library-toolbar{
    flex:0 0 auto !important;
    padding:12px 16px !important;
    display:grid !important;
    gap:8px !important;
    border-bottom:1px solid var(--rc-drawer-border) !important;
    background:var(--rc-drawer-surface) !important;
}

body.rc-editor-open #rc-editor-modal :is(#rc-template-modal, #rc-image-library-modal) :is(.rc-template-toolbar, .rc-image-library-toolbar){
    border-color:var(--rc-drawer-border) !important;
    background:var(--rc-drawer-surface) !important;
    color:var(--rc-drawer-fg) !important;
}

body.rc-editor-open #rc-editor-modal .rc-utility-drawer__toolbar :is(input, select){
    width:100% !important;
    background:#fff !important;
    color:var(--rc-text-primary) !important;
}

body.rc-editor-open #rc-editor-modal :is(#rc-template-list, #rc-image-library-list, #rc-elements-list) .rcsd-gallery-status:empty{
    display:none !important;
}

body.rc-editor-open #rc-editor-modal :is(#rc-template-list, #rc-image-library-list, #rc-elements-list) .rcsd-gallery-sentinel{
    min-height:1px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rc-utility-drawer__context{
    display:inline-flex !important;
    margin-top:3px !important;
    padding:2px 7px !important;
    border-radius:999px !important;
    background:var(--rc-drawer-surface) !important;
    color:var(--rc-drawer-fg-muted) !important;
    font-size:11px !important;
    line-height:1.2 !important;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rcsd-object-layer-card{
    display:grid !important;
    min-height:48px !important;
    gap:8px !important;
    padding:10px !important;
    margin:0 0 8px !important;
    border:1px solid var(--rcsd-object-card-border, var(--rc-drawer-border)) !important;
    border-radius:10px !important;
    background:var(--rcsd-object-card-surface, var(--rc-drawer-surface-raised)) !important;
    color:var(--rc-drawer-fg) !important;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rcsd-object-layer-card:hover{
    --rcsd-object-card-border:var(--rc-control-selected-border);
    --rcsd-object-card-surface:var(--rc-control-hover-bg);
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rcsd-object-layer-card.active{
    --rcsd-object-card-border:var(--rc-control-selected-border);
    --rcsd-object-card-surface:var(--rc-control-selected-bg);
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rcsd-object-layer-card.active :is(.rcsd-object-layer-name, .rcsd-object-layer-meta){
    color:var(--rc-drawer-fg) !important;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rcsd-object-layer-main{
    display:grid !important;
    grid-template-columns:28px minmax(0, 1fr) auto !important;
    align-items:center !important;
    gap:8px !important;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rcsd-object-layer-icon{
    width:32px !important;
    min-width:32px !important;
    height:32px !important;
    min-height:32px !important;
    flex:0 0 32px !important;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rcsd-object-layer-name-wrap{
    min-width:0 !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    gap:2px !important;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rcsd-object-layer-name-line{
    width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    display:block !important;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover :is(.rcsd-object-layer-name, .rcsd-object-layer-meta){
    color:var(--rc-drawer-fg) !important;
    font-size:12px !important;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rcsd-object-layer-name{
    width:100% !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    text-align:left !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    font-weight:650 !important;
    user-select:none;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rc-layer-rename-input{
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    height:32px !important;
    padding:0 8px !important;
    border:1px solid var(--rc-blue) !important;
    border-radius:7px !important;
    background:var(--rc-drawer-control-surface) !important;
    color:var(--rc-drawer-control-fg) !important;
    font-size:12px !important;
    font-weight:600 !important;
    outline:2px solid var(--rc-control-focus-ring) !important;
    outline-offset:1px !important;
    user-select:text;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rcsd-object-layer-name:focus-visible{
    outline:2px solid var(--rc-blue) !important;
    outline-offset:2px !important;
    border-radius:3px !important;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rcsd-object-layer-meta{
    color:var(--rc-drawer-fg-muted) !important;
    font-size:10px !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    word-break:normal !important;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover :is(.rcsd-object-layer-primary-actions, .rcsd-object-layer-actions){
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:4px !important;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rcsd-object-layer-actions{
    justify-content:flex-end !important;
    opacity:0;
    pointer-events:none;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rcsd-object-layer-card:is(:hover, .active) .rcsd-object-layer-actions{
    opacity:1;
    pointer-events:auto;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rc-basic-object-action{
    width:30px !important;
    min-width:30px !important;
    height:30px !important;
    min-height:30px !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid var(--rc-drawer-border) !important;
    border-radius:7px !important;
    background:var(--rc-drawer-surface-raised) !important;
    color:#344054 !important;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rc-basic-object-action-label{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    white-space:nowrap !important;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rc-basic-object-action:is(:hover, :focus-visible):not(:disabled){
    border-color:var(--rc-blue) !important;
    background:var(--rc-control-hover-bg) !important;
    color:var(--rc-drawer-fg) !important;
}

body.rc-editor-open #rc-editor-modal #rc-basic-objects-popover .rc-basic-object-action:disabled{
    color:#98a2b3 !important;
    opacity:.72 !important;
}

body.rc-editor-open #rc-editor-modal #rc-text-drawer .rc-text-drawer-body{
    padding:16px;
}

body.rc-editor-open #rc-editor-modal #rc-text-drawer .rc-text-preset-list{
    display:grid;
    gap:8px;
}

body.rc-editor-open #rc-editor-modal #rc-text-drawer .rc-text-preset{
    width:100%;
    min-height:62px;
    padding:10px 12px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:4px;
    border:1px solid var(--rc-drawer-border);
    border-radius:9px;
    background:var(--rc-drawer-surface-raised);
    color:var(--rc-drawer-fg);
    box-shadow:none;
    text-align:left;
}

body.rc-editor-open #rc-editor-modal #rc-text-drawer .rc-text-preset:hover,
body.rc-editor-open #rc-editor-modal #rc-text-drawer .rc-text-preset:focus-visible{
    border-color:var(--rc-blue);
    background:var(--rc-control-hover-bg);
}

body.rc-editor-open #rc-editor-modal #rc-text-drawer .rc-text-preset strong{
    font-size:13px;
    font-weight:650;
}

body.rc-editor-open #rc-editor-modal #rc-text-drawer .rc-text-preset-modern strong{
    font-size:19px;
    font-weight:700;
    letter-spacing:.045em;
    text-transform:uppercase;
}

body.rc-editor-open #rc-editor-modal #rc-text-drawer .rc-text-preset-bold strong{
    font-size:16px;
    font-weight:750;
    text-transform:uppercase;
}

body.rc-editor-open #rc-editor-modal #rc-text-drawer :is(.rc-text-preset-editorial, .rc-text-preset-signature) strong{
    font-family:Georgia, serif;
    font-size:15px;
    font-weight:400;
    font-style:italic;
}

body.rc-editor-open #rc-editor-modal #rc-text-drawer .rc-text-preset-signature strong{align-self:flex-start}

body.rc-editor-open #rc-editor-modal #rc-elements-modal .rcsd-gallery-card{
    border-color:var(--rc-drawer-border) !important;
    background:var(--rc-drawer-surface-raised) !important;
    box-shadow:none !important;
}

body.rc-editor-open #rc-editor-modal #rc-elements-modal .rcsd-gallery-preview{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:10px !important;
    background:#f7f9fc !important;
}

body.rc-editor-open #rc-editor-modal #rc-elements-modal [data-element-family="generic-icon"] .rcsd-gallery-preview svg{
    width:38px !important;
    height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
}

body.rc-editor-open #rc-editor-modal #rc-elements-modal [data-element-family="brand-icon"] .rcsd-gallery-preview svg{
    width:40px !important;
    height:40px !important;
    max-width:40px !important;
    max-height:40px !important;
}

body.rc-editor-open #rc-editor-modal #rc-elements-modal [data-element-family="shape"] .rc-element-native-preview{
    width:44px !important;
    height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
}

body.rc-editor-open #rc-editor-modal #rc-elements-modal [data-element-family="graphic"] .rcsd-gallery-preview svg{
    width:auto !important;
    height:auto !important;
    max-width:76% !important;
    max-height:76% !important;
}

body.rc-editor-open #rc-editor-modal #rc-elements-modal .rcsd-gallery-card:is(:hover, :focus-within){
    border-color:var(--rc-blue) !important;
    background:var(--rc-control-hover-bg) !important;
}

body.rc-editor-open #rc-editor-modal #rc-elements-modal .rcsd-gallery-card:focus-visible{
    outline:2px solid var(--rc-blue) !important;
    outline-offset:2px !important;
}

body.rc-editor-open #rc-editor-modal #rc-layers-side-panel-content,
body.rc-editor-open #rc-editor-modal #rc-layers-side-panel-content > .rc-layers-panel{
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column !important;
    min-height:0 !important;
    background:var(--rc-drawer-surface) !important;
    color:var(--rc-drawer-fg) !important;
}

body.rc-editor-open #rc-editor-modal #rc-layers-side-panel-content #rc-layers-list{
    flex:1 1 auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
}

body.rc-editor-open #rc-editor-modal.rcsd-device-mobile .rc-side-panel.rcsd-utility-side-panel{
    left:8px !important;
    right:8px !important;
    width:auto !important;
    max-width:none !important;
    bottom:70px !important;
    border-radius:12px !important;
}

body.rc-editor-open .rc-autosave-recovery-box{
    width:min(100%, 460px) !important;
    max-width:460px !important;
    padding:24px !important;
}

body.rc-editor-open .rc-autosave-recovery-box h3{
    margin:0 0 10px !important;
    font-size:20px !important;
    line-height:1.25 !important;
}

body.rc-editor-open .rc-autosave-recovery-box p{
    font-size:14px !important;
    line-height:1.45 !important;
}

body.rc-editor-open .rc-autosave-recovery-box small{
    margin-bottom:18px !important;
    font-size:12px !important;
}

body.rc-editor-open .rc-autosave-recovery-actions button{
    min-height:42px !important;
    padding:0 14px !important;
    font-size:13px !important;
}

/* ============================================================
   RC UI 3.0 — UTILITY DRAWER VISUAL UNIFICATION
   Modelos / Biblioteca / Elementos
   ============================================================ */

/* Titles: explicit light foreground on the dark drawer surface. */
body.rc-editor-open #rc-editor-modal
:is(
    #rc-template-modal,
    #rc-image-library-modal,
    #rc-elements-modal,
    #rc-qr-modal,
    #rc-text-drawer
)
:is(
    .rc-template-head,
    .rc-image-library-head,
    .rc-elements-head,
    .rc-qr-head,
    .rc-side-panel-head
) strong{
    color:var(--rc-drawer-fg) !important;
}

/*
 * Search/filter region follows the Modelos visual contract:
 * dark drawer around independent light controls.
 */
body.rc-editor-open #rc-editor-modal
:is(#rc-template-modal, #rc-image-library-modal, #rc-elements-modal)
:is(.rc-template-toolbar, .rc-image-library-toolbar, .rc-elements-toolbar){
    margin:0 !important;
    padding:12px !important;
    gap:8px !important;
    border-bottom:1px solid var(--rc-drawer-border) !important;
    background:var(--rc-drawer-surface) !important;
    box-shadow:none !important;
}

body.rc-editor-open #rc-editor-modal
:is(#rc-template-modal, #rc-image-library-modal, #rc-elements-modal)
:is(.rc-template-toolbar, .rc-image-library-toolbar, .rc-elements-toolbar)
:is(input, select){
    width:100% !important;
    min-height:38px !important;
    border:1px solid var(--rc-drawer-border) !important;
    border-radius:9px !important;
    background:var(--rc-drawer-control-surface) !important;
    color:var(--rc-drawer-control-fg) !important;
    box-shadow:none !important;
}

/* Gallery/list area must remain part of the dark drawer surface. */
body.rc-editor-open #rc-editor-modal
:is(#rc-template-modal, #rc-image-library-modal, #rc-elements-modal)
:is(.rc-template-list, .rc-image-library-list, .rc-elements-list){
    background:var(--rc-drawer-surface) !important;
}

/* Remove remaining light sheet surfaces from Biblioteca / Elementos. */
body.rc-editor-open #rc-editor-modal #rc-image-library-modal
:is(.rc-image-library-box, .rc-image-library-head),
body.rc-editor-open #rc-editor-modal #rc-elements-modal
:is(.rc-elements-box, .rc-elements-head){
    background:var(--rc-drawer-surface) !important;
    color:var(--rc-drawer-fg) !important;
}

/* =========================================================
   RC UI 3.0 - GALLERY FILTERS FINAL VISUAL OWNER
   Biblioteca e Elementos: superficie escura continua.
   Somente input/select possuem superficie clara.
   ========================================================= */

body.rc-editor-open #rc-editor-modal
:is(#rc-image-library-modal, #rc-elements-modal){
    background:var(--rc-drawer-surface) !important;
}

body.rc-editor-open #rc-editor-modal
:is(#rc-image-library-modal, #rc-elements-modal)
:is(.rc-image-library-box, .rc-elements-box, .rcsd-gallery-shell){
    background:var(--rc-drawer-surface) !important;
}

body.rc-editor-open #rc-editor-modal
:is(#rc-image-library-modal, #rc-elements-modal)
:is(.rc-image-library-toolbar, .rc-elements-toolbar, .rcsd-gallery-filters){
    margin:0 !important;
    width:100% !important;
    padding:12px !important;
    display:grid !important;
    gap:8px !important;
    background:var(--rc-drawer-surface) !important;
    border:0 !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
}

body.rc-editor-open #rc-editor-modal
:is(#rc-image-library-modal, #rc-elements-modal)
:is(.rc-image-library-toolbar, .rc-elements-toolbar, .rcsd-gallery-filters)
:is(input, select){
    width:100% !important;
    min-height:38px !important;
    margin:0 !important;
    padding-left:12px !important;
    padding-right:12px !important;
    border:1px solid var(--rc-drawer-border) !important;
    border-radius:9px !important;
    background:var(--rc-drawer-control-surface) !important;
    color:var(--rc-drawer-control-fg) !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
}

body.rc-editor-open #rc-editor-modal
:is(#rc-image-library-modal, #rc-elements-modal)
:is(.rc-image-library-list, .rc-elements-list, .rcsd-gallery){
    background:var(--rc-drawer-surface) !important;
}


/* RCSD LAYER NAME ANTI-COLLAPSE V1 */
body.rc-editor-open #rc-editor-modal
#rc-basic-objects-popover
.rcsd-object-layer-card{
    display:flex !important;
    align-items:center !important;
    min-height:48px !important;
    min-width:0 !important;
}

body.rc-editor-open #rc-editor-modal
#rc-basic-objects-popover
.rcsd-object-layer-name-wrap{
    flex:1 1 0 !important;
    min-width:0 !important;
    width:auto !important;
    overflow:hidden !important;
}

body.rc-editor-open #rc-editor-modal
#rc-basic-objects-popover
.rcsd-object-layer-name{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#344054 !important;
}

body.rc-editor-open #rc-editor-modal
#rc-basic-objects-popover
.rcsd-object-layer-card.active
.rcsd-object-layer-name{
    color:#172033 !important;
}

body.rc-editor-open #rc-editor-modal
#rc-basic-objects-popover
.rcsd-object-layer-controls{
    flex:0 0 auto !important;
    min-width:max-content !important;
}

body.rc-editor-open #rc-editor-modal
#rc-basic-objects-popover
.rc-layer-rename-input{
    width:100% !important;
    min-width:0 !important;
    height:32px !important;
    border:1px solid #98a2b3 !important;
    border-radius:7px !important;
    background:#ffffff !important;
    color:#172033 !important;
}


/* RCSD OBJECT PANEL PROFESSIONAL HEADER V3 */

/* ==========================================================
   OBJECTS HEADER
   Alinha visualmente Objetos aos demais drawers.
   ========================================================== */

body.rc-editor-open #rc-editor-modal
#rc-basic-objects-popover
.rc-basic-objects-head{
    box-sizing:border-box !important;

    display:flex !important;
    align-items:center !important;

    min-height:56px !important;
    height:56px !important;

    padding:0 12px 0 16px !important;

    border-bottom:1px solid #e4e9f0 !important;

    background:#ffffff !important;
    color:#172033 !important;
}

body.rc-editor-open #rc-editor-modal
#rc-basic-objects-popover
.rc-basic-objects-head :is(
    h1,
    h2,
    h3,
    strong
){
    margin:0 !important;

    color:#172033 !important;

    font-size:15px !important;
    line-height:20px !important;
    font-weight:700 !important;
}

body.rc-editor-open #rc-editor-modal
#rc-basic-objects-popover
#rc-basic-objects-title{
    color:#172033 !important;
}

body.rc-editor-open #rc-editor-modal
#rc-basic-objects-popover
#rc-basic-objects-face{
    flex:0 0 auto !important;

    margin-left:8px !important;
    padding:2px 7px !important;

    border:1px solid #d9e0e8 !important;
    border-radius:999px !important;

    background:#f8fafc !important;
    color:#475467 !important;

    font-size:10px !important;
    line-height:14px !important;
    font-weight:600 !important;
}

body.rc-editor-open #rc-editor-modal
#rc-basic-objects-popover
.rc-basic-objects-close{
    flex:0 0 auto !important;

    margin-left:auto !important;

    width:36px !important;
    height:36px !important;

    border:1px solid #d9e0e8 !important;
    border-radius:9px !important;

    background:#ffffff !important;
    color:#344054 !important;

    box-shadow:none !important;
}


/* ==========================================================
   OBJECT ROW GEOMETRY
   ========================================================== */

body.rc-editor-open #rc-editor-modal
#rc-basic-objects-popover
.rcsd-object-layer-card{
    box-sizing:border-box !important;

    display:flex !important;
    align-items:center !important;

    min-height:52px !important;
    height:52px !important;

    padding-top:6px !important;
    padding-bottom:6px !important;
}

body.rc-editor-open #rc-editor-modal
#rc-basic-objects-popover
.rcsd-object-layer-name-wrap{
    box-sizing:border-box !important;

    display:flex !important;
    flex:1 1 0 !important;
    flex-direction:column !important;
    justify-content:center !important;

    min-width:0 !important;
    height:38px !important;

    overflow:hidden !important;
}

body.rc-editor-open #rc-editor-modal
#rc-basic-objects-popover
.rcsd-object-layer-name{
    display:block !important;

    width:100% !important;
    min-width:0 !important;

    margin:0 !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;

    color:#344054 !important;

    font-size:11px !important;
    line-height:15px !important;
    font-weight:650 !important;

    letter-spacing:-.005em !important;
}

body.rc-editor-open #rc-editor-modal
#rc-basic-objects-popover
.rcsd-object-layer-name-wrap
:is(
    small,
    .rcsd-object-layer-type,
    .rc-layer-type
){
    margin:1px 0 0 !important;

    color:#667085 !important;

    font-size:9.5px !important;
    line-height:12px !important;
    font-weight:600 !important;

    white-space:nowrap !important;
}


/* ==========================================================
   INLINE RENAME
   Mantém exatamente o mesmo eixo da row normal.
   ========================================================== */

body.rc-editor-open #rc-editor-modal
#rc-basic-objects-popover
.rc-layer-rename-input{
    box-sizing:border-box !important;

    display:block !important;

    width:100% !important;
    min-width:0 !important;

    height:28px !important;
    min-height:28px !important;

    margin:0 !important;
    padding:0 7px !important;

    border:1px solid #98a2b3 !important;
    border-radius:6px !important;

    background:#ffffff !important;
    color:#172033 !important;

    font-size:11px !important;
    line-height:26px !important;
    font-weight:600 !important;

    outline:none !important;
}

body.rc-editor-open #rc-editor-modal
#rc-basic-objects-popover
.rc-layer-rename-input:focus{
    border-color:#2563eb !important;
    box-shadow:0 0 0 2px rgba(37,99,235,.12) !important;
}

body.rc-editor-open #rc-editor-modal
#rc-basic-objects-popover
.rcsd-object-layer-controls{
    display:flex !important;
    flex:0 0 auto !important;

    align-items:center !important;

    min-width:max-content !important;

    margin-left:6px !important;
}

body.rc-editor-open #rc-editor-modal
#rc-basic-objects-popover
.rcsd-object-layer-card.active
.rcsd-object-layer-name{
    color:#172033 !important;
}


/* RCSD OBJECT ROW GEOMETRY OWNER V4 */
@media (min-width:900px){

    body.rc-editor-open #rc-editor-modal
    #rc-basic-objects-popover
    .rcsd-object-layer-card{
        box-sizing:border-box !important;
        width:100% !important;
        min-width:0 !important;
    }

    body.rc-editor-open #rc-editor-modal
    #rc-basic-objects-popover
    .rcsd-object-layer-main{
        display:grid !important;
        grid-template-columns:32px minmax(0,1fr) max-content !important;
        align-items:center !important;
        column-gap:10px !important;

        width:100% !important;
        min-width:0 !important;
    }

    body.rc-editor-open #rc-editor-modal
    #rc-basic-objects-popover
    .rcsd-object-layer-icon{
        grid-column:1 !important;

        width:32px !important;
        min-width:32px !important;
        height:32px !important;

        margin:0 !important;
    }

    body.rc-editor-open #rc-editor-modal
    #rc-basic-objects-popover
    .rcsd-object-layer-name-wrap{
        grid-column:2 !important;

        display:flex !important;
        flex-direction:column !important;

        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        margin:0 !important;
        overflow:hidden !important;
    }

    body.rc-editor-open #rc-editor-modal
    #rc-basic-objects-popover
    .rcsd-object-layer-name-line{
        display:block !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:0 !important;
        overflow:hidden !important;
    }

    body.rc-editor-open #rc-editor-modal
    #rc-basic-objects-popover
    .rcsd-object-layer-name{
        display:block !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:0 !important;

        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    body.rc-editor-open #rc-editor-modal
    #rc-basic-objects-popover
    .rcsd-object-layer-meta{
        display:block !important;

        width:100% !important;
        min-width:0 !important;

        margin-top:2px !important;
    }

    body.rc-editor-open #rc-editor-modal
    #rc-basic-objects-popover
    .rc-layer-rename-input{
        box-sizing:border-box !important;

        display:block !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:0 !important;
    }

    body.rc-editor-open #rc-editor-modal
    #rc-basic-objects-popover
    .rcsd-object-layer-controls,
    body.rc-editor-open #rc-editor-modal
    #rc-basic-objects-popover
    .rcsd-object-layer-actions{
        grid-column:3 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;

        width:max-content !important;
        min-width:max-content !important;

        margin:0 !important;
        gap:6px !important;
    }
}