/* Broken Link Checker CSS */

.tool-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

#urlInput {
    height: 3.5rem;
    font-size: 1.1rem;
}

#urlInput:focus {
    box-shadow: none;
    border-color: #dee2e6;
}

/* Custom focus ring */
.input-group:focus-within {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
    border-radius: 0.5rem;
}

.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text {
    border-color: #dc3545;
}

.animate__fadeIn {
    animation-duration: 0.5s;
}

/* Status Badges */
.badge-status-200 {
    background-color: #198754;
    color: white;
}

.badge-status-301,
.badge-status-302 {
    background-color: #ffc107;
    color: #000;
}

.badge-status-404 {
    background-color: #dc3545;
    color: white;
}

.badge-status-500 {
    background-color: #212529;
    color: white;
}

.badge-status-0 {
    background-color: #6c757d;
    color: white;
}

.status-cell {
    font-family: monospace;
    font-weight: bold;
}

.url-cell {
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.link-text-cell {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: italic;
    color: #6c757d;
}