:root{
  --or-bg:#000; --or-fg:#fff; --or-accent:#009fff; --or-outline:#fff; --or-outline-w:2px;
  --or-border-w:4px; --or-shadow:0 8px 24px rgba(0,0,0,.55); --or-radius:14px; --or-z:9999;
  --or-font:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Cantarell,Arial,sans-serif;
}
.or-fab{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;
  background:var(--or-bg);color:var(--or-fg);border:var(--or-outline-w) solid var(--or-outline);
  box-shadow:var(--or-shadow);display:grid;place-items:center;cursor:pointer;z-index:var(--or-z)}
.or-fab:active{transform:scale(.96)}
.or-panel{position:fixed;top:24%;right:80%;transform:translate(50%,-50%);min-width:360px;max-width:420px;
  background:var(--or-bg);color:var(--or-fg);border-radius:var(--or-radius);z-index:var(--or-z);
  font-family:var(--or-font);border:1px solid var(--or-accent);box-shadow:var(--or-shadow);display:none}
.or-panel[open],body.picture #or-panel{display:block}
.or-panel[aria-hidden="true"]{display:none}
.or-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--or-accent)}
.or-title{font-weight:700;letter-spacing:.3px}
.or-close{background:transparent;color:var(--or-fg);border:none;font-size:20px;cursor:pointer}
.or-panel-body{padding:12px}
.or-controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.or-btn{background:var(--or-accent);color:var(--or-fg);border:var(--or-border-w) solid var(--or-outline);
  border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer}
.or-btn[disabled]{opacity:.5;cursor:not-allowed}
.or-btn-secondary{filter:brightness(.9)}
.or-btn-strong{filter:saturate(1.15)}
.or-tracks{background:rgba(255,255,255,.05);border-radius:10px;border:1px solid var(--or-accent);margin-bottom:10px;overflow:hidden}
.or-tracks-head{font-weight:800;padding:8px 10px;border-bottom:1px solid var(--or-accent);background:rgba(255,255,255,.15)}
.or-track-list{list-style:none;margin:0;padding:6px;max-height:220px;overflow:auto}
.or-track-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:8px;margin:4px 0;background:transparent;color:var(--or-fg);cursor:pointer}
.or-track-list li[data-active="true"]{outline:2px solid #1e40ff;color:#1e40ff;background:#fff}
.or-track-name{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.or-track-del{flex:0 0 auto;font-weight:800;color:#ff2a2a;cursor:pointer;border:none;background:transparent;padding:0 4px}
.or-track-del[hidden]{display:none!important}
.or-meter{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.or-led{width:160px;height:8px;border-radius:999px;background:linear-gradient(to right,#0a0,#aa0,#a00);position:relative;overflow:hidden}
.or-led::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--after-w,0%);background:#fff5;transition:width 80ms linear}
.or-status{opacity:.85}
.or-audio{width:100%}
.or-mic-badge{position:absolute;top:6px;right:6px;background:rgba(0,0,0,.65);color:#fff;border-radius:8px;padding:2px 6px;font-size:12px;line-height:1;border:1px solid #fff;z-index:3;pointer-events:none}
/* Hide FAB/Panel off picture pages */
/* Tiny toast */
.or-diag{position:fixed;left:8px;bottom:8px;background:#111;color:#eee;font:12px/1.2 var(--or-font);
  padding:6px 8px;border:1px solid #444;border-radius:8px;z-index:var(--or-z);display:none}
.or-diag.ok{border-color:#0a0}
.or-diag.err{border-color:#a00}

cat >> /var/tfo/plugins/OrchardRecorder/css/recorder.css <<'CSS'

/* OrchardRecorder force-visible override (correct ids) */
#or-fab {
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  background: #000 !important;
  color: #fff !important;
  border: 2px solid #fff !important;
  display: grid !important;
  place-items: center !important;
  z-index: 2147483647 !important;
}
#or-panel[aria-hidden="false"] { display: block !important; }