body {
font-family: "Segoe UI", Meiryo, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.container {
padding: 25px 35px;
border-radius: 12px;
width: 90%;
max-width: 440px;
text-align: center;
box-shadow: 0 0 30px rgb(16 3 3 / 20%)
}
h1 {
font-size: 22px;
margin-bottom: 25px;
font-weight: 600;
}
.form-group {
margin-bottom: 20px;
text-align: left;
}
label {
display: block;
margin-bottom: 8px;
font-weight: 500;
font-size: 14px;
}
input[type="email"] {
width: 100%;
padding: 12px;
border-radius: 12px;
font-size: 14px;
box-sizing: border-box;
}
.button-group {
display: flex;
gap: 10px;
}
button {
flex: 1;
padding: 12px;
font-size: 15px;
border-radius: 12px;
cursor: pointer;
transition: background-color 0.2s;
font-weight: 500;
border: none;
}

button[type="button"] {
background-color: #f1f1f1;
color: #555;
border: 1px solid #ddd;
}
button[type="button"]:hover {
background-color: #e5e5e5;
}

#submitEmail {
background-color: #4285f4;
color: white;
}
#submitEmail:hover {
background-color: #3367d6;
}

.message {
margin-top: 20px;
color: #666;
font-size: 13px;
line-height: 1.5;
}
.success {
color: #34a853;
display: none;
}
.error {
color: #ea4335;
display: none;
}

footer {
position: fixed;
bottom: 40px;
left: 0;
width: 100%;
height: 20px;
text-align: center;
z-index: 5;
}

footer p {
font-size: 14px;
line-height: 20px;
}

.reset-description {
  margin-top: 1em;
  text-align: left; 
  margin-bottom: 1.5em;
  font-size: 0.95em;
  line-height: 1.5;
}

.reset-description span {
  display: block;
  padding-left: 0; /* 確保沒多餘縮排 */
  text-indent: 0;  /* 去掉首行縮排 */
}

.theme-light,
.theme-light nav,
.theme-light input[type="datetime-local"],
.theme-light .title_t,
.theme-light .wrapper,
.theme-light select option,
.theme-light .confirm-content,
.theme-light #message-modal,
.theme-light #message-list li,
.theme-light input[type=text], 
.theme-light input[type=password],
.theme-light .confirm-content div,
.theme-light .confirm-content h3,
.theme-light .confirm-content h2,
.theme-light #title_pop {
  background: #ffffff;
  color: #333;
}  

.theme-light input[type=text], 
.theme-light input[type=textarea], 
.theme-light input[type=password] {
  background: #ffffff;
  border: 1px solid #333;
  color: #333;
}

.theme-light img.invertible {
  filter: invert(1);
}

.theme-dark img.invertible {
  filter: none;
}
.theme-light .container {
border: 1px solid #aaaaaa;
}
.theme-dark .container {
border: 1px solid #a8a8a8;
}
.theme-dark,
.theme-dark nav,
.theme-dark .title_t,
.theme-dark .confirm-content,
.theme-dark .wrapper,
.theme-dark .confirm-content div,
.theme-dark .confirm-content h3,
.theme-dark .confirm-content h2,
.theme-dark #message-modal,
.theme-dark #message-list li,
.theme-dark input[type="datetime-local"],
.theme-dark select option,
.theme-dark #title_pop {
  background: #282f46;
  color: #fff;
}

.theme-dark input[type=text], 
.theme-dark input[type=textarea], 
.theme-dark input[type=password] {
  background: #858997;
  border: 1px solid #ccc;
  color: #fff;
}

.theme-dark .selected-participant button
.theme-dark .deleteUser {
    color: #fff;
}

.theme-dark .selected-participant button
.theme-light .deleteUser {
    color: #333;
}

#dlgSpinner .popupArea{
    background: white;
}


.theme-light select {
    border: 1px solid #ccc;
    background: hsl(0, 0%, 90%);
    color: #333;
    margin-bottom: 3px;
}
.theme-dark .popupArea {
    background: #6e6d6d;
}

.theme-light .popupArea {
    background: hsl(0, 0%, 90%);
}

.theme-dark .popupArea .btnLeft p {
  color: #333;
}

.theme-light .popupArea .btnLeft p {
  color: #333;
}

.theme-dark .popupArea .btnCenter p {
  color: #333;
}

.theme-light .popupArea .btnCenter p {
  color: #333;
}

.theme-dark select {
    border: 1px solid #ccc;
    background: #282f46;
    margin-bottom: 3px;
    color: #fff;
}

.theme-light p{
    color: #333;
}
.theme-dark p{
    color: #fff;
}

.theme-light a{
    color: #333;
}
.theme-dark a{
    color: #fff;
}