/* Frames in the addon's look: Style.Shell (Style.lua). */

/* ---- Style.Shell: outline, warm band with its lit line, inner line, bevel, background, shadow ---- */
.shell { position: relative; --t: 8px; --r: 6px; }
.shell > .sh { position: absolute; inset: 0; pointer-events: none; border-radius: var(--r); }
.shell > .sh.o { border: 1px solid var(--border); box-shadow: 0 0 4px 1px var(--shadow); }
.shell > .sh.b { inset: 1px; border: calc(var(--t) - 2px) solid var(--band); border-radius: calc(var(--r) - 1px); }
.shell > .sh.b::before { content: ""; position: absolute; left: 0; right: 0; top: calc(2px - var(--t)); height: 1px; background: var(--band-lit); }
.shell > .sh.k { inset: calc(var(--t) - 1px); border: 1px solid var(--border); border-radius: max(0px, calc(var(--r) - var(--t) + 1px)); }
.shell > .sh.bg {
  inset: var(--t); border-radius: max(0px, calc(var(--r) - var(--t))); background: var(--bg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), inset 0 -1px 0 rgba(0, 0, 0, 0.35);
}
.shell.window > .sh.bg { background: var(--bg-window); }
.shell.window > .accentline { position: absolute; z-index: 2; left: 6px; right: 6px; top: 2px; height: 2px; background: var(--accent); opacity: 0.7; pointer-events: none; }
.shell.flat { --t: 1px; }
.shell.flat > .sh.b { display: none; }
.shell.noband > .sh.b { display: none; }
.shell > .in { position: absolute; inset: var(--t); }