/* SPDX-License-Identifier: AGPL-3.0-only */
#cc-bugfab{position:fixed;right:1.1rem;bottom:1.1rem;left:auto;width:auto;max-width:calc(100vw - 2.2rem);
  z-index:900;font-family:var(--sans,system-ui,sans-serif)}
#cc-bugfab[hidden]{display:none}
.bugfab-open{display:inline-flex;align-items:center;justify-content:center;background:var(--trail);color:var(--ink);
  border:0;border-radius:50%;padding:.7rem;cursor:pointer;line-height:1;
  box-shadow:0 4px 16px rgba(20,22,14,.28)}
.bugfab-open:hover{background:#ff703d}
.bugfab-open:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.bugfab-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
body:has(#tr-bar) #cc-bugfab{bottom:3.6rem}
body:has(#tr-bar) .bugfab-panel{bottom:7.1rem}
#cc-bugfab.is-mini{bottom:3.4rem;z-index:1050}
#cc-bugfab.is-mini .bugfab-panel{bottom:6.9rem}
.bugfab-panel{position:fixed;right:1.1rem;bottom:4.6rem;width:min(24rem,calc(100vw - 2.2rem));
  max-height:min(38rem,calc(100vh - 6rem));display:flex;flex-direction:column;
  background:var(--paper);border-radius:10px;overflow:hidden;box-shadow:0 12px 40px rgba(20,22,14,.34)}
.bugfab-panel[hidden]{display:none}
.bugfab-panel.is-min .bugfab-body,.bugfab-panel.is-min .bugfab-done{display:none}
.bugfab-head{display:flex;align-items:center;gap:.25rem;background:var(--trail);color:var(--ink);padding:.55rem .45rem .55rem .7rem}
.bugfab-head h2{flex:1;min-width:0;margin:0 0 0 .25rem;font-family:var(--serif);font-size:.98rem;font-weight:600;color:var(--ink)}
.bugfab-grip{cursor:grab;opacity:.7;display:flex}
.bugfab-head button{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;
  background:none;border:0;color:var(--ink);font-size:1.15rem;line-height:1;
  cursor:pointer;padding:.15rem .35rem;border-radius:4px}
.bugfab-head .bugfab-min{margin-left:auto}
.bugfab-head button:hover{background:rgba(16,30,22,.14)}
.bugfab-head button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.bugfab-max .bf-ic-restore,.bugfab-panel.is-max .bugfab-max .bf-ic-max{display:none}
.bugfab-panel.is-max .bugfab-max .bf-ic-restore{display:block}
.bugfab-panel.is-max{top:1.1rem;right:1.1rem;bottom:auto;left:auto;
  width:min(48rem,calc(100vw - 2.2rem));height:calc(100vh - 2.2rem);max-height:none}
.bugfab-panel.is-max .bugfab-body{flex:1}
.bugfab-panel.is-max .bugfab-field textarea{min-height:10rem}
.bugfab-shoot{margin:0 0 .6rem}
.bugfab-shoot[hidden]{display:none}
.bugfab-shoot-btn{padding:.5rem .9rem;font-size:.85rem;gap:.45rem}
.bugfab-body,.bugfab-done{overflow-y:auto;padding:.9rem 1rem 1.1rem}
.bugfab-field{margin:.8rem 0}
.bugfab-field label,.bugfab-legend{display:block;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--clay);margin-bottom:.32rem}
.bugfab-field input,.bugfab-field select,.bugfab-field .cc-sel-btn,.bugfab-field textarea{width:100%;font-family:inherit;font-size:.88rem;
  padding:.5rem .55rem;color:var(--ink);border:1px solid rgba(20,22,14,.24);border-radius:5px;background:var(--paper)}
.bugfab-field textarea{min-height:6rem;line-height:1.55;resize:vertical}
.bugfab-sev{display:flex;gap:.3rem}
.bugfab-sev button{flex:1;font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;
  padding:.45rem .2rem;border:1px solid rgba(20,22,14,.2);border-radius:5px;background:var(--paper);
  color:#4a4d40;cursor:pointer}
.bugfab-sev button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.bugfab-field .opt{color:#8c8f7d;letter-spacing:.09em}
.bugfab-hint{font-size:.90rem;color:#595c4d;line-height:1.5;margin:.35rem 0 0}
.bugfab-hint a{color:var(--clay)}
.bugfab-thumbs{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.45rem}
.bugfab-thumb{position:relative;width:4rem;height:3rem;border-radius:4px;overflow:hidden;border:1px solid rgba(20,22,14,.2)}
.bugfab-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.bugfab-thumb button{position:absolute;top:0;right:0;background:rgba(20,22,14,.72);color:#fff;border:0;
  font-size:.7rem;line-height:1;padding:.15rem .3rem;cursor:pointer}
.bugfab-context{margin:.9rem 0;font-size:.8rem;color:#4a4d40}
.bugfab-context summary{cursor:pointer;color:var(--clay)}
.bugfab-context dt{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--clay);margin-top:.5rem}
.bugfab-context dd{margin:.1rem 0 0;font-size:.76rem;word-break:break-all}
.bugfab-msg{background:#fff1ec;border-left:2px solid var(--trail);padding:.6rem .75rem;border-radius:0 5px 5px 0;
  font-size:.90rem;color:#5a2716;line-height:1.5;margin:0 0 .6rem}
.bugfab-msg[hidden]{display:none}
.bugfab-status{font-size:.74rem;letter-spacing:.06em;color:#595c4d;margin:.5rem 0}
.bugfab-status[hidden]{display:none}
.bugfab-send{margin-top:.5rem}
.bugfab-done h3{font-family:var(--serif);font-size:1.05rem;margin:0 0 .5rem}
.bugfab-done p{font-size:.90rem;color:#3a3d30;line-height:1.6;margin:.4rem 0}
.bugfab-done-ref{font-family:var(--mono);font-size:.8rem;color:var(--clay)}
