.r7lk, .r7lk * { box-sizing: border-box; }
.r7lk {
  position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%);
  width: min(960px, calc(100% - 32px)); z-index: 99990;
  background: #fff; color: #1c2a20; border: 1px solid #dfe7e0; border-radius: 20px;
  box-shadow: 0 12px 40px rgba(18, 41, 26, .22); padding: 24px 32px;
  display: flex; gap: 32px; align-items: center; justify-content: space-between;
  font-family: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif; font-size: 14.5px; line-height: 1.55;
}
.r7lk__main { flex: 1 1 auto; min-width: 0; }
.r7lk h2 { margin: 0 0 8px; font: 800 18px/1.2 "Archivo", system-ui, sans-serif !important; color: #12291a; }
.r7lk p { margin: 0; color: #3c4c40; }
.r7lk a { color: #238c2a; text-decoration: underline; }
.r7lk__actions { display: flex; flex-direction: column; gap: 8px; flex: 0 0 200px; }
.r7lk button.r7lk__btn {
  height: 44px !important; min-height: 44px; border-radius: 999px !important; padding: 0 20px !important; cursor: pointer; width: 100%;
  font: 600 14.5px/1 "Instrument Sans", system-ui, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important;
  border: 2px solid #238c2a !important; box-shadow: none !important; transition: background .15s, color .15s; display: inline-flex; align-items: center; justify-content: center;
}
.r7lk button.r7lk__btn--solid { background: #238c2a !important; color: #fff !important; }
.r7lk button.r7lk__btn--ghost { background: #fff !important; color: #12291a !important; border-color: #12291a !important; }
.r7lk button.r7lk__btn--ghost:hover { background: #f0f5f1 !important; }
.r7lk__btn:focus-visible, .r7lk a:focus-visible, .r7lk input:focus-visible + .r7lk__track { outline: 3px solid #f7a600; outline-offset: 2px; }
.r7lk__settings { margin-top: 16px; display: flex; flex-direction: column; gap: 16px; }
.r7lk__settings[hidden] { display: none; }
.r7lk__row { display: flex; gap: 16px; align-items: flex-start; }
.r7lk__rowtxt { display: flex; flex-direction: column; gap: 2px; }
.r7lk__rowtxt strong { color: #12291a; }
.r7lk__rowtxt span { color: #5b6b5e; font-size: 13.5px; }
.r7lk__switch { position: relative; flex: 0 0 44px; height: 24px; margin-top: 2px; display: block; }
.r7lk__switch input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.r7lk__track { position: absolute; inset: 0; border-radius: 999px; background: #c5d0c7; transition: background .15s; pointer-events: none; }
.r7lk__track::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform .15s; }
.r7lk__switch input:checked + .r7lk__track { background: #238c2a; }
.r7lk__switch input:checked + .r7lk__track::after { transform: translateX(20px); }
.r7lk__switch input:disabled + .r7lk__track { opacity: .6; }
.r7lk button.r7lk__save { width: auto; align-self: flex-start; padding: 0 28px; }
@media (max-width: 720px) {
  .r7lk { flex-direction: column; align-items: stretch; gap: 16px; padding: 20px; bottom: 8px; width: calc(100% - 16px); max-height: calc(100vh - 16px); overflow: auto; }
  .r7lk__actions { flex: 0 0 auto; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { .r7lk__track, .r7lk__track::after, .r7lk__btn { transition: none; } }
.r7lk button.r7lk__btn--solid:hover { background: #1c7222 !important; border-color: #1c7222 !important; }
