/* Quick fixes (quickfix.js): the panel on a device page, the popover, the phone sheet, the bulk list, the ticket menu and Settings. Colours come from the theme variables only. */
.qf-root:empty{display:none}
.qf{margin:0 0 14px}
.qf .sh{margin-bottom:8px}
.qf-who{font-size:12px}
.qf-m{min-height:18px;margin:4px 0 8px;font-size:12.5px}
.qf-grp{margin:0 0 12px}
.qf-gh{display:flex;align-items:center;gap:6px;margin:0 0 6px;font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.qf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}
.qf-a{display:flex;flex-direction:column;gap:2px;min-width:0}
.qf-row{display:flex;align-items:center;gap:6px;min-width:0}
.qf-go{flex:1;min-width:0;display:flex;align-items:center;gap:8px;min-height:34px;padding:3px 10px;border:1px solid var(--bd2);border-radius:var(--r);background:var(--sf);cursor:pointer;text-align:left;font-weight:500;color:var(--ink)}
.qf-go:hover:not(:disabled),.qf-go:focus-visible{border-color:var(--acc);background:var(--sf2)}
.qf-go:disabled{cursor:not-allowed;opacity:.55}
.qf-go .qf-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qf-pick{border:1px solid var(--bd2);border-radius:var(--r);padding:6px 8px;background:var(--sf)}
.qf-pick .qf-t{flex:1;min-width:0;font-weight:500}
.qf-pick .qf-sel{flex:1;min-width:0}
.qf-a.off .qf-t{color:var(--ink3)}
.qf-i{flex:none;width:26px;height:26px;border:1px solid var(--bd);border-radius:50%;background:transparent;color:var(--ink3);cursor:pointer;font:italic 600 12px var(--font)}
.qf-i:hover,.qf-i:focus-visible,.qf-i[aria-expanded="true"]{color:var(--ink);border-color:var(--ink3)}
.qf-why{margin:0 0 0 4px;font-size:11.5px}
.qf-risk{flex:none;font:600 10px var(--mono);letter-spacing:.05em;padding:1px 5px;border:1px solid currentColor;border-radius:2px}
.qf-r-safe .qf-risk,.qf-risk.qf-r-safe{color:var(--ok)}
.qf-r-visible .qf-risk,.qf-risk.qf-r-visible{color:var(--warn)}
.qf-r-disruptive .qf-risk,.qf-risk.qf-r-disruptive{color:var(--crit)}
.qf-mono{font:700 11px var(--font);letter-spacing:.02em;background:var(--sf3)}
.qf-info{margin:4px 0 4px;padding:8px 10px;border-left:2px solid var(--acc);background:var(--sf2);font-size:12.5px}
.qf-info p{margin:0 0 6px;max-width:62ch}
.qf-info .kv{margin:0}
.qf-confirm{margin:0 0 12px;padding:10px 12px;border:1px solid var(--bd2);border-left:3px solid var(--acc);background:var(--sf2);display:grid;gap:6px}
.qf-confirm.danger{border-left-color:var(--crit);background:var(--critBg)}
.qf-confirm p{margin:0;max-width:62ch}
.qf-confirm .kv{margin:0}
.qf-confirm .acts{display:flex;gap:8px;flex-wrap:wrap}
.qf-l{font-size:12.5px;color:var(--ink2)}
.qf-sug{margin:0 0 12px;padding:8px 10px;border:1px solid var(--bd2);border-left:3px solid var(--warn);background:var(--warnBg);display:grid;gap:4px}
.qf-sg{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.qf-hist{margin-top:6px}
.qf-run{display:grid;grid-template-columns:128px minmax(0,1fr);gap:10px;padding:7px 0;border-top:1px solid var(--bd)}
.qf-run:first-of-type{border-top:0}
.qf-rb{min-width:0}
.qf-msg{overflow-wrap:anywhere}
.qf-st{align-self:start;justify-self:start;font:600 10.5px var(--mono);letter-spacing:.05em;padding:2px 6px;border:1px solid currentColor;border-radius:2px;white-space:nowrap}
.qf-s-ok{color:var(--ok)}.qf-s-warn{color:var(--warn)}.qf-s-crit{color:var(--crit)}.qf-s-mute{color:var(--ink3)}.qf-s-acc{color:var(--acc)}
.qf-st.live{animation:qfpulse 1.6s ease-in-out infinite}
@keyframes qfpulse{50%{opacity:.55}}
@media (prefers-reduced-motion:reduce){.qf-st.live{animation:none}}
.qf-out{max-height:220px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 2px;font-size:12px}
.qf-pop{max-height:min(78vh,720px);overflow:auto}
.qf-pop .qf-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.qf-bh{margin:0 0 8px}
.qf-bres{max-height:46vh;overflow:auto}
.qf-th{display:grid;gap:4px;margin:0 0 8px}
.qf-th p{margin:0}
.qf-tbody{display:block}
/* the phone sheet: one column, 44px targets */
.qf.qf-compact .qf-grid{grid-template-columns:1fr}
.qf.qf-compact .qf-go,.qf.qf-compact .btn,.qf.qf-compact .qf-sel{min-height:44px}
.qf.qf-compact .qf-i{width:44px;height:44px}
.qf.qf-compact .qf-run{grid-template-columns:1fr}
@media (max-width:719px){
  .qf-grid{grid-template-columns:1fr}
  .qf-go,.qf .btn,.qf-pick .qf-sel{min-height:44px}
  .qf-i{width:44px;height:44px}
  .qf-run{grid-template-columns:1fr;gap:4px}
  .qf-pop{position:fixed;left:8px !important;right:8px;top:auto !important;bottom:8px;width:auto !important;max-height:80vh}
}
/* Settings */
.qf-st-table td{vertical-align:top}
.qf-st-table tr.dim{opacity:.6}
.qf-det{margin-top:4px}
.qf-det summary{cursor:pointer;color:var(--ink2);font-size:12px}
.qf-det ul{margin:4px 0 0;padding-left:18px;font-size:12px;max-width:80ch}
.qf-sw{display:flex;align-items:center;gap:6px;white-space:nowrap}
/* finding button and the phone action grid */
.fi .fa .btn.sm[data-qf-find]{white-space:normal;height:auto;min-height:28px;text-align:left}
.mact[data-m-act="quickfix"]{grid-column:1/-1}
.qf .kv dd,.qf-confirm .kv dd{text-align:left;justify-self:start}
.qf .kv{grid-template-columns:max-content minmax(0,1fr);gap:2px 12px}
.qf-card{grid-column:1/-1;border:1px solid var(--bd2);border-radius:var(--r);padding:8px 10px;background:var(--sf);gap:8px}
.qf-card .qf-t{font-weight:600}
.qf-sp{flex:1}
.qf-chips{display:flex;flex-wrap:wrap;gap:6px}
.qf-cb{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:2px 10px 2px 6px;border:1px solid var(--bd2);border-radius:var(--r);background:var(--sf2);cursor:pointer;color:var(--ink);font-weight:500}
.qf-cb:hover:not(:disabled),.qf-cb:focus-visible{border-color:var(--acc);background:var(--sf3)}
.qf-cb:disabled{cursor:not-allowed;opacity:.55}
.qf-cb.variant{border-style:dashed}
.qf-go .qf-t{white-space:normal;line-height:1.25}
@media (max-width:719px){.qf-cb{min-height:44px;flex:1 1 calc(50% - 6px)}}
.qf-now{margin:0 0 12px;padding:6px 10px;border:1px solid var(--bd2);border-left:3px solid var(--acc);background:var(--sf2)}
.qf-now .qf-run:first-of-type{border-top:0}
.qf-compact .sh h2{display:none}
