/* Five lightweight CSS environments, isolated from storefront/phone documents. */
body.dropos-workspace[data-appearance] { --dw-scene:#0c0e13; --dw-scene-line:#323540; --dw-scene-card:#171a22; }
body.dropos-workspace[data-appearance=hacker] { --dw-scene:#090d0d; --dw-scene-line:#3d2a30; --dw-scene-card:#111818; }
body.dropos-workspace[data-appearance=aurora] { --dw-scene:#140f18; --dw-scene-line:#493043; --dw-scene-card:#201923; }
body.dropos-workspace[data-appearance=grid] { --dw-scene:#0c1119; --dw-scene-line:#303d50; --dw-scene-card:#141d29; }
body.dropos-workspace[data-appearance=pulse] { --dw-scene:#160e12; --dw-scene-line:#482b36; --dw-scene-card:#21161e; }
body.dropos-workspace[data-appearance] .app > main { position:relative;z-index:1;background:transparent; }
.dw-ambient { position:fixed; inset:0 0 0 248px; z-index:0; overflow:hidden; pointer-events:none; background:var(--dw-scene); }
.dw-scene { isolation:isolate; }
.dw-scene > :is(.dw-light,.dw-halo,.dw-mesh,.dw-rings,.dw-code) { opacity:var(--dw-intensity,.7);pointer-events:none; }
.dw-light,.dw-halo,.dw-mesh { position:absolute;inset:-20%;display:none; }
.dw-scene[data-scene=carbon] .dw-light { display:block;background:conic-gradient(from 80deg,transparent 20%,#ff315c33 35%,transparent 48%,#ff355324 65%,transparent 78%);animation:dw-carbon 20s linear infinite; }
.dw-scene[data-scene=carbon] .dw-mesh { display:block;background:repeating-linear-gradient(135deg,#ffffff04 0 1px,transparent 1px 10px); }
.dw-scene[data-scene=carbon] .dw-halo { display:block;background:radial-gradient(ellipse at 25% 35%,#ee26402b,transparent 48%);animation:dw-drift 10s ease-in-out infinite alternate; }
.dw-code { display:none;position:absolute;inset:0;justify-content:space-around;overflow:hidden;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent); }
.dw-scene[data-scene=hacker] .dw-code { display:flex; }
.dw-code>span { height:200%;flex-shrink:0;font:13px/1 ui-monospace,monospace;color:#ff4268;opacity:.78;animation:dw-code var(--fall,12s) linear infinite;animation-delay:calc(var(--i) * -2.1s); }
.dw-code>span:nth-child(3n) { opacity:.48; }
.dw-code-sequence { display:flex;height:50%;flex-direction:column;justify-content:center;gap:3px;font-style:normal;text-align:center; }
.dw-code-sequence b { font-family:ui-monospace,monospace;font-weight:500;opacity:var(--trail,1);line-height:1; }
.dw-code-sequence b:last-child { color:#ffe0e8;text-shadow:0 0 9px #ff4268;font-weight:700; }
.dw-scene[data-scene=hacker] .dw-light { display:block;background:linear-gradient(180deg,transparent 47%,#ff33581f 50%,transparent 53%);animation:dw-scan 9s linear infinite; }
.dw-scene[data-scene=aurora] .dw-light { display:block;inset:-25%;background:radial-gradient(ellipse at 20% 30%,#f52a6266,transparent 48%),radial-gradient(ellipse at 78% 76%,#b9559055,transparent 48%);animation:dw-aurora 10s ease-in-out infinite alternate; }
.dw-scene[data-scene=aurora] .dw-halo { display:block;background:linear-gradient(125deg,transparent 25%,#ff628b12 40%,#ed477332 48%,transparent 65%);animation:dw-drift 8s ease-in-out infinite alternate-reverse; }
.dw-scene[data-scene=grid] .dw-mesh { display:block;inset:-40px;background:linear-gradient(#7a90b519 1px,transparent 1px),linear-gradient(90deg,#7a90b519 1px,transparent 1px);background-size:40px 40px;animation:dw-grid 8s linear infinite; }
.dw-scene[data-scene=grid] .dw-light { display:block;background:linear-gradient(180deg,transparent 44%,#ff3a5a2b 50%,transparent 56%);animation:dw-scan 7s linear infinite; }
.dw-rings { display:none;position:absolute;inset:0; }
.dw-scene[data-scene=pulse] .dw-rings { display:block; }
.dw-rings>i { position:absolute;width:140%;aspect-ratio:1;left:72%;top:26%;border:1px solid #ff4f796e;border-radius:50%;background:radial-gradient(circle,transparent 65%,#ff315308 69%,transparent 71%);animation:dw-pulse 12s linear infinite;animation-delay:calc(var(--i) * -3s); }
.dw-scene[data-scene=pulse] .dw-halo { display:block;background:radial-gradient(ellipse at 72% 26%,#ed254c35,transparent 55%);animation:dw-drift 10s ease-in-out infinite alternate; }
body.dropos-workspace[data-appearance][data-panel] :is(.sidebar,#side) { background:linear-gradient(165deg,color-mix(in srgb,var(--dw-scene) 85%,#fa2445),var(--dw-scene) 48%);border-right-color:var(--dw-scene-line); }
body.dropos-workspace[data-appearance][data-panel] :is(.side-foot,#side>.me) { background:var(--dw-scene); }
body.dropos-workspace[data-appearance] .main-top { background:linear-gradient(105deg,color-mix(in srgb,var(--dw-scene) 82%,#af2038),var(--dw-scene) 75%);border-bottom-color:var(--dw-scene-line); }
body.dropos-workspace[data-appearance][data-panel=merchant] [id$=View] :is(.panel,.vg-card,.rt-card,.cfg-item,.of-preview,.push-option,.su-bd,.lk-main,.lk-side,.pl-list,.pl-drawer,.table-wrap),
body.dropos-workspace[data-appearance][data-panel=platform] .view :is(.card,.tbl) { background:linear-gradient(145deg,var(--dw-scene-card),color-mix(in srgb,var(--dw-scene-card) 85%,#07090d))!important;border-color:var(--dw-scene-line)!important; }
body.dropos-workspace #dwAppearanceOpen { display:flex;align-items:center;gap:12px;flex-shrink:0;width:100%;min-height:58px;margin-top:18px;padding:10px 12px;border:1px solid #ffffff1c;border-radius:10px;background:#ffffff04;color:#dce0e9;text-align:left;font-family:inherit;font-weight:600;font-size:13px;line-height:1.4;cursor:pointer; }
#dwAppearanceOpen:hover { background:#ffffff0b!important;border-color:#ef496570!important; }
#dwAppearanceOpen small { display:block;color:#a9a9b8;font-size:11px;font-weight:400;margin-top:2px; }
body.dropos-workspace #dwAppearance { width:min(860px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:28px;border:1px solid #45404c;border-radius:22px;background:#12141b;color:#f5f5f8;box-shadow:0 32px 120px #000b;overflow:auto;overscroll-behavior:contain; }
#dwAppearance::backdrop { background:#05060cbd;backdrop-filter:blur(7px); }
.dw-appearance-head { display:flex;gap:16px;justify-content:space-between;margin-bottom:24px; }
.dw-eyebrow { color:#ff6c85;font-size:10px;letter-spacing:.18em;font-weight:700; }
body.dropos-workspace #dwAppearance h2 { font-size:28px;letter-spacing:-.04em;margin:8px 0; }
.dw-appearance-head p { color:#a9adbd;line-height:1.5;margin:0;max-width:440px; }
.dw-appearance-close { flex-shrink:0;width:40px;height:40px;border:1px solid #ffffff26;border-radius:12px;background:#ffffff07;color:#cfd0dd;font-size:24px;cursor:pointer; }
.dw-theme-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.dw-theme-card { padding:6px;border:1px solid #ffffff16;border-radius:15px;background:#191c25;color:#f7f7fb;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,translate .2s;min-width:0; }
.dw-theme-card:hover { translate:0 -3px;border-color:#91606b;background:#20222b; }
.dw-theme-card[aria-pressed=true] { border-color:#ff4567;box-shadow:0 0 0 1px #ff4567,inset 0 0 30px #fb295211; }
.dw-theme-sample { position:relative;display:flex;gap:10px;aspect-ratio:1.8;overflow:hidden;border-radius:10px;background:#0c0f15;padding:16px 12px; }
.dw-sample-sidebar { display:flex;flex-direction:column;gap:8px;width:22%;border-right:1px solid #ffffff16;padding-right:10px;z-index:1; }
.dw-sample-sidebar b { width:14px;height:14px;background:#ef2848;border-radius:4px;margin-bottom:6px; }
.dw-sample-sidebar i { height:3px;background:#ffffff30;border-radius:3px; }
.dw-sample-sidebar i:nth-child(2) { background:#ff526b; }
.dw-sample-main { display:flex;flex-direction:column;gap:10px;flex:1;z-index:1; }
.dw-sample-main>b { width:48%;height:5px;border-radius:3px;background:#edf2ff94; }
.dw-sample-main>span { display:flex;gap:5px;height:23px; }
.dw-sample-main i { flex:1;border:1px solid #ffffff15;border-radius:4px;background:#ffffff08; }
.dw-sample-main em { flex:1;min-height:18px;border-bottom:1px solid #f74d6555;background:linear-gradient(170deg,transparent 45%,#ff486840 47%,#ff48680a 80%); }
.dw-sample-effect { position:absolute;inset:0;overflow:hidden; }
.dw-sample-hacker { background:#090e0e; }
.dw-sample-aurora { background:#1f1122; }
.dw-sample-grid { background-color:#0d1420; }
.dw-sample-pulse { background:#201019; }
.dw-theme-check { position:absolute;right:8px;top:8px;display:none;width:22px;height:22px;place-items:center;border-radius:50%;background:#f93455;color:white;font-size:12px;z-index:2; }
[aria-pressed=true] .dw-theme-check { display:grid; }
.dw-theme-meta { display:grid;grid-template-columns:22px 1fr;gap:3px 4px;padding:12px 7px 10px; }
.dw-theme-meta small { color:#9397a9;align-self:center;font-size:10px; }
.dw-theme-meta strong { font-size:14px; }
.dw-theme-meta>span { grid-column:2;font-size:11px;color:#b4b6c3;line-height:1.5;min-height:34px; }
.dw-appearance-foot { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding-top:20px;border-top:1px solid #ffffff15;font-size:12px; }
.dw-appearance-foot label { display:flex;align-items:center;gap:9px;min-height:36px;cursor:pointer; }
.dw-appearance-foot input { width:17px;height:17px; }
#dwAppearanceStatus { color:#c0a6b1; }
.dw-appearance-foot p { flex-basis:100%;color:#9da2b3;font-size:11px;line-height:1.6;margin:0; }
[data-theme-motion=off] .dw-scene *,body.dw-motion-hidden .dw-scene * { animation-play-state:paused!important; }
#dwAppearance:not([open]) .dw-sample-effect * { animation-play-state:paused; }
@keyframes dw-carbon { to { transform:rotate(360deg); } }
@keyframes dw-code { from { transform:translate3d(0,-50%,0); } to { transform:translate3d(0,0,0); } }
@keyframes dw-aurora { to { transform:translate3d(8%,5%,0) rotate(-14deg) scale(1.15); } }
@keyframes dw-drift { from { transform:translate3d(-4%,-3%,0) scale(.95); } to { transform:translate3d(5%,7%,0) scale(1.1); } }
@keyframes dw-grid { to { transform:translate3d(40px,40px,0); } }
@keyframes dw-scan { from { transform:translate3d(0,-65%,0); } to { transform:translate3d(0,65%,0); } }
@keyframes dw-pulse { 0% { transform:translate(-50%,-50%) scale(.05);opacity:0; } 15% { opacity:.7; } 80% { opacity:.35; } 100% { transform:translate(-50%,-50%) scale(1.4);opacity:0; } }
@media(max-width:1024px) { .dw-ambient { left:0; } }
@media(max-width:600px) { body.dropos-workspace #dwAppearance { padding:18px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:18px; }.dw-theme-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }body.dropos-workspace #dwAppearance h2 { font-size:23px; }.dw-theme-sample { padding:13px 8px; }.dw-theme-meta { padding:10px 4px;grid-template-columns:18px 1fr; }.dw-theme-meta>span { min-height:50px; }.dw-appearance-head p { font-size:12px; }.dw-appearance-foot { gap:6px; }.dw-light { filter:none!important; } }
/* Reduced motion is the default; an explicit switch in the dialog can opt in. */
@media(prefers-reduced-motion:reduce) { body:not([data-theme-motion=on]) .dw-scene * { animation-play-state:paused!important; }.dw-theme-card { transition:none; } }
/* Opt-in is scoped to these decorative layers; other reduced-motion rules stay intact. */
@media(prefers-reduced-motion:reduce) {
 body.dropos-workspace[data-theme-motion=on] .dw-scene[data-scene=carbon] .dw-light { animation:dw-carbon 20s linear infinite!important; }
 body.dropos-workspace[data-theme-motion=on] .dw-scene[data-scene=carbon] .dw-halo { animation:dw-drift 10s ease-in-out infinite alternate!important; }
 body.dropos-workspace[data-theme-motion=on] .dw-scene[data-scene=hacker] .dw-light { animation:dw-scan 9s linear infinite!important; }
 body.dropos-workspace[data-theme-motion=on] .dw-code>span { animation:dw-code var(--fall,12s) linear infinite!important;animation-delay:calc(var(--i) * -2.1s)!important; }
 body.dropos-workspace[data-theme-motion=on] .dw-scene[data-scene=aurora] .dw-light { animation:dw-aurora 10s ease-in-out infinite alternate!important; }
 body.dropos-workspace[data-theme-motion=on] .dw-scene[data-scene=aurora] .dw-halo { animation:dw-drift 8s ease-in-out infinite alternate-reverse!important; }
 body.dropos-workspace[data-theme-motion=on] .dw-scene[data-scene=grid] .dw-mesh { animation:dw-grid 8s linear infinite!important; }
 body.dropos-workspace[data-theme-motion=on] .dw-scene[data-scene=grid] .dw-light { animation:dw-scan 7s linear infinite!important; }
 body.dropos-workspace[data-theme-motion=on] .dw-rings>i { animation:dw-pulse 12s linear infinite!important;animation-delay:calc(var(--i) * -3s)!important; }
 body.dropos-workspace[data-theme-motion=on] .dw-scene[data-scene=pulse] .dw-halo { animation:dw-drift 10s ease-in-out infinite alternate!important; }
 body.dropos-workspace[data-theme-motion=on].dw-motion-hidden .dw-scene[data-scene] *,body.dropos-workspace[data-theme-motion=on] #dwAppearance:not([open]) .dw-sample-effect * { animation-play-state:paused!important; }
}

/* Polished appearance picker and quieter data surfaces keep animation in the background. */
body.dropos-workspace #dwAppearance { width:min(980px,calc(100vw - 32px));padding:30px;background:linear-gradient(145deg,#21141e 0,#13151d 30%,#101219);border-color:#53414c; }
.dw-appearance-head { margin-bottom:26px;align-items:flex-start; }
.dw-theme-grid { grid-template-columns:repeat(6,minmax(0,1fr));gap:14px; }
.dw-theme-card { grid-column:span 2;padding:7px;background:#181b24;border-color:#35343f;border-radius:17px; }
.dw-theme-card:nth-child(4),.dw-theme-card:nth-child(5) { grid-column:span 3; }
.dw-theme-card:nth-child(n+4) .dw-theme-sample { aspect-ratio:3; }
.dw-theme-card:hover { box-shadow:0 8px 22px #0003; }
.dw-theme-card[aria-pressed=true] { background:#271b26;border-color:#ff5276;box-shadow:0 0 0 1px #ff5276,0 6px 24px #fc294a15; }
.dw-theme-sample { padding-bottom:30px; }
.dw-sample-sidebar,.dw-sample-main { opacity:.85; }
.dw-sample-effect .dw-code>span { font-size:7px;opacity:.85; }
.dw-sample-effect .dw-code-sequence { gap:1px; }
.dw-sample-effect .dw-code-sequence b { letter-spacing:1px; }
.dw-sample-live { position:absolute;bottom:8px;left:11px;z-index:2;display:flex;align-items:center;gap:5px;font:8px/1.4 ui-monospace,monospace;letter-spacing:.12em;color:#f998ab; }
.dw-sample-live:before { content:'';width:4px;height:4px;border-radius:50%;background:#ff4567;box-shadow:0 0 7px #ff4567; }
[data-theme-motion=off] .dw-sample-live { visibility:hidden; }
.dw-theme-meta { padding:13px 9px 9px; }
.dw-theme-meta strong { font-size:15px; }
.dw-theme-meta>span { font-size:12px;color:#b8bac9; }
.dw-appearance-foot { display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr);gap:16px 30px;padding:20px;background:#080b112e;border-radius:12px;border:1px solid #ffffff10; }
.dw-motion-control label { font-weight:600;font-size:13px; }
#dwAppearanceStatus { display:block;font-size:11px;line-height:1.5;max-width:380px;color:#adb1c3; }
.dw-intensity-control { display:flex!important;flex-direction:column;align-items:stretch!important;gap:12px!important; }
.dw-intensity-control>span { display:flex;justify-content:space-between;gap:10px;width:100%; }
.dw-intensity-control output { color:#ff7993;font-variant-numeric:tabular-nums; }
.dw-appearance-foot input { accent-color:#ff315d; }
.dw-appearance-foot input[type=range] { width:100%;height:20px;margin:0;cursor:pointer; }
.dw-appearance-foot p { grid-column:1/-1;margin:0;border-top:1px solid #ffffff0b;padding-top:12px; }
body.dropos-workspace #dwAppearanceOpen { background:linear-gradient(120deg,#ff315c0b,#ffffff03);border-color:#75405166; }
@media(max-width:600px) {
 body.dropos-workspace #dwAppearance { padding:18px;width:calc(100vw - 24px); }
 .dw-theme-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
 .dw-theme-card,.dw-theme-card:nth-child(4),.dw-theme-card:nth-child(5) { grid-column:auto; }
 .dw-theme-card:last-child { grid-column:1/-1; }
 .dw-theme-card:nth-child(4) .dw-theme-sample { aspect-ratio:1.8; }
 .dw-theme-card:last-child .dw-theme-sample { aspect-ratio:3.5; }
 .dw-theme-meta { padding:10px 3px 6px;grid-template-columns:18px minmax(0,1fr); }
 .dw-theme-meta>span { font-size:11px; }
 .dw-appearance-foot { grid-template-columns:1fr;padding:14px;gap:14px; }
 .dw-theme-sample { padding:12px 8px 25px; }
 .dw-theme-sample .dw-sample-main { gap:7px; }
 .dw-sample-live { font-size:7px; }
 .dw-code>span { font-size:11px; }
 .dw-code>span:nth-child(even) { display:none; }
}

/* An explicit shortcut activates falling code, including reduced-motion opt-in. */
#dwActivateHacker { display:inline-flex;align-items:center;gap:14px;margin-top:16px;padding:10px 14px;border:1px solid #ff456780;border-radius:9px;background:#ed285026;color:#ffdce4;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer; }
#dwActivateHacker:hover { background:#ed285044;border-color:#ff6080; }
#dwActivateHacker:focus-visible { outline:2px solid #ff7894;outline-offset:3px; }

/* Animate the chrome beneath its controls, without exposing the page behind it. */
/* Keep the admin heading on the continuous scene, without a clipped glow tile. */
body.dropos-workspace[data-appearance][data-panel=platform] .view > .top {
 background:transparent;box-shadow:none;border-bottom-color:color-mix(in srgb,var(--dw-scene-line) 55%,transparent);
}
body.dropos-workspace[data-appearance][data-panel=platform] .view :is(.card,.tbl),
body.dropos-workspace[data-appearance][data-panel=merchant] [id$=View] :is(.panel,.vg-card,.vg-kpi,.rt-card,.cfg-item,.of-preview,.lk-main,.lk-side,.table-wrap) {
 border-radius:18px;border-color:color-mix(in srgb,var(--dw-scene-line) 72%,transparent)!important;
}
body.dropos-workspace[data-appearance][data-panel=platform] .view .tbl { overflow:auto; }
body.dropos-workspace[data-appearance][data-panel] :is(.btn,.tab-btn,#nav button,#dwAppearanceOpen) { border-radius:12px; }
body.dropos-workspace[data-appearance][data-panel=platform] .view .bar,
body.dropos-workspace[data-appearance][data-panel=platform] .view .bar > i { border-radius:999px; }
body.dropos-workspace[data-appearance] .dw-theme-card { border-radius:20px; }
body.dropos-workspace[data-appearance] .dw-theme-sample { border-radius:14px; }
body.dropos-workspace[data-appearance] :is(.sidebar,#side,.main-top) { isolation:isolate; }
.dw-chrome-scene { position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:.72;contain:paint; }
.dw-chrome-scene .dw-code { mask-image:linear-gradient(#0009,#000 12%,#000 90%,#0009); }
.dw-chrome-header .dw-code-sequence { gap:2px; }
.dw-chrome-header .dw-code-sequence b:nth-child(n+5) { display:none; }
body.dropos-workspace[data-appearance][data-panel] :is(.side-foot,#side>.me) { background:color-mix(in srgb,var(--dw-scene) 65%,transparent); }
@media(max-width:1024px) {
 body.dropos-workspace :is(.sidebar,#side):not(.open) .dw-chrome-scene * { animation-play-state:paused!important; }
}
/* Studio collection: additional themes; original preferences remain unchanged. */
.dw-collection {grid-column:1/-1;margin:12px 0 2px;font-size:13px;font-weight:600;color:#c7cad5;letter-spacing:.03em}
body.dropos-workspace[data-appearance=carbon-studio]{--dw-scene:#090b0f;--dw-scene-line:#34303b;--dw-scene-card:#15171f;--studio-radius:16px}
body.dropos-workspace[data-appearance=hacker-terminal]{--dw-scene:#070d0b;--dw-scene-line:#284038;--dw-scene-card:#0e1a16;--studio-radius:10px}
body.dropos-workspace[data-appearance=aurora-flow]{--dw-scene:#13101d;--dw-scene-line:#48364f;--dw-scene-card:#251e2f;--studio-radius:24px;--brand:#ee527f}
body.dropos-workspace[data-appearance=grid-ops]{--dw-scene:#0c111a;--dw-scene-line:#334459;--dw-scene-card:#152030;--studio-radius:12px}
body.dropos-workspace[data-appearance=pulse-live]{--dw-scene:#140c11;--dw-scene-line:#4d2c3c;--dw-scene-card:#271924;--studio-radius:22px;--brand:#ff416d}
body.dropos-workspace[data-appearance*="-"] :is(.vg-card,.rt-card,.cfg-item,.of-preview,.push-option,.lk-main,.lk-side,.gl-drawer,.gl-list,.card,.tbl,.panel){border-radius:var(--studio-radius)!important;box-shadow:0 8px 28px #00000014}
body.dropos-workspace[data-appearance*="-"] :is(.side-nav .tab-btn,#nav button){border-radius:10px}
body.dropos-workspace[data-appearance=carbon-studio] .dw-scene[data-scene=carbon] .dw-light{background:linear-gradient(115deg,transparent 40%,#ff365b22 48%,#ff365b44 50%,transparent 57%);animation:dw-studio-sweep 16s ease-in-out infinite}
body.dropos-workspace[data-appearance=hacker-terminal] :is(.vg-val,.vg-value,.kpi-value){font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums}
body.dropos-workspace[data-appearance=hacker-terminal] .dw-code>span{color:#f2587b}
body.dropos-workspace[data-appearance=aurora-flow] .dw-scene[data-scene=aurora] .dw-light{background:radial-gradient(ellipse at 20% 30%,#f5528575,transparent 48%),radial-gradient(ellipse at 78% 76%,#9470eb70,transparent 48%);animation-duration:16s}
body.dropos-workspace[data-appearance=aurora-flow] :is(.main-top,.vg-greeting){background:linear-gradient(115deg,#48253988,#28203a55)}
body.dropos-workspace[data-appearance=grid-ops] .dw-scene[data-scene=grid] .dw-mesh{background-size:32px 32px;animation-duration:14s}
body.dropos-workspace[data-appearance=pulse-live] .dw-scene[data-scene=pulse] .dw-rings>i{left:35%;top:10%;border-color:#ff598a88;animation-duration:16s}
.dw-sample-carbon-studio{background:#101218}.dw-sample-hacker-terminal{background:#0d1914}.dw-sample-aurora-flow{background:#302038}.dw-sample-grid-ops{background:#142237}.dw-sample-pulse-live{background:#321b29}
.dw-sample-aurora-flow .dw-sample-main i,.dw-sample-pulse-live .dw-sample-main i{border-radius:10px}
.dw-sample-hacker-terminal .dw-sample-main{flex-direction:column-reverse}
.dw-sample-grid-ops .dw-sample-main>span{gap:1px}
@keyframes dw-studio-sweep{0%,100%{transform:translateX(-22%)}50%{transform:translateX(22%)}}

/* ===== Coleção Terminal · "Terminal OS" (07/10) =====
   Terminal de operação: quase preto, malha sutil com brilho vermelho vindo do topo, Rajdhani em caixa
   alta para títulos/botões, Manrope no corpo, JetBrains Mono em dados. Vermelho só para ação e atenção. */
body.dropos-workspace[data-appearance=ops]{
  --dw-scene:#09090c;--dw-scene-line:#272730;--dw-scene-card:#0f0f14;--studio-radius:14px;
  --bg:#09090c;--panel:#0f0f14;--panel2:#14141a;--card:#0f0f14;--card2:#14141a;--surface-2:#1b1b22;
  --line:#272730;--line2:#1f1f27;--line-2:#32323c;--sidebar-line:#272730;--line-hot:#ff243259;
  --ink:#f3f3f6;--ink-2:#d6d6de;--mut:#9d9daa;--muted:#9d9daa;--dim:#9d9daa;--muted-2:#8a8a96;--sidebar-text:#9d9daa;
  --red:#ff2432;--red2:#c00713;--red-deep:#c00713;--red-b:#ff575f;--red-soft:rgba(255,36,50,.1);--grad:linear-gradient(135deg,#ff575f,#ff2432 45%,#c00713);
  --brand:#ff2432;--ok:#33d77c;--warn:#f9b11f;--focus:rgba(255,36,50,.2);
  --ops-ease:cubic-bezier(.16,1,.3,1);
  --dw-font:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --ops-display:'Rajdhani','Arial Narrow','Roboto Condensed',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  background:#09090c;color:#f3f3f6;
}
/* Fundo: malha sutil + brilho vermelho difuso vindo do topo (respira devagar). */
.dw-scene[data-scene=ops] .dw-mesh{display:block;inset:0;background:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#000 0,#000 55%,transparent 100%)}
.dw-scene[data-scene=ops] .dw-halo{display:block;inset:-10% -10% auto -10%;height:70%;background:radial-gradient(ellipse 60% 70% at 50% 0,#ff243233,#ff24320d 45%,transparent 70%);animation:ops-breathe 9s ease-in-out infinite alternate}
.dw-chrome-scene.dw-scene[data-scene=ops]{opacity:.35}
@keyframes ops-breathe{from{opacity:.65;transform:scale(.97)}to{opacity:1;transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){body.dropos-workspace[data-theme-motion=on] .dw-scene[data-scene=ops] .dw-halo{animation:ops-breathe 9s ease-in-out infinite alternate!important}}
/* Estrutura: barras com desfoque, cartões grafite, bordas #272730. */
body.dropos-workspace[data-appearance=ops][data-panel] :is(.sidebar,#side){background:#09090cf2!important;border-right-color:#272730}
body.dropos-workspace[data-appearance=ops][data-panel] :is(.side-foot,#side>.me){background:#09090c!important}
body.dropos-workspace[data-appearance=ops] .main-top,body.dropos-workspace[data-appearance=ops][data-panel=platform] .view>.top{background:#09090cc7!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #272730!important}
body.dropos-workspace[data-appearance=ops][data-panel=merchant] [id$=View] :is(.panel,.vg-card,.vg-kpi,.rt-card,.cfg-item,.of-preview,.push-option,.su-bd,.lk-main,.lk-side,.pl-list,.pl-drawer,.table-wrap,.gl-drawer,.gl-list),
body.dropos-workspace[data-appearance=ops][data-panel=platform] .view :is(.card,.tbl,.rc-box,.rc-list){background:#0f0f14!important;border-color:#272730!important;border-radius:14px!important;box-shadow:0 1px 0 #ffffff05 inset,0 18px 40px -24px #000!important}
/* Tipografia: display condensada em caixa alta; corpo Manrope; dados em mono. */
body.dropos-workspace[data-appearance=ops] :is(h1,h2,h3,h4,#pageTitle,.tab-btn,#nav button,.btn,.rc-btn,.cap,.section-label,.sec,.dw-nav-cap,.me-cap,th,.kpi .cap,.rc-head,.rd-head,.rc-views button,.rd-filtros button,.rc-seg button,.dw-eyebrow,.side-brand .tb-name,#side>.brand b){font-family:var(--ops-display)!important;text-transform:uppercase;font-weight:700!important}
body.dropos-workspace[data-appearance=ops] :is(h1,#pageTitle,.view>.top h1){letter-spacing:.06em!important;font-size:clamp(24px,3vw,34px)!important;text-shadow:0 0 28px #ff243233}
body.dropos-workspace[data-appearance=ops] :is(h2,h3,h4){letter-spacing:.08em!important}
body.dropos-workspace[data-appearance=ops] :is(.cap,.section-label,.sec,.dw-nav-cap,.me-cap,th,.rc-head,.rd-head,.dw-eyebrow){letter-spacing:.18em!important;font-size:11px!important;color:#9d9daa}
body.dropos-workspace[data-appearance=ops] :is(.tab-btn,#nav button,.btn,.rc-btn,.rc-views button,.rd-filtros button,.rc-seg button){letter-spacing:.12em!important}
body.dropos-workspace[data-appearance=ops] :is(.side-brand .tb-name,#side>.brand b){letter-spacing:.2em!important}
body.dropos-workspace[data-appearance=ops] :is(.mono,code,kbd,input[type=password],.rc-data b,.rd-val b){font-family:var(--mono)!important}
/* Navegação: aba ativa = fundo #1b1b22 + filete e ícone vermelhos (vermelho só sinaliza). */
body.dropos-workspace[data-appearance=ops] :is(.tab-btn,#nav button){transition:background .3s var(--ops-ease),color .3s var(--ops-ease),transform .3s var(--ops-ease)}
body.dropos-workspace[data-appearance=ops] :is(.tab-btn,#nav button):hover{background:#22222a!important;color:#f3f3f6!important}
body.dropos-workspace[data-appearance=ops] :is(.tab-btn.active,#nav button.on){background:#1b1b22!important;color:#f3f3f6!important;box-shadow:inset 3px 0 0 #ff2432,0 0 22px -10px #ff2432!important;border-color:transparent!important}
body.dropos-workspace[data-appearance=ops] :is(.tab-btn.active,#nav button.on) svg{color:#ff2432!important;opacity:1}
/* Botões: 300ms, sobem 2px com halo vermelho, encolhem a 97% no clique. */
body.dropos-workspace[data-appearance=ops] :is(.btn,.rc-btn,button.pri,.rc-act,.rc-quick button,.rd-filtros button,.rc-views button){transition:transform .3s var(--ops-ease),box-shadow .3s var(--ops-ease),background .3s var(--ops-ease),border-color .3s var(--ops-ease),filter .3s var(--ops-ease)}
body.dropos-workspace[data-appearance=ops] :is(.btn.brand,.btn.pri,.rc-btn.pix,.rc-views button.on){background:#ff2432!important;border-color:#ff2432!important;color:#fff!important;box-shadow:0 10px 26px -12px #ff2432}
body.dropos-workspace[data-appearance=ops] :is(.btn,.rc-btn,.rc-act):not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 28px -12px #ff2432cc,0 0 0 1px #ff243259}
body.dropos-workspace[data-appearance=ops] :is(.btn,.rc-btn,.rc-act,.rc-quick button):not(:disabled):active{transform:scale(.97)}
body.dropos-workspace[data-appearance=ops] .btn:not(.brand):not(.pri){background:#14141a;border-color:#272730;color:#f3f3f6}
/* Chips/filtros: ativo vermelho sólido, inativo contorno cinza. */
body.dropos-workspace[data-appearance=ops] :is(.rd-filtros button.on,.rc-seg button.on,.rc-quick button.on){background:#ff2432!important;border-color:#ff2432!important;color:#fff!important;box-shadow:none!important}
body.dropos-workspace[data-appearance=ops] :is(.rd-filtros button,.rc-seg button,.rc-quick button):not(.on){background:transparent!important;border-color:#272730!important;color:#9d9daa!important}
/* Campos: borda esquenta no hover, anel vermelho 20% no foco. */
body.dropos-workspace[data-appearance=ops] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea,.rc-in,.rc-search,.rc-money){background:#1b1b22;border-color:#272730;color:#f3f3f6;transition:border-color .3s var(--ops-ease),box-shadow .3s var(--ops-ease)}
body.dropos-workspace[data-appearance=ops] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea,.rc-in,.rc-search,.rc-money):hover{border-color:#ff243273}
body.dropos-workspace[data-appearance=ops] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea,.rc-in):focus,body.dropos-workspace[data-appearance=ops] :is(.rc-search,.rc-money):focus-within{outline:none;border-color:#ff2432!important;box-shadow:0 0 0 3px rgba(255,36,50,.2)!important}
body.dropos-workspace[data-appearance=ops] :is(.rc-search input,.rc-money input){background:transparent!important}
body.dropos-workspace[data-appearance=ops] ::placeholder{color:#9d9daa;opacity:1}
body.dropos-workspace[data-appearance=ops] :focus-visible{outline:2px solid #ff2432;outline-offset:2px}
/* Janelas: fundo 60% com desfoque; entram do topo crescendo de 95% em 400ms. */
body.dropos-workspace[data-appearance=ops] dialog::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
body.dropos-workspace[data-appearance=ops] dialog{background:#14141a!important;border:1px solid #272730!important;box-shadow:0 40px 120px -20px #000,0 0 0 1px #ffffff06 inset!important}
/* Estados: sucesso/alerta da paleta. */
body.dropos-workspace[data-appearance=ops] :is(.pill.ok,.rc-chip.ok,.rc-ok){color:#33d77c!important}
body.dropos-workspace[data-appearance=ops] :is(.pill.warn,.rc-chip.warn){color:#f9b11f!important;border-color:#f9b11f44!important;background:#f9b11f14!important}
body.dropos-workspace[data-appearance=ops] .kpi.hot b,body.dropos-workspace[data-appearance=ops] .kpi b{font-family:var(--ops-display)!important;letter-spacing:.04em}
/* Movimento de entrada (só quando o sistema não pede movimento reduzido). */
@media(prefers-reduced-motion:no-preference){
  body.dropos-workspace[data-appearance=ops] :is(.view,[id$=View]){animation:ops-in .25s var(--ops-ease) both}
  body.dropos-workspace[data-appearance=ops] :is(h1,#pageTitle){animation:ops-title .5s var(--ops-ease) both}
  body.dropos-workspace[data-appearance=ops] :is(.grid4,.vg-row,.rd-grid)>*{animation:ops-up .45s var(--ops-ease) both}
  body.dropos-workspace[data-appearance=ops] :is(.grid4,.vg-row,.rd-grid)>*:nth-child(2){animation-delay:40ms}
  body.dropos-workspace[data-appearance=ops] :is(.grid4,.vg-row,.rd-grid)>*:nth-child(3){animation-delay:80ms}
  body.dropos-workspace[data-appearance=ops] :is(.grid4,.vg-row,.rd-grid)>*:nth-child(4){animation-delay:120ms}
  body.dropos-workspace[data-appearance=ops] :is(.grid4,.vg-row,.rd-grid)>*:nth-child(n+5){animation-delay:160ms}
  body.dropos-workspace[data-appearance=ops] dialog[open]{animation:ops-dialog .4s var(--ops-ease) both}
  body.dropos-workspace[data-appearance=ops] dialog[open]::backdrop{animation:ops-fade .3s ease both}
}
@keyframes ops-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ops-title{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes ops-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes ops-dialog{from{opacity:0;transform:translateY(-18px) scale(.95)}to{opacity:1;transform:none}}
@keyframes ops-fade{from{opacity:0}to{opacity:1}}
/* Amostra no seletor de aparências. */
.dw-sample-ops{background:#09090c;background-image:radial-gradient(ellipse 70% 60% at 50% 0,#ff243238,transparent 70%),linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:auto,16px 16px,16px 16px}
.dw-sample-ops .dw-sample-sidebar b{background:linear-gradient(135deg,#ff575f,#c00713)}
.dw-sample-ops .dw-sample-main>b{background:#f3f3f6;height:6px;width:56%}
.dw-sample-ops .dw-sample-main i{border-color:#272730;background:#0f0f14}
.dw-sample-ops .dw-sample-main em{border-bottom-color:#ff2432;background:linear-gradient(90deg,#ff2432 0 22%,transparent 22%) bottom/100% 3px no-repeat}
.dw-theme-card[data-theme-choice=ops]{grid-column:1/-1!important}
.dw-theme-card[data-theme-choice=ops] .dw-theme-sample{aspect-ratio:4!important}
.dw-theme-card[data-theme-choice=ops] .dw-theme-meta strong{font-family:'Rajdhani','Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:16px}
@media(max-width:600px){.dw-theme-card[data-theme-choice=ops] .dw-theme-sample{aspect-ratio:2.6!important}}
/* ops-nav-fit: menu lateral sem quebrar linha */
body.dropos-workspace[data-appearance=ops] :is(.side-nav .tab-btn,#nav button){letter-spacing:.06em!important;font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}