/* Inline styles moved to external CSS file for CSP compliance */

/* Form field styles */
.mat-form-field .mat-label {
    margin-top: -30px !important;
}

/* Error message styles */
.error-message {
    margin: auto;
    width: 80%;
}

.error-message-center {
    width: 80%;
    margin: auto;
}

/* Hidden input styles */
.hidden-input {
    display: none;
}

.visibility-hidden {
    visibility: hidden;
}

/* Background image styles */
.pipe-background {
    background-image: url(./../../../../assets/images/logo/pipeimage.svg);
    background-repeat: no-repeat, repeat;
    background-size: auto;
}

/* Width styles */
.full-width {
    width: 100%;
}

/* SVG animation styles */
.svg-animation {
    stroke-dasharray: 480px, 480px;
    stroke-dashoffset: 960px;
}

.svg-animation-small {
    stroke-dasharray: 100px, 100px;
    stroke-dashoffset: 200px;
}

/* File input styles */
.file-input {
    display: none;
}

/* Theme background styles */
.theme-background {
    background-color: var(--theme-primary);
}

/* Text alignment styles */
.text-align-center {
    text-align: center;
}

/* Margin and padding utilities */
.margin-auto {
    margin: auto;
}

.width-80 {
    width: 80%;
}

/* Material form field custom styles */
.mat-label-custom {
    margin-top: -30px !important;
}

/* Custom form field styles */
.custom-form-field {
    margin-top: -30px !important;
}

/* Error display styles */
.error-display {
    margin: auto;
    width: 80%;
    font-weight: bold;
    text-align: center;
}

/* Background styles for login pages */
.login-background {
    background-image: url(./../../../../assets/images/logo/pipeimage.svg);
    background-repeat: no-repeat, repeat;
    background-size: auto;
}

/* Animation styles for validation */
.validation-animation {
    stroke-dasharray: 480px, 480px;
    stroke-dashoffset: 960px;
}

.validation-checkmark {
    stroke-dasharray: 100px, 100px;
    stroke-dashoffset: 200px;
}

/* Custom positioning styles */
.custom-top-position {
    top: 275px;
}

/* Border styles */
.no-border {
    border: 0;
}

/* Chat message spacing */
.chat-message-spacing {
    margin: 11px 0 !important;
    padding: 0 !important;
}