.spdfed-form-wrapper {
--spdfed-max-width: 400px;
--spdfed-margin: 1em 0;
--spdfed-border-color: #ccc;
--spdfed-border-radius: 8px;
--spdfed-padding: 16px;
--spdfed-input-padding: 8px;
--spdfed-text-color: #333;
--spdfed-button-bg-color: #0073aa; --spdfed-button-bg-color-hover: #005177; --spdfed-button-text-color: #fff;
--spdfed-button-text-color-hover: #fff;
--spdfed-button-transition: all 0.2s ease-in-out, border-color 0.2s ease-in-out;
--spdfed-error-text-color: #D8000C;
--spdfed-error-bg-color: #FFD2D2;
max-width: var(--spdfed-max-width);
margin: var(--spdfed-margin);
color: var(--spdfed-text-color);
}
.spdfed-form {
border: 1px solid var(--spdfed-border-color);
padding: var(--spdfed-padding);
border-radius: var(--spdfed-border-radius);
}
.spdfed-form-row {
margin-bottom: 10px;
}
.spdfed-input {
width: 100%;
padding: var(--spdfed-input-padding);
box-sizing: border-box;
border-radius: var(--spdfed-border-radius);
border: 1px solid var(--spdfed-border-color);
}
.spdfed-button {
width: 100%;
padding: var(--spdfed-input-padding) var(--spdfed-padding);
cursor: pointer;
box-sizing: border-box;
border: 1px solid var(--spdfed-button-bg-color);
border-radius: var(--spdfed-border-radius);
background-color: var(--spdfed-button-bg-color);
color: var(--spdfed-button-text-color);
transition: var(--spdfed-button-transition);
}
.spdfed-button:hover,
.spdfed-button:focus {
background-color: var(--spdfed-button-bg-color-hover);
border-color: var(--spdfed-button-bg-color-hover);
color: var(--spdfed-button-text-color-hover);
}
.spdfed-checkbox-label {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 0.9em;
}
.spdfed-error-message {
color: var(--spdfed-error-text-color); 
background-color: var(--spdfed-error-bg-color); 
border: 1px solid var(--spdfed-error-text-color);
padding: var(--spdfed-padding);
margin-bottom: 15px;
border-radius: var(--spdfed-border-radius);
}
.spdfed-thank-you {
border: 1px solid var(--spdfed-border-color);
padding: var(--spdfed-padding);
border-radius: var(--spdfed-border-radius);
}
.spdfed-thank-you p {
margin: 0;
} .spdfed-cpt-notice {
margin-left: 0;
margin-right: 0;
margin-bottom: 15px;
} .spdfed-help-panel {
border: 1px solid #c3c4c7;
border-radius: 4px;
margin-top: 1em;
background: #fff;
}
.spdfed-help-panel summary {
cursor: pointer;
padding: 10px 15px;
font-weight: 600;
}
.spdfed-help-panel summary:hover {
background-color: #f6f7f7;
}
.spdfed-help-content {
padding: 0 15px 15px;
border-top: 1px solid #c3c4c7;
}
.spdfed-code-example {
background: #f6f7f7;
border: 1px solid #c3c4c7;
padding: 10px;
border-radius: 4px;
white-space: pre-wrap;
word-break: break-all;
}
.spdfed-variable-list {
list-style: disc;
padding-left: 20px;
}