html,body{
  margin:0;
  padding:0;
}

.settings-report-page .main{
  padding:8px 12px calc(120px + env(safe-area-inset-bottom));
}

.settings-report-page .settings-mode-banner{
  margin:10px 0 12px;
  padding:10px 12px;
  border:2px solid #9d1111;
  background:#d93025;
  color:#fff;
  font-size:var(--font-xl);
  font-weight:900;
  text-align:center;
  letter-spacing:.04em;
}

.settings-report-page .settings-top-note{
  margin:0 0 12px;
  font-size:var(--font-sm);
  color:#f7fbff;
  line-height:1.6;
}

.settings-report-page .wf-panel{
  border:0;
  background:transparent !important;
  margin:8px 0;
  padding:6px 0 2px;
}

.settings-report-page .wf-label{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  font-size:var(--font-md);
  margin:0 0 8px 0;
  text-align:left;
}

.settings-report-page .wf-label::after{
  content:"";
  flex:1 1 auto;
  border-top:2px solid var(--border);
  opacity:.95;
}

.settings-report-page .wf-subnote{
  font-size:var(--font-xs);
  color:var(--text-muted);
  margin:-2px 0 8px 0;
  line-height:1.5;
}

.settings-report-page .wf-row{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:8px;
}

.settings-report-page .settings-save-stack{
  display:grid;
  gap:8px;
  margin-top:4px;
}

.settings-report-page .save-note{
  font-size:var(--font-sm);
  line-height:1.5;
  white-space:pre-line;
}

.settings-report-page .is-hidden{
  display:none !important;
}

.settings-report-page .editor-modal-bg{
  position:fixed;
  inset:0;
  z-index:1450;
  background:rgba(0,0,0,.45);
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
}

.settings-report-page .editor-modal-bg.show{
  display:flex;
}

.settings-report-page .editor-modal-card{
  width:min(520px,100%);
  border-radius:16px;
  border:1px solid #3d5f94;
  background:
    radial-gradient(120% 100% at 50% 0%, rgba(86,148,255,.18), rgba(10,21,44,0) 55%),
    linear-gradient(180deg, #0f1f42 0%, #0a1733 100%);
  box-shadow:0 10px 28px rgba(0,0,0,.45), 0 0 0 1px rgba(126,167,235,.22) inset;
  padding:12px;
}

.settings-report-page .editor-modal-head{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:8px;
  margin:0 0 8px;
  padding:2px 4px 10px;
  border-bottom:1px solid rgba(135,168,220,.45);
}

.settings-report-page .editor-modal-title{
  margin:0;
  color:#eaf3ff;
  font-size:clamp(24px, 5.8vw, 28px);
  font-weight:900;
}

.settings-report-page .editor-modal-step{
  margin:0;
  color:#9fc4ff;
  font-size:var(--font-lg);
  font-weight:800;
  letter-spacing:.08em;
}

.settings-report-page .editor-modal-body{
  display:grid;
  gap:12px;
  padding:4px;
}

.settings-report-page .editor-modal-group{
  display:grid;
  gap:8px;
}

.settings-report-page .editor-modal-label{
  color:#dce9ff;
  font-size:var(--font-md);
  font-weight:800;
}

.settings-report-page .editor-modal-help{
  margin:0;
  color:#c5d9ff;
  font-size:var(--font-sm);
  line-height:1.6;
}

.settings-report-page .editor-check-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:8px;
}

.settings-report-page .editor-check{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid rgba(136,170,230,.45);
  border-radius:12px;
  background:rgba(12,29,57,.72);
  color:#eef5ff;
  font-size:var(--font-md);
  font-weight:800;
}

.settings-report-page .editor-check input{
  width:18px;
  height:18px;
  accent-color:#58c2ff;
}

.settings-report-page .editor-modal-actions{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
  padding:12px 4px 4px;
}

.settings-report-page #fieldEditorHelp{
  color:#f7fbff;
}

:root[data-theme="light"] .settings-report-page .settings-top-note{
  color:#111111;
}

:root[data-theme="light"] .settings-report-page #fieldEditorHelp{
  color:#111111;
}

@media (max-width: 767px){
  .settings-report-page .editor-check-grid,
  .settings-report-page .editor-modal-actions{
    grid-template-columns:1fr;
  }
}