#mobile-pl-editor {
  --pl-bg:#0f1d25; --pl-field:#091720; --pl-text:#e8edf2; --pl-muted:#a6b3c2; --pl-border:#2b4554; --pl-accent:#25d5df;
  box-sizing:border-box; width:min(400px,calc(100% - 28px)); max-height:calc(100dvh - 28px);
  margin:auto; padding:16px; border:1px solid var(--pl-border); border-radius:14px;
  background:var(--pl-bg); color:var(--pl-text); overflow-y:auto; color-scheme:dark;
  box-shadow:0 24px 70px #0006; overscroll-behavior:contain;
}
#mobile-pl-editor:not([open]) { display:none !important; }
#mobile-pl-editor::backdrop { background:#030a10bf; backdrop-filter:blur(6px); }
html[data-appearance="light"] #mobile-pl-editor {
  --pl-bg:#fff; --pl-field:#f2f7fb; --pl-text:#173353; --pl-muted:#607c99; --pl-border:#c7dce9; --pl-accent:#009c93; color-scheme:light;
}
html body #mobile-pl-editor form { display:grid; gap:12px; margin:0; }
html body #mobile-pl-editor header { display:flex; align-items:center; justify-content:space-between; gap:10px; }
html body #mobile-pl-editor h2 { margin:0; color:var(--pl-text); font-size:18px; }
html body #mobile-pl-editor .pl-editor-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
html body #mobile-pl-editor label { display:grid; gap:4px; min-width:0; color:var(--pl-muted); font-size:11px; font-weight:650; }
html body #mobile-pl-editor :is(input,select) {
  box-sizing:border-box !important; min-width:0 !important; width:100% !important; height:38px !important;
  margin:0 !important; padding:6px 8px !important; border:1px solid var(--pl-border) !important; border-radius:7px !important;
  background:var(--pl-field) !important; color:var(--pl-text) !important; -webkit-text-fill-color:var(--pl-text) !important;
  font-size:16px !important; opacity:1 !important;
}
html body #mobile-pl-editor :is(input,select):focus { outline:2px solid var(--pl-accent); outline-offset:2px; }
/* Safari gives month controls intrinsic dimensions independent of height. */
html body #mobile-pl-editor input[type="month"] {
  appearance:none !important; -webkit-appearance:none !important;
  display:block !important; min-inline-size:0 !important; max-inline-size:100% !important;
  width:100% !important; min-height:38px !important; max-height:38px !important;
  height:38px !important; line-height:24px !important; overflow:hidden;
}
html body #mobile-pl-editor input[type="month"]::-webkit-date-and-time-value {
  min-width:0; text-align:left; line-height:24px; margin:0;
}
html body #mobile-pl-editor input[type="month"]::-webkit-datetime-edit {
  display:inline-flex; padding:0; min-width:0;
}
html body #mobile-pl-editor .pl-withdraw { display:flex; align-items:center; gap:8px; font-size:13px; }
html body #mobile-pl-editor input[type="checkbox"] { width:18px !important; height:18px !important; accent-color:var(--pl-accent); }
html body #mobile-pl-editor footer { display:grid; grid-template-columns:.8fr 1.2fr; gap:10px; }
html body #mobile-pl-editor button { min-height:40px; margin:0; padding:8px 10px; border:1px solid var(--pl-border); border-radius:8px; background:var(--pl-field); color:var(--pl-text); font-size:13px; font-weight:700; }
html body #mobile-pl-editor button[type="submit"] { background:var(--pl-accent); border-color:var(--pl-accent); color:#05282d; }
html[data-appearance="light"] body #mobile-pl-editor button[type="submit"] { color:#fff; }
html body #mobile-pl-editor header button { min-height:30px; width:30px; padding:0; font-size:20px; }
html body #mobile-pl-editor button:disabled { opacity:.55; }
html body #mobile-pl-editor button.pl-delete { color:#ed7373; border-color:#ed7373; }
html[data-appearance="light"] body #mobile-pl-editor button.pl-delete { color:#be3030; border-color:#be3030; }
html body #mobile-pl-editor [role="status"] { margin:0; color:var(--pl-muted); font-size:12px; }
html body #mobile-pl-editor [role="alert"] { margin:0; color:#ed7373; font-size:12px; }
html[data-appearance="light"] body #mobile-pl-editor [role="alert"] { color:#be3030; }