/* Director's panel — deliberately fenced: dark, striped, unmistakably not product. */
.dir-tab { position: fixed; inset-block-end: 12px; inset-inline-end: 12px; z-index: 99;
  background: #1A1D21; color: #F6F7F9; border: 2px dashed #8A9199; border-radius: 6px;
  padding: 6px 12px; cursor: pointer; font-size: 12px; }
.dir-panel { position: fixed; inset-block-end: 12px; inset-inline-end: 12px; z-index: 99;
  background: #1A1D21; color: #F6F7F9; border: 2px dashed #8A9199; border-radius: 8px;
  padding: 12px; min-inline-size: 300px; font-size: 12px; box-shadow: 0 8px 32px rgba(0,0,0,.4); }
.dir-head { display: flex; justify-content: space-between; align-items: center; font-weight: 600;
  letter-spacing: .04em; margin-block-end: 8px; }
.dir-head button { background: none; border: none; color: #F6F7F9; cursor: pointer; }
.dir-row { display: flex; gap: 6px; align-items: center; margin-block-end: 8px; flex-wrap: wrap; }
.dir-row label { color: #8A9199; min-inline-size: 40px; }
.dir-panel button { background: #2A2E33; color: #F6F7F9; border: 1px solid #5A6169; border-radius: 4px;
  padding: 3px 8px; cursor: pointer; font-size: 12px; }
.dir-panel button.on { border-color: #F6F7F9; background: #3A3E43; }
.dir-panel button.danger { border-color: #B45309; color: #FEC98A; }
.dir-panel small { color: #8A9199; }