/* Marco's Contract Portal - Custom Styles */

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.btn-danger {
    background-color: #c8102e;
    border-color: #c8102e;
}

.btn-danger:hover {
    background-color: #a50d25;
    border-color: #a50d25;
}

.btn-outline-danger {
    color: #c8102e;
    border-color: #c8102e;
}

.btn-outline-danger:hover {
    background-color: #c8102e;
    border-color: #c8102e;
}

/* Toast-style success messages */
.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

/* Draft styling in contract list */
.draft-row {
    color: #6c757d;
    font-style: italic;
}

/* Tooltip hint on status badges */
.badge[title] {
    cursor: help;
}

/* Placeholders read as light guidance, not solid text */
.form-control::placeholder {
    color: #adb5bd;
    font-style: italic;
    opacity: 1;
}

/* In-field show/hide password eye toggle */
.pw-wrap {
    position: relative;
    display: block;
}
.pw-wrap input {
    padding-right: 2.5rem;
}
.pw-toggle {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    border: 0;
    background: transparent;
    padding: 0 .6rem;
    color: #6c757d;
    cursor: pointer;
}
.pw-toggle:hover {
    color: #212529;
}
.pw-toggle svg {
    width: 18px;
    height: 18px;
    display: block;
}

/* Small, light field hint; turns red on a validation violation */
.field-hint {
    display: block;
    margin-top: .25rem;
    font-size: .8rem;
    color: #8a939b;
}
.field-hint--error {
    color: #c8102e;
}