/* Keep the original editor DOM and all its native handlers. */
.bm-add-icon-popup.dq-desktop-movable .modal-dialog{position:fixed!important;display:block!important;min-height:0!important;margin:0!important;width:min(800px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;transform:none!important;}
.bm-add-icon-popup.dq-desktop-movable .modal-content{min-height:0!important;max-height:calc(100vh - 32px);overflow:hidden;}
.bm-add-icon-popup.dq-desktop-movable .modal-header{cursor:grab;touch-action:none;flex-shrink:0;}
.bm-add-icon-popup.dq-desktop-movable .modal-header:active{cursor:grabbing;}
.bm-add-icon-popup.dq-desktop-movable .modal-body{max-height:calc(100vh - 140px);overflow:auto;overscroll-behavior:contain;}
.bm-add-icon-popup.dq-desktop-movable .modal-header button,.bm-add-icon-popup.dq-desktop-movable .modal-header .btn{cursor:pointer;touch-action:manipulation;}
/* Both the first and second editor layers share one clipped glass surface. */
.bm-add-icon-popup .modal-content{border-radius:24px!important;overflow:hidden!important;isolation:isolate;}
.bm-add-icon-popup .custom-icon-box,.bm-add-icon-popup .add-gadget-box{border-radius:24px!important;background:transparent!important;box-shadow:none!important;}
.bm-add-icon-popup .custom-icon-box .modal-body,.bm-add-icon-popup .add-gadget-box .modal-body{background:transparent!important;border-radius:0 0 24px 24px!important;}
.bm-add-icon-popup.second .default-icon-box{visibility:hidden;pointer-events:none;}
.bm-add-icon-popup .modal-content{background:linear-gradient(135deg,rgba(246,251,255,.82),rgba(222,235,244,.66))!important;-webkit-backdrop-filter:blur(26px) saturate(165%)!important;backdrop-filter:blur(26px) saturate(165%)!important;}
html.io-black-mode .bm-add-icon-popup .modal-content{background:linear-gradient(135deg,rgba(30,44,62,.92),rgba(17,29,46,.86))!important;}
.bm-add-icon-popup:not(.dq-native-editor) .dc-save-add{color:#1767b5!important;-webkit-text-fill-color:#1767b5!important;background:rgba(37,139,237,.11)!important;border-color:rgba(37,139,237,.32)!important;white-space:nowrap;}
.bm-add-icon-popup:not(.dq-native-editor) .dc-save-add:hover,.bm-add-icon-popup:not(.dq-native-editor) .dc-save-add:focus-visible{color:#10569a!important;-webkit-text-fill-color:#10569a!important;background:rgba(37,139,237,.21)!important;}
html.io-black-mode .bm-add-icon-popup:not(.dq-native-editor) .dc-save-add{color:#9bcfff!important;-webkit-text-fill-color:#9bcfff!important;background:rgba(68,150,235,.15)!important;}
.bm-add-icon-popup.dq-native-editor .dc-save-add{display:none!important;}
@media(max-width:767.98px){.bm-add-icon-popup .iotab-custom-header-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end}.bm-add-icon-popup .dc-save-add{padding:5px 8px!important;font-size:12px!important;}.bm-add-icon-popup .custom-icon-box .modal-header{gap:6px;}}
/* V3.0.38.2: shared readable editor type, no extra save action. */
.bm-add-icon-popup .dc-save-add,.bm-add-icon-popup .dq-save-add{display:none!important;}
.bm-add-icon-popup .custom-icon-box{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",system-ui,sans-serif!important;font-size:14px;line-height:1.5;text-shadow:none!important;-webkit-font-smoothing:antialiased;}
.bm-add-icon-popup .custom-icon-box .form-control,.bm-add-icon-popup .custom-icon-box input:not([type=radio]):not([type=checkbox]):not([type=file]),.bm-add-icon-popup .custom-icon-box textarea{font-weight:400!important;line-height:1.5!important;letter-spacing:0!important;text-shadow:none!important;-webkit-text-stroke:0 transparent!important;}
.bm-add-icon-popup .custom-icon-box .btn{font-weight:500!important;line-height:1.5!important;text-shadow:none!important;}
.bm-add-icon-popup .iotab-add-meta-status,.bm-add-icon-popup .iotab-auto-icon-preview span{font-size:13px;line-height:1.5;font-weight:400;text-shadow:none!important;}
@media(max-width:767.98px){.bm-add-icon-popup .custom-icon-box .form-control,.bm-add-icon-popup .custom-icon-box input:not([type=radio]):not([type=checkbox]):not([type=file]),.bm-add-icon-popup .custom-icon-box textarea{font-size:16px!important;}}

/* Shared undo notices: independent of window transforms and modal lifetime. */
.iotab-undo-stack{position:fixed;right:18px;bottom:18px;z-index:2147483647;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 36px);max-height:70vh;overflow:auto}
.iotab-undo-toast{display:flex;align-items:center;gap:18px;padding:12px 16px;border:1px solid rgba(255,255,255,.8);border-radius:16px;background:rgba(248,251,255,.96);color:#243248;box-shadow:0 8px 30px #182c4626;font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.iotab-undo-action{flex-shrink:0;border:1px solid #2879ed;border-radius:10px;padding:7px 12px;background:#1677ee;color:#fff;cursor:pointer;white-space:nowrap;font:inherit}
.iotab-undo-action:hover{background:#0862d1;color:#fff}.iotab-undo-action:focus-visible{outline:3px solid #83baff;outline-offset:2px}
.io-black-mode .iotab-undo-toast{background:rgba(31,39,53,.96);border-color:#ffffff26;color:#edf4ff;box-shadow:0 8px 30px #0005}
.io-black-mode .iotab-undo-action{background:#3988f3;color:#fff;border-color:#64a3fa}.io-black-mode .iotab-undo-action:hover{background:#2478ea}
.io-delete-slide{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;margin-left:7px;border:1px solid #ffffff80;border-radius:50%;background:#ffffffb3;color:#475569;font-size:20px;line-height:1;cursor:pointer}.io-delete-slide:hover{background:#ffe4e6;color:#be123c}.io-black-mode .io-delete-slide{background:#263347dc;color:#e2e8f0;border-color:#ffffff30}

/* Equal controls flank the centred page indicator; neither shifts its centre. */
.io-carousel-dots{align-items:center;min-height:30px;box-sizing:border-box}
.io-carousel-dots .io-add-slide,.io-carousel-dots .io-delete-slide{position:absolute;top:50%;width:30px;height:30px;min-width:30px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:17px;line-height:1;background:rgba(var(--main-blur-bg),.8);color:var(--main-color);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-50%);transition:opacity .16s,background .16s}
.io-carousel-dots .io-add-slide{left:calc(100% + 7px);right:auto}
.io-carousel-dots .io-delete-slide{left:auto;right:calc(100% + 7px)}
.io-carousel-dots:hover .io-add-slide,.io-carousel-dots:hover .io-delete-slide,.io-carousel-dots:focus-within .io-add-slide,.io-carousel-dots:focus-within .io-delete-slide{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%)}
.io-carousel-dots .io-add-slide:before,.io-carousel-dots .io-delete-slide:before{content:'';position:absolute;inset:-6px}
.io-carousel-dots .io-add-slide:hover,.io-carousel-dots .io-delete-slide:hover{background:rgba(var(--main-blur-bg),1)}
@media(hover:none){.io-carousel-dots .io-add-slide,.io-carousel-dots .io-delete-slide{opacity:1;visibility:visible;pointer-events:auto}}
.iotab-undo-toast{gap:10px;padding:8px 11px;border-radius:12px;border-left:4px solid #f5a623;font-size:13px;line-height:1.4;background:rgba(255,250,235,.96)}
.iotab-undo-label{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iotab-undo-action{padding:3px 9px;border-radius:6px;border:1px solid #da8527;background:transparent;color:#9b5614;font-size:12px}
.iotab-undo-action:hover{background:#fff0cc;color:#87490a}
.iotab-undo-count{min-width:25px;color:#7b674f;font-variant-numeric:tabular-nums;font-size:12px}
.iotab-undo-close{border:0;background:transparent;color:#7f8792;font-size:19px;padding:0 2px;cursor:pointer}
.io-black-mode .iotab-undo-toast{background:rgba(40,37,32,.96);color:#fff2d9;border-left-color:#f5a623}
.io-black-mode .iotab-undo-action{background:transparent;border-color:#eeb45b;color:#ffd69a}.io-black-mode .iotab-undo-action:hover{background:#65481f;color:#fff}
.io-black-mode .iotab-undo-count,.io-black-mode .iotab-undo-close{color:#d0c2ab}

/* Keep both controls inside one hit area; no hover gap on either side. */
.io-carousel-dots{padding:8px 44px;min-height:38px;align-items:center;justify-content:center}
.io-carousel-dots .io-add-slide{left:auto;right:4px;z-index:3}
.io-carousel-dots .io-delete-slide{right:auto;left:4px;z-index:3}
.io-carousel-dots .io-add-slide:before,.io-carousel-dots .io-delete-slide:before{display:none}
.io-carousel-dots-container{z-index:95}
@media(hover:none){
.io-carousel-dots .io-add-slide,.io-carousel-dots .io-delete-slide,.io-carousel-dots:hover .io-add-slide,.io-carousel-dots:hover .io-delete-slide,.io-carousel-dots:focus-within .io-add-slide,.io-carousel-dots:focus-within .io-delete-slide{opacity:0;visibility:hidden;pointer-events:none}
.io-carousel-dots.pages-actions-open .io-add-slide,.io-carousel-dots.pages-actions-open .io-delete-slide{opacity:1;visibility:visible;pointer-events:auto}
}
