/* Shared by the sidebar and its mobile drawer copy. */
.nv-i[data-bug-report]{justify-content:center;min-height:44px}
#nav .nv-bot,.mdrawer .nv-bot{gap:8px}
body.navmin #nav .nv-i[data-bug-report]::after{content:none}
.nv-i[data-bug-report] .bug-icon{width:22px;height:22px;color:#000;overflow:visible}
.nv-i[data-bug-report]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* Counter the page inversion so the bug stays black in the dark theme. */
html.dark .nv-i[data-bug-report] .bug-icon{filter:invert(1) hue-rotate(180deg)}
.bug-icon .bug-leg{transform-box:view-box}
.bug-leg-lf{transform-origin:7px 9px}
.bug-leg-lm{transform-origin:6px 13px}
.bug-leg-lb{transform-origin:7px 17px}
.bug-leg-rf{transform-origin:17px 9px}
.bug-leg-rm{transform-origin:18px 13px}
.bug-leg-rb{transform-origin:17px 17px}
@keyframes bug-leg-wiggle{from{transform:rotate(-12deg)}to{transform:rotate(12deg)}}
@media(prefers-reduced-motion:no-preference){
  .nv-i[data-bug-report]:hover .bug-leg{animation:bug-leg-wiggle .18s ease-in-out infinite alternate}
  .nv-i[data-bug-report]:hover .bug-leg-lm,
  .nv-i[data-bug-report]:hover .bug-leg-rf,
  .nv-i[data-bug-report]:hover .bug-leg-rb{animation-direction:alternate-reverse}
}

/* Reference widget: 600px. MakeApp: 780px (+30%), bounded on mobile. */
.bug-dialog{box-sizing:border-box;width:780px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:26px;border:0;border-radius:22px;background:#fff;color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 22px 64px rgba(20,30,45,.25);overflow:auto}
.bug-dialog::backdrop{background:rgba(20,28,38,.34);backdrop-filter:blur(2px)}
/* A native modal lives in the top layer, outside the page's filter. Mirror MakeApp's theme here. */
html.dark .bug-dialog{filter:invert(1) hue-rotate(180deg) contrast(.9)}
.bug-dialog *{box-sizing:border-box}.bug-dialog [hidden]{display:none!important}
.bug-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.bug-head h2{margin:0;font-size:20px;font-weight:650}
.bug-dialog button{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:11px;background:#f6f7fa;padding:10px 16px;color:var(--ink)}
.bug-dialog button:disabled{cursor:wait;opacity:.55}.bug-dialog button:focus-visible,.bug-dialog input:focus-visible,.bug-dialog textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.bug-dialog .bug-close{padding:0;width:36px;height:36px;font-size:27px;border:0;background:transparent;color:var(--muted)}
.bug-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:18px 0}
.bug-tabs button{border:0;border-radius:0;padding:0 0 10px;background:transparent;color:var(--muted);border-bottom:2px solid transparent}
.bug-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}
#bugNew{display:flex;flex-direction:column;gap:14px;min-height:365px}
.bug-dialog input:not([type=file]),.bug-dialog textarea{display:block;width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;padding:12px 14px}
.bug-dialog textarea{min-height:165px;resize:vertical}.bug-dialog input::placeholder,.bug-dialog textarea::placeholder{color:var(--muted)}
.bug-attachments{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.bug-attachments span,.bug-hint{font-size:12px;color:var(--muted)}
.bug-hint{margin:-6px 0 0}.bug-previews{display:flex;gap:14px;flex-wrap:wrap}
.bug-thumb{position:relative}.bug-thumb img{width:86px;height:65px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.bug-thumb button{position:absolute;right:-7px;top:-7px;width:25px;height:25px;border-radius:50%;padding:0;background:#333d49;color:#fff;font-size:18px}
.bug-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:auto;padding-top:8px}.bug-dialog .bug-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;min-width:130px}
.bug-message{margin:14px 0 0;color:var(--danger);overflow-wrap:anywhere;min-height:21px}.bug-message.is-ok{color:#267143}
#bugMine{min-height:365px}#bugList{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.bug-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#f6f7fa;overflow-wrap:anywhere}.bug-row>span:first-child{flex:1;min-width:0}.bug-status{font-size:12px;color:#355f91;white-space:nowrap}
.bug-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.bug-dialog{padding:18px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:18px}.bug-head h2{font-size:18px}#bugNew,#bugMine{min-height:330px}.bug-dialog textarea{min-height:160px}.bug-attachments span{max-width:190px}.bug-row{align-items:flex-start;flex-direction:column;gap:4px}}