/* RC UI 3.0 — final desktop visual owner for editor dialogs. */
@media (min-width: 900px) {
    body.rc-editor-open #rc-editor-modal :is(#rc-template-switch-modal, #rc-save-template-modal, #rc-mockup-modal){box-sizing:border-box !important;background:var(--rc-dialog-overlay) !important;backdrop-filter:blur(2px)}
    body.rc-editor-open #rc-editor-modal :is(.rc-template-switch-box, .rc-save-template-box, .rc-mockup-box){box-sizing:border-box !important;border:1px solid var(--rc-dialog-border) !important;border-radius:12px !important;background:var(--rc-dialog-surface) !important;color:var(--rc-dialog-fg) !important;box-shadow:var(--rc-dialog-shadow) !important}

    body.rc-editor-open #rc-editor-modal #rc-template-switch-modal{padding:20px !important}
    body.rc-editor-open #rc-editor-modal .rc-template-switch-box{max-width:500px !important}
    body.rc-editor-open #rc-editor-modal .rc-template-switch-head{min-height:56px !important;padding:0 20px !important;border-bottom:1px solid var(--rc-dialog-divider) !important}
    body.rc-editor-open #rc-editor-modal .rc-template-switch-head strong{color:var(--rc-dialog-fg) !important;font-size:18px !important;font-weight:700 !important}
    body.rc-editor-open #rc-editor-modal .rc-template-switch-body{padding:18px 20px 20px !important}
    body.rc-editor-open #rc-editor-modal .rc-template-switch-body p{color:var(--rc-dialog-fg-muted) !important;font-size:15px !important;line-height:1.5 !important}
    body.rc-editor-open #rc-editor-modal .rc-template-switch-actions{gap:8px !important;margin-top:18px !important}
    body.rc-editor-open #rc-editor-modal .rc-template-switch-actions button{min-height:38px !important;padding:0 14px !important;border:1px solid var(--rc-dialog-border) !important;border-radius:9px !important;font-size:13px !important;font-weight:600 !important;box-shadow:none !important}
    body.rc-editor-open #rc-editor-modal #rc-template-switch-continue{border-color:var(--rc-blue) !important;background:var(--rc-blue) !important;color:#fff !important}
    body.rc-editor-open #rc-editor-modal #rc-template-switch-confirm{background:var(--rc-dialog-surface) !important;color:var(--rc-dialog-fg-muted) !important}

    body.rc-editor-open #rc-editor-modal #rc-save-template-modal{color:var(--rc-dialog-fg) !important}
    body.rc-editor-open #rc-editor-modal #rc-save-template-modal .rc-save-template-box{width:min(480px, 100%) !important;max-width:480px !important;padding:24px !important;border-radius:15px !important;gap:11px !important}
    body.rc-editor-open #rc-editor-modal #rc-save-template-title{margin:0 0 18px !important;color:var(--rc-dialog-fg) !important;font-size:18px !important;font-weight:700 !important;letter-spacing:-.01em}
    body.rc-editor-open #rc-editor-modal #rc-save-template-modal .rc-save-template-box label{color:var(--rc-dialog-fg-muted) !important;font-size:13px !important;font-weight:600 !important}
    body.rc-editor-open #rc-editor-modal #rc-save-template-modal .rc-save-template-box :is(input[type="text"], input[type="number"], .rcsd-category-select__trigger){box-sizing:border-box !important;min-height:41px !important;border:1px solid var(--rc-dialog-border) !important;border-radius:9px !important;background:var(--rc-dialog-surface) !important;color:var(--rc-dialog-fg) !important;box-shadow:none !important}
    body.rc-editor-open #rc-editor-modal #rc-save-template-modal .rc-save-template-box :is(input[type="text"], input[type="number"], .rcsd-category-select__trigger):focus{border-color:var(--rc-blue) !important;outline:2px solid var(--rc-control-focus-ring) !important;outline-offset:1px !important}
    body.rc-editor-open #rc-editor-modal #rc-save-template-modal label:has(input[type="checkbox"]){display:flex !important;align-items:center !important;gap:8px !important;color:var(--rc-dialog-fg) !important}
    body.rc-editor-open #rc-editor-modal #rc-save-template-modal .rc-save-template-actions{display:flex !important;align-items:center !important;gap:8px !important;margin-top:20px !important}
    body.rc-editor-open #rc-editor-modal #rc-save-template-modal .rc-save-template-actions button{min-height:40px !important;padding:0 14px !important;border:1px solid var(--rc-dialog-border) !important;border-radius:9px !important;background:var(--rc-dialog-surface) !important;color:var(--rc-dialog-fg) !important;font-size:13px !important;font-weight:600 !important;box-shadow:none !important}
    body.rc-editor-open #rc-editor-modal #rc-confirm-save-template{border-color:var(--rc-blue) !important;background:var(--rc-blue) !important;color:#fff !important}

    body.rc-editor-open #rc-editor-modal #rc-mockup-modal{padding:clamp(12px, 2vw, 24px) !important}
    body.rc-editor-open #rc-editor-modal .rc-mockup-box{display:flex !important;width:min(1180px, 100%) !important;height:min(760px, calc(100dvh - 40px)) !important;max-width:none !important;flex-direction:column !important;overflow:hidden !important}
    body.rc-editor-open #rc-editor-modal .rc-mockup-head{min-height:58px !important;padding:10px 16px !important;border-bottom:1px solid var(--rc-dialog-divider) !important;background:var(--rc-dialog-surface) !important}
    body.rc-editor-open #rc-editor-modal .rc-mockup-head strong{color:var(--rc-dialog-fg) !important;font-size:18px !important;font-weight:700 !important}
    body.rc-editor-open #rc-editor-modal .rc-experience-kicker{color:var(--rc-dialog-fg-muted) !important}
    body.rc-editor-open #rc-editor-modal #rc-close-mockup{min-height:38px !important;border:1px solid var(--rc-dialog-border) !important;background:var(--rc-dialog-surface) !important;color:var(--rc-dialog-fg-muted) !important;box-shadow:none !important}
    body.rc-editor-open #rc-editor-modal .rc-mockup-body{gap:8px !important;padding:12px !important;background:var(--rc-dialog-surface-subtle) !important}
    body.rc-editor-open #rc-editor-modal .rc-preview-zoom-controls{min-height:38px !important;padding:3px !important;gap:2px !important;border-color:var(--rc-dialog-border) !important;border-radius:10px !important;background:var(--rc-dialog-surface) !important;box-shadow:none !important}
    body.rc-editor-open #rc-editor-modal .rc-preview-zoom-controls button{min-height:32px !important;padding:0 9px !important;border-radius:7px !important}
    body.rc-editor-open #rc-editor-modal .rc-preview-size-info{color:var(--rc-dialog-fg-muted) !important;font-size:11px !important;font-weight:600 !important}
    body.rc-editor-open #rc-editor-modal .rc-mockup-card{position:relative;display:flex !important;flex-direction:column !important;gap:8px !important;padding:10px !important;border:1px solid var(--rc-dialog-divider) !important;border-radius:11px !important;background:var(--rc-dialog-surface) !important;box-shadow:none !important}
    body.rc-editor-open #rc-editor-modal .rc-mockup-side-label{align-self:flex-start;color:var(--rc-dialog-fg) !important;font-size:12px !important;font-weight:650 !important;line-height:1.2}
    body.rc-editor-open #rc-editor-modal .rc-mockup-note{color:var(--rc-dialog-fg-muted) !important;font-size:10px !important;font-weight:500 !important}
}

/* ============================================================
   RCSD COMMERCIAL DIALOG SYSTEM — CONSOLIDATED DESKTOP OWNER V1

   Single desktop visual owner for:
   - Save Template
   - Visualizar arte
   - Aprovar arte / Add to cart

   Runtime-safe selectors intentionally do not depend on
   #rc-editor-modal for Visualizar or Approval.

   No canvas, Fabric, export, persistence or interaction changes.
   ============================================================ */

@media (min-width:900px){

    /* ========================================================
       SAVE TEMPLATE
       ======================================================== */

    body.rc-editor-open #rc-editor-modal #rc-save-template-modal{
        padding:24px !important;
        background:rgba(15,23,42,.36) !important;
        backdrop-filter:blur(3px) !important;
    }

    body.rc-editor-open #rc-editor-modal #rc-save-template-modal
    .rc-save-template-box{
        width:min(480px,calc(100vw - 48px)) !important;
        max-width:480px !important;
        padding:26px !important;
        gap:11px !important;

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

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

        box-shadow:0 22px 64px rgba(15,23,42,.20) !important;
    }

    body.rc-editor-open #rc-editor-modal #rc-save-template-title{
        margin:0 0 18px !important;

        color:#172033 !important;

        font-size:19px !important;
        line-height:1.25 !important;
        font-weight:700 !important;
    }

    body.rc-editor-open #rc-editor-modal #rc-save-template-modal
    .rc-save-template-box label{
        color:#475467 !important;

        font-size:13px !important;
        line-height:1.3 !important;
        font-weight:600 !important;
    }

    body.rc-editor-open #rc-editor-modal #rc-save-template-modal
    .rc-save-template-box :is(
        input[type="text"],
        input[type="number"],
        .rcsd-category-select__trigger
    ){
        min-height:42px !important;

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

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

    body.rc-editor-open #rc-editor-modal #rc-save-template-modal
    .rc-save-template-box :is(
        input[type="text"],
        input[type="number"],
        .rcsd-category-select__trigger
    ):focus{
        border-color:#2563eb !important;
        outline:3px solid rgba(37,99,235,.12) !important;
        outline-offset:1px !important;
    }

    body.rc-editor-open #rc-editor-modal #rc-save-template-modal
    label:has(input[type="checkbox"]){
        color:#344054 !important;
    }

    body.rc-editor-open #rc-editor-modal #rc-save-template-modal
    .rc-save-template-actions{
        margin-top:20px !important;
        gap:9px !important;
    }

    body.rc-editor-open #rc-editor-modal #rc-save-template-modal
    .rc-save-template-actions button{
        min-height:40px !important;
        padding:0 15px !important;

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

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

        font-size:13px !important;
        font-weight:650 !important;

        box-shadow:none !important;
    }

    body.rc-editor-open #rc-editor-modal #rc-confirm-save-template{
        border-color:#2563eb !important;
        background:#2563eb !important;
        color:#ffffff !important;
    }

    body.rc-editor-open #rc-editor-modal #rc-confirm-save-template:hover{
        border-color:#1d4ed8 !important;
        background:#1d4ed8 !important;
    }


    /* ========================================================
       VISUALIZAR ARTE — COMPACT PROFESSIONAL REVIEW
       ======================================================== */

    body.rc-editor-open #rc-mockup-modal{
        padding:20px !important;

        background:rgba(15,23,42,.36) !important;
        backdrop-filter:blur(3px) !important;
    }

    body.rc-editor-open #rc-mockup-modal
    .rc-mockup-box{
        width:min(1180px,calc(100vw - 40px)) !important;
        max-width:1180px !important;

        height:auto !important;
        max-height:calc(100dvh - 40px) !important;

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

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

        overflow:hidden !important;

        box-shadow:0 22px 64px rgba(15,23,42,.20) !important;
    }

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

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

        padding:9px 18px !important;

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

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

    body.rc-editor-open #rc-mockup-modal
    .rc-mockup-head :is(strong,h1,h2,h3){
        color:#172033 !important;
    }

    body.rc-editor-open #rc-mockup-modal
    .rc-experience-kicker{
        color:#667085 !important;
    }

    body.rc-editor-open #rc-mockup-modal
    #rc-close-mockup{
        min-height:38px !important;
        padding:0 14px !important;

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

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

        box-shadow:none !important;
    }

    body.rc-editor-open #rc-mockup-modal
    .rc-mockup-body{
        box-sizing:border-box !important;

        padding:10px 16px 12px !important;

        overflow:auto !important;

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

    body.rc-editor-open #rc-mockup-modal
    .rc-preview-zoom-controls{
        min-height:38px !important;

        padding:3px !important;
        gap:2px !important;

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

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

        box-shadow:none !important;
    }

    body.rc-editor-open #rc-mockup-modal
    .rc-preview-zoom-controls button{
        min-height:32px !important;
        padding:0 10px !important;

        color:#aeb8c5 !important;
        background:transparent !important;

        border-radius:7px !important;
    }

    body.rc-editor-open #rc-mockup-modal
    .rc-preview-size-info{
        color:#667085 !important;

        font-size:11px !important;
        font-weight:500 !important;
    }

    body.rc-editor-open #rc-mockup-modal
    .rc-mockup-preview{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;

        gap:12px !important;

        width:100% !important;
        margin:0 !important;
    }

    body.rc-editor-open #rc-mockup-modal
    .rc-mockup-preview.rc-has-back-preview{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    body.rc-editor-open #rc-mockup-modal
    .rc-mockup-card{
        position:relative !important;

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

        min-width:0 !important;
        min-height:0 !important;
        height:auto !important;

        padding:36px 12px 12px !important;

        border:1px solid #dde3ea !important;
        border-radius:12px !important;

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

        overflow:hidden !important;

        box-shadow:none !important;
        perspective:none !important;
    }

    body.rc-editor-open #rc-mockup-modal
    .rc-mockup-side-label{
        position:absolute !important;

        top:10px !important;
        left:14px !important;

        width:auto !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        color:#667085 !important;

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

        letter-spacing:.04em !important;
        text-transform:uppercase !important;

        white-space:nowrap !important;
        writing-mode:horizontal-tb !important;

        transform:none !important;

        z-index:4 !important;
    }

    body.rc-editor-open #rc-mockup-modal
    .rc-mockup-card .rcsd-visual-cut-frame{
        flex:0 0 auto !important;

        max-width:100% !important;
        max-height:none !important;

        margin:0 auto !important;

        background:#ffffff !important;

        box-shadow:none !important;
    }

    body.rc-editor-open #rc-mockup-modal
    .rc-mockup-card img{
        display:block !important;

        max-width:100% !important;
        height:auto !important;

        margin:0 auto !important;

        border-radius:0 !important;

        box-shadow:none !important;
        transform:none !important;
    }

    body.rc-editor-open #rc-mockup-modal
    .rc-mockup-note{
        margin:6px 0 0 !important;

        color:#667085 !important;

        font-size:10px !important;
        line-height:15px !important;

        text-align:center !important;
    }


    /* ========================================================
       APROVAR ARTE — UNIFIED LIGHT COMMERCIAL REVIEW
       ======================================================== */

    body.rc-editor-open #rc-art-approval-modal{
        padding:20px !important;

        background:rgba(15,23,42,.36) !important;
        backdrop-filter:blur(3px) !important;

        color:#172033 !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-box{
        width:min(1180px,calc(100vw - 40px)) !important;
        max-width:1180px !important;

        max-height:calc(100dvh - 40px) !important;

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

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

        overflow:hidden !important;

        box-shadow:0 22px 64px rgba(15,23,42,.20) !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-head{
        min-height:64px !important;
        padding:9px 18px !important;

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

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

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-head :is(strong,h1,h2,h3){
        color:#172033 !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-head .rc-experience-kicker{
        color:#667085 !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-body{
        display:grid !important;
        grid-template-columns:minmax(0,2fr) minmax(300px,.9fr) !important;

        min-height:0 !important;

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

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-visual{
        padding:16px !important;

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

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-visual :is(p,span){
        color:#667085 !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-previews{
        margin-top:12px !important;
        gap:12px !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-preview-card{
        padding:10px !important;

        border:1px solid #dde3ea !important;
        border-radius:12px !important;

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

        box-shadow:none !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-preview-card img{
        display:block !important;

        width:100% !important;
        height:auto !important;

        box-shadow:none !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-decision{
        box-sizing:border-box !important;

        padding:18px !important;

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

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

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-decision{
        color-scheme:light !important;

        background:#f8fafc !important;
        background-color:#f8fafc !important;
        background-image:none !important;

        color:#172033 !important;

        box-shadow:none !important;
    }

    /*
     * Neutraliza wrappers estruturais herdados do antigo
     * sistema dark sem alterar cards, inputs ou ações.
     */
    /*
     * Approval inner-surface normalization.
     *
     * The real runtime owner is ASIDE.rc-art-approval-decision.
     * Legacy dark styling also survives on structural descendants
     * inside that aside, so neutralize containers before restoring
     * the governed cards/actions below.
     */
    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-decision :is(
        div,
        section
    ){
        background:transparent !important;
        background-color:transparent !important;
        background-image:none !important;

        color:#172033 !important;

        border-color:transparent !important;

        box-shadow:none !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-decision::before,
    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-decision::after,
    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-decision :is(div,section)::before,
    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-decision :is(div,section)::after{
        background:transparent !important;
        background-image:none !important;
        border:0 !important;
        box-shadow:none !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-decision .rc-experience-kicker{
        color:#667085 !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-decision :is(
        h1,h2,h3,strong,p,span,label
    ){
        color:#172033 !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-warning{
        margin:0 !important;
        padding:0 !important;

        border:0 !important;

        background:transparent !important;
        background-color:transparent !important;
        background-image:none !important;

        color:#172033 !important;

        box-shadow:none !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    #rc-art-approval-text{
        box-sizing:border-box !important;

        margin-top:10px !important;
        padding:13px 14px !important;

        border:1px solid #dde3ea !important;
        border-radius:10px !important;

        background:#ffffff !important;
        background-color:#ffffff !important;
        background-image:none !important;

        color:#475467 !important;

        font-size:11.5px !important;
        line-height:1.55 !important;

        box-shadow:none !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    #rc-art-approval-text,
    body.rc-editor-open #rc-art-approval-modal
    #rc-art-approval-text *{
        background-color:#ffffff !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    #rc-art-approval-text *{
        color:inherit !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-check{
        box-sizing:border-box !important;

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

        gap:10px !important;

        width:100% !important;

        margin-top:12px !important;
        padding:12px !important;

        border:1px solid #dde3ea !important;
        border-radius:10px !important;

        background:#ffffff !important;
        background-color:#ffffff !important;
        background-image:none !important;

        color:#344054 !important;

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

        box-shadow:none !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-check *{
        background:transparent !important;
        background-image:none !important;

        color:#344054 !important;

        box-shadow:none !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-check > span{
        display:block !important;
        flex:1 1 auto !important;

        min-width:0 !important;

        color:#344054 !important;

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

        opacity:1 !important;
        visibility:visible !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    #rc-art-approval-check{
        flex:0 0 auto !important;

        width:18px !important;
        height:18px !important;

        margin:1px 0 0 !important;

        accent-color:#2563eb !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-decision hr{
        display:none !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    .rc-art-approval-decision
    .rc-art-approval-actions{
        border:0 !important;
        border-top:0 !important;

        background:transparent !important;

        box-shadow:none !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    #rc-art-approval-cancel{
        min-height:42px !important;

        margin-top:14px !important;

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

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

        font-weight:650 !important;

        box-shadow:none !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    #rc-art-approval-confirm{
        min-height:44px !important;

        margin-top:8px !important;

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

        background:#2563eb !important;
        color:#ffffff !important;

        font-weight:700 !important;

        box-shadow:none !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    #rc-art-approval-confirm:disabled{
        border-color:#e4e7ec !important;

        background:#e4e7ec !important;
        color:#98a2b3 !important;

        opacity:1 !important;
        cursor:not-allowed !important;
    }

    body.rc-editor-open #rc-art-approval-modal
    #rc-art-approval-confirm:not(:disabled):hover{
        border-color:#1d4ed8 !important;
        background:#1d4ed8 !important;
    }
}