fix(desec): style the email field and stack the modal form inputs

The email input was unstyled because input[type="email"] was missing from
the text/password input rules, and the deSEC form's inline-block inputs
flowed side by side. Add the email type to the input styling rules and lay
the deSEC modal form out as a vertical stack with full-width inputs.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Signed-off-by: Simon L. <szaimen@e.mail.de>

php/public/style.css

@@ -272,6 +272,7 @@ form {
 
 input[type="text"],
 input[type="password"],
+input[type="email"],
 select {
     padding-left: 8px;
     padding-right: 8px;
@@ -285,6 +286,7 @@ select {
 
 input[type="text"]:hover,
 input[type="password"]:hover,
+input[type="email"]:hover,
 select:hover {
     border: var(--border-hover) solid var(--color-main-border-hover);
 }
@@ -297,6 +299,7 @@ textarea {
 
 input[type="text"]:focus,
 input[type="password"]:focus,
+input[type="email"]:focus,
 textarea:focus,
 select:focus {
     border: 1px solid var(--color-main-border);
@@ -550,6 +553,21 @@ body.modal-open {
     padding: 1.5rem;
 }
 
+/* Stack the deSEC form controls, each on its own line, instead of letting the
+   inline-block inputs flow side by side. */
+.desec-modal-body form.xhr {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.desec-modal-body form.xhr input[type="text"],
+.desec-modal-body form.xhr input[type="email"],
+.desec-modal-body form.xhr input[type="password"] {
+    width: 100%;
+    box-sizing: border-box;
+}
+
 .overlay-iframe {
     padding: 1rem;
     font-family: monospace, system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';