/* V11 — camada adicional, preserva todos os estilos e proporções V10 */
html{scroll-padding-top:22px}
.v11-filterbar{grid-column:span 12;display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 10px;position:relative;z-index:15}
.v11-filterbar>span{font-family:var(--font-pixel);font-size:21px;letter-spacing:.025em;margin-right:7px}
.v11-filter{font-family:var(--font-pixel);font-size:22px;line-height:1;background:#fff;color:#111;border:3px solid currentColor;padding:9px 13px;cursor:pointer;transition:background-color .16s,color .16s,transform .16s}
.v11-filter:hover,.v11-filter:focus-visible,.v11-filter[aria-pressed=true]{background:#111;color:#fff;transform:translateY(-2px)}
body.theme-active .v11-filterbar{color:var(--scene-accent)}
body.theme-active .v11-filter{color:var(--scene-accent);background:var(--scene-bg);border-color:var(--scene-accent)}
body.theme-active .v11-filter:hover,body.theme-active .v11-filter[aria-pressed=true]{background:var(--scene-accent);color:var(--scene-bg)}
.case-item[hidden]{display:none!important}
.v11-filter-note{font-family:var(--font-pixel);font-size:18px;margin-inline-start:auto;white-space:nowrap}
/* non-invasive indicator, a single fixed line at viewport top */
.v11-progress{position:fixed;top:0;left:0;z-index:6100;width:100%;height:3px;background:transparent;pointer-events:none}
.v11-progress>span{display:block;height:100%;width:100%;background:var(--scene-accent,#111);transform:scaleX(0);transform-origin:left;will-change:transform;transition:background-color .22s}
/* overlay for new pages and returning back; complement, not replace V10 transition */
.v11-curtain{position:fixed;inset:0;background:var(--scene-accent,#111);z-index:5900;transform:translateY(101%);pointer-events:none;transition:transform .35s cubic-bezier(.65,0,.25,1)}
.v11-curtain.enter{transform:translateY(0)}
.v11-curtain.exit{transform:translateY(-101%)}
body.v11-leaving .v10-transition{display:none!important}
.v11-kbd{font-family:var(--font-pixel);font-size:16px;line-height:1;border:2px solid currentColor;padding:2px 5px;margin-left:8px}
.v11-command-trigger{border:3px solid #111;background:#fff;color:#111;font-family:var(--font-pixel);font-size:21px;line-height:1;padding:7px 10px;cursor:pointer}
.v11-command-trigger:hover,.v11-command-trigger:focus-visible{color:#fff;background:#111}
body.theme-active .v11-command-trigger{border-color:var(--scene-accent);background:var(--scene-bg);color:var(--scene-accent)}
body.theme-active .v11-command-trigger:hover{background:var(--scene-accent);color:var(--scene-bg)}
/* Native dialog controls: keyboard focus, no visual leaks into the page */
.v11-dialog{position:fixed;inset:0;margin:auto;border:6px solid #111;border-radius:0;background:#fff;color:#111;box-shadow:12px 12px 0 #111;width:min(92vw,710px);max-height:min(85dvh,760px);padding:24px;overflow:auto;font-family:var(--font-bold);text-transform:none;z-index:8000}
.v11-dialog::backdrop{background:rgba(4,5,8,.83);backdrop-filter:blur(6px)}
.v11-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.v11-dialog-head strong{font:800 clamp(17px,3vw,26px)/1 var(--font-bold);letter-spacing:-.04em}
.v11-dialog .v11-close{width:39px;height:39px;flex:none;background:#111;color:#fff;border:3px solid #111;font-size:26px;cursor:pointer}
.v11-palette-search,.v11-terminal-input{width:100%;min-height:52px;display:block;border:3px solid #111;border-radius:0;background:#fff;color:#111;padding:12px;font:600 15px/1.5 var(--font-bold);text-transform:none;cursor:text}
.v11-dialog :focus-visible{outline:3px solid #ff3867;outline-offset:3px}
.v11-palette-results{display:grid;gap:5px;margin-top:18px;max-height:55vh;overflow:auto}
.v11-result{width:100%;background:#fff;border:2px solid #bbb;color:#111;text-align:left;padding:12px 13px;font:800 14px var(--font-bold);cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center}
.v11-result small{font:18px var(--font-pixel);opacity:.73;white-space:nowrap}
.v11-result:hover,.v11-result.is-selected{background:#111;color:#fff;border-color:#111}
.v11-hint{font:18px/1.2 var(--font-pixel);margin-top:15px}
.v11-terminal{background:#0b0d0c;color:#6cffa9;border-color:#6cffa9;box-shadow:11px 11px 0 #111}
.v11-terminal .v11-close{border-color:#6cffa9;color:#6cffa9;background:transparent}
.v11-terminal-output{height:clamp(190px,43vh,340px);overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:18px/1.5 var(--font-pixel);padding:12px;background:#0b0d0c;color:#6cffa9;border:2px solid #30523b;margin-bottom:13px}
.v11-terminal-input{color:#6cffa9;border-color:#6cffa9;background:#0b0d0c;font-family:var(--font-pixel);font-size:23px}
.v11-terminal-label{font:17px var(--font-pixel);display:block;margin-bottom:6px}
.v11-terminal [role=status]{font:17px var(--font-pixel)}
/* an intentional gentle focus ring for actual controls */
.v11-filter:focus-visible,.v11-command-trigger:focus-visible{outline:3px dashed #ff3867;outline-offset:3px}
@media(max-width:768px){.v11-filterbar{gap:7px}.v11-filterbar>span{width:100%}.v11-filter{font-size:19px;padding:8px 10px}.v11-filter-note{width:100%;margin:0}.v11-command-trigger{font-size:16px;padding:7px}.v11-dialog{border-width:4px;padding:16px;box-shadow:5px 5px 0 #111}.v11-result{font-size:12px}.v11-result small{font-size:15px}.v11-kbd{display:none}}
@media(prefers-reduced-motion:reduce){.v11-curtain{transition:none!important}.v11-filter{transition:none!important;transform:none!important}.v11-progress>span{transition:none!important}}