.background-panel { padding: 12px 14px; border-bottom: 1px solid var(--line); }
.background-heading { display: flex; align-items: center; justify-content: space-between; }
.background-heading > div { display: flex; flex-direction: column; }
.background-heading small { color: var(--muted); font-size: 9px; margin-top: 2px; }
.background-heading button, .background-actions button, .background-geo-row button { border: 1px solid var(--line); background: #fff; border-radius: 5px; padding: 5px 8px; cursor: pointer; }
.background-empty, .background-geo p { font-size: 11px; color: var(--muted); margin: 9px 0 0; }
.background-lighten { display: grid !important; grid-template-columns: 1fr auto; gap: 5px !important; margin-top: 10px; }
.background-visible { display: flex !important; flex-direction: row !important; align-items: center; gap: 7px !important; margin-top: 10px; }
.background-visible input { width: auto !important; }
.background-lighten input { grid-column: 1 / -1; padding: 0 !important; }
.background-actions { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 9px; }
.background-actions .primary { background: var(--accent); color: #fff; border-color: var(--accent); }
.background-actions .danger-text { color: #a53a32; }
.background-actions button.active, .background-geo button.active { background: #f7ead9; border-color: var(--accent); color: #9c5b0e; }
.background-geo { margin-top: 10px; padding-top: 9px; border-top: 1px solid var(--line); }
.background-geo-row { display: grid; grid-template-columns: auto 1fr 1fr; gap: 5px; align-items: end; margin-top: 7px; }
.background-geo-row button { height: 31px; }
.background-geo-row label { font-size: 10px !important; gap: 2px !important; }
.background-geo-row input { padding: 5px !important; }
.background-geo-row.marked button::after { content: ' ✓'; color: #167f69; }