/* ==========================================================================
   Imaginarium — aparência "Nebulosa Default"
   Roxo #A778FF (mais usado), azul-marinho #323559, laranja #FF9C54, amarelo #FEFF36.
   Mesma organização da aparência Imaginarium; só mudam as cores.
   ========================================================================== */
html[data-skin="nebulosa"] {
  --bg-0: #1b1d36; --bg-1: #232547; --bg-2: #2b2e50; --bg-3: #363a64; --bg-4: #434879; --bg-5: #50568a;
  --line: #15172d; --line-soft: #444977;
  --text: #eeecff; --text-dim: #b4b7de; --text-faint: #8084b5;
  --accent: #A778FF; --accent-strong: #8f5df0; --accent-soft: rgba(167, 120, 255, 0.24);
  --danger: #ff7d73; --ok: #6fe0a5;
  --spectrum: linear-gradient(90deg, #A778FF, #c77dff 38%, #FF9C54 74%, #FEFF36);
  --shadow: 0 10px 34px rgba(10, 11, 30, 0.6), 0 0 0 1px rgba(10, 11, 30, 0.7);
}
html[data-skin="nebulosa"] body { background: #1b1d36; }
html[data-skin="nebulosa"] * { scrollbar-color: #4b5086 transparent; }
html[data-skin="nebulosa"] ::-webkit-scrollbar-thumb { background: #4b5086; border-color: var(--bg-2); }
html[data-skin="nebulosa"] ::-webkit-scrollbar-thumb:hover { background: #5d64a0; }
html[data-skin="nebulosa"] ::selection { background: rgba(167, 120, 255, 0.45); }
html[data-skin="nebulosa"] :focus-visible { outline-color: #FEFF36; }
html[data-skin="nebulosa"] .brand { color: #f3f1ff; }
html[data-skin="nebulosa"] .brand::after { background: var(--spectrum); }
html[data-skin="nebulosa"] .btn.primary { background: #A778FF; border-color: #A778FF; color: #1b1d38; }
html[data-skin="nebulosa"] .btn.primary:hover { background: #b890ff; }
/* Cores fixas convertidas automaticamente */
html[data-skin="nebulosa"] .cw-fg,html[data-skin="nebulosa"] .cw-bg{border:1px solid #12142a}
html[data-skin="nebulosa"] .doc-tab:hover{background:#25284a}
html[data-skin="nebulosa"] #ruler-corner{background:#25284a}
html[data-skin="nebulosa"] .menu{background:#2f3260; border:1px solid #12142a}
html[data-skin="nebulosa"] .dialog{border:1px solid #12142a}
html[data-skin="nebulosa"] .popover{background:#2f3260; border:1px solid #12142a}
html[data-skin="nebulosa"] .toast{border:1px solid #12142a}
html[data-skin="nebulosa"] .busy-box{border:1px solid #12142a}
html[data-skin="nebulosa"] .sel option{background:#2f3260}
html[data-skin="nebulosa"] .chk:hover .chk-box{border-color:#8a8ec0}
html[data-skin="nebulosa"] .color-btn:hover{border-color:#8a8ec0}
html[data-skin="nebulosa"] .color-sw.none{background:linear-gradient(to top left, #fff calc(50% - 1px), #ff7d73 calc(50% - 1px), #ff7d73 calc(50% + 1px), #fff calc(50% + 1px)) !important}
html[data-skin="nebulosa"] .range::-webkit-slider-thumb{border:1px solid #12142a}
html[data-skin="nebulosa"] .range::-moz-range-thumb{border:1px solid #12142a}
html[data-skin="nebulosa"] .anchor-cell:hover{border-color:#8a8ec0}
html[data-skin="nebulosa"] .llist{background:#25284a}
html[data-skin="nebulosa"] .lrow{border-bottom:1px solid #1d1f3b}
html[data-skin="nebulosa"] .lrow:hover{background:#313560}
html[data-skin="nebulosa"] .lrow.selected{background:#3f3a70}
html[data-skin="nebulosa"] .lrow.active{background:#4a3f86}
html[data-skin="nebulosa"] .leye{color:#c8caec; border-right:1px solid #1d1f3b}
html[data-skin="nebulosa"] .lthumb{border:1px solid #12142a; background:#1d1f3b}
html[data-skin="nebulosa"] .lthumb.mask.disabled::after{background:linear-gradient(to top left, transparent calc(50% - 1px), #ff7d73 calc(50% - 1px), #ff7d73 calc(50% + 1px), transparent calc(50% + 1px))}
html[data-skin="nebulosa"] .lbadge{border:1px solid #12142a}
html[data-skin="nebulosa"] .llink.on{color:#c8caec}
html[data-skin="nebulosa"] .llist.dragging .lrow.selected:hover{background:#3f3a70}
html[data-skin="nebulosa"] .hlist{background:#25284a}
html[data-skin="nebulosa"] .hrow{border-bottom:1px solid #1d1f3b}
html[data-skin="nebulosa"] .hrow:hover{background:#313560}
html[data-skin="nebulosa"] .hrow.current{background:#4a3f86}
html[data-skin="nebulosa"] .ct-sw{border:1px solid #12142a; box-shadow:0 0 0 1px #9a9ecb}
html[data-skin="nebulosa"] .cp-sv,html[data-skin="nebulosa"] .cp-hue{box-shadow:0 0 0 1px #12142a}
html[data-skin="nebulosa"] .cp-preview{box-shadow:0 0 0 1px #12142a, inset 0 0 0 1px rgba(255, 255, 255, 0.12)}
html[data-skin="nebulosa"] .sw{border:1px solid #12142a}
html[data-skin="nebulosa"] .nav-box{background:#1d1f3b}
html[data-skin="nebulosa"] .lib-item{background:#212345}
html[data-skin="nebulosa"] .lthumb.adj,html[data-skin="nebulosa"] .lthumb.fill{background:#2f3260}
html[data-skin="nebulosa"] .lthumb.vmask{color:#c8caec; background:#2f3260}
html[data-skin="nebulosa"] .grad-bar{border:1px solid #12142a}
html[data-skin="nebulosa"] .grad-stop i{border:1px solid #12142a}
html[data-skin="nebulosa"] .cp-compare{border:1px solid #12142a}
html[data-skin="nebulosa"] .sc-row{border-bottom:1px solid #212345}
html[data-skin="nebulosa"] .brush-pick{background:var(--bg-3, #363a64)}
html[data-skin="nebulosa"] .brush-pick canvas{background:#1f2140}
html[data-skin="nebulosa"] .brush-pick:hover{border-color:#5a6098}
html[data-skin="nebulosa"] .brush-grid{background:#1f2140}
html[data-skin="nebulosa"] .brush-cell:hover{background:#313560}
html[data-skin="nebulosa"] .brush-cell.sel{border-color:var(--accent, #A778FF)}
html[data-skin="nebulosa"] .bp-nav{background:#25284a}
html[data-skin="nebulosa"] .bp-sec input{accent-color:var(--accent, #A778FF)}
html[data-skin="nebulosa"] .bp-sec.on{background:#3f3a70}
html[data-skin="nebulosa"] .ref-grid button{border:1px solid #9a9ecb}
html[data-skin="nebulosa"] .plist{background:#25284a}
html[data-skin="nebulosa"] .prow{border-bottom:1px solid #1d1f3b}
html[data-skin="nebulosa"] .prow:hover{background:#313560}
html[data-skin="nebulosa"] .prow.on{background:#4a3f86}
html[data-skin="nebulosa"] .tbtn{background:var(--bg-3, #363a64)}
html[data-skin="nebulosa"] .tbtn:hover{border-color:#5a6098}
html[data-skin="nebulosa"] .chrow{border-bottom:1px solid #1d1f3b}
html[data-skin="nebulosa"] .chrow:hover{background:#313560}
html[data-skin="nebulosa"] .chrow.on{background:#4a3f86}
html[data-skin="nebulosa"] .acrow{border-bottom:1px solid #1d1f3b}
html[data-skin="nebulosa"] .acrow:hover{background:#313560}
html[data-skin="nebulosa"] .acitem.on{background:#4a3f86}
html[data-skin="nebulosa"] .acitem.rec .pname::after{color:#ff7d73}
html[data-skin="nebulosa"] .panel-foot .icon-btn.active,html[data-skin="nebulosa"] .panel-foot .ibtn.active{color:#ff7d73}
html[data-skin="nebulosa"] .glyph{background:#25284a}
html[data-skin="nebulosa"] .style-item{border:1px solid #1d1f3b}
html[data-skin="nebulosa"] .pm-grid{background:#1f2140}
html[data-skin="nebulosa"] .xp-preview{background-image:linear-gradient(45deg, #25284a 25%, transparent 25%), linear-gradient(-45deg, #25284a 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #25284a 75%), linear-gradient(-45deg, transparent 75%, #25284a 75%)}
html[data-skin="nebulosa"] .var-row{border-bottom:1px solid #1d1f3b}
html[data-skin="nebulosa"] .pk-sw{border:1px solid #9a9ecb}

