body { 
    font-family: 'Inter', sans-serif; 
}

.status-icon { 
    width: 1rem; 
    height: 1rem; 
    border-radius: 50%; 
    display: inline-block; 
    margin-right: 0.5rem; 
    flex-shrink: 0; 
}

.status-unknown { background-color: #9ca3af; }
.status-ok { background-color: #22c55e; }
.status-error { background-color: #ef4444; }
.status-checking { 
    background-color: #f59e0b; 
    animation: pulse 1.5s infinite; 
}

@keyframes pulse { 
    0%, 100% { opacity: 1; } 
    50% { opacity: 0.5; } 
}

.url-input { 
    word-break: break-all; 
}

.control-btn { 
    transition: all 0.2s ease-in-out; 
}

.control-btn:hover { 
    transform: translateY(-1px); 
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); 
}

/* 重複URLハイライト用スタイル */
.duplicate-url {
    border-color: #ef4444; /* red-500 */
    border-width: 2px;
    background-color: #fee2e2; /* red-100 */
    box-shadow: 0 0 8px rgba(239, 68, 68, 0.7);
    animation: blink-bg 1.5s infinite;
}

/* リンク切れURLハイライト用スタイル */
.broken-link-url {
    border-color: #f87171; /* red-400 */
    background-color: #fee2e2; /* red-100 */
}

@keyframes blink-bg {
    50% {
        background-color: #fef2f2; /* red-50 */
    }
}


/* モーダル用のスタイル */
.modal-backdrop {
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex; 
    justify-content: center; 
    align-items: center;
    z-index: 50;
}